@gloojs/material-ui-theme - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

CHANGELOG.md

 # `@gloojs/material-ui-theme` versions
 
+## 1.3.0
+### Feature
+- Update material theme to contain all colors currently available in the Gloo style guide
+
 ## 1.2.0
@@ -4,0 +8,0 @@ ### Dependencies

dist/theme.js

@@ -17,19 +17,59 @@ "use strict";
   letterSpacing: 0
+}; // Blues
+// Storm Blues
+
+var powderBlue = {
+  main: '#E4EBEF',
+  contrastText: '#000'
 };
-var springGreen = {
-  main: '#41B768',
+var mayaBlue = {
+  main: '#C9D7DF',
+  contrastText: '#000'
+};
+var stoneBlue = {
+  main: '#ADC2CE',
+  contrastText: '#000'
+};
+var carolinaBlue = {
+  main: '#84A3B4',
   contrastText: '#FFF'
 };
+var blueJay = {
+  main: '#5C859D',
+  contrastText: '#FFF'
+};
 var stormBlue = {
   main: '#336785',
   contrastText: '#FFF'
+}; // Sky Blues
+
+var babyBlue = {
+  main: '#B4E5F5',
+  contrastText: '##000'
 };
-var charcoal = {
-  main: '#262524',
+var hydrangea = {
+  main: '#8FD8F0',
+  contrastText: '##000'
+};
+var azure = {
+  main: '#69CBEB',
+  contrastText: '##000'
+};
+var skyBlue = {
+  main: '#43bee6',
   contrastText: '#FFF'
 };
-var mistyGray = {
-  main: '#ebeced',
-  contrastText: '#000'
+var snoutWeevilBlue = {
+  main: '#36AED8',
+  contrastText: '#FFF'
 };
+var cerulean = {
+  main: '#1A9BC7',
+  contrastText: '#FFF'
+}; // Brand Colors
+
+var springGreen = {
+  main: '#41B768',
+  contrastText: '#FFF'
+};
 var goldenYellow = {
@@ -42,11 +82,54 @@ main: '#faa61a',
   contrastText: '#FFF'
-};
-var skyBlue = {
-  main: '#43bee6',
+}; // deprecated
+
+var burntOrange = {
+  main: '#f05A23',
   contrastText: '#FFF'
-};
+}; // same as orange
+
 var rougePink = {
   main: '#ee558c',
   contrastText: '#FFF'
+}; // Neutrals
+
+var trueWhite = {
+  main: '#FFFFFF',
+  contrastText: '#000'
 };
+var porcelain = {
+  main: '#FAFAFA',
+  contrastText: '#000'
+};
+var boulderSnow = {
+  main: '#F2F2F2',
+  contrastText: '#000'
+};
+var pearl = {
+  main: '#EBEBEB',
+  contrastText: '#000'
+};
+var smoke = {
+  main: '#DEDDDC',
+  contrastText: '#000'
+};
+var mistyGray = {
+  main: '#ebeced',
+  contrastText: '#000'
+};
+var steel = {
+  main: '#777675',
+  contrastText: '#FFF'
+};
+var shadow = {
+  main: '#555452',
+  contrastText: '#FFF'
+};
+var iron = {
+  main: '#454342',
+  contrastText: '#FFF'
+};
+var charcoal = {
+  main: '#262524',
+  contrastText: '#FFF'
+};
 var greys = {
@@ -156,10 +239,32 @@ 0: '#fafafa',
     gloo: {
+      // Blues
+      powderBlue: powderBlue,
+      mayaBlue: mayaBlue,
+      stoneBlue: stoneBlue,
+      carolinaBlue: carolinaBlue,
+      blueJay: blueJay,
+      stormBlue: stormBlue,
+      babyBlue: babyBlue,
+      hydrangea: hydrangea,
+      azure: azure,
+      skyBlue: skyBlue,
+      snoutWeevilBlue: snoutWeevilBlue,
+      cerulean: cerulean,
+      // Brand Colors
       springGreen: springGreen,
-      stormBlue: stormBlue,
-      charcoal: charcoal,
-      mistyGray: mistyGray,
       goldenYellow: goldenYellow,
       orange: orange,
-      skyBlue: skyBlue,
-      rougePink: rougePink
+      burntOrange: burntOrange,
+      rougePink: rougePink,
+      // Neutrals
+      trueWhite: trueWhite,
+      porcelain: porcelain,
+      boulderSnow: boulderSnow,
+      pearl: pearl,
+      smoke: smoke,
+      mistyGray: mistyGray,
+      steel: steel,
+      shadow: shadow,
+      iron: iron,
+      charcoal: charcoal
     },
@@ -166,0 +271,0 @@ grey: greys,

package.json

 {
   "name": "@gloojs/material-ui-theme",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Base Material UI theme for all Gloo web applications.",
@@ -37,3 +37,3 @@ "publishConfig": {
   },
-  "gitHead": "0fe8a92168ef8379f62e5799cf316678d1b0c424"
+  "gitHead": "3471a34aabacd532b0d0551e76ede92e620c3bd6"
 }

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

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

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

Improved metrics

Total package byte prevSize

8433

increased by30.22%

Lines of code

317

increased by45.41%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes