Merge branch 'release/1.22.0' into main

Author: Rachel Roppolo

package.json

@@ -96,7 +96,7 @@
     "jest": "^26.6.3",
     "node-sass": "4.13.1",
     "prop-types": "^15.6.1",
-    "react": "^16.12.0",
+    "react": "16.14.0",
     "react-copy-to-clipboard": "^5.0.2",
     "react-dom": "^16.12.0",
     "react-modal": "^3.12.1",

scss/colors/palette.scss

@@ -1,20 +1,20 @@
 // When updating this file, please consider the values in src/Styles/palette.js
 
 $ux-black: #000000;
-$ux-blue: #337AB7;
+$ux-blue: #3F6DCA;
 $ux-cream: #F8F4F2;
 $ux-emerald: #158D71;
 $ux-gray: #A1A1A1;
-$ux-green: #6DBD63;
+$ux-green: #04713C;
 $ux-light-blue: #7CCBF2;
 $ux-navy: #011936;
 $ux-orange: #F59C27;
 $ux-purple: #725CCC;
-$ux-red: #FF4E00;
+$ux-red: #E03131;
 $ux-sand: #DABDA2;
 $ux-teal: #0E4749;
+$ux-yellow: #F3CE14;
 $ux-white: #FFFFFF;
-$ux-yellow: #F5D427;
 
 $brand-color-facebook: #4C67A1;
 $brand-color-google: #DB3236;
@@ -26,13 +26,13 @@ $brand-color-yahoo: #6001d2;
 
 $ux-blue-100: #F1F5FE;
 $ux-blue-200: #BDD1FB;
-$ux-blue-300: #92CBFC;
-$ux-blue-400: #5AA4E5;
+$ux-blue-300: #A6C0F5;
+$ux-blue-400: #7497DF;
 $ux-blue-500: $ux-blue;
-$ux-blue-600: #155B99;
-$ux-blue-700: #0D4473;
-$ux-blue-800: #083054;
-$ux-blue-900: #00192E;
+$ux-blue-600: #2854AF;
+$ux-blue-700: #143C8D;
+$ux-blue-800: #0B2D72;
+$ux-blue-900: #031D52;
 
 $ux-emerald-100: #BFDDD5;
 $ux-emerald-200: #91CABB; 
@@ -54,27 +54,35 @@ $ux-gray-700: #616161;
 $ux-gray-800: #444444;
 $ux-gray-900: #101010;
 
-$ux-green-100: #F3FFF2;
-$ux-green-200: #E3FDE0;
-$ux-green-300: #BFFEB8;
-$ux-green-400: #85DC7A;
-$ux-green-500: $ux-green;
-$ux-green-600: #47A13B;
-$ux-green-700: #297021;
-$ux-green-800: #1A5313;
-$ux-green-900: #062902;
+$ux-green-100: #D4F6E5;
+$ux-green-200: #A3F9CF;
+$ux-green-300: #70E2AB;
+$ux-green-400: #40CC88;
+$ux-green-500: #21B36C;
+$ux-green-600: #09914F;
+$ux-green-700: $ux-green;
+$ux-green-800: #015029;
+$ux-green-900: #003119;
 
 $ux-navy-100: #C4D0DF;
+$ux-navy-200: #A3BAD2;
 $ux-navy-300: #7396BA;
+$ux-navy-400: #40669C;
 $ux-navy-500: #234574;
+$ux-navy-600: #16325A;
 $ux-navy-700: $ux-navy;
+$ux-navy-800: #01152D;
 $ux-navy-900: #021020;
 
-$ux-neutral-100: $ux-cream;
+$ux-neutral-100: $ux-white;
+$ux-neutral-200: $ux-cream;
 $ux-neutral-300: #E6E2E0;
+$ux-neutral-400: #CECBC9;
 $ux-neutral-500: #B5B0AB;
+$ux-neutral-600: #9A938D;
 $ux-neutral-700: #817874;
-$ux-neutral-900: #33312F;
+$ux-neutral-800: #33312F;
+$ux-neutral-900: $ux-black;
 
 $ux-orange-100: #FDEAD2;
 $ux-orange-200: #FCDFB9;
@@ -86,8 +94,8 @@ $ux-orange-700: #AE6608;
 $ux-orange-800: #7D4A06;
 $ux-orange-900: #3D2200;
 
-$ux-red-100: #F0D9D9;
-$ux-red-200: #E8C5CB;
+$ux-red-100: #FAE1E1;
+$ux-red-200: #F3BDBD;
 $ux-red-300: #EB7A7A;
 $ux-red-400: #E44E4E;
 $ux-red-500: $ux-red;
@@ -97,26 +105,34 @@ $ux-red-800: #9B1818;
 $ux-red-900: #470404;
 
 $ux-sand-100: #ECE1D4;
+$ux-sand-200: #E8DAC9;
 $ux-sand-300: #E5D2BD;
+$ux-sand-400: #DFC7AF;
 $ux-sand-500: $ux-sand; 
+$ux-sand-600: #D4B191;
 $ux-sand-700: #CFAA86;
+$ux-sand-800: #C59B72;
 $ux-sand-900: #BA8E5E;
 
 $ux-teal-100: #CAE1E2;
+$ux-teal-200: #A2CBCD;
 $ux-teal-300: #85A9AA; 
+$ux-teal-400: #408F91;
 $ux-teal-500: #2A7779;
+$ux-teal-600: #1C5D5F;
 $ux-teal-700: $ux-teal;
+$ux-teal-800: #093C3F;
 $ux-teal-900: #083236;
 
-$ux-yellow-100: #FDF6D2;
-$ux-yellow-200: #FCF1B9;
-$ux-yellow-300: #FAE788;
-$ux-yellow-400: #F7DD58;
+$ux-yellow-100: #FFF1AB;
+$ux-yellow-200: #FFEB85;
+$ux-yellow-300: #FFE356;
+$ux-yellow-400: #FBDA36;
 $ux-yellow-500: $ux-yellow;
-$ux-yellow-600: #E1C228;
-$ux-yellow-700: #AE9208;
-$ux-yellow-800: #7D6906;
-$ux-yellow-900: #3D3300;
+$ux-yellow-600: #E1BE0C;
+$ux-yellow-700: #CAA900;
+$ux-yellow-800: #A98D01;
+$ux-yellow-900: #453A00;
 
 $ux-purple-100: #EAE6FA;
 $ux-purple-200: #DCD7F1;