@invisionag/beacon-tokens - npm Package Compare versions

Comparing version 0.0.6-beta.1 to 0.0.6-beta.2

injixo.d.ts

 export declare const color: {
+    /**
+     * Usage:
+     *
+     * injixo logo color,foreground,only use for logo
+     */
     readonly brand100: "#059898";
+    /**
+     * Usage:
+     *
+     * injixo logo color,background,only use for logo
+     */
     readonly brand200: "#00717f";
+    /**
+     * Usage:
+     *
+     * wfm logo color,only use for logo
+     */
     readonly iwfmRed: "#b90000";
+    /**
+     * Usage:
+     *
+     * wfm logo color,only use for logo
+     */
     readonly iwfmGray: "#aebcc4";
+    /**
+     * Usage:
+     *
+     * adherence bar color
+     */
     readonly adherenceInGrey: "#d4d3d4";
+    /**
+     * Usage:
+     *
+     * adherence bar color
+     */
     readonly adherenceOutRed: "#7f0000";
+    /**
+     * Usage:
+     *
+     * adherence secondary bar color
+     */
     readonly adherenceExceptionDarkGrey: "#afaeb7";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly ink50: "#e0eaed";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly ink200: "#86aaba";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly ink300: "#55859c";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly ink500: "#2c5168";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly royal50: "#e1e2f5";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly royal200: "#7a7edb";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly royal300: "#4b4fb6";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly royal500: "#272a9b";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly jade50: "#e0fef7";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly jade200: "#6cd1c1";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly jade300: "#169f87";
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     readonly jade500: "#13747b";
@@ -53,17 +148,92 @@ readonly sky50: "#d3e4f3";
     readonly fossil500: "#4f4f4f";
+    /**
+     * Usage:
+     *
+     * font-color,default card background
+     */
     readonly ui0: "#ffffff";
+    /**
+     * Usage:
+     *
+     * default app background color,default hover background for default buttons,cards,table row bg
+     */
     readonly ui100: "#f5f6f7";
+    /**
+     * Usage:
+     *
+     * default disabled button background,secondary background
+     */
     readonly ui200: "#e9eaeb";
+    /**
+     * Usage:
+     *
+     * default border,default button border,secondary background
+     */
     readonly ui300: "#b5c0c9";
+    /**
+     * Usage:
+     *
+     * tooltip background color,custom scroll bar
+     */
     readonly ui400: "#32485e";
+    /**
+     * Usage:
+     *
+     * primary font color on dark bg
+     */
     readonly typography0: "#ffffff";
+    /**
+     * Usage:
+     *
+     * secondary p color,disabled button text,icons
+     */
     readonly typography100: "#5f7387";
+    /**
+     * Usage:
+     *
+     * default p color,default headline color,icons
+     */
     readonly typography200: "#15202b";
+    /**
+     * Usage:
+     *
+     * 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
+     */
     readonly primary200: "#0e719b";
+    /**
+     * Usage:
+     *
+     * default success button bg,default success color,success statuscard bar
+     */
     readonly success100: "#0c8268";
+    /**
+     * Usage:
+     *
+     * default success button border,default success hover color,font color
+     */
     readonly success200: "#0d6e58";
+    /**
+     * Usage:
+     *
+     * default error color,error inputfield border,error statuscard bar
+     */
     readonly error100: "#c32b2d";
+    /**
+     * Usage:
+     *
+     * 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
+     */
     readonly warning100: "#f4b61f";
 };

injixo.js

 // @flow
 export const color = {
+    /**
+     * Usage:
+     *
+     * injixo logo color,foreground,only use for logo
+     */
     brand100: '#059898',
+    /**
+     * Usage:
+     *
+     * injixo logo color,background,only use for logo
+     */
     brand200: '#00717f',
+    /**
+     * Usage:
+     *
+     * wfm logo color,only use for logo
+     */
     iwfmRed: '#b90000',
+    /**
+     * Usage:
+     *
+     * wfm logo color,only use for logo
+     */
     iwfmGray: '#aebcc4',
+    /**
+     * Usage:
+     *
+     * adherence bar color
+     */
     adherenceInGrey: '#d4d3d4',
+    /**
+     * Usage:
+     *
+     * adherence bar color
+     */
     adherenceOutRed: '#7f0000',
+    /**
+     * Usage:
+     *
+     * adherence secondary bar color
+     */
     adherenceExceptionDarkGrey: '#afaeb7',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     ink50: '#e0eaed',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     ink200: '#86aaba',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     ink300: '#55859c',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     ink500: '#2c5168',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     royal50: '#e1e2f5',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     royal200: '#7a7edb',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     royal300: '#4b4fb6',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     royal500: '#272a9b',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     jade50: '#e0fef7',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     jade200: '#6cd1c1',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     jade300: '#169f87',
+    /**
+     * Usage:
+     *
+     * injixo Forecast Theme
+     */
     jade500: '#13747b',
@@ -54,17 +149,92 @@ sky50: '#d3e4f3',
     fossil500: '#4f4f4f',
+    /**
+     * Usage:
+     *
+     * font-color,default card background
+     */
     ui0: '#ffffff',
+    /**
+     * Usage:
+     *
+     * default app background color,default hover background for default buttons,cards,table row bg
+     */
     ui100: '#f5f6f7',
+    /**
+     * Usage:
+     *
+     * default disabled button background,secondary background
+     */
     ui200: '#e9eaeb',
+    /**
+     * Usage:
+     *
+     * default border,default button border,secondary background
+     */
     ui300: '#b5c0c9',
+    /**
+     * Usage:
+     *
+     * tooltip background color,custom scroll bar
+     */
     ui400: '#32485e',
+    /**
+     * Usage:
+     *
+     * primary font color on dark bg
+     */
     typography0: '#ffffff',
+    /**
+     * Usage:
+     *
+     * secondary p color,disabled button text,icons
+     */
     typography100: '#5f7387',
+    /**
+     * Usage:
+     *
+     * default p color,default headline color,icons
+     */
     typography200: '#15202b',
+    /**
+     * Usage:
+     *
+     * 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
+     */
     primary200: '#0e719b',
+    /**
+     * Usage:
+     *
+     * default success button bg,default success color,success statuscard bar
+     */
     success100: '#0c8268',
+    /**
+     * Usage:
+     *
+     * default success button border,default success hover color,font color
+     */
     success200: '#0d6e58',
+    /**
+     * Usage:
+     *
+     * default error color,error inputfield border,error statuscard bar
+     */
     error100: '#c32b2d',
+    /**
+     * Usage:
+     *
+     * 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
+     */
     warning100: '#f4b61f',
 };

package.json

 {
   "name": "@invisionag/beacon-tokens",
-  "version": "0.0.6-beta.1",
+  "version": "0.0.6-beta.2",
   "description": "Design System for InVision products",
@@ -5,0 +5,0 @@ "main": "index.js",

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14674

increased by65.4%

Lines of code

514

increased by195.4%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes