unify-token - npm Package Compare versions

Comparing version 2.0.0-beta-6 to 2.0.0-beta-7

build/color.js

@@ -88,11 +88,20 @@ const Neutral = {
 const Functional = {
+  colorToggleOff: '#6C727C',
   colorSearchbar: '#F3F4F5',
   colorPageBackground: '#FFFFFF',
+  colorTickerWarning: '#FFFAE6',
+  colorToasterError: '#D6001C',
+  colorIconDisabled: '#DBDEE2',
   colorOverlay: '#31353B',
+  colorTickerInfo: '#F3F4F5',
+  colorTickerDefault: '#EBF6F6',
   colorShadow: '#31353B',
   colorDivider: '#E5E7E9',
+  colorTickerError: '#FFEAEF',
   colorTextDisabled: '#31353B',
+  colorIconEnabled: '#6C727C',
   colorTextHigh: '#31353B',
   colorCard: '#FFFFFF',
   colorTextPlaceholder: '#31353B',
+  colorToasterDefault: '#31353B',
   colorTextLow: '#31353B'
@@ -99,0 +108,0 @@ }

build/v2/colors.js

 // Neutral
 export const N0 = 'var(--N0, #FFFFFF)';
+export const N0_hex = '#FFFFFF';
 export const N0_rgba96 = 'rgba(255, 255, 255, 0.96)';
@@ -8,4 +9,4 @@ export const N0_rgba68 = 'rgba(255, 255, 255, 0.68)';
 export const N0_rgba20 = 'rgba(255, 255, 255, 0.2)';
-export const N0_hex = '#FFFFFF';
 export const N100 = 'var(--N100, #DBDEE2)';
+export const N100_hex = '#DBDEE2';
 export const N100_rgba96 = 'rgba(219, 222, 226, 0.96)';
@@ -16,4 +17,4 @@ export const N100_rgba68 = 'rgba(219, 222, 226, 0.68)';
 export const N100_rgba20 = 'rgba(219, 222, 226, 0.2)';
-export const N100_hex = '#DBDEE2';
 export const N200 = 'var(--N200, #9FA6B0)';
+export const N200_hex = '#9FA6B0';
 export const N200_rgba96 = 'rgba(159, 166, 176, 0.96)';
@@ -24,4 +25,4 @@ export const N200_rgba68 = 'rgba(159, 166, 176, 0.68)';
 export const N200_rgba20 = 'rgba(159, 166, 176, 0.2)';
-export const N200_hex = '#9FA6B0';
 export const N300 = 'var(--N300, #838994)';
+export const N300_hex = '#838994';
 export const N300_rgba96 = 'rgba(131, 137, 148, 0.96)';
@@ -32,4 +33,4 @@ export const N300_rgba68 = 'rgba(131, 137, 148, 0.68)';
 export const N300_rgba20 = 'rgba(131, 137, 148, 0.2)';
-export const N300_hex = '#838994';
 export const N400 = 'var(--N400, #6C727C)';
+export const N400_hex = '#6C727C';
 export const N400_rgba96 = 'rgba(108, 114, 124, 0.96)';
@@ -40,4 +41,4 @@ export const N400_rgba68 = 'rgba(108, 114, 124, 0.68)';
 export const N400_rgba20 = 'rgba(108, 114, 124, 0.2)';
-export const N400_hex = '#6C727C';
 export const N500 = 'var(--N500, #52565E)';
+export const N500_hex = '#52565E';
 export const N500_rgba96 = 'rgba(82, 86, 94, 0.96)';
@@ -48,4 +49,4 @@ export const N500_rgba68 = 'rgba(82, 86, 94, 0.68)';
 export const N500_rgba20 = 'rgba(82, 86, 94, 0.2)';
-export const N500_hex = '#52565E';
 export const N600 = 'var(--N600, #40454C)';
+export const N600_hex = '#40454C';
 export const N600_rgba96 = 'rgba(64, 69, 76, 0.96)';
@@ -56,4 +57,4 @@ export const N600_rgba68 = 'rgba(64, 69, 76, 0.68)';
 export const N600_rgba20 = 'rgba(64, 69, 76, 0.2)';
-export const N600_hex = '#40454C';
 export const N700 = 'var(--N700, #31353B)';
+export const N700_hex = '#31353B';
 export const N700_rgba96 = 'rgba(49, 53, 59, 0.96)';
@@ -64,4 +65,4 @@ export const N700_rgba68 = 'rgba(49, 53, 59, 0.68)';
 export const N700_rgba20 = 'rgba(49, 53, 59, 0.2)';
-export const N700_hex = '#31353B';
 export const N50 = 'var(--N50, #F3F4F5)';
+export const N50_hex = '#F3F4F5';
 export const N50_rgba96 = 'rgba(243, 244, 245, 0.96)';
@@ -72,4 +73,4 @@ export const N50_rgba68 = 'rgba(243, 244, 245, 0.68)';
 export const N50_rgba20 = 'rgba(243, 244, 245, 0.2)';
-export const N50_hex = '#F3F4F5';
 export const N75 = 'var(--N75, #E5E7E9)';
+export const N75_hex = '#E5E7E9';
 export const N75_rgba96 = 'rgba(229, 231, 233, 0.96)';
@@ -80,4 +81,4 @@ export const N75_rgba68 = 'rgba(229, 231, 233, 0.68)';
 export const N75_rgba20 = 'rgba(229, 231, 233, 0.2)';
-export const N75_hex = '#E5E7E9';
 export const N150 = 'var(--N150, #B5BBC5)';
+export const N150_hex = '#B5BBC5';
 export const N150_rgba96 = 'rgba(181, 187, 197, 0.96)';
@@ -88,80 +89,142 @@ export const N150_rgba68 = 'rgba(181, 187, 197, 0.68)';
 export const N150_rgba20 = 'rgba(181, 187, 197, 0.2)';
-export const N150_hex = '#B5BBC5';
 
 // Red
 export const R200 = 'var(--R200, #FFCCD9)';
+export const R200_hex = '#FFCCD9';
 export const R300 = 'var(--R300, #FD8AA7)';
+export const R300_hex = '#FD8AA7';
 export const R400 = 'var(--R400, #FF5C84)';
+export const R400_hex = '#FF5C84';
 export const R500 = 'var(--R500, #EF144A)';
+export const R500_hex = '#EF144A';
 export const R600 = 'var(--R600, #D6001C)';
+export const R600_hex = '#D6001C';
 export const R700 = 'var(--R700, #950013)';
+export const R700_hex = '#950013';
 export const R800 = 'var(--R800, #68000D)';
+export const R800_hex = '#68000D';
 export const R900 = 'var(--R900, #480009)';
+export const R900_hex = '#480009';
 export const R100 = 'var(--R100, #FFEAEF)';
+export const R100_hex = '#FFEAEF';
 
 // Green
 export const G100 = 'var(--G100, #EBFFEF)';
+export const G100_hex = '#EBFFEF';
 export const G200 = 'var(--G200, #D6FFDE)';
+export const G200_hex = '#D6FFDE';
 export const G300 = 'var(--G300, #82EF95)';
+export const G300_hex = '#82EF95';
 export const G400 = 'var(--G400, #4FD15A)';
+export const G400_hex = '#4FD15A';
 export const G500 = 'var(--G500, #03AC0E)';
+export const G500_hex = '#03AC0E';
 export const G600 = 'var(--G600, #12883D)';
+export const G600_hex = '#12883D';
 export const G700 = 'var(--G700, #005600)';
+export const G700_hex = '#005600';
 export const G800 = 'var(--G800, #003C00)';
+export const G800_hex = '#003C00';
 export const G900 = 'var(--G900, #002A00)';
+export const G900_hex = '#002A00';
 
 // Blue
 export const B100 = 'var(--B100, #E5F5FF)';
+export const B100_hex = '#E5F5FF';
 export const B200 = 'var(--B200, #CCEBFF)';
+export const B200_hex = '#CCEBFF';
 export const B300 = 'var(--B300, #77CAFF)';
+export const B300_hex = '#77CAFF';
 export const B400 = 'var(--B400, #32AFFF)';
+export const B400_hex = '#32AFFF';
 export const B500 = 'var(--B500, #009BFF)';
+export const B500_hex = '#009BFF';
 export const B600 = 'var(--B600, #0066A9)';
+export const B600_hex = '#0066A9';
 export const B700 = 'var(--B700, #004776)';
+export const B700_hex = '#004776';
 export const B800 = 'var(--B800, #003152)';
+export const B800_hex = '#003152';
 export const B900 = 'var(--B900, #002239)';
+export const B900_hex = '#002239';
 
 // Purple
 export const P100 = 'var(--P100, #FBE7FF)';
+export const P100_hex = '#FBE7FF';
 export const P200 = 'var(--P200, #EEBBFF)';
+export const P200_hex = '#EEBBFF';
 export const P300 = 'var(--P300, #D07EFF)';
+export const P300_hex = '#D07EFF';
 export const P400 = 'var(--P400, #AC43F6)';
+export const P400_hex = '#AC43F6';
 export const P500 = 'var(--P500, #9022DC)';
+export const P500_hex = '#9022DC';
 export const P600 = 'var(--P600, #7A08C9)';
+export const P600_hex = '#7A08C9';
 export const P700 = 'var(--P700, #55058C)';
+export const P700_hex = '#55058C';
 export const P800 = 'var(--P800, #3B0362)';
+export const P800_hex = '#3B0362';
 export const P900 = 'var(--P900, #290244)';
+export const P900_hex = '#290244';
 
 // Teal
 export const T400 = 'var(--T400, #84C6C9)';
+export const T400_hex = '#84C6C9';
 export const T500 = 'var(--T500, #689C9E)';
+export const T500_hex = '#689C9E';
 export const T600 = 'var(--T600, #3A6E70)';
+export const T600_hex = '#3A6E70';
 export const T700 = 'var(--T700, #284D4E)';
+export const T700_hex = '#284D4E';
 export const T800 = 'var(--T800, #1C3536)';
+export const T800_hex = '#1C3536';
 export const T900 = 'var(--T900, #132525)';
+export const T900_hex = '#132525';
 export const T100 = 'var(--T100, #EBF6F6)';
+export const T100_hex = '#EBF6F6';
 export const T200 = 'var(--T200, #D2F2F2)';
+export const T200_hex = '#D2F2F2';
 export const T300 = 'var(--T300, #B0E2E5)';
+export const T300_hex = '#B0E2E5';
 
 // Yellow
 export const Y900 = 'var(--Y900, #3B1506)';
+export const Y900_hex = '#3B1506';
 export const Y100 = 'var(--Y100, #FFFAE6)';
+export const Y100_hex = '#FFFAE6';
 export const Y200 = 'var(--Y200, #FFF0B3)';
+export const Y200_hex = '#FFF0B3';
 export const Y300 = 'var(--Y300, #FFC400)';
+export const Y300_hex = '#FFC400';
 export const Y400 = 'var(--Y400, #FF8B00)';
+export const Y400_hex = '#FF8B00';
 export const Y500 = 'var(--Y500, #FA591D)';
+export const Y500_hex = '#FA591D';
 export const Y600 = 'var(--Y600, #AF3E14)';
+export const Y600_hex = '#AF3E14';
 export const Y700 = 'var(--Y700, #7A2B0E)';
+export const Y700_hex = '#7A2B0E';
 export const Y800 = 'var(--Y800, #551E09)';
+export const Y800_hex = '#551E09';
 
 // Functional
+export const colorToggleOff = 'var(--color-toggle-off, #6C727C)';
 export const colorSearchbar = 'var(--color-searchbar, #F3F4F5)';
 export const colorPageBackground = 'var(--color-page-background, #FFFFFF)';
+export const colorTickerWarning = 'var(--color-ticker-warning, #FFFAE6)';
+export const colorToasterError = 'var(--color-toaster-error, #D6001C)';
+export const colorIconDisabled = 'var(--color-icon-disabled, #DBDEE2)';
 export const colorOverlay = 'var(--color-overlay, rgba(49, 53, 59, 0.68))';
+export const colorTickerInfo = 'var(--color-ticker-info, #F3F4F5)';
+export const colorTickerDefault = 'var(--color-ticker-default, #EBF6F6)';
 export const colorShadow = 'var(--color-shadow, rgba(49, 53, 59, 0.12))';
 export const colorDivider = 'var(--color-divider, #E5E7E9)';
+export const colorTickerError = 'var(--color-ticker-error, #FFEAEF)';
 export const colorTextDisabled = 'var(--color-text-disabled, rgba(49, 53, 59, 0.32))';
+export const colorIconEnabled = 'var(--color-icon-enabled, #6C727C)';
 export const colorTextHigh = 'var(--color-text-high, rgba(49, 53, 59, 0.96))';
 export const colorCard = 'var(--color-card, #FFFFFF)';
 export const colorTextPlaceholder = 'var(--color-text-placeholder, rgba(49, 53, 59, 0.44))';
+export const colorToasterDefault = 'var(--color-toaster-default, #31353B)';
 export const colorTextLow = 'var(--color-text-low, rgba(49, 53, 59, 0.68))';

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

31590

increased by10.82%

Lines of code

763

increased by10.42%

No dependency changes