unify-token
Advanced tools
Comparing version 2.0.0-beta-8 to 2.0.0-beta-9
// Neutral | ||
export const N0 = 'var(--N0, #FFFFFF)'; | ||
export const N0_hex = '#FFFFFF'; | ||
export const N0_rgba96 = 'rgba(255, 255, 255, 0.96)'; | ||
export const N0_rgba68 = 'rgba(255, 255, 255, 0.68)'; | ||
export const N0_rgba44 = 'rgba(255, 255, 255, 0.44)'; | ||
export const N0_rgba32 = 'rgba(255, 255, 255, 0.32)'; | ||
export const N0_rgba20 = 'rgba(255, 255, 255, 0.2)'; | ||
export const N0L = '#FFFFFF'; | ||
export const N100 = 'var(--N100, #DBDEE2)'; | ||
export const N100_hex = '#DBDEE2'; | ||
export const N100_rgba96 = 'rgba(219, 222, 226, 0.96)'; | ||
export const N100_rgba68 = 'rgba(219, 222, 226, 0.68)'; | ||
export const N100_rgba44 = 'rgba(219, 222, 226, 0.44)'; | ||
export const N100_rgba32 = 'rgba(219, 222, 226, 0.32)'; | ||
export const N100_rgba20 = 'rgba(219, 222, 226, 0.2)'; | ||
export const N100L = '#DBDEE2'; | ||
export const N200 = 'var(--N200, #9FA6B0)'; | ||
export const N200_hex = '#9FA6B0'; | ||
export const N200_rgba96 = 'rgba(159, 166, 176, 0.96)'; | ||
export const N200_rgba68 = 'rgba(159, 166, 176, 0.68)'; | ||
export const N200_rgba44 = 'rgba(159, 166, 176, 0.44)'; | ||
export const N200_rgba32 = 'rgba(159, 166, 176, 0.32)'; | ||
export const N200_rgba20 = 'rgba(159, 166, 176, 0.2)'; | ||
export const N200L = '#9FA6B0'; | ||
export const N300 = 'var(--N300, #838994)'; | ||
export const N300_hex = '#838994'; | ||
export const N300_rgba96 = 'rgba(131, 137, 148, 0.96)'; | ||
export const N300_rgba68 = 'rgba(131, 137, 148, 0.68)'; | ||
export const N300_rgba44 = 'rgba(131, 137, 148, 0.44)'; | ||
export const N300_rgba32 = 'rgba(131, 137, 148, 0.32)'; | ||
export const N300_rgba20 = 'rgba(131, 137, 148, 0.2)'; | ||
export const N300L = '#838994'; | ||
export const N400 = 'var(--N400, #6C727C)'; | ||
export const N400_hex = '#6C727C'; | ||
export const N400_rgba96 = 'rgba(108, 114, 124, 0.96)'; | ||
export const N400_rgba68 = 'rgba(108, 114, 124, 0.68)'; | ||
export const N400_rgba44 = 'rgba(108, 114, 124, 0.44)'; | ||
export const N400_rgba32 = 'rgba(108, 114, 124, 0.32)'; | ||
export const N400_rgba20 = 'rgba(108, 114, 124, 0.2)'; | ||
export const N400L = '#6C727C'; | ||
export const N500 = 'var(--N500, #52565E)'; | ||
export const N500_hex = '#52565E'; | ||
export const N500_rgba96 = 'rgba(82, 86, 94, 0.96)'; | ||
export const N500_rgba68 = 'rgba(82, 86, 94, 0.68)'; | ||
export const N500_rgba44 = 'rgba(82, 86, 94, 0.44)'; | ||
export const N500_rgba32 = 'rgba(82, 86, 94, 0.32)'; | ||
export const N500_rgba20 = 'rgba(82, 86, 94, 0.2)'; | ||
export const N500L = '#52565E'; | ||
export const N600 = 'var(--N600, #40454C)'; | ||
export const N600_hex = '#40454C'; | ||
export const N600_rgba96 = 'rgba(64, 69, 76, 0.96)'; | ||
export const N600_rgba68 = 'rgba(64, 69, 76, 0.68)'; | ||
export const N600_rgba44 = 'rgba(64, 69, 76, 0.44)'; | ||
export const N600_rgba32 = 'rgba(64, 69, 76, 0.32)'; | ||
export const N600_rgba20 = 'rgba(64, 69, 76, 0.2)'; | ||
export const N600L = '#40454C'; | ||
export const N700 = 'var(--N700, #31353B)'; | ||
export const N700_hex = '#31353B'; | ||
export const N700_rgba96 = 'rgba(49, 53, 59, 0.96)'; | ||
export const N700_rgba68 = 'rgba(49, 53, 59, 0.68)'; | ||
export const N700_rgba44 = 'rgba(49, 53, 59, 0.44)'; | ||
export const N700_rgba32 = 'rgba(49, 53, 59, 0.32)'; | ||
export const N700_rgba20 = 'rgba(49, 53, 59, 0.2)'; | ||
export const N700L = '#31353B'; | ||
export const N50 = 'var(--N50, #F3F4F5)'; | ||
export const N50_hex = '#F3F4F5'; | ||
export const N50_rgba96 = 'rgba(243, 244, 245, 0.96)'; | ||
export const N50_rgba68 = 'rgba(243, 244, 245, 0.68)'; | ||
export const N50_rgba44 = 'rgba(243, 244, 245, 0.44)'; | ||
export const N50_rgba32 = 'rgba(243, 244, 245, 0.32)'; | ||
export const N50_rgba20 = 'rgba(243, 244, 245, 0.2)'; | ||
export const N50L = '#F3F4F5'; | ||
export const N75 = 'var(--N75, #E5E7E9)'; | ||
export const N75_hex = '#E5E7E9'; | ||
export const N75_rgba96 = 'rgba(229, 231, 233, 0.96)'; | ||
export const N75_rgba68 = 'rgba(229, 231, 233, 0.68)'; | ||
export const N75_rgba44 = 'rgba(229, 231, 233, 0.44)'; | ||
export const N75_rgba32 = 'rgba(229, 231, 233, 0.32)'; | ||
export const N75_rgba20 = 'rgba(229, 231, 233, 0.2)'; | ||
export const N75L = '#E5E7E9'; | ||
export const N150 = 'var(--N150, #B5BBC5)'; | ||
export const N150_hex = '#B5BBC5'; | ||
export const N150_rgba96 = 'rgba(181, 187, 197, 0.96)'; | ||
export const N150_rgba68 = 'rgba(181, 187, 197, 0.68)'; | ||
export const N150_rgba44 = 'rgba(181, 187, 197, 0.44)'; | ||
export const N150_rgba32 = 'rgba(181, 187, 197, 0.32)'; | ||
export const N150_rgba20 = 'rgba(181, 187, 197, 0.2)'; | ||
export const N150L = '#B5BBC5'; | ||
// Red | ||
export const R200 = 'var(--R200, #FFCCD9)'; | ||
export const R200_hex = '#FFCCD9'; | ||
export const R200L = '#FFCCD9'; | ||
export const R300 = 'var(--R300, #FD8AA7)'; | ||
export const R300_hex = '#FD8AA7'; | ||
export const R300L = '#FD8AA7'; | ||
export const R400 = 'var(--R400, #FF5C84)'; | ||
export const R400_hex = '#FF5C84'; | ||
export const R400L = '#FF5C84'; | ||
export const R500 = 'var(--R500, #EF144A)'; | ||
export const R500_hex = '#EF144A'; | ||
export const R500L = '#EF144A'; | ||
export const R600 = 'var(--R600, #D6001C)'; | ||
export const R600_hex = '#D6001C'; | ||
export const R600L = '#D6001C'; | ||
export const R700 = 'var(--R700, #950013)'; | ||
export const R700_hex = '#950013'; | ||
export const R700L = '#950013'; | ||
export const R800 = 'var(--R800, #68000D)'; | ||
export const R800_hex = '#68000D'; | ||
export const R800L = '#68000D'; | ||
export const R900 = 'var(--R900, #480009)'; | ||
export const R900_hex = '#480009'; | ||
export const R900L = '#480009'; | ||
export const R100 = 'var(--R100, #FFEAEF)'; | ||
export const R100_hex = '#FFEAEF'; | ||
export const R100L = '#FFEAEF'; | ||
// Green | ||
export const G100 = 'var(--G100, #EBFFEF)'; | ||
export const G100_hex = '#EBFFEF'; | ||
export const G100L = '#EBFFEF'; | ||
export const G200 = 'var(--G200, #D6FFDE)'; | ||
export const G200_hex = '#D6FFDE'; | ||
export const G200L = '#D6FFDE'; | ||
export const G300 = 'var(--G300, #82EF95)'; | ||
export const G300_hex = '#82EF95'; | ||
export const G300L = '#82EF95'; | ||
export const G400 = 'var(--G400, #4FD15A)'; | ||
export const G400_hex = '#4FD15A'; | ||
export const G400L = '#4FD15A'; | ||
export const G500 = 'var(--G500, #03AC0E)'; | ||
export const G500_hex = '#03AC0E'; | ||
export const G500L = '#03AC0E'; | ||
export const G600 = 'var(--G600, #12883D)'; | ||
export const G600_hex = '#12883D'; | ||
export const G600L = '#12883D'; | ||
export const G700 = 'var(--G700, #005600)'; | ||
export const G700_hex = '#005600'; | ||
export const G700L = '#005600'; | ||
export const G800 = 'var(--G800, #003C00)'; | ||
export const G800_hex = '#003C00'; | ||
export const G800L = '#003C00'; | ||
export const G900 = 'var(--G900, #002A00)'; | ||
export const G900_hex = '#002A00'; | ||
export const G900L = '#002A00'; | ||
// Blue | ||
export const B100 = 'var(--B100, #E5F5FF)'; | ||
export const B100_hex = '#E5F5FF'; | ||
export const B100L = '#E5F5FF'; | ||
export const B200 = 'var(--B200, #CCEBFF)'; | ||
export const B200_hex = '#CCEBFF'; | ||
export const B200L = '#CCEBFF'; | ||
export const B300 = 'var(--B300, #77CAFF)'; | ||
export const B300_hex = '#77CAFF'; | ||
export const B300L = '#77CAFF'; | ||
export const B400 = 'var(--B400, #32AFFF)'; | ||
export const B400_hex = '#32AFFF'; | ||
export const B400L = '#32AFFF'; | ||
export const B500 = 'var(--B500, #009BFF)'; | ||
export const B500_hex = '#009BFF'; | ||
export const B500L = '#009BFF'; | ||
export const B600 = 'var(--B600, #0066A9)'; | ||
export const B600_hex = '#0066A9'; | ||
export const B600L = '#0066A9'; | ||
export const B700 = 'var(--B700, #004776)'; | ||
export const B700_hex = '#004776'; | ||
export const B700L = '#004776'; | ||
export const B800 = 'var(--B800, #003152)'; | ||
export const B800_hex = '#003152'; | ||
export const B800L = '#003152'; | ||
export const B900 = 'var(--B900, #002239)'; | ||
export const B900_hex = '#002239'; | ||
export const B900L = '#002239'; | ||
// Purple | ||
export const P100 = 'var(--P100, #FBE7FF)'; | ||
export const P100_hex = '#FBE7FF'; | ||
export const P100L = '#FBE7FF'; | ||
export const P200 = 'var(--P200, #EEBBFF)'; | ||
export const P200_hex = '#EEBBFF'; | ||
export const P200L = '#EEBBFF'; | ||
export const P300 = 'var(--P300, #D07EFF)'; | ||
export const P300_hex = '#D07EFF'; | ||
export const P300L = '#D07EFF'; | ||
export const P400 = 'var(--P400, #AC43F6)'; | ||
export const P400_hex = '#AC43F6'; | ||
export const P400L = '#AC43F6'; | ||
export const P500 = 'var(--P500, #9022DC)'; | ||
export const P500_hex = '#9022DC'; | ||
export const P500L = '#9022DC'; | ||
export const P600 = 'var(--P600, #7A08C9)'; | ||
export const P600_hex = '#7A08C9'; | ||
export const P600L = '#7A08C9'; | ||
export const P700 = 'var(--P700, #55058C)'; | ||
export const P700_hex = '#55058C'; | ||
export const P700L = '#55058C'; | ||
export const P800 = 'var(--P800, #3B0362)'; | ||
export const P800_hex = '#3B0362'; | ||
export const P800L = '#3B0362'; | ||
export const P900 = 'var(--P900, #290244)'; | ||
export const P900_hex = '#290244'; | ||
export const P900L = '#290244'; | ||
// Teal | ||
export const T400 = 'var(--T400, #84C6C9)'; | ||
export const T400_hex = '#84C6C9'; | ||
export const T400L = '#84C6C9'; | ||
export const T500 = 'var(--T500, #689C9E)'; | ||
export const T500_hex = '#689C9E'; | ||
export const T500L = '#689C9E'; | ||
export const T600 = 'var(--T600, #3A6E70)'; | ||
export const T600_hex = '#3A6E70'; | ||
export const T600L = '#3A6E70'; | ||
export const T700 = 'var(--T700, #284D4E)'; | ||
export const T700_hex = '#284D4E'; | ||
export const T700L = '#284D4E'; | ||
export const T800 = 'var(--T800, #1C3536)'; | ||
export const T800_hex = '#1C3536'; | ||
export const T800L = '#1C3536'; | ||
export const T900 = 'var(--T900, #132525)'; | ||
export const T900_hex = '#132525'; | ||
export const T900L = '#132525'; | ||
export const T100 = 'var(--T100, #EBF6F6)'; | ||
export const T100_hex = '#EBF6F6'; | ||
export const T100L = '#EBF6F6'; | ||
export const T200 = 'var(--T200, #D2F2F2)'; | ||
export const T200_hex = '#D2F2F2'; | ||
export const T200L = '#D2F2F2'; | ||
export const T300 = 'var(--T300, #B0E2E5)'; | ||
export const T300_hex = '#B0E2E5'; | ||
export const T300L = '#B0E2E5'; | ||
// Yellow | ||
export const Y900 = 'var(--Y900, #3B1506)'; | ||
export const Y900_hex = '#3B1506'; | ||
export const Y900L = '#3B1506'; | ||
export const Y100 = 'var(--Y100, #FFFAE6)'; | ||
export const Y100_hex = '#FFFAE6'; | ||
export const Y100L = '#FFFAE6'; | ||
export const Y200 = 'var(--Y200, #FFF0B3)'; | ||
export const Y200_hex = '#FFF0B3'; | ||
export const Y200L = '#FFF0B3'; | ||
export const Y300 = 'var(--Y300, #FFC400)'; | ||
export const Y300_hex = '#FFC400'; | ||
export const Y300L = '#FFC400'; | ||
export const Y400 = 'var(--Y400, #FF8B00)'; | ||
export const Y400_hex = '#FF8B00'; | ||
export const Y400L = '#FF8B00'; | ||
export const Y500 = 'var(--Y500, #FA591D)'; | ||
export const Y500_hex = '#FA591D'; | ||
export const Y500L = '#FA591D'; | ||
export const Y600 = 'var(--Y600, #AF3E14)'; | ||
export const Y600_hex = '#AF3E14'; | ||
export const Y600L = '#AF3E14'; | ||
export const Y700 = 'var(--Y700, #7A2B0E)'; | ||
export const Y700_hex = '#7A2B0E'; | ||
export const Y700L = '#7A2B0E'; | ||
export const Y800 = 'var(--Y800, #551E09)'; | ||
export const Y800_hex = '#551E09'; | ||
export const Y800L = '#551E09'; | ||
@@ -200,0 +145,0 @@ // Functional |
{ | ||
"name": "unify-token", | ||
"version": "2.0.0-beta-8", | ||
"version": "2.0.0-beta-9", | ||
"description": "Design Tokens for the Unify Design System", | ||
@@ -5,0 +5,0 @@ "main": "build/index.js", |
28791
714