es-components-via-theme - npm Package Compare versions

Comparing version 11.0.2 to 13.0.0

index.js

@@ -21,9 +21,14 @@ const white = '#fff';
 const infoHover = '#004466';
+const infoLight = '#b8e4f9';
 const success = '#298544';
 const successHover = '#1d5e30';
+const successLight = '#d9eedf';
 const warning = '#b35f00';
 const warningHover = '#804400';
+const warningLight = '#fcebde';
 const danger = '#c00';
 const dangerHover = '#990000';
+const dangerLight = '#fde7e7';
 const advisor = warning;
+const advisorLight = warningLight;
 const popoverHeader = darkBlue;
@@ -73,9 +78,14 @@
     successHover: successHover,
+    successLight: successLight,
     info: info,
     infoHover: infoHover,
+    infoLight: infoLight,
     warning: warning,
     warningHover: warningHover,
+    warningLight: warningLight,
     danger: danger,
     dangerHover: dangerHover,
+    dangerLight: dangerLight,
     advisor: advisor,
+    advisorLight: advisorLight,
     boxShadowLight: boxShadowLight,
@@ -104,20 +114,70 @@ boxShadowDark: boxShadowDark,
     success: {
-      bgColor: success,
-      textColor: white
+      base: {
+        bgColor: success,
+        textColor: white
+      },
+      light: {
+        bgColor: successLight,
+        textColor: gray8
+      },
+      messageOnly: {
+        bgColor: 'transparent',
+        textColor: success
+      }
     },
     info: {
-      bgColor: info,
-      textColor: white
+      base: {
+        bgColor: info,
+        textColor: white
+      },
+      light: {
+        bgColor: infoLight,
+        textColor: gray8
+      },
+      messageOnly: {
+        bgColor: 'transparent',
+        textColor: info
+      }
     },
     warning: {
-      bgColor: warning,
-      textColor: white
+      base: {
+        bgColor: warning,
+        textColor: white
+      },
+      light: {
+        bgColor: warningLight,
+        textColor: gray8
+      },
+      messageOnly: {
+        bgColor: 'transparent',
+        textColor: warning
+      }
     },
     danger: {
-      bgColor: danger,
-      textColor: white
+      base: {
+        bgColor: danger,
+        textColor: white
+      },
+      light: {
+        bgColor: dangerLight,
+        textColor: gray8
+      },
+      messageOnly: {
+        bgColor: 'transparent',
+        textColor: danger
+      }
     },
     advisor: {
-      bgColor: advisor,
-      textColor: white
+      base: {
+        bgColor: advisor,
+        textColor: white
+      },
+      light: {
+        bgColor: advisorLight,
+        textColor: gray8
+      },
+      messageOnly: {
+        bgColor: 'transparent',
+        textColor: advisor
+      }
     }
@@ -124,0 +184,0 @@ },

package.json

 {
   "name": "es-components-via-theme",
-  "version": "11.0.2",
+  "version": "13.0.0",
   "main": "index.js",
@@ -5,0 +5,0 @@ "author": "Willis Towers Watson - Individual Marketplace",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

9696

increased by15.18%

Lines of code

391

increased by18.13%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes