New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@invisionag/beacon-tokens
Advanced tools
@invisionag/beacon-tokens - npm Package Compare versions
Comparing version 0.0.6-beta.2 to 0.0.6-beta.3
104
injixo.d.ts
| export declare const color: { | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo logo color,foreground,only use for logo | ||
| * injixo logo color, foreground, only use for logo | ||
| */ | ||
| readonly brand100: "#059898"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo logo color,background,only use for logo | ||
| * injixo logo color, background, only use for logo | ||
| */ | ||
| readonly brand200: "#00717f"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * wfm logo color,only use for logo | ||
| * wfm logo color, only use for logo | ||
| */ | ||
| readonly iwfmRed: "#b90000"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * wfm logo color,only use for logo | ||
| * wfm logo color, only use for logo | ||
| */ | ||
| readonly iwfmGray: "#aebcc4"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence bar color | ||
@@ -33,4 +23,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence bar color | ||
@@ -40,4 +28,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence secondary bar color | ||
@@ -47,4 +33,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -54,4 +38,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -61,4 +43,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -68,4 +48,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -75,4 +53,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -82,4 +58,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -89,4 +63,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -96,4 +68,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -103,4 +73,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -110,4 +78,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -117,4 +83,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -124,4 +88,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -163,34 +125,22 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * font-color,default card background | ||
| * font-color, default card background | ||
| */ | ||
| readonly ui0: "#ffffff"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default app background color,default hover background for default buttons,cards,table row bg | ||
| * default app background color, default hover background for default buttons, cards, table row bg | ||
| */ | ||
| readonly ui100: "#f5f6f7"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default disabled button background,secondary background | ||
| * default disabled button background, secondary background | ||
| */ | ||
| readonly ui200: "#e9eaeb"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default border,default button border,secondary background | ||
| * default border, default button border, secondary background | ||
| */ | ||
| readonly ui300: "#b5c0c9"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * tooltip background color,custom scroll bar | ||
| * tooltip background color, custom scroll bar | ||
| */ | ||
| readonly ui400: "#32485e"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * primary font color on dark bg | ||
@@ -200,55 +150,37 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * secondary p color,disabled button text,icons | ||
| * secondary p color, disabled button text, icons | ||
| */ | ||
| readonly typography100: "#5f7387"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default p color,default headline color,icons | ||
| * default p color, default headline color, icons | ||
| */ | ||
| readonly typography200: "#15202b"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default primary button color,primary interaction color,link color,radio & checkbox button hover | ||
| * default primary button color, primary interaction color, link color, radio & checkbox button hover | ||
| */ | ||
| readonly primary100: "#107ead"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default hover color,when active radio & checkbox button hover | ||
| * default hover color, when active radio & checkbox button hover | ||
| */ | ||
| readonly primary200: "#0e719b"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default success button bg,default success color,success statuscard bar | ||
| * default success button bg, default success color, success statuscard bar | ||
| */ | ||
| readonly success100: "#0c8268"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default success button border,default success hover color,font color | ||
| * default success button border, default success hover color, font color | ||
| */ | ||
| readonly success200: "#0d6e58"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default error color,error inputfield border,error statuscard bar | ||
| * default error color, error inputfield border, error statuscard bar | ||
| */ | ||
| readonly error100: "#c32b2d"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default error,hover color,default success button border | ||
| * default error, hover color, default success button border | ||
| */ | ||
| readonly error200: "#ae1e20"; | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default warning color,don’t use as font color,don’t use as bg color for white font | ||
| * default warning color, don’t use as font color, don’t use as bg color for white font | ||
| */ | ||
| readonly warning100: "#f4b61f"; | ||
| }; |
104
injixo.js
| // @flow | ||
| export const color = { | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo logo color,foreground,only use for logo | ||
| * injixo logo color, foreground, only use for logo | ||
| */ | ||
| brand100: '#059898', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo logo color,background,only use for logo | ||
| * injixo logo color, background, only use for logo | ||
| */ | ||
| brand200: '#00717f', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * wfm logo color,only use for logo | ||
| * wfm logo color, only use for logo | ||
| */ | ||
| iwfmRed: '#b90000', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * wfm logo color,only use for logo | ||
| * wfm logo color, only use for logo | ||
| */ | ||
| iwfmGray: '#aebcc4', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence bar color | ||
@@ -34,4 +24,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence bar color | ||
@@ -41,4 +29,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * adherence secondary bar color | ||
@@ -48,4 +34,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -55,4 +39,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -62,4 +44,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -69,4 +49,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -76,4 +54,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -83,4 +59,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -90,4 +64,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -97,4 +69,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -104,4 +74,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -111,4 +79,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -118,4 +84,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -125,4 +89,2 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * injixo Forecast Theme | ||
@@ -164,34 +126,22 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * font-color,default card background | ||
| * font-color, default card background | ||
| */ | ||
| ui0: '#ffffff', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default app background color,default hover background for default buttons,cards,table row bg | ||
| * default app background color, default hover background for default buttons, cards, table row bg | ||
| */ | ||
| ui100: '#f5f6f7', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default disabled button background,secondary background | ||
| * default disabled button background, secondary background | ||
| */ | ||
| ui200: '#e9eaeb', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default border,default button border,secondary background | ||
| * default border, default button border, secondary background | ||
| */ | ||
| ui300: '#b5c0c9', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * tooltip background color,custom scroll bar | ||
| * tooltip background color, custom scroll bar | ||
| */ | ||
| ui400: '#32485e', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * primary font color on dark bg | ||
@@ -201,55 +151,37 @@ */ | ||
| /** | ||
| * Usage: | ||
| * | ||
| * secondary p color,disabled button text,icons | ||
| * secondary p color, disabled button text, icons | ||
| */ | ||
| typography100: '#5f7387', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default p color,default headline color,icons | ||
| * default p color, default headline color, icons | ||
| */ | ||
| typography200: '#15202b', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default primary button color,primary interaction color,link color,radio & checkbox button hover | ||
| * default primary button color, primary interaction color, link color, radio & checkbox button hover | ||
| */ | ||
| primary100: '#107ead', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default hover color,when active radio & checkbox button hover | ||
| * default hover color, when active radio & checkbox button hover | ||
| */ | ||
| primary200: '#0e719b', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default success button bg,default success color,success statuscard bar | ||
| * default success button bg, default success color, success statuscard bar | ||
| */ | ||
| success100: '#0c8268', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default success button border,default success hover color,font color | ||
| * default success button border, default success hover color, font color | ||
| */ | ||
| success200: '#0d6e58', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default error color,error inputfield border,error statuscard bar | ||
| * default error color, error inputfield border, error statuscard bar | ||
| */ | ||
| error100: '#c32b2d', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default error,hover color,default success button border | ||
| * default error, hover color, default success button border | ||
| */ | ||
| error200: '#ae1e20', | ||
| /** | ||
| * Usage: | ||
| * | ||
| * default warning color,don’t use as font color,don’t use as bg color for white font | ||
| * default warning color, don’t use as font color, don’t use as bg color for white font | ||
| */ | ||
| warning100: '#f4b61f', | ||
| }; |
| { | ||
| "name": "@invisionag/beacon-tokens", | ||
| "version": "0.0.6-beta.2", | ||
| "version": "0.0.6-beta.3", | ||
| "description": "Design System for InVision products", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No alert changes
Worsened metrics
- Total package byte prevSize
- decreased by-9.3%
13310
- Lines of code
- decreased by-26.46%
378
No dependency changes