unify-token
Advanced tools
Comparing version
const spacing = { | ||
lvl1: '2px', | ||
lvl2: '4px', | ||
lvl3: '8px', | ||
lvl4: '16px', | ||
lvl5: '24px', | ||
lvl6: '32px', | ||
lvl7: '40px', | ||
lvl8: '48px' | ||
lv1: '2px', | ||
lv2: '4px', | ||
lv3: '8px', | ||
lv4: '16px', | ||
lv5: '24px', | ||
lv6: '32px', | ||
lv7: '40px', | ||
lv8: '48px' | ||
}; | ||
const spacingRAW = { | ||
lvl1: 2, | ||
lvl2: 4, | ||
lvl3: 8, | ||
lvl4: 16, | ||
lvl5: 24, | ||
lvl6: 32, | ||
lvl7: 40, | ||
lvl8: 48 | ||
lv1: 2, | ||
lv2: 4, | ||
lv3: 8, | ||
lv4: 16, | ||
lv5: 24, | ||
lv6: 32, | ||
lv7: 40, | ||
lv8: 48 | ||
}; | ||
const layout = { | ||
lvl1: '8px', | ||
lvl2: '16px', | ||
lvl3: '24px', | ||
lvl4: '32px', | ||
lvl5: '40px', | ||
lvl6: '48px', | ||
lvl7: '64px', | ||
lvl8: '96px', | ||
lvl9: '128px' | ||
lv1: '8px', | ||
lv2: '16px', | ||
lv3: '24px', | ||
lv4: '32px', | ||
lv5: '40px', | ||
lv6: '48px', | ||
lv7: '64px', | ||
lv8: '96px', | ||
lv9: '128px' | ||
}; | ||
const layoutRAW = { | ||
lvl1: 8, | ||
lvl2: 16, | ||
lvl3: 24, | ||
lvl4: 32, | ||
lvl5: 40, | ||
lvl6: 48, | ||
lvl7: 64, | ||
lvl8: 96, | ||
lvl9: 128 | ||
lv1: 8, | ||
lv2: 16, | ||
lv3: 24, | ||
lv4: 32, | ||
lv5: 40, | ||
lv6: 48, | ||
lv7: 64, | ||
lv8: 96, | ||
lv9: 128 | ||
}; | ||
@@ -46,0 +46,0 @@ |
@@ -10,25 +10,25 @@ const fontType = { | ||
const fontSize = { | ||
lvl1: '10px', | ||
lvl2: '12px', | ||
lvl3: '14px', | ||
lvl4: '16px', | ||
lvl5: '18px', | ||
lvl6: '20px', | ||
lvl7: '24px', | ||
lvl8: '28px', | ||
lvl9: '34px', | ||
lvl10: '38px' | ||
lv1: '10px', | ||
lv2: '12px', | ||
lv3: '14px', | ||
lv4: '16px', | ||
lv5: '18px', | ||
lv6: '20px', | ||
lv7: '24px', | ||
lv8: '28px', | ||
lv9: '32px', | ||
lv10: '38px' | ||
}; | ||
const fontSizeRAW = { | ||
lvl1: 10, | ||
lvl2: 12, | ||
lvl3: 14, | ||
lvl4: 16, | ||
lvl5: 18, | ||
lvl6: 20, | ||
lvl7: 24, | ||
lvl8: 28, | ||
lvl9: 34, | ||
lvl10: 38 | ||
lv1: 10, | ||
lv2: 12, | ||
lv3: 14, | ||
lv4: 16, | ||
lv5: 18, | ||
lv6: 20, | ||
lv7: 24, | ||
lv8: 28, | ||
lv9: 32, | ||
lv10: 38 | ||
}; | ||
@@ -43,33 +43,49 @@ | ||
const lineHeight = { | ||
lvl1: '16px', | ||
lvl2: '18px', | ||
lvl3: '20px', | ||
lvl4: '22px', | ||
lvl5: '24px', | ||
lvl6: '26px', | ||
lvl7: '30px', | ||
lvl8: '34px', | ||
lvl9: '40px', | ||
lvl10: '44px' | ||
lv1: '14px', | ||
lv2: '16px', | ||
lv3: '18px', | ||
lv4: '20px', | ||
lv5: '22px', | ||
lv6: '24px', | ||
lv7: '26px', | ||
lv8: '28px', | ||
lv9: '30px', | ||
lv10: '34px', | ||
lv11: '40px', | ||
lv12: '46px' | ||
}; | ||
const lineHeightRAW = { | ||
lvl1: 16, | ||
lvl2: 18, | ||
lvl3: 20, | ||
lvl4: 22, | ||
lvl5: 24, | ||
lvl6: 26, | ||
lvl7: 30, | ||
lvl8: 34, | ||
lvl9: 40, | ||
lvl10: 44 | ||
lv1: 14, | ||
lv2: 16, | ||
lv3: 18, | ||
lv4: 20, | ||
lv5: 22, | ||
lv6: 24, | ||
lv7: 26, | ||
lv8: 28, | ||
lv9: 30, | ||
lv10: 34, | ||
lv11: 40, | ||
lv12: 46 | ||
}; | ||
const tracking = { | ||
tightest: '-0.4px', | ||
tighter: '-0.2px', | ||
tight: '-0.1px', | ||
normal: '0px', | ||
wide: '0.1px', | ||
wider: '0.2px', | ||
widest: '0.3px' | ||
}; | ||
const trackingRAW = { | ||
tightest: -0.4, | ||
tighter: -0.2, | ||
tight: -0.1, | ||
normal: 0.1, | ||
wide: 0.2, | ||
wider: 0.3 | ||
normal: 0, | ||
wide: 0.1, | ||
wider: 0.2, | ||
widest: 0.3 | ||
}; | ||
@@ -84,3 +100,4 @@ | ||
lineHeightRAW, | ||
tracking | ||
tracking, | ||
trackingRAW | ||
}; |
@@ -39,2 +39,4 @@ export const fontFamilyStackHeading: string | any; | ||
export const lineHeightLv10: string | any; | ||
export const lineHeightLv11: string | any; | ||
export const lineHeightLv12: string | any; | ||
export const lineHeightRAWLv1: number | any; | ||
@@ -50,6 +52,17 @@ export const lineHeightRAWLv2: number | any; | ||
export const lineHeightRAWLv10: number | any; | ||
export const trackingTighter: number | any; | ||
export const trackingTight: number | any; | ||
export const trackingNormal: number | any; | ||
export const trackingWide: number | any; | ||
export const trackingWider: number | any; | ||
export const lineHeightRAWLv11: number | any; | ||
export const lineHeightRAWLv12: number | any; | ||
export const trackingTightest: string | any; | ||
export const trackingTighter: string | any; | ||
export const trackingTight: string | any; | ||
export const trackingNormal: string | any; | ||
export const trackingWide: string | any; | ||
export const trackingWider: string | any; | ||
export const trackingWidest: string | any; | ||
export const trackingRAWTightest: number | any; | ||
export const trackingRAWTighter: number | any; | ||
export const trackingRAWTight: number | any; | ||
export const trackingRAWNormal: number | any; | ||
export const trackingRAWWide: number | any; | ||
export const trackingRAWWider: number | any; | ||
export const trackingRAWWidest: number | any; |
@@ -17,3 +17,3 @@ // Font Family | ||
export const fontSizeLv8 = '28px'; | ||
export const fontSizeLv9 = '34px'; | ||
export const fontSizeLv9 = '32px'; | ||
export const fontSizeLv10 = '38px'; | ||
@@ -30,3 +30,3 @@ | ||
export const fontSizeRAWLv8 = 28; | ||
export const fontSizeRAWLv9 = 34; | ||
export const fontSizeRAWLv9 = 32; | ||
export const fontSizeRAWLv10 = 38; | ||
@@ -40,30 +40,45 @@ | ||
// Line Height | ||
export const lineHeightLv1 = '16px'; | ||
export const lineHeightLv2 = '18px'; | ||
export const lineHeightLv3 = '20px'; | ||
export const lineHeightLv4 = '22px'; | ||
export const lineHeightLv5 = '24px'; | ||
export const lineHeightLv6 = '26px'; | ||
export const lineHeightLv7 = '30px'; | ||
export const lineHeightLv8 = '34px'; | ||
export const lineHeightLv9 = '40px'; | ||
export const lineHeightLv10 = '44px'; | ||
export const lineHeightLv1 = '14px'; | ||
export const lineHeightLv2 = '16px'; | ||
export const lineHeightLv3 = '18px'; | ||
export const lineHeightLv4 = '20px'; | ||
export const lineHeightLv5 = '22px'; | ||
export const lineHeightLv6 = '24px'; | ||
export const lineHeightLv7 = '26px'; | ||
export const lineHeightLv8 = '28px'; | ||
export const lineHeightLv9 = '30px'; | ||
export const lineHeightLv10 = '34px'; | ||
export const lineHeightLv11 = '40px'; | ||
export const lineHeightLv12 = '46px'; | ||
// Line Height - Unformatted | ||
export const lineHeightRAWLv1 = 16; | ||
export const lineHeightRAWLv2 = 18; | ||
export const lineHeightRAWLv3 = 20; | ||
export const lineHeightRAWLv4 = 22; | ||
export const lineHeightRAWLv5 = 24; | ||
export const lineHeightRAWLv6 = 26; | ||
export const lineHeightRAWLv7 = 30; | ||
export const lineHeightRAWLv8 = 34; | ||
export const lineHeightRAWLv9 = 40; | ||
export const lineHeightRAWLv10 = 44; | ||
export const lineHeightRAWLv1 = 14; | ||
export const lineHeightRAWLv2 = 16; | ||
export const lineHeightRAWLv3 = 18; | ||
export const lineHeightRAWLv4 = 20; | ||
export const lineHeightRAWLv5 = 22; | ||
export const lineHeightRAWLv6 = 24; | ||
export const lineHeightRAWLv7 = 26; | ||
export const lineHeightRAWLv8 = 28; | ||
export const lineHeightRAWLv9 = 30; | ||
export const lineHeightRAWLv10 = 34; | ||
export const lineHeightRAWLv11 = 40; | ||
export const lineHeightRAWLv12 = 46; | ||
// Tracking | ||
export const trackingTighter = -0.2; | ||
export const trackingTight = -0.1; | ||
export const trackingNormal = 0.1; | ||
export const trackingWide = 0.2; | ||
export const trackingWider = 0.3; | ||
export const trackingTightest = '-0.4px'; | ||
export const trackingTighter = '-0.2px'; | ||
export const trackingTight = '-0.1px'; | ||
export const trackingNormal = '0px'; | ||
export const trackingWide = '0.1px'; | ||
export const trackingWider = '0.2px'; | ||
export const trackingWidest = '0.3px'; | ||
// Tracking - Unformatted | ||
export const trackingRAWTightest = -0.4; | ||
export const trackingRAWTighter = -0.2; | ||
export const trackingRAWTight = -0.1; | ||
export const trackingRAWNormal = 0; | ||
export const trackingRAWWide = 0.1; | ||
export const trackingRAWWider = 0.2; | ||
export const trackingRAWWidest = 0.3; |
@@ -10,4 +10,6 @@ # Change Log | ||
<!-- Start of Current Changelog --> | ||
## 2.2.1 | ||
* :star2: add optional type `any` | ||
<!-- End of Current Changelog --> | ||
@@ -14,0 +16,0 @@ ## 2.2.0 |
{ | ||
"name": "unify-token", | ||
"version": "2.2.1", | ||
"version": "2.2.2-dev-1", | ||
"description": "Design Tokens for the Unify Design System", | ||
@@ -13,2 +13,3 @@ "main": "build/index.js", | ||
"clean": "rimraf ./build ./colors ./typography ./grids ./motions ./spacings", | ||
"deploy": "node ../../scripts/deploy/publish.js", | ||
"movepack": "sh ../../scripts/movepack.sh", | ||
@@ -15,0 +16,0 @@ "release": "sh ../../scripts/publish.sh", |
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
69757
2.12%1621
2.72%2
100%