@hashicorp/hashi-alert-banner - npm Package Compare versions

Comparing version 0.2.0-alpha.0 to 0.2.1-alpha.0

dist/index.js

@@ -176,4 +176,11 @@ 'use strict';
 
+      var classes = ['g-alert-banner']; // add theme class
+
+      classes.push(theme ? theme : 'default'); // add has-large-tag class if needed
+
+      if (tag.length > 3) classes.push('has-large-tag'); // add show class based on state
+
+      if (this.state.show) classes.push('show');
       return React__default.createElement("div", {
-        className: "g-alert-banner ".concat(theme || '', " ").concat(this.state.show ? 'show' : ''),
+        className: classes.join(' '),
         ref: this.banner
@@ -180,0 +187,0 @@ }, React__default.createElement("a", {

index.js

@@ -17,10 +17,15 @@ import React, { Component } from 'react'
     const { url, tag, theme, text, link_text } = { ...this.props }
+    const classes = ['g-alert-banner']
 
+    // add theme class
+    classes.push(theme ? theme : 'default')
+
+    // add has-large-tag class if needed
+    if (tag.length > 3) classes.push('has-large-tag')
+
+    // add show class based on state
+    if (this.state.show) classes.push('show')
+
     return (
-      <div
-        className={`g-alert-banner ${theme || ''} ${
-          this.state.show ? 'show' : ''
-        }`}
-        ref={this.banner}
-      >
+      <div className={classes.join(' ')} ref={this.banner}>
         <a
@@ -27,0 +32,0 @@ href={url}

package.json

 {
   "name": "@hashicorp/hashi-alert-banner",
-  "description": "small alert text with a link",
-  "version": "0.2.0-alpha.0",
+  "description": "alert banner with text and a link",
+  "version": "0.2.1-alpha.0",
   "license": "MPL-2.0",
@@ -21,3 +21,3 @@ "main": "dist",
   },
-  "gitHead": "1061cf1c0dbb3ff14c1b343d58ca855ce909e962"
+  "gitHead": "c90245377f9c4730582f24fe7825fb6952c88636"
 }

props.js

@@ -20,3 +20,3 @@ const props = {}
     value: 'consul',
-    options: ['default', 'consul', 'terraform']
+    options: ['default', 'consul', 'nomad', 'terraform', 'vault']
   },
@@ -23,0 +23,0 @@ {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

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

19510

increased by8.26%

Lines of code

673

increased by8.37%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes