From 4d31a11c63e121bd24a1757605d5b7afba68bf41 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 7 Dec 2019 08:37:11 -0700
Subject: [PATCH 01/74] Create CNAME

---
 CNAME | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 CNAME

diff --git a/CNAME b/CNAME
new file mode 100644
index 00000000..bf9d5ed2
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+leonardocolor.io

From e3147e33d0e55f7145c0def3f56e4f7a71b91d3d Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Sat, 7 Dec 2019 09:50:46 -0800
Subject: [PATCH 02/74] build: copy CNAME into dist

---
 packages/ui/package.json       | 5 +++--
 CNAME => packages/ui/src/CNAME | 0
 2 files changed, 3 insertions(+), 2 deletions(-)
 rename CNAME => packages/ui/src/CNAME (100%)

diff --git a/packages/ui/package.json b/packages/ui/package.json
index 47ce2de2..2664559e 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -10,9 +10,10 @@
     "copyIcons": "mkdir -p dist && yarn copyWorkflowIcons && yarn copyUIIcons",
     "copyWorkflowIcons": "cp -r ../../node_modules/@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg dist/",
     "copyUIIcons": "cp -r ../../node_modules/@spectrum-css/icon/dist/spectrum-css-icons.svg dist/",
+    "copyCNAME": "cp -r src/CNAME dist/CNAME",
     "postPublish": "yarn deploySite",
-    "buildSite": "npx parcel build src/index.html src/demo.html --public-url ./",
-    "deploySite": "yarn buildSite && yarn copyIcons && npx ghpages -p dist"
+    "buildSite": "npx parcel build src/index.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
+    "deploySite": "yarn buildSite && npx ghpages -p dist"
   },
   "keywords": [
     "accessibility",
diff --git a/CNAME b/packages/ui/src/CNAME
similarity index 100%
rename from CNAME
rename to packages/ui/src/CNAME

From baeb130da8dade79b8529435aa9586c8a63fb1ce Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 7 Dec 2019 11:04:11 -0700
Subject: [PATCH 03/74] build: moved CNAME to ui package

---
 CNAME => packages/ui/CNAME | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename CNAME => packages/ui/CNAME (100%)

diff --git a/CNAME b/packages/ui/CNAME
similarity index 100%
rename from CNAME
rename to packages/ui/CNAME

From b73dfa82cc3464acbe0124ac1afba7ca71e32499 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 7 Dec 2019 11:13:03 -0700
Subject: [PATCH 04/74] added www to CNAME

---
 packages/ui/src/CNAME | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/CNAME b/packages/ui/src/CNAME
index bf9d5ed2..aa935153 100644
--- a/packages/ui/src/CNAME
+++ b/packages/ui/src/CNAME
@@ -1 +1 @@
-leonardocolor.io
+www.leonardocolor.io

From 608b5c0d857fa3614f3d2046e76cdd8939e8ce97 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Sat, 7 Dec 2019 10:24:31 -0800
Subject: [PATCH 05/74] build: remove www from CNAME

---
 packages/ui/src/CNAME | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/CNAME b/packages/ui/src/CNAME
index aa935153..bf9d5ed2 100644
--- a/packages/ui/src/CNAME
+++ b/packages/ui/src/CNAME
@@ -1 +1 @@
-www.leonardocolor.io
+leonardocolor.io

From f6f92c9817cff3754da4d3258f04ce1736f08ebe Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 7 Dec 2019 11:40:17 -0700
Subject: [PATCH 06/74] style: fixed issue with tabs indicator color fallback

---
 packages/ui/src/scss/style.scss | 274 ++++++++++++++++----------------
 1 file changed, 135 insertions(+), 139 deletions(-)

diff --git a/packages/ui/src/scss/style.scss b/packages/ui/src/scss/style.scss
index e4b1c9ff..15af5cb2 100644
--- a/packages/ui/src/scss/style.scss
+++ b/packages/ui/src/scss/style.scss
@@ -14,26 +14,26 @@ governing permissions and limitations under the License.
   --gradient-height-offset: 284px;
   --gradient-height: calc(100vh - var(--gradient-height-offset));
   --colors-height: var(--gradient-height);
-  --color-size: var(--spectrum-global-dimension-size-400, 32px);
+  --color-size: 32px;
   --colors-wrapper-height: calc(100vh - var(--gradient-height-offset) - var(--color-size));
   --gradient-slider-height: var(--gradient-height);
-  --slider-thumb-size: var(--spectrum-global-dimension-size-100, 8px); // var(--spectrum-global-dimension-size-300, 24px)
+  --slider-thumb-size: 8px; // 24px
   --header-height: 58px;
   --spectrum-panel-border-color: var(--spectrum-global-color-gray-300, #e1e1e1);
   --spectrum-panel-background-color: var(--spectrum-global-color-gray-100, #f5f5f5);
 }
 
 body {
-  margin: var(--spectrum-global-dimension-size-0, 0px);
-  padding: var(--spectrum-global-dimension-size-0, 0px);
+  margin: 0;
+  padding: 0;
   height: 100vh;
   overflow: hidden;
   font-family: 'Adobe Clean'; // local update since no typekit support currently.
   display: grid;
   grid-template-columns: 324px auto 240px;
   grid-template-rows: var(--header-height) auto;
-  grid-column-gap: var(--spectrum-global-dimension-size-0, 0px);
-  grid-row-gap: var(--spectrum-global-dimension-size-0, 0px);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
   grid-template-areas:
     "header header header"
     "leftPanel . rightPanel";
@@ -42,11 +42,11 @@ body {
   grid-area: header;
   display: flex;
   flex-direction: row;
-  max-height: var(--spectrum-global-dimension-size-400, 32px);
-  border-bottom: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-panel-border-color);
+  max-height: var(--spectrum-global-dimension-size-400); // 32px
+  border-bottom: 2px solid var(--spectrum-panel-border-color);
   background-color: var(--spectrum-panel-background-color);
-  margin: var(--spectrum-global-dimension-size-0, 0px);
-  padding: var(--spectrum-global-dimension-size-150) var(--spectrum-global-dimension-size-200, 16px);
+  margin: 0;
+  padding: var(--spectrum-global-dimension-size-150) var(--spectrum-global-dimension-size-200);
   align-items: center;
   justify-content: space-between;
 }
@@ -55,39 +55,39 @@ body {
   flex-direction: row;
 }
 .spectrum-AppHeader-Title {
-  margin: var(--spectrum-global-dimension-size-0, 0px);
+  margin: 0;
 }
 #headerLogo {
-  height: var(--spectrum-global-dimension-size-300, 24px);
-  width: var(--spectrum-global-dimension-size-300, 24px);
+  height: 24px;
+  width: 24px;
 }
 #logoTitle {
   display: inline-flex;
 }
 #headerLogo ~ .spectrum-AppHeader-Title {
-    margin-left: var(--spectrum-global-dimension-size-100, 8px);
+    margin-left: 8px;
 }
 #octo-link {
-  margin-left: var(--spectrum-global-dimension-size-200, 16px);
-  padding: var(--spectrum-global-dimension-size-50, 4px);
+  margin-left: 16px;
+  padding: 4px;
 }
 /* Tabs aren't inheriting all styles properly. Remapping here */
 .spectrum-Tabs {
   border-color: transparent;
-  padding: var(--spectrum-global-dimension-size-0, 0px);
+  padding: 0;
 }
 .spectrum-Tabs-item {
   color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
 }
 .spectrum-Tabs-item.is-selected {
   color: var(--spectrum-tabs-text-color-selected, var(--spectrum-alias-heading-text-color));
-  border-bottom: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-tabs-selection-indicator-color);
+  border-bottom: 2px solid var(--spectrum-tabs-selection-indicator-color, var(--spectrum-global-color-gray-900));
 }
 .spectrum-Tabs-selectionIndicator {
   display: none; /* simplifying design to speed up development */
 }
 .spectrum-Tabs--compact .spectrum-Tabs-item {
-  height: var(--spectrum-global-dimension-size-400, 32px);
+  height: 32px;
 }
 
 .spectrum-Panel {
@@ -95,9 +95,9 @@ body {
   flex-direction: column;
 
   background-color: var(--spectrum-panel-background-color);
-  min-width: calc(var(--spectrum-global-dimension-size-3000) + var(--spectrum-global-dimension-size-400, 32px));
-  border-right: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-panel-border-color);
-  padding: var(--spectrum-global-dimension-size-0, 0px);
+  min-width: calc(var(--spectrum-global-dimension-size-3000) + 32px);
+  border-right: 2px solid var(--spectrum-panel-border-color);
+  padding: 0;
   overflow: hidden;
 }
 .spectrum-Panel--small {
@@ -105,10 +105,10 @@ body {
   min-width: var(--spectrum-global-dimension-size-3000);
 }
 .spectrum-Panel--right {
-  max-height: calc(100vh - var(--spectrum-global-dimension-size-700));
+  max-height: calc(100vh - 56px);
   grid-area: rightPanel;
   border-right: 0;
-  border-left: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-panel-border-color);
+  border-left: 2px solid var(--spectrum-panel-border-color);
   justify-content: space-between;
 }
 .spectrum-Panel--custom {
@@ -116,23 +116,23 @@ body {
   min-width: 160px;
 }
 .spectrum-Panel-Item {
-  padding: var(--spectrum-global-dimension-size-100, 8px) var(--spectrum-global-dimension-size-200, 16px) var(--spectrum-global-dimension-size-200, 16px);
+  padding: 8px 16px 16px;
 }
 .spectrum-Panel-Title {
   display: flex;
   justify-content: space-between;
-  padding: var(--spectrum-global-dimension-size-100, 8px) 0 var(--spectrum-global-dimension-size-50, 4px);
+  padding: 8px 0 4px;
 
   .spectrum-ActionButton {
     margin-top: -7px;
-    margin-bottom: var(--spectrum-global-dimension-size-50, 4px);
+    margin-bottom: 4px;
   }
 }
 .spectrum-Panel-Title + .spectrum-Panel-Item {
-  padding-top: var(--spectrum-global-dimension-size-0, 0px);
+  padding-top: 0px;
 }
 .spectrum-Panel-Item ~ .spectrum-Panel-Item {
-  border-top: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-panel-border-color);
+  border-top: 2px solid var(--spectrum-panel-border-color);
 }
 .spectrum-Panel-Item--row {
   display: flex;
@@ -145,7 +145,7 @@ body {
   min-width: 140px;
 }
 .spectrum-Panel-Title ~ #colorOutputs {
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
+  margin-top: 8px;
 }
 
 #inputs {
@@ -155,14 +155,14 @@ body {
   display: flex;
   flex-direction: row;
   width: 100%;
-  height: calc(100vh - var(--spectrum-global-dimension-size-400, 32px));
+  height: calc(100vh - var(--spectrum-global-dimension-size-400));
   overflow: hidden;
 }
 #colorScale-wrapper {
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
-  margin-right: var(--spectrum-global-dimension-size-225);
+  margin-top: 8px;
+  margin-right: 18px;
   height: var(--gradient-height);
-  width: var(--spectrum-global-dimension-size-700);
+  width: 56px;
   display: block;
   position: relative;
 }
@@ -171,9 +171,9 @@ body {
   flex-direction: column;
   height: var(--colors-height);
   width: 100%;
-  border-radius: var(--spectrum-global-dimension-size-50, 4px);
+  border-radius: 4px;
   overflow: hidden;
-  border: var(--spectrum-global-dimension-size-10, 1px) solid rgba(0, 0, 0, 0.25);
+  border: 1px solid rgba(0, 0, 0, 0.25);
   background-image: linear-gradient(0deg, black, white);
   background-repeat: no-repeat;
 }
@@ -185,24 +185,24 @@ body {
 #colorWrapper {
   display: none;
   height: var(--colors-wrapper-height);
-  width: var(--spectrum-global-dimension-size-600);
-  margin-left: var(--spectrum-global-dimension-size-100, 8px);
+  width: 48px;
+  margin-left: 8px;
   // display: flex;
   align-self: flex-end;
   position: relative;
-  // margin-bottom: 1var(--spectrum-global-dimension-size-50, 4px);
+  // margin-bottom: 14px;
 }
 #color {
-  // height: 6var(--spectrum-global-dimension-size-0, 0px);
-  // width: 6var(--spectrum-global-dimension-size-0, 0px);
+  // height: 60px;
+  // width: 60px;
   height: var(--color-size);
   width: var(--color-size);
-  font-size: var(--spectrum-global-dimension-font-size-50, 4px);
+  font-size: var(--spectrum-global-dimension-font-size-50);
   display: flex;
   position: absolute;
   left: 0;
-  border-radius: var(--spectrum-global-dimension-size-50, 4px);
-  border: var(--spectrum-global-dimension-size-10, 1px) solid rgba(0, 0, 0, 0.25);
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.25);
   justify-content: center;
   align-items: center;
 }
@@ -210,11 +210,11 @@ body {
 #colorSlider-wrapper {
   position: relative;
   display: flex;
-  padding: var(--spectrum-global-dimension-size-0, 0px) var(--spectrum-global-dimension-size-0, 0px);
-  margin-top: calc(var(--spectrum-global-dimension-size-10, 1px) * -1);
+  padding: 0px 0px;
+  margin-top: -1px;
   justify-content: center;
   align-items: center;
-  width: var(--spectrum-global-dimension-size-675);
+  width: 54px;
   height: var(--gradient-slider-height);
   left: 0;
   bottom: var(--gradient-slider-height);
@@ -224,8 +224,8 @@ body {
   width: var(--gradient-slider-height);
   height: 55px;
   transform: rotate(-90deg);
-  padding: var(--spectrum-global-dimension-size-0, 0px);
-  margin: var(--spectrum-global-dimension-size-0, 0px);
+  padding: 0;
+  margin: 0;
   background-color: transparent;
   position: absolute;
   border: none;
@@ -237,8 +237,8 @@ body {
   width: var(--slider-thumb-size);
   height: var(--slider-thumb-size);
   background: #ffffff;
-  border-radius: var(--spectrum-global-dimension-size-400, 32px);
-  box-shadow: 0 0 var(--spectrum-global-dimension-size-10, 1px) var(--spectrum-global-dimension-size-10, 1px) rgba(0, 0, 0, 0.3);
+  border-radius: 32px;
+  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
   -webkit-appearance: none;
   appearance: none;
 }
@@ -246,9 +246,8 @@ body {
   width: var(--slider-thumb-size);
   height: var(--slider-thumb-size);
   background: #ffffff;
-  border-radius: var(--spectrum-global-dimension-size-400, 32px);
-  box-shadow: 0 0 var(--spectrum-global-dimension-size-10, 1px) var(--spectrum-global-dimension-size-10, 1px) rgba(0, 0, 0, 0.3);
-  border: none;
+  border-radius: 32px;
+  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
 }
 
 .spectrum-Slider {
@@ -278,10 +277,10 @@ body {
   /* THUMB */
   @mixin thumb {
     box-sizing: border-box;
-    width: var(--spectrum-global-dimension-size-200, 16px);
-    height: var(--spectrum-global-dimension-size-200, 16px);
+    width: 16px;
+    height: 16px;
     background-color: var(--spectrum-global-color-gray-100);
-    margin: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200, 16px)) / -2) 0 0 calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200, 16px)) / -2);
+    margin: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2) 0 0 calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / -2);
     border-width: var(--spectrum-slider-handle-border-size, var(--spectrum-alias-border-size-thick));
     border-style: solid;
     border-radius: var(--spectrum-slider-handle-border-radius, var(--spectrum-alias-border-radius-medium));
@@ -299,7 +298,7 @@ body {
   input[type=range]::-webkit-slider-thumb {
     -webkit-appearance: none;
     @include thumb;
-    margin-top: calc(var(--spectrum-global-dimension-size-100, 8px) * -1); /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
+    margin-top: -8px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
   }
   input[type=range]:focus::-webkit-slider-thumb {
     @include thumbFocus;
@@ -334,7 +333,7 @@ body {
     margin-top: calc(var(--spectrum-slider-fill-track-height, var(--spectrum-alias-border-size-thick)) / -2);
     pointer-events: none;
     padding: 0 var(--spectrum-slider-handle-gap, var(--spectrum-alias-border-size-thicker)) 0 0;
-    margin-left: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200, 16px)) / 2 * -1);
+    margin-left: calc(var(--spectrum-slider-handle-width, var(--spectrum-global-dimension-size-200)) / 2 * -1);
   }
 
   input[type=range]::-webkit-slider-runnable-track {
@@ -354,7 +353,7 @@ body {
 
     background: transparent;
     border-color: transparent;
-    border-width: var(--spectrum-global-dimension-size-25, 2px) 0;
+    border-width: 2px 0;
     color: transparent;
   }
   input[type=range]::-ms-fill-lower {
@@ -379,43 +378,43 @@ body {
 .spectrum-Form {
   display: flex;
   flex-direction: column;
-  margin: var(--spectrum-global-dimension-size-0, 0px);
+  margin: 0;
 
   .spectrum-Slider {
-    padding-right: var(--spectrum-global-dimension-size-100, 8px);
+    padding-right: 8px;
   }
 }
 .spectrum-Form--row {
   flex-direction: row;
   .spectrum-Form-item ~ .spectrum-Form-item {
-    margin-left: var(--spectrum-global-dimension-size-200, 16px);
+    margin-left: 16px;
   }
 }
 
 main {
   display: flex;
   flex-direction: column;
-  max-height: calc(100vh - var(--spectrum-global-dimension-size-700));
+  max-height: calc(100vh - 56px);
   overflow: hidden;
 }
 #contentTabWrapper {
   display: flex;
   height: 47px;
   min-height: fit-content;
-  padding: 0 var(--spectrum-global-dimension-size-200, 16px);
-  border-bottom: var(--spectrum-global-dimension-size-25, 2px) solid var(--spectrum-panel-border-color);
+  padding: 0 16px;
+  border-bottom: 2px solid var(--spectrum-panel-border-color);
 
   .spectrum-Tabs {
-    margin-bottom: calc(var(--spectrum-global-dimension-size-50, 4px) * -1);
+    margin-bottom: -4px;
   }
 }
 #demoWrapper {
-  padding: var(--spectrum-global-dimension-size-0, 0px);
+  padding: 0;
   display: flex;
   flex-direction: column;
   width: 100%;
   height: 100%;
-  max-height: calc(100vh - var(--spectrum-global-dimension-size-700));
+  max-height: calc(100vh - 56px);
   overflow: auto;
 }
 
@@ -426,7 +425,7 @@ main {
   flex-direction: column;
   min-width: fit-content;
   height: 100%;
-  padding: var(--spectrum-global-dimension-size-200, 16px);
+  padding: 16px;
   overflow: auto;
 }
 
@@ -441,11 +440,11 @@ main {
   justify-content: flex-start;
   align-items: flex-start;
   max-width: fit-content;
-  margin-bottom: var(--spectrum-global-dimension-size-300, 24px);
-  padding: var(--spectrum-global-dimension-size-0, 0px);
+  margin-bottom: 24px;
+  padding: 0;
 }
 .charts ~ .charts {
-  margin-left: var(--spectrum-global-dimension-size-200, 16px);
+  margin-left: 16px;
 }
 
 #chart1,
@@ -453,7 +452,7 @@ main {
 #chart3,
 #chart4,
 #contrastChart {
-  border-radius: var(--spectrum-global-dimension-size-50, 4px);
+  border-radius: 4px;
 
   svg {
     color: var(--spectrum-global-color-gray-500);
@@ -462,7 +461,7 @@ main {
 
 .chartGroup {
   .spectrum-Heading6 {
-    height: var(--spectrum-global-dimension-size-400, 32px);
+    height: 32px;
     display: flex;
     align-items: flex-end;
   }
@@ -477,17 +476,21 @@ main {
   cursor: move;
 }
 
+#chart3dColorspace {
+  width: auto;
+}
+
 h1 {
-  margin-bottom: var(--spectrum-global-dimension-size-0, 0px);
+  margin-bottom: 0px;
 }
 p {
-  margin-top: var(--spectrum-global-dimension-size-0, 0px);
+  margin-top: 0px;
 }
 .demo,
 .demoInverted {
   // max-width: 80ch;
   width: 100%;
-  padding: var(--spectrum-global-dimension-size-100, 8px) var(--spectrum-global-dimension-size-500) var(--spectrum-global-dimension-size-400, 32px);
+  padding: 8px 40px 32px;
   align-self: center;
 }
 .spectrum-Heading1 {
@@ -495,13 +498,13 @@ p {
 }
 
 .spectrum-Textfield--readonly {
-  padding-left: var(--spectrum-global-dimension-size-400, 32px);
+  padding-left: var(--spectrum-global-dimension-size-400);
   background-color: var(--spectrum-alias-background-color-default);
 }
 
 colorOutput-field {
   position: relative;
-  margin-bottom: var(--spectrum-global-dimension-size-200, 16px);
+  margin-bottom: 16px;
 }
 
 #colorOutput {
@@ -517,11 +520,11 @@ colorOutput-field {
 
 .ratio-Swatch {
   position: absolute;
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
-  margin-left: var(--spectrum-global-dimension-size-100, 8px);
-  border-radius: var(--spectrum-global-dimension-size-25, 2px);
-  height: var(--spectrum-global-dimension-size-200, 16px);
-  width: var(--spectrum-global-dimension-size-200, 16px);
+  margin-top: var(--spectrum-global-dimension-size-100);
+  margin-left: var(--spectrum-global-dimension-size-100);
+  border-radius: 2px;
+  height: var(--spectrum-global-dimension-size-200);
+  width: var(--spectrum-global-dimension-size-200);
 }
 
 
@@ -529,14 +532,14 @@ colorOutput-field {
   display: flex;
   flex-direction: row;
   align-items: center;
-  min-width: var(--spectrum-global-dimension-size-500);
-  margin-bottom: var(--spectrum-global-dimension-size-100, 8px);
+  min-width: 40px;
+  margin-bottom: 8px;
 
   input[type="color"] {
-    margin-right: var(--spectrum-global-dimension-size-100, 8px);
+    margin-right: 8px;
   }
   textarea {
-    height: var(--spectrum-global-dimension-size-800);
+    height: 64px;
   }
 }
 
@@ -544,13 +547,13 @@ colorOutput-field {
   flex-direction: row;
 
   .spectrum-FieldLabel {
-    margin-top: var(--spectrum-global-dimension-size-50, 4px);
-    margin-left: var(--spectrum-global-dimension-size-100, 8px);
+    margin-top: 4px;
+    margin-left: 8px;
   }
 }
 
 #variableColorField {
-  margin-left: var(--spectrum-global-dimension-size-300, 24px);
+  margin-left: 24px;
 }
 
 .variableColor-wrapper {
@@ -562,30 +565,30 @@ colorOutput-field {
   position: relative;
   display: flex;
   flex-direction: row;
-  padding: var(--spectrum-global-dimension-size-25, 2px); /* To ensure focus rings are visible */
-  margin: calc(var(--spectrum-global-dimension-size-25, 2px) * -1);
+  padding: 2px; /* To ensure focus rings are visible */
+  margin: -2px;
   flex-wrap: wrap;
-  min-height: var(--spectrum-global-dimension-size-1000);
+  min-height: 80px;
   max-height: 88px;
   overflow: auto;
 }
 
 #bulkColors {
   width: 100%;
-  height: var(--spectrum-global-dimension-size-1000);
+  height: 80px;
   resize: none;
-  margin-bottom: var(--spectrum-global-dimension-size-200, 16px);
+  margin-bottom: 16px;
 }
 
 a:focus {
   outline: none;
-  box-shadow: 0 0 0 var(--spectrum-global-dimension-size-25, 2px) var(--spectrum-alias-border-color-focus);
-  border-radius: var(--spectrum-global-dimension-size-50, 4px);
+  box-shadow: 0 0 0 2px var(--spectrum-alias-border-color-focus);
+  border-radius: 4px;
 }
 
 #octocat {
-  height: var(--spectrum-global-dimension-size-300, 24px);
-  width: var(--spectrum-global-dimension-size-300, 24px);
+  height: 24px;
+  width: 24px;
 }
 .spectrum-Button.demoButton,
 .spectrum-Button.demoButtonInverted {
@@ -593,7 +596,7 @@ a:focus {
 }
 
 .spacing-100 {
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
+  margin-top: 8px;
 }
 
 .keyColor,
@@ -602,42 +605,42 @@ a:focus {
   display: flex;
   flex-direction: row;
   min-height: fit-content;
-  margin-bottom: var(--spectrum-global-dimension-size-100, 8px);
-  margin-right: var(--spectrum-global-dimension-size-100, 8px);
+  margin-bottom: var(--spectrum-global-dimension-size-100);
+  margin-right: var(--spectrum-global-dimension-size-100);
 }
 
 .ratio-Field {
-  padding-left: var(--spectrum-global-dimension-size-400, 32px);
+  padding-left: var(--spectrum-global-dimension-size-400);
   width: 70%;
-  margin-right: var(--spectrum-global-dimension-size-100, 8px);
+  margin-right: 8px;
 }
 #toggleMetrics {
-  margin-top: calc(var(--spectrum-global-dimension-size-100, 8px) * -1);
-  margin-right: calc(var(--spectrum-global-dimension-size-100, 8px) * -1);
+  margin-top: -8px;
+  margin-right: -8px;
 }
 
 .colorOutputBlock {
   display: flex;
   justify-content: space-between;
-  padding: var(--spectrum-global-dimension-size-125) var(--spectrum-global-dimension-size-200, 16px) var(--spectrum-global-dimension-size-25, 2px);
-  min-height: var(--spectrum-global-dimension-size-400, 32px);
-  border-radius: var(--spectrum-global-dimension-size-0, 0px);
+  padding: 10px 16px 2px;
+  min-height: var(--spectrum-global-dimension-size-400);
+  border-radius: 0px;
 
   &:first-of-type {
-    border-top-left-radius: var(--spectrum-global-dimension-size-50, 4px);
-    border-top-right-radius: var(--spectrum-global-dimension-size-50, 4px);
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
   }
   &:last-of-type {
-    border-bottom-left-radius: var(--spectrum-global-dimension-size-50, 4px);
-    border-bottom-right-radius: var(--spectrum-global-dimension-size-50, 4px);
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
   }
 }
 .w3c-guideline {
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
+  margin-top: 8px;
 
   & + .w3c-guideline {
-    margin-top: var(--spectrum-global-dimension-size-150);
-    margin-bottom: var(--spectrum-global-dimension-size-50, 4px);
+    margin-top: 12px;
+    margin-bottom: 4px;
   }
 }
 .spectrum-Subheading {
@@ -646,11 +649,11 @@ a:focus {
 
 #functionParams {
   background-color: var(--spectrum-global-color-gray-50);
-  border: var(--spectrum-global-dimension-size-10, 1px) solid var(--spectrum-global-color-gray-200);
-  border-radius: var(--spectrum-global-dimension-size-50, 4px);
-  padding: var(--spectrum-global-dimension-size-100, 8px);
-  margin: 0 calc(var(--spectrum-global-dimension-size-100, 8px) * -1);
-  width: calc(100% - var(--spectrum-global-dimension-size-50, 4px));
+  border: 1px solid var(--spectrum-global-color-gray-200);
+  border-radius: 4px;
+  padding: 8px;
+  margin: 0 -8px;
+  width: calc(100% - 4px);
   overflow: auto;
 }
 
@@ -664,7 +667,7 @@ a:focus {
 #sequentialConfigs {
   max-height: 100%;
   margin-top: 6px;
-  padding: var(--spectrum-global-dimension-size-25, 2px); /* This ensures focus rings are visible */
+  padding: 2px; /* This ensures focus rings are visible */
   overflow: auto;
 }
  #sequentialConfigs {
@@ -699,7 +702,7 @@ a:focus {
   width: 120px;
 
   ~ .spectrum-ActionButton {
-    margin-left: var(--spectrum-global-dimension-size-100, 8px);
+    margin-left: 8px;
   }
 }
 
@@ -712,7 +715,7 @@ a:focus {
   }
 }
 #addRatio {
-  margin-top: var(--spectrum-global-dimension-size-100, 8px);
+  margin-top: 8px;
   width: 100%;
 }
 
@@ -724,7 +727,7 @@ a:focus {
 #scaleConfigs {
   display: flex;
   flex-direction: column;
-  padding-top: var(--spectrum-global-dimension-size-100, 8px);
+  padding-top: 8px;
 }
 
 .tabcontent {
@@ -733,11 +736,11 @@ a:focus {
 
 // Correct some oddities with Dialog buttons
 .spectrum-Dialog-footer > *, .spectrum-Dialog-footer > .spectrum-Button + .spectrum-Button {
-  margin: 0 0 0 var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200, 16px));
+  margin: 0 0 0 var(--spectrum-buttongroup-button-gap-x, var(--spectrum-global-dimension-static-size-200));
 }
 
 #dialogOverlay {
-  background-color: var(--spectrum-alias-background-color-hover-overlay);
+  background-color: rgba(0, 0, 0, 0.4);
   position: fixed;
   top: 0;
   left: 0;
@@ -747,14 +750,7 @@ a:focus {
 }
 
 #chart3dAlert {
-  position: relative;
-  width: 100%;
-
-  .spectrum-Alert {
-    margin: 0;
-  }
-}
-
-.spectrum-Dropdown--quiet {
-  min-width: 198px;
+  position: absolute;
+  bottom: 16px;
+  width: calc(100vw - 624px);
 }

From 52d8b1e1d86d6bd85d7000675126e27da186dd3f Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 7 Dec 2019 11:43:05 -0700
Subject: [PATCH 07/74] feat: adding link to demo app in UI

---
 packages/ui/src/index.html | 23 ++++++-----------------
 1 file changed, 6 insertions(+), 17 deletions(-)

diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index 0c229d1d..1fe6739c 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -1,15 +1,3 @@
-<!--
-Copyright 2019 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
--->
-
 <html>
 <head>
   <meta charset="utf-8">
@@ -56,9 +44,10 @@
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   </span>
   <div class="spectrum-AppHeader--right">
-    <a target="_blank" href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
-    <a target="_blank" href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
-    <a target="_blank" href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
+    <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
+    <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
+    <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
 <div class="spectrum-Panel">
@@ -238,9 +227,9 @@ <h3 class="spectrum-Heading6">Swatch Distribution</h3>
         </div>
       </form>
     <div id="chart3dWrapper">
-      <svg xmlns="http://www.w3.org/2000/svg" class="chart3D"></svg>
+      <svg class="chart3D" id="3dchart"></svg>
+      <div id="chart3dAlert"></div>
     </div>
-    <div id="chart3dAlert"></div>
   </div>
 
   <div class="tabcontent" id="demoWrapper">

From d7781628f115228ef15c18bfcec4c4544934e46a Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Sun, 8 Dec 2019 21:32:41 +0000
Subject: [PATCH 08/74] build(deps): bump serialize-to-js from 3.0.0 to 3.0.2

Bumps [serialize-to-js](https://github.com/commenthol/serialize-to-js) from 3.0.0 to 3.0.2.
- [Release notes](https://github.com/commenthol/serialize-to-js/releases)
- [Commits](https://github.com/commenthol/serialize-to-js/compare/v3.0.0...v3.0.2)

Signed-off-by: dependabot[bot] <support@github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index b88eb658..b8d0618c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -9042,9 +9042,9 @@ serialize-error@^2.1.0:
   integrity sha1-ULZ51WNc34Rme9yOWa9OW4HV9go=
 
 serialize-to-js@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/serialize-to-js/-/serialize-to-js-3.0.0.tgz#1fd8736744819a4df29dc85e9d04a44a4984edc3"
-  integrity sha512-WdGgi0jGnWCQXph2p3vkxceDnTfvfyXfYxherQMRcZjSaJzMQdMBAW6i0nojsBKIZ3fFOztZKKVbbm05VbIdRA==
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/serialize-to-js/-/serialize-to-js-3.0.2.tgz#d71834a18135aff742e516d3b2208f662a46a8ac"
+  integrity sha512-o5FqeMyxGx1wkp8p14q9QqGXh1JjXtIDYTr15N/B4ThM5ULqlpXdtOO84m950jFGvBkeRD1utW+WyNKvao2ybQ==
 
 serve-static@^1.12.4:
   version "1.14.1"

From 0b894e68e346eb64d962967da906d2761fd5f591 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 9 Dec 2019 10:57:22 -0700
Subject: [PATCH 09/74] style: Updated demo app to a calendar with more colors
 to demonstrate

---
 packages/ui/src/demo.css  | 383 ++++++++++++++++++++++++++++++++------
 packages/ui/src/demo.html |  73 +++++---
 packages/ui/src/demo.js   | 235 ++++++++++++++++++-----
 3 files changed, 562 insertions(+), 129 deletions(-)

diff --git a/packages/ui/src/demo.css b/packages/ui/src/demo.css
index d02c26ef..27dc661e 100644
--- a/packages/ui/src/demo.css
+++ b/packages/ui/src/demo.css
@@ -18,30 +18,8 @@ governing permissions and limitations under the License.
 // Grays:
 // http://localhost:8080/?color=707080&base=fafafb&tint=cacad0&shade=333351&ratios=1%2C1.25%2C1.94%2C3%2C3.99%2C5.22%2C6.96%2C9.3%2C12.45%2C15&mode=LAB
  */
-
+@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,800&display=swap');
 :root {
-  /* Define variables to use in the app. These will have values replaced via Leonardo */
-  --blue100: #d4e4e9;
-  --blue200: #599ebc;
-  --blue300: #337eaa;
-
-  --red100: #ffd8d7;
-  --red200: #e35f46;
-  --red300: #d2311a;
-
-  --gray50: #ffffff;
-  --gray100: #fafafb;
-  --gray200: #d1d1d7;
-  --gray300: #a9a9b2;
-  --gray400: #868593;
-  --gray500: #707080;
-  --gray700: #5f5e73;
-  --gray800: #4c4c64;
-  --gray900: #393955;
-  --gray1000: #262539;
-  --gray1100: #16151e;
-
-
   /* Alias global values for contextual use */
   --blueBackground: var(--blue100);
   --blueLargeText: var(--blue200);
@@ -58,6 +36,20 @@ governing permissions and limitations under the License.
   --borderColor: var(--gray200);
   --shadowColor: var(gray1100);
   /* --shadow: 2px 2px 2px var(--shadowColor); */
+  --hour-height: 64px;
+  --shadow-color: rgba(0, 0, 0, 0.1);
+}
+@media screen and (min-width: 320px) {
+  :root {
+    --detail-width: 320px;
+    --calendarHeaderPadding: 0 188px 16px 0;
+  }
+}
+@media screen and (min-width: 860px) {
+  :root {
+    --detail-width: 420px;
+    --calendarHeaderPadding: 0 288px 16px 0;
+  }
 }
 
 body {
@@ -68,6 +60,9 @@ body {
   color: var(--smallText);
   display: flex;
   flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+  font-family: 'Nunito', sans-serif;
 }
 header {
   color: #000000;
@@ -79,6 +74,7 @@ header {
   align-items: center;
   background-color: #ffffff;
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
+  z-index: 1;
 }
 header h2 {
   margin: 0;
@@ -100,11 +96,281 @@ label {
 
 /* Demo App Styles */
 #demoApp {
-  padding: 24px 32px;
-  max-width: 800px;
-  align-self: center;
+  display: grid;
+  grid-template-columns: auto var(--detail-width);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  grid-template-areas:
+    "master detail";
+  overflow: hidden;
+  height: calc(100vh - 48px);
+}
+
+#master {
+  grid-area: master;
+  display: flex;
+  flex-direction: row;
+  height: 100vh;
+  max-width: calc(100vw - var(--detail-width));
+  background-color: var(--backgroundDefault);
+  padding: 16px 0 16px 16px;
+}
+#detail {
+  grid-area: detail;
+  max-width: var(--detail-width);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100vh;
+  padding: 8px 32px 16px 16px;
+  background-color: var(--backgroundDefault);
+  border-left: 1px solid var(--gray300);
+  box-shadow: -1px 0 16px 0 var(--shadow-color), 0 0 32px 0 var(--shadow-color);
+  z-index: 1;
+}
+
+/* Calendar classes */
+.calendarWrapper {
+  display: flex;
+  flex-direction: column;
+}
+.calendarTimeColumn {
+  padding-top: 114px;
+  padding-right: 8px;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  font-size: 12px;
+}
+.calendarTime {
+  display: flex;
+  height: calc(var(--hour-height) + 2px);
+  align-items: center;
+}
+.calendarHeader {
+  display: flex;
+  align-items: flex-end;
+  height: 64px;
+  padding: var(--calendarHeaderPadding);
+  justify-content: space-between;
+  flex-direction: row;
+}
+#calendar {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  min-height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--gray300);
+  border-right: 0;
+  border-bottom: 0;
+  border-radius: 6px 6px 0 0;
+}
+.calendarColumn {
+  display: flex;
+  width: calc(100vw / 5 - 40px);
+  position: relative;
+  flex-direction: column;
+  background-color: var(--gray50);
+  border: 0;
+  border-right: 1px solid var(--gray300);
+  border-collapse:collapse;
+}
+.calendarColumnHeader {
+  padding: 16px;
+  background-color: var(--gray200);
+  border-bottom: 1px solid var(--gray300);
+  color: var(--gray900);
+  font-weight: lighter;
+  font-size: 18px;
+}
+
+/* Make first column appear selected */
+#calendarColumn0 .calendarColumnHeader {
+  border-top: 4px solid var(--purple600);
+  padding: 12px 16px 16px 16px;
+  color: var(--purple700);
+}
+
+.calendar30,
+.calendar60 {
+  display: flex;
+  min-height: calc(var(--hour-height) / 2);
+  align-items: center;
+}
+.calendar30 {
+  border-bottom: 1px dashed var(--gray300);
+}
+.calendar60 {
+  border-bottom: 1px solid var(--gray300);
+}
+.event {
+  position: absolute;
+  display: flex;
+  flex-direction: column;
+  border-radius: 6px;
+  border-width: 1px;
+  border-left-width: 6px;
+  left: 6px;
+  border-size: 1px;
+  border-style: solid;
+  overflow: hidden;
+}
+.eventSingle {
+  width: calc(100% - 20px);
+}
+.eventDouble {
+  width: calc((100% - 30px) / 2);
+}
+.eventTriple {
+  width: calc((100% - 28px) / 3);
+}
+.eventDouble ~ .eventDouble {
+  left: calc(50% + 2px);
+}
+.event30 {
+  height: calc(var(--hour-height) / 2);
+}
+.event30 .eventMeta { display: none; }
+.event60 {
+  height: var(--hour-height);
+}
+.event90 {
+  height: calc(var(--hour-height) / 2 + var(--hour-height) + 2px);
+}
+.event120 {
+  height: calc(var(--hour-height) * 2 + 2px);
+}
+/* Categories */
+.catDefault {
+  background-color: var(--gray200);
+  border-color: var(--gray700);
+}
+.catDefault .eventTitle {
+  color: var(--gray1100);
+}
+.catDefault .eventMeta {
+  color: var(--gray800);
+}
+
+.catPrimary {
+  background-color: var(--purple200);
+  border-color: var(--purple600);
+}
+.catPrimary .eventTitle {
+  color: var(--purple800);
+}
+.catPrimary .eventMeta {
+  color: var(--purple700);
 }
 
+.catPersonal {
+  background-color: var(--green200);
+  border-color: var(--green600);
+}
+.catPersonal .eventTitle {
+  color: var(--green800);
+}
+.catPersonal .eventMeta {
+  color: var(--green700);
+}
+
+.catImportant {
+  background-color: var(--gold200);
+  border-color: var(--gold600);
+}
+.catImportant .eventTitle {
+  color: var(--gold800);
+}
+.catImportant .eventMeta {
+  color: var(--gold700);
+}
+
+.catBlue {
+  background-color: var(--blue200);
+  border-color: var(--blue600);
+}
+.catBlue .eventTitle {
+  color: var(--blue800);
+}
+.catBlue .eventMeta {
+  color: var(--blue700);
+}
+.catBlue.is-selected {
+  background-color: var(--blue600);
+  border-color: var(--blue600);
+}
+.catBlue.is-selected .eventTitle {
+  color: var(--blue100);
+}
+.catBlue.is-selected .eventMeta {
+  color: var(--blue200);
+}
+
+.catUrgent {
+  background-color: var(--red200);
+  border-color: var(--red600);
+}
+.catUrgent .eventTitle {
+  color: var(--red800);
+}
+.catUrgent .eventMeta {
+  color: var(--red700);
+}
+
+.eventTitle,
+.eventMeta {
+  padding: 0 10px;
+}
+.eventTitle {
+  font-size: 14px;
+  font-weight: bold;
+  padding-top:8px;
+}
+.eventMeta {
+  font-size: 12px;
+}
+
+.detailTitle {
+  margin-bottom: 4px;
+  color: var(--gray1000);
+}
+.detailMeta {
+  margin: 0;
+  padding: 0;
+  line-height: 1.3;
+  color: var(--gray800);
+}
+.detailMeta:last-of-type {
+  margin-bottom: 14px;
+}
+.detailContent {
+  border: 1px solid var(--gray300);
+  background-color: var(--gray50);
+  padding: 10px 12px;
+  border-radius: 6px;
+}
+.detailContent p {
+  color: var(--gray1000);
+  margin: 0;
+  font-size: 16px;
+}
+.detailContent p + p {
+  margin-top: 14px;
+}
+.detailLabel {
+  font-size: 14px;
+  font-weight: bold;
+  padding: 16px 0 4px;
+  margin: 0;
+  color: var(--gray900);
+}
+.detailFooter {
+  display: flex;
+  margin-bottom: 74px;
+}
+
+
 .tabs {
   display: flex;
   width: 100%;
@@ -156,12 +422,10 @@ li.active::after {
 }
 
 h3 {
-  color: var(--gray500);
+  color: var(--gray1000);
   padding: 0;
-  margin: 24px 0 0;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  font-size: 12px;
+  margin: 0;
+  font-size: 22px;
   font-weight: 600;
 }
 
@@ -173,19 +437,40 @@ h1 {
   color: var(--blueLargeText);
 }
 
-.well {
-  display: flex;
-  padding: 16px;
-  background-color: var(--gray50);
-  border: 1px solid var(--gray200);
-  border-radius: 4px;
-}
-
 p {
   line-height: 1.5;
 }
 
-#demoApp form {
+button,
+.button {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -o-appearance: none;
+  font-size: 14px;
+  padding: 10px 12px;
+  border-width: 2px;
+  text-decoration: none;
+  display: block;
+  border-width: 2px;
+  border-style: solid;
+}
+
+button + button,
+.button + .button {
+  margin-left: 10px;
+}
+.buttonPrimary {
+  color: var(--gray100);
+  background-color: var(--purple600);
+  border-color: var(--purple600);
+}
+.buttonSecondary {
+  color: var(--purple800);
+  background-color: transparent;
+  border-color: var(--purple700);
+}
+
+/* #demoApp form {
   margin-top: 16px;
 }
 #demoApp .form-Item {
@@ -194,13 +479,7 @@ p {
   align-items: flex-start;
   margin-bottom: 12px;
 }
-#demoApp label,
-#demoApp input {
-  font-size: 1em;
-}
-#demoApp label {
-  margin: 12px 0 8px;
-}
+
 #demoApp input[type='text'] {
   width: 300px;
   padding: 5px 6px 6px;
@@ -236,12 +515,4 @@ p {
 #demoApp .alert.alert-error {
   border-color: var(--red200);
   color: var(--red300);
-}
-
-#demoApp h4 {
-  margin: 0;
-  padding: 24px 0 16px;
-}
-#demoApp p {
-  font-size: 0.875em;
-}
+} */
diff --git a/packages/ui/src/demo.html b/packages/ui/src/demo.html
index b286ec97..7d63e32a 100644
--- a/packages/ui/src/demo.html
+++ b/packages/ui/src/demo.html
@@ -22,11 +22,11 @@
 </head>
 <body class="demo">
   <header>
-    <h2>Demo App</h2>
+    <h2>Leonardo Demo App</h2>
     <div id="controls">
       <div class="form-Item">
         <label for="sliderBrightness">Brightness</label>
-        <input id="sliderBrightness" name="sliderBrightness" type="range" step="1" onInput="createColors()" value="4"></input>
+        <input id="sliderBrightness" name="sliderBrightness" type="range" step="1" onInput="createColors()"></input>
       </div>
       <div class="form-Item">
         <label for="sliderContrast">Contrast</label>
@@ -38,35 +38,52 @@ <h2>Demo App</h2>
     </div>
   </header>
   <main id="demoApp">
-    <h3>Demo overline</h3>
-    <h1>Demo Page Title</h1>
-    <nav class="tabs">
-      <ul>
-        <li class="active">Tab Item</li>
-        <li>Tab Item</li>
-        <li>Tab Item</li>
-      </ul>
-    </nav>
-    <div class="container">
-      <p> This is some demo text that holds the place of real text, which is not to be confused with actual text because actual text is not written is such enormously long running sentences that seem to have no end, and at some point become extremely difficult to comprehend the tone and duration at which the sentence will continue, gathering such accelleration into the unknown that it's unintelligible nature becomes a wonder in and of its self. </p>
-      <!-- <div class="well">
-        <p> And this is what we call a well. Why, because, well... </p>
-      </div> -->
-      <h4> This is a form</h4>
-      <div class="alert alert-error">
-        <span> Please enter your information </span>
+    <div id="master">
+      <div class="calendarTimeColumn">
+        <span class="calendarTime"> 7am </span>
+        <span class="calendarTime"> 8am </span>
+        <span class="calendarTime"> 9am </span>
+        <span class="calendarTime"> 10am </span>
+        <span class="calendarTime"> 11am </span>
+        <span class="calendarTime"> 12pm </span>
+        <span class="calendarTime"> 1pm </span>
+        <span class="calendarTime"> 2pm </span>
+        <span class="calendarTime"> 3pm </span>
+        <span class="calendarTime"> 4pm </span>
+        <span class="calendarTime"> 5pm </span>
+        <span class="calendarTime"> 6pm </span>
+        <span class="calendarTime"> 7pm </span>
+        <span class="calendarTime"> 8pm </span>
+        <span class="calendarTime"> 9pm </span>
+        <span class="calendarTime"> 10pm </span>
+        <span class="calendarTime"> 11pm </span>
       </div>
-      <form>
-        <div class="form-Item">
-          <label> Full Name: </label>
-          <input type="text" placeholder="eg. Jane Doe">
+      <div class="calendarWrapper">
+        <div class="calendarHeader">
+          <h3>Calendar</h3>
+          <button href="#" class="buttonPrimary">New Event</button>
         </div>
-        <div class="form-Item">
-          <label> Favorite Color </label>
-          <input type="text" placeholder="eg. All of them">
+        <div id="calendar"></div>
+      </div>
+    </div>
+    <div id="detail">
+      <div class="detailBody">
+        <h2 class="detailTitle"> Leonardo integration</h2>
+        <p class="detailMeta"><a href="https://leonardocolor.io">https://leonardocolor.io</a></p>
+        <label class="detailLabel">Description: </label>
+        <div class="detailContent">
+          <p>
+            This app demonstrates how Leonardo can be used to create an adaptive color palette. The adaptibility of color is surfaced to the end-user via the brightness and contrast sliders at the top of the page.
+          </p>
+          <p>
+            Each color is generated using `generateContrastColors()`. Take a look at here to see how this demo app is built.
+          </p>
         </div>
-
-      </form>
+      </div>
+      <div class="detailFooter">
+        <a href="https://github.com/adobe/leonardo/blob/master/packages/ui/src/demo.js" class="button buttonSecondary">View Demo Source</a>
+        <a href="https://leonardocolor.io" class="button buttonPrimary">Visit Leonardo</a>
+      </div>
     </div>
   </main>
   <script src="demo.js"></script>
diff --git a/packages/ui/src/demo.js b/packages/ui/src/demo.js
index 2aa97d31..f028051d 100644
--- a/packages/ui/src/demo.js
+++ b/packages/ui/src/demo.js
@@ -13,46 +13,181 @@ governing permissions and limitations under the License.
 import contrastColors from '@adobe/leonardo-contrast-colors';
 import './demo.css';
 
+
+function setup() {
+  let br = document.getElementById('sliderBrightness');
+  br.min= "-15";
+  br.max= "0";
+  br.defaultValue = '-3';
+
+  let calendar = document.getElementById('calendar')
+  calendar.innerHTML = ' ';
+
+  let monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
+    "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
+  ];
+
+  let d = new Date();
+  let month = monthNames[d.getMonth()];
+
+  let colNum = 5;
+  for (let i = 0; i<colNum; i++) {
+    let col = document.createElement('div');
+    col.className = 'calendarColumn';
+    col.id = 'calendarColumn'+i;
+
+    let head = document.createElement('div');
+    head.className = 'calendarColumnHeader';
+
+    let today = new Date();
+    let date = month+' '+ (today.getDate()+i);
+
+    head.innerHTML = date;
+
+    col.appendChild(head);
+
+    let hours = 18;
+    for (let i=0; i<hours; i++) {
+      let half = document.createElement('div');
+      let full = document.createElement('div');
+      half.className = 'calendar30';
+      full.className = 'calendar60';
+
+      col.appendChild(half);
+      col.appendChild(full);
+    }
+
+    calendar.appendChild(col);
+  }
+}
+setup();
+
+function createEvent(col, dur, title, meta, cat, pos, width, customClass) {
+  if(!width){
+    width = 'eventSingle';
+  }
+  // pos is position related to half-hour increments. Ie, how many rows down.
+  let en = document.createElement('div');
+  let head = document.createElement('span');
+  let t = document.createTextNode(title);
+  head.className = 'eventTitle';
+  head.appendChild(t);
+
+  let detail = document.createElement('span');
+  let d = document.createTextNode(meta);
+  detail.className = 'eventMeta';
+  detail.appendChild(d);
+
+  en.classList.add('event', dur, cat, width, customClass);
+  en.appendChild(head);
+  en.appendChild(detail);
+  en.style.top = 56 + (pos * 33);
+
+  col.appendChild(en);
+}
+
+let col0 = document.getElementById('calendarColumn0');
+let col1 = document.getElementById('calendarColumn1');
+let col2 = document.getElementById('calendarColumn2');
+let col3 = document.getElementById('calendarColumn3');
+let col4 = document.getElementById('calendarColumn4');
+
+// Populate calendar with events
+// Col 0
+createEvent(col0, 'event30', 'Gym', '-', 'catPersonal', 1, 'eventDouble');
+createEvent(col0, 'event90', 'Office Hour', 'UT-331', 'catPrimary', 1, 'eventDouble');
+createEvent(col0, 'event60', 'Research Planning', 'UT-105', 'catDefault', 6);
+createEvent(col0, 'event90', 'Office Hour', 'UT-201', 'catPrimary', 10);
+createEvent(col0, 'event60', 'Project Sync', 'UT-220', 'catBlue', 16);
+// Col 1
+createEvent(col1, 'event30', 'Gym', '-', 'catPersonal', 1);
+createEvent(col1, 'event120', 'Employee Meeting', 'UT-203', 'catImportant', 4);
+createEvent(col1, 'event90', 'Leonardo integration', 'https://leonardocolor.io', 'catBlue', 12, 'eventSingle', 'is-selected');
+
+// Col 2
+createEvent(col2, 'event30', 'Gym', '-', 'catPersonal', 1);
+createEvent(col2, 'event60', 'Workshop', 'UT-440', 'catBlue', 4);
+createEvent(col2, 'event90', 'Office Hour', 'UT-201', 'catPrimary', 10, 'eventDouble');
+createEvent(col2, 'event30', 'Color sync', 'UT-220', 'catDefault', 10, 'eventDouble');
+createEvent(col2, 'event30', 'Submission Deadline', '-', 'catUrgent', 18);
+
+// Col 3
+createEvent(col3, 'event30', 'Gym', '-', 'catPersonal', 1);
+createEvent(col3, 'event60', 'User Interview', 'UT-203', 'catDefault', 4);
+createEvent(col3, 'event60', 'User Interview', 'UT-203', 'catDefault', 7);
+createEvent(col3, 'event60', 'User Interview', 'UT-203', 'catDefault', 12);
+createEvent(col3, 'event120', 'Sprint Demo', 'UT-440', 'catImportant', 16, 'eventDouble');
+createEvent(col3, 'event60', 'Color palette review', 'UT-330', 'catBlue', 19, 'eventDouble');
+
+// Col 4
+createEvent(col4, 'event30', 'Gym', '-', 'catPersonal', 1);
+createEvent(col4, 'event60', 'Workshop', 'UT-440', 'catBlue', 4);
+createEvent(col4, 'event120', 'Backlog grooming', 'UT-112', 'catPrimary', 8);
+
 function createColors() {
   var br = document.getElementById('sliderBrightness');
   var con = document.getElementById('sliderContrast');
   var mode = document.getElementById('darkMode');
-  br.min= "-15";
-  br.max= "0";
+
 
   var brVal = br.value * -1; // convert br.value to positive number to use as index
   var conVal = con.value;
 
   // TEST -> Define colors as configs and scales.
-  var baseRatios = [-1.1,1,1.25,1.94,3,3.99,5.22,6.96,9.30,12.45,15];
-  var uiRatios = [1.3,3.5,5];
+
+
+  // generateContrastColors({base: "#f4f5f8"});
+  var baseRatios = [-1.1,1,1.12,1.25,1.45,1.75,2.25,3.01,4.52,7,11,16];
+  var uiRatios = [1,1.12,1.3,2,3.01,4.52,7,11,16];
 
   var grayScale = contrastColors.createScale({
     swatches: 100,
-    colorKeys: ['#000036', '#f9ffff'],
-    colorspace: 'LAB'
+    colorKeys: ["#4a5b7b","#72829c","#a6b2c6"],
+    colorspace: 'HSL'
   });
-  var blueScale = contrastColors.createScale({
+  var base = grayScale.colors[5];
+  // console.log(grayScale.colors);
+
+  var baseScale = {
+    colorKeys: grayScale.colorKeys,
+    colorspace: grayScale.colorspace
+  }
+
+  var purpleScale = {
+    colorKeys: ["#7a4beb","#ac80f4","#2f0071"],
+    colorspace: "LAB"
+  }
+
+  var blueScale = {
     colorKeys: ['#0272d4','#b2f0ff','#55cfff','#0037d7'],
     colorspace: "CAM02"
-  });
+  };
 
-  var redScale = contrastColors.createScale({
+  var greenScale = {
+    colorKeys: ["#4eb076","#2a5a45","#a7e3b4"],
+    colorspace: "HSL"
+  }
+  var redScale = {
     colorKeys: ["#ea2825","#ffc1ad","#fd937e"],
     colorspace: "LAB"
-  });
+  };
+
+  var goldScale = {
+    colorKeys: ["#e8b221","#a06a00","#ffdd7c"],
+    colorspace: "HSL"
+  }
 
-  var base = grayScale.colors[4];
   br.min= "-15";
   br.max= "0";
 
   if(mode.checked == true) {
-    brVal = 84 + brVal;
-
+    brVal = 80 + brVal;
     var base = grayScale.colors[brVal];
-  } else {
 
+    document.documentElement.style.setProperty('--shadow-color', 'rgba(0, 0, 0, 0.5)');
+  } else {
     var base = grayScale.colors[brVal];
+    document.documentElement.style.setProperty('--shadow-color', 'rgba(0, 0, 0, 0.1)');
   }
 
   baseRatios = baseRatios.map(function(d) {
@@ -65,44 +200,54 @@ function createColors() {
   });
 
   // adaptColor();
-  let grayArray = contrastColors.generateContrastColors({colorKeys: grayScale.colorKeys, colorspace: grayScale.colorspace, base: base, ratios: baseRatios});
+  let grayArray = contrastColors.generateContrastColors({colorKeys: baseScale.colorKeys, colorspace: baseScale.colorspace, base: base, ratios: baseRatios});
   let redArray = contrastColors.generateContrastColors({colorKeys: redScale.colorKeys, colorspace: redScale.colorspace, base: base, ratios: uiRatios});
   let blueArray = contrastColors.generateContrastColors({colorKeys: blueScale.colorKeys, colorspace: blueScale.colorspace, base: base, ratios: uiRatios});
+  let purpleArray = contrastColors.generateContrastColors({colorKeys: purpleScale.colorKeys, colorspace: purpleScale.colorspace, base: base, ratios: uiRatios});
+  let greenArray = contrastColors.generateContrastColors({colorKeys: greenScale.colorKeys, colorspace: greenScale.colorspace, base: base, ratios: uiRatios});
+  let goldArray = contrastColors.generateContrastColors({colorKeys: goldScale.colorKeys, colorspace: goldScale.colorspace, base: base, ratios: uiRatios});
 
+  // Grays
   document.documentElement.style
     .setProperty('--gray50', grayArray[0]);
-  document.documentElement.style
-    .setProperty('--gray100', grayArray[1]);
-  document.documentElement.style
-    .setProperty('--gray200', grayArray[2]);
-  document.documentElement.style
-    .setProperty('--gray300', grayArray[3]);
-  document.documentElement.style
-    .setProperty('--gray400', grayArray[4]);
-  document.documentElement.style
-    .setProperty('--gray500', grayArray[5]);
-  document.documentElement.style
-    .setProperty('--gray600', grayArray[6]);
-  document.documentElement.style
-    .setProperty('--gray700', grayArray[7]);
-  document.documentElement.style
-    .setProperty('--gray800', grayArray[8]);
-  document.documentElement.style
-    .setProperty('--gray900', grayArray[9]);
-  document.documentElement.style
-    .setProperty('--gray1000', grayArray[10]);
-  document.documentElement.style
-    .setProperty('--gray1100', grayArray[11]);
+  for (let i=1; i<grayArray.length; i++) { // start after first value
+    let prop = '--gray' + (i * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, grayArray[i]);
+    console.log(prop);
+  }
   // Blues
-  document.documentElement.style
-    .setProperty('--blue100', blueArray[0]);
-  document.documentElement.style
-    .setProperty('--blue200', blueArray[1]);
-  document.documentElement.style
-    .setProperty('--blue300', blueArray[2]);
+  for (let i=0; i<blueArray.length; i++) {
+    let prop = '--blue' + ((i+1) * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, blueArray[i]);
+  }
+  // Purples
+  for (let i=0; i<purpleArray.length; i++) {
+    let prop = '--purple' + ((i+1) * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, purpleArray[i]);
+  }
+  // Greens
+  for (let i=0; i<greenArray.length; i++) {
+    let prop = '--green' + ((i+1) * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, greenArray[i]);
+  }
+  // Gold
+  for (let i=0; i<goldArray.length; i++) {
+    let prop = '--gold' + ((i+1) * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, goldArray[i]);
+  }
+  // Red
+  for (let i=0; i<redArray.length; i++) {
+    let prop = '--red' + ((i+1) * 100).toString();
+    document.documentElement.style
+      .setProperty(prop, redArray[i]);
+  }
 }
-
 createColors();
 
-window.createColors = createColors;
 
+window.createColors = createColors;

From 2916b85e2316569a2828514d3f8eda0587e0640a Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 9 Dec 2019 11:03:43 -0700
Subject: [PATCH 10/74] style: updated styles of links and reverted buttons
 with function to open url

---
 packages/ui/src/demo.css  | 13 +++++++++++++
 packages/ui/src/demo.html |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/demo.css b/packages/ui/src/demo.css
index 27dc661e..362e2054 100644
--- a/packages/ui/src/demo.css
+++ b/packages/ui/src/demo.css
@@ -441,6 +441,18 @@ p {
   line-height: 1.5;
 }
 
+a {
+  color: var(--blue800);
+}
+a:visited {
+  color: var(--purple800);
+}
+a:hover,
+a:active,
+a:focus {
+  color: var(--blue900);
+}
+
 button,
 .button {
   -webkit-appearance: none;
@@ -455,6 +467,7 @@ button,
   border-style: solid;
 }
 
+
 button + button,
 .button + .button {
   margin-left: 10px;
diff --git a/packages/ui/src/demo.html b/packages/ui/src/demo.html
index 7d63e32a..9126f03b 100644
--- a/packages/ui/src/demo.html
+++ b/packages/ui/src/demo.html
@@ -81,8 +81,8 @@ <h2 class="detailTitle"> Leonardo integration</h2>
         </div>
       </div>
       <div class="detailFooter">
-        <a href="https://github.com/adobe/leonardo/blob/master/packages/ui/src/demo.js" class="button buttonSecondary">View Demo Source</a>
-        <a href="https://leonardocolor.io" class="button buttonPrimary">Visit Leonardo</a>
+        <button onclick="location.href='https://github.com/adobe/leonardo/blob/master/packages/ui/src/demo.js'" class="button buttonSecondary">View Demo Source</button>
+        <button onclick="location.href='https://leonardocolor.io'" class="button buttonPrimary">Visit Leonardo</button>
       </div>
     </div>
   </main>

From e0eb9b46173a4d80c083f22b61b3eae7f49ce5fb Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 9 Dec 2019 14:07:39 -0700
Subject: [PATCH 11/74] feat: colorscale as HTML Canvas

---
 packages/ui/src/index.js | 40 +++++++++++++++++++++++++++++++---------
 1 file changed, 31 insertions(+), 9 deletions(-)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 53e4b92e..ab4a32b2 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -467,6 +467,29 @@ function colorspaceOptions() {
   chart2dColorspace.value = 'CAM02';
 }
 
+// Ramp function to create HTML canvas color scale
+function ramp(color, n) {
+  n = window.innerHeight - 284;
+  let container = d3.select('#colorScale');
+  let canvas = container.append("canvas")
+    .attr("height", n)
+    .attr("width", 40);
+  let context = canvas.node().getContext("2d");
+
+  // canvas.style.margin = "0 -14px";
+  // canvas.style.height = "calc(100% + 28px)";
+  canvas.style.width = "40px";
+  canvas.style.imageRendering = "pixelated";
+  for (let i = 0; i < n; ++i) {
+    // only do this for actual colors
+    if(color[i] !== undefined) {
+      context.fillStyle = color[i]; // color[i / (n - 1)]
+      context.fillRect(0, i, 40, 1);
+    }
+  }
+  return canvas;
+}
+
 // Calculate Color and generate Scales
 window.colorInput = colorInput;
 function colorInput() {
@@ -512,6 +535,11 @@ function colorInput() {
 
   // Generate scale data so we have access to all 3000 swatches to draw the gradient on the left
   let scaleData = contrastColors.createScale({swatches: 3000, colorKeys: colorArgs, colorspace: mode, shift: shift});
+  let n = window.innerHeight - 282;
+  // let n = window.innerHeight - 84;
+  console.log(n);
+
+  let rampData = contrastColors.createScale({swatches: n, colorKeys: colorArgs, colorspace: mode, shift: shift});
 
   newColors = contrastColors.generateContrastColors({colorKeys: colorArgs, base: background, ratios: ratioInputs, colorspace: mode, shift: shift});
 
@@ -560,15 +588,9 @@ function colorInput() {
     swatch.style.backgroundColor = newColors[i];
   }
 
-  // Generate Gradient
-  for (let i = 0; i < scaleData.colors.length; i++) {
-    var container = document.getElementById('colorScale');
-    var div = document.createElement('div');
-    div.className = 'colorScale-Item';
-    div.style.backgroundColor = scaleData.colors[i];
-
-    container.appendChild(div);
-  }
+  // Generate Gradient as HTML Canvas element
+  let filteredColors = rampData.colors;
+  ramp(filteredColors, n);
 
   var backgroundR = d3.rgb(background).r;
   var backgroundG = d3.rgb(background).g;

From 7d39d6d2b10a475eccc2264c32bf07d79d920ac8 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 9 Dec 2019 14:11:55 -0700
Subject: [PATCH 12/74] style: cleanup code in canvas generation

---
 packages/ui/src/index.js | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index ab4a32b2..42b855c3 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -473,18 +473,16 @@ function ramp(color, n) {
   let container = d3.select('#colorScale');
   let canvas = container.append("canvas")
     .attr("height", n)
-    .attr("width", 40);
+    .attr("width", 1);
   let context = canvas.node().getContext("2d");
 
-  // canvas.style.margin = "0 -14px";
-  // canvas.style.height = "calc(100% + 28px)";
   canvas.style.width = "40px";
   canvas.style.imageRendering = "pixelated";
   for (let i = 0; i < n; ++i) {
     // only do this for actual colors
     if(color[i] !== undefined) {
       context.fillStyle = color[i]; // color[i / (n - 1)]
-      context.fillRect(0, i, 40, 1);
+      context.fillRect(0, i, 1, 1);
     }
   }
   return canvas;

From b8a266623b1a53a9ff1a268b64bf1c041d244d66 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 11:33:57 -0800
Subject: [PATCH 13/74] build: switch to Jest, fix issues with babel vs node
 and default

---
 packages/contrast-colors/.npmignore           |    2 +
 packages/contrast-colors/index.js             |   26 +-
 packages/contrast-colors/package.json         |   41 +-
 .../{binarySearch.js => binarySearch.test.js} |   43 +-
 .../test/{contrast.js => contrast.test.js}    |   16 +-
 .../{createScale.js => createScale.test.js}   |    9 +-
 ...lors.js => generateContrastColors.test.js} |  128 +-
 packages/ui/src/charts.js                     |    2 +-
 packages/ui/src/demo.js                       |    2 +-
 packages/ui/src/index.js                      |    2 +-
 yarn.lock                                     | 2954 +++++++++--------
 11 files changed, 1601 insertions(+), 1624 deletions(-)
 create mode 100644 packages/contrast-colors/.npmignore
 rename packages/contrast-colors/test/{binarySearch.js => binarySearch.test.js} (79%)
 rename packages/contrast-colors/test/{contrast.js => contrast.test.js} (77%)
 rename packages/contrast-colors/test/{createScale.js => createScale.test.js} (87%)
 rename packages/contrast-colors/test/{generateContrastColors.js => generateContrastColors.test.js} (70%)

diff --git a/packages/contrast-colors/.npmignore b/packages/contrast-colors/.npmignore
new file mode 100644
index 00000000..dbd17a1c
--- /dev/null
+++ b/packages/contrast-colors/.npmignore
@@ -0,0 +1,2 @@
+node_modules/
+test/
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index deda0b6b..762a0818 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -14,7 +14,19 @@ import * as d3 from 'd3';
 import * as d3cam02 from 'd3-cam02';
 import * as d3hsluv from 'd3-hsluv';
 import * as d3hsv from 'd3-hsv';
-Object.assign(d3, d3hsluv, d3hsv, d3cam02);
+
+// Work around node and babel's difference of opinion on the read-onlyness of default
+function assign(dest, ...src) {
+  for (let obj of src) {
+    for (let prop in obj) {
+      if (prop !== 'default') {
+        dest[prop] = obj[prop]
+      }
+    }
+  }
+}
+
+assign(d3, d3hsluv, d3hsv, d3cam02);
 
 function cArray(c) {
   let L = d3.hsluv(c).l;
@@ -308,8 +320,10 @@ function binarySearch(list, value, baseLum) {
   return (list[middle] == !value) ? closest : middle // how it was originally expressed
 }
 
-exports.createScale = createScale;
-exports.luminance = luminance;
-exports.contrast = contrast;
-exports.binarySearch = binarySearch;
-exports.generateContrastColors = generateContrastColors;
+export {
+  createScale,
+  luminance,
+  contrast,
+  binarySearch,
+  generateContrastColors
+};
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index c2e86bfb..e0209593 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -3,30 +3,47 @@
   "version": "0.1.0",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
-  "main": "index.js",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./index.js",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "default": "./index.js"
+    }
+  },
   "scripts": {
-    "dev": "ava test/*.js --verbose --watch",
-    "test": "ava test/*.js --verbose",
-    "coverage": "nyc report -r lcovonly && codecov"
+    "build": "babel *.js --out-dir dist",
+    "prepublishOnly": "npm run build",
+    "dev": "jest --watch",
+    "test": "jest"
   },
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "license": "Apache-2.0",
+  "devDependencies": {
+    "@babel/cli": "^7.7.5",
+    "@babel/preset-env": "^7.7.6"
+  },
   "dependencies": {
-    "ava": "^2.4.0",
-    "d3": "^5.12.0",
-    "esm": "^3.2.25",
-    "nyc": "^14.1.1",
     "d3-3d": "0.0.9",
     "d3-cam02": "^0.1.5",
     "d3-hsluv": "^0.1.2",
-    "d3-hsv": "^0.1.0"
+    "d3-hsv": "^0.1.0",
+    "jest": "^24.9.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "ava": {
-    "require": [
-      "esm"
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "targets": {
+            "node": "current"
+          }
+        }
+      ]
     ]
   }
 }
diff --git a/packages/contrast-colors/test/binarySearch.js b/packages/contrast-colors/test/binarySearch.test.js
similarity index 79%
rename from packages/contrast-colors/test/binarySearch.js
rename to packages/contrast-colors/test/binarySearch.test.js
index 1eb00340..1012d38d 100644
--- a/packages/contrast-colors/test/binarySearch.js
+++ b/packages/contrast-colors/test/binarySearch.test.js
@@ -9,80 +9,61 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import test from 'ava';
 import { binarySearch } from '../index.js';
 
-test('should return index of exact match (ascending)', function(t) {
+test('should return index of exact match (ascending)', function() {
   let list = [1, 2, 3, 3.07, 3.1, 3.12, 3.13, 3.14, 3.3, 5, 12];
   let value = 3.12;
   let baseLum = 0.7;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
 
-  t.is(
-    searchIndex,
-    5 // list[5] // 3.12 indexed at 5
-  );
+  expect(searchIndex).toBe(5); // list[5] // 3.12 indexed at 5
 });
 
-test('should return index of exact match (descending)', function(t) {
+test('should return index of exact match (descending)', function() {
   let list = [12, 5, 3.3, 3.14, 3.13, 3.12, 3.1, 3.07, 3, 2, 1];
   let value = 3.12;
   let baseLum = 0.3;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
 
-  t.is(
-    searchIndex,
-    5 // list[5] // 3.12 indexed at 5
-  );
+  expect(searchIndex).toBe(5); // list[5] // 3.12 indexed at 5
 });
 
-test('should return index of closest match (ascending)', function(t) {
+test('should return index of closest match (ascending)', function() {
   let list = [1, 2, 3, 3.07, 3.1, 3.12, 3.13, 3.14, 3.3, 5, 12];
   let value = 3.09;
   let baseLum = 0.7;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
 
-  t.is(
-    searchIndex,
-    4 // list[4] // 3.1 indexed at 4
-  );
+  expect(searchIndex).toBe(4); // list[4] // 3.1 indexed at 4
 });
 
-test('should return exact match (ascending)', function(t) {
+test('should return exact match (ascending)', function() {
   let list = [1, 2, 3, 3.07, 3.1, 3.12, 3.13, 3.14, 3.3, 5, 12];
   let value = 3.12;
   let baseLum = 0.7;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
   let searchResult = list[searchIndex];
 
-  t.is(
-    searchResult,
-    3.12
-  );
+  expect(searchResult).toBe(3.12);
 });
 
-test('should return exact match (descending)', function(t) {
+test('should return exact match (descending)', function() {
   let list = [12, 5, 3.3, 3.14, 3.13, 3.12, 3.1, 3.07, 3, 2, 1];
   let value = 3.12;
   let baseLum = 0.3;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
   let searchResult = list[searchIndex];
 
-  t.is(
-    searchResult,
-    3.12
-  );
+  expect(searchResult).toBe(3.12);
 });
 
-test('should return closest match (ascending)', function(t) {
+test('should return closest match (ascending)', function() {
   let list = [1, 2, 3, 3.07, 3.1, 3.12, 3.13, 3.14, 3.3, 5, 12];
   let value = 3.09;
   let baseLum = 0.7;
   let searchIndex = binarySearch(list, value, baseLum); // returns index
   let searchResult = list[searchIndex];
 
-  t.is(
-    searchResult,
-    3.1
-  );
+  expect(searchResult).toBe(3.1);
 });
diff --git a/packages/contrast-colors/test/contrast.js b/packages/contrast-colors/test/contrast.test.js
similarity index 77%
rename from packages/contrast-colors/test/contrast.js
rename to packages/contrast-colors/test/contrast.test.js
index 899324b5..fb69d5bd 100644
--- a/packages/contrast-colors/test/contrast.js
+++ b/packages/contrast-colors/test/contrast.test.js
@@ -1,3 +1,4 @@
+
 /*
 Copyright 2019 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -9,23 +10,16 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import test from 'ava';
 import { contrast } from '../index.js';
 
-test('should provide negative contrast (-1.55...)', function(t) {
+test('should provide negative contrast (-1.55...)', function() {
   let contrastValue = contrast([255, 255, 255], [207, 207, 207]); // white is UI color, gray is base. Should return negative whole number
 
-  t.is(
-    contrastValue,
-    -1.5579550563651177
-  );
+  expect(contrastValue).toBe(-1.5579550563651177);
 });
 
-test('should provide positive contrast (1.55...)', function(t) {
+test('should provide positive contrast (1.55...)', function() {
   let contrastValue = contrast([207, 207, 207], [255, 255, 255]); // gray is UI color, white is base. Should return positive whole number
 
-  t.is(
-    contrastValue,
-    1.5579550563651177
-  );
+  expect(contrastValue).toBe(1.5579550563651177);
 });
diff --git a/packages/contrast-colors/test/createScale.js b/packages/contrast-colors/test/createScale.test.js
similarity index 87%
rename from packages/contrast-colors/test/createScale.js
rename to packages/contrast-colors/test/createScale.test.js
index fd1c4496..2bdb7c7d 100644
--- a/packages/contrast-colors/test/createScale.js
+++ b/packages/contrast-colors/test/createScale.test.js
@@ -9,14 +9,12 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import test from 'ava';
 import { createScale } from '../index.js';
 
-test('should generate 8 colors in Lab', function(t) {
+test('should generate 8 colors in Lab', function() {
   let scale = createScale({swatches: 8, colorKeys: ['#CCFFA9', '#FEFEC5', '#5F0198'], colorspace: 'LAB', shift: 1, fullScale: true});
 
-  t.deepEqual(
-    scale.colors,
+  expect(scale.colors).toEqual(
     [
       'rgb(255, 255, 255)',
       'rgb(196, 229, 169)',
@@ -29,8 +27,7 @@ test('should generate 8 colors in Lab', function(t) {
     ]
   );
 
-  t.deepEqual(
-    scale.colorKeys,
+  expect(scale.colorKeys).toEqual(
     [ '#CCFFA9', '#FEFEC5', '#5F0198' ]
   );
 });
diff --git a/packages/contrast-colors/test/generateContrastColors.js b/packages/contrast-colors/test/generateContrastColors.test.js
similarity index 70%
rename from packages/contrast-colors/test/generateContrastColors.js
rename to packages/contrast-colors/test/generateContrastColors.test.js
index 2fe31189..f6cb6f78 100644
--- a/packages/contrast-colors/test/generateContrastColors.js
+++ b/packages/contrast-colors/test/generateContrastColors.test.js
@@ -9,150 +9,118 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import test from 'ava';
 import { generateContrastColors } from '../index.js';
+
 // Test simple generation in all color spaces
-test('should generate 2 colors (CAM02 interpolation)', function(t) {
+test('should generate 2 colors (CAM02 interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02'});;
 
-  t.deepEqual(
-    colors,
-    [ '#5490e0', '#2c66f1' ]
-  );
+  expect(colors).toEqual([ '#5490e0', '#2c66f1' ]);
 
 });
-test('should generate 2 colors (LAB interpolation)', function(t) {
+
+test('should generate 2 colors (LAB interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'LAB'});;
 
-  t.deepEqual(
-    colors,
-    [ '#7383ff', '#435eff' ]
-  );
+  expect(colors).toEqual([ '#7383ff', '#435eff' ]);
 });
-test('should generate 2 colors (LCH interpolation)', function(t) {
+
+test('should generate 2 colors (LCH interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'LCH'});;
 
-  t.deepEqual(
-    colors,
-    [ '#008fff', '#0065ff' ]
-  );
+  expect(colors).toEqual([ '#008fff', '#0065ff' ]);
 });
-test('should generate 2 colors (HSL interpolation)', function(t) {
+
+test('should generate 2 colors (HSL interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'HSL'});;
 
-  t.deepEqual(
-    colors,
-    [ '#478cfe', '#2d62ff' ]
-  );
+  expect(colors).toEqual([ '#478cfe', '#2d62ff' ]);
 });
-test('should generate 2 colors (HSLuv interpolation)', function(t) {
+
+test('should generate 2 colors (HSLuv interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'HSLuv'});;
 
-  t.deepEqual(
-    colors,
-    [ '#1896dc', '#066aea' ]
-  );
+  expect(colors).toEqual([ '#1896dc', '#066aea' ]);
 });
-test('should generate 2 colors (HSV interpolation)', function(t) {
+
+test('should generate 2 colors (HSV interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'HSV'});;
 
-  t.deepEqual(
-    colors,
-    [ '#478cff', '#2d62ff' ]
-  );
+  expect(colors).toEqual([ '#478cff', '#2d62ff' ]);
 });
-test('should generate 2 colors (RGB interpolation)', function(t) {
+
+test('should generate 2 colors (RGB interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'RGB'});;
 
-  t.deepEqual(
-    colors,
-    [ '#5988ff', '#3360ff' ]
-  );
+  expect(colors).toEqual([ '#5988ff', '#3360ff' ]);
 });
 
-test('should generate 2 colors on dark background', function(t) {
+test('should generate 2 colors on dark background', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: "#323232",ratios: [3, 4.5], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#0074ff', '#009fff' ]
-  );
+  expect(colors).toEqual([ '#0074ff', '#009fff' ]);
 });
 
 // Check bidirectionality of contrast ratios (positive vs negative)
-test('should generate 2 colors with bidirectional contrast (light background)', function(t) {
+test('should generate 2 colors with bidirectional contrast (light background)', function() {
   let colors = generateContrastColors({colorKeys: ["#012676"], base: "#D8D8D8",ratios: [-1.25,4.5], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#efeff6', '#56599a' ]
-  );
+  expect(colors).toEqual([ '#efeff6', '#56599a' ]);
 });
-test('should generate 2 colors with bidirectional contrast (dark background)', function(t) {
+
+test('should generate 2 colors with bidirectional contrast (dark background)', function() {
   let colors = generateContrastColors({colorKeys: ["#012676"], base: "#323232",ratios: [-1.25,4.5], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#101c51', '#9695c0' ]
-  );
+  expect(colors).toEqual([ '#101c51', '#9695c0' ]);
 });
 
 // Contrast gamuts
-test('should generate black when ratio darker than available colors', function(t) {
+test('should generate black when ratio darker than available colors', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: "#d8d8d8",ratios: [21], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#000000' ]
-  );
+  expect(colors).toEqual([ '#000000' ]);
 });
-test('should generate white when ratio lighter than available colors', function(t) {
+
+test('should generate white when ratio lighter than available colors', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: "#323232",ratios: [21], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#ffffff' ]
-  );
+  expect(colors).toEqual([ '#ffffff' ]);
 });
-test('should generate white when negative ratio lighter than available colors', function(t) {
+
+test('should generate white when negative ratio lighter than available colors', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: "#f5f5f5",ratios: [-21], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#ffffff' ]
-  );
+  expect(colors).toEqual([ '#ffffff' ]);
 });
-test('should generate black when negative ratio lighter than available colors', function(t) {
+
+test('should generate black when negative ratio lighter than available colors', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: "#323232",ratios: [-21], colorspace: "LCH"}); // positive & negative ratios
 
-  t.deepEqual(
-    colors,
-    [ '#000000' ]
-  );
+  expect(colors).toEqual([ '#000000' ]);
 });
 
 // Expected errors
-test('should generate no colors, missing colorKeys', function(t) {
-  t.throws(
+test('should generate no colors, missing colorKeys', function() {
+  expect(
     () => {
       let colors = generateContrastColors({base: '#f5f5f5', ratios: [3, 4.5]}) // no key colors
     }
-  );
+  ).toThrow();
 });
 
-test('should generate no colors, missing ratios', function(t) {
+test('should generate no colors, missing ratios', function() {
 
-  t.throws(
+  expect(
     () => {
       let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5'}) // no ratios
     }
-  );
+  ).toThrow();
 });
 
-test('should generate no colors, missing base', function(t) {
-  t.throws(
+test('should generate no colors, missing base', function() {
+  expect(
     () => {
       let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], ratios: [3, 4.5]}) // no base
     }
-  );
+  ).toThrow();
 });
diff --git a/packages/ui/src/charts.js b/packages/ui/src/charts.js
index e0a7670a..f87c587e 100644
--- a/packages/ui/src/charts.js
+++ b/packages/ui/src/charts.js
@@ -15,7 +15,7 @@ import * as d3 from 'd3';
 import * as d33d from 'd3-3d';
 Object.assign(d3, d33d);
 
-import contrastColors from '@adobe/leonardo-contrast-colors';
+import * as contrastColors from '@adobe/leonardo-contrast-colors';
 
 let chart3dColorspace = document.getElementById('chart3dColorspace');
 let dest = document.querySelector('.chart3D');
diff --git a/packages/ui/src/demo.js b/packages/ui/src/demo.js
index f028051d..0808cb03 100644
--- a/packages/ui/src/demo.js
+++ b/packages/ui/src/demo.js
@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import contrastColors from '@adobe/leonardo-contrast-colors';
+import * as contrastColors from '@adobe/leonardo-contrast-colors';
 import './demo.css';
 
 
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 42b855c3..5de85492 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -38,7 +38,7 @@ import './scss/style.scss';
 
 import '@adobe/focus-ring-polyfill';
 
-import contrastColors from '@adobe/leonardo-contrast-colors';
+import * as contrastColors from '@adobe/leonardo-contrast-colors';
 
 // expose functions so they can be ran in the console
 window.createScale = contrastColors.createScale;
diff --git a/yarn.lock b/yarn.lock
index b8d0618c..91c7b440 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,29 +12,21 @@
   resolved "https://registry.yarnpkg.com/@adobe/spectrum-css-workflow-icons/-/spectrum-css-workflow-icons-1.0.0.tgz#913f3a251ef5ea3154929a7a23d4fbd6de1553da"
   integrity sha512-aJbk7XhsUNefoufMpneq2aIT3VuD++KUY0C08VKbt5p/WOW0aDX8WYavUxW4oiK5cAgsvapcaPaS+eWpBMwXLg==
 
-"@ava/babel-plugin-throws-helper@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@ava/babel-plugin-throws-helper/-/babel-plugin-throws-helper-4.0.0.tgz#8f5b45b7a0a79c6f4032de2101e0c221847efb62"
-  integrity sha512-3diBLIVBPPh3j4+hb5lo0I1D+S/O/VDJPI4Y502apBxmwEqjyXG4gTSPFUlm41sSZeZzMarT/Gzovw9kV7An0w==
-
-"@ava/babel-preset-stage-4@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/@ava/babel-preset-stage-4/-/babel-preset-stage-4-4.0.0.tgz#9be5a59ead170062e228bb6ffd2b29f0489424fd"
-  integrity sha512-lZEV1ZANzfzSYBU6WHSErsy7jLPbD1iIgAboASPMcKo7woVni5/5IKWeT0RxC8rY802MFktur3OKEw2JY1Tv2w==
-  dependencies:
-    "@babel/plugin-proposal-async-generator-functions" "^7.2.0"
-    "@babel/plugin-proposal-dynamic-import" "^7.5.0"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.2.0"
-    "@babel/plugin-transform-dotall-regex" "^7.4.4"
-    "@babel/plugin-transform-modules-commonjs" "^7.5.0"
-
-"@ava/babel-preset-transform-test-files@^6.0.0":
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/@ava/babel-preset-transform-test-files/-/babel-preset-transform-test-files-6.0.0.tgz#639e8929d2cdc8863c1f16020ce644c525723cd4"
-  integrity sha512-8eKhFzZp7Qcq1VLfoC75ggGT8nQs9q8fIxltU47yCB7Wi7Y8Qf6oqY1Bm0z04fIec24vEgr0ENhDHEOUGVDqnA==
-  dependencies:
-    "@ava/babel-plugin-throws-helper" "^4.0.0"
-    babel-plugin-espower "^3.0.1"
+"@babel/cli@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.7.5.tgz#25702cc65418efc06989af3727897b9f4c8690b6"
+  integrity sha512-y2YrMGXM3NUyu1Myg0pxg+Lx6g8XhEyvLHYNRwTBV6fDek3H7Io6b7N/LXscLs4HWn4HxMdy7f2rM1rTMp2mFg==
+  dependencies:
+    commander "^4.0.1"
+    convert-source-map "^1.1.0"
+    fs-readdir-recursive "^1.1.0"
+    glob "^7.0.0"
+    lodash "^4.17.13"
+    make-dir "^2.1.0"
+    slash "^2.0.0"
+    source-map "^0.5.0"
+  optionalDependencies:
+    chokidar "^2.1.8"
 
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
   version "7.5.5"
@@ -43,18 +35,18 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.4.4":
-  version "7.7.2"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.2.tgz#ea5b99693bcfc058116f42fa1dd54da412b29d91"
-  integrity sha512-eeD7VEZKfhK1KUXGiyPFettgF3m513f8FoBSWiQ1xTvl1RAopLs42Wp9+Ze911I6H0N9lNqJMDgoZT7gHsipeQ==
+"@babel/core@^7.1.0":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.5.tgz#ae1323cd035b5160293307f50647e83f8ba62f7e"
+  integrity sha512-M42+ScN4+1S9iB6f+TL7QBpoQETxbclx+KNoKJABghnKYE+fMzSGqst0BZJc8CpI625bwPwYgUyRvxZ+0mZzpw==
   dependencies:
     "@babel/code-frame" "^7.5.5"
-    "@babel/generator" "^7.7.2"
-    "@babel/helpers" "^7.7.0"
-    "@babel/parser" "^7.7.2"
-    "@babel/template" "^7.7.0"
-    "@babel/traverse" "^7.7.2"
-    "@babel/types" "^7.7.2"
+    "@babel/generator" "^7.7.4"
+    "@babel/helpers" "^7.7.4"
+    "@babel/parser" "^7.7.5"
+    "@babel/template" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     json5 "^2.1.0"
@@ -63,18 +55,18 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/core@^7.6.0":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.4.tgz#37e864532200cb6b50ee9a4045f5f817840166ab"
-  integrity sha512-+bYbx56j4nYBmpsWtnPUsKW3NdnYxbqyfrP2w9wILBuHzdfIKz9prieZK0DFPyIzkjYVUe4QkusGL07r5pXznQ==
+"@babel/core@^7.4.4":
+  version "7.7.2"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.2.tgz#ea5b99693bcfc058116f42fa1dd54da412b29d91"
+  integrity sha512-eeD7VEZKfhK1KUXGiyPFettgF3m513f8FoBSWiQ1xTvl1RAopLs42Wp9+Ze911I6H0N9lNqJMDgoZT7gHsipeQ==
   dependencies:
     "@babel/code-frame" "^7.5.5"
-    "@babel/generator" "^7.7.4"
-    "@babel/helpers" "^7.7.4"
-    "@babel/parser" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
+    "@babel/generator" "^7.7.2"
+    "@babel/helpers" "^7.7.0"
+    "@babel/parser" "^7.7.2"
+    "@babel/template" "^7.7.0"
+    "@babel/traverse" "^7.7.2"
+    "@babel/types" "^7.7.2"
     convert-source-map "^1.7.0"
     debug "^4.1.0"
     json5 "^2.1.0"
@@ -83,7 +75,7 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.0.0", "@babel/generator@^7.4.0", "@babel/generator@^7.6.0", "@babel/generator@^7.7.4":
+"@babel/generator@^7.4.0", "@babel/generator@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.4.tgz#db651e2840ca9aa66f327dcec1dc5f5fa9611369"
   integrity sha512-m5qo2WgdOJeyYngKImbkyQrnUN1mPceaG5BV+G0E3gWsa4l/jCSryWJdM2x8OuGAOyh+3d5pVYfZWCiNFtynxg==
@@ -125,6 +117,14 @@
     "@babel/helper-explode-assignable-expression" "^7.7.0"
     "@babel/types" "^7.7.0"
 
+"@babel/helper-builder-binary-assignment-operator-visitor@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.7.4.tgz#5f73f2b28580e224b5b9bd03146a4015d6217f5f"
+  integrity sha512-Biq/d/WtvfftWZ9Uf39hbPBYDUo986m5Bb4zhkeYDGUllF43D+nUe5M6Vuo6/8JDK/0YX/uBdeoQpyaNhNugZQ==
+  dependencies:
+    "@babel/helper-explode-assignable-expression" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-builder-react-jsx@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.7.0.tgz#c6b8254d305bacd62beb648e4dea7d3ed79f352d"
@@ -142,6 +142,15 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
+"@babel/helper-call-delegate@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-call-delegate/-/helper-call-delegate-7.7.4.tgz#621b83e596722b50c0066f9dc37d3232e461b801"
+  integrity sha512-8JH9/B7J7tCYJ2PpWVpw9JhPuEVHztagNVuQAFBVFYluRMlpG7F1CgKEgGeL6KFqcsIa92ZYVj6DSc0XwmN1ZA==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-create-regexp-features-plugin@^7.7.0":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.7.2.tgz#6f20443778c8fce2af2ff4206284afc0ced65db6"
@@ -167,6 +176,15 @@
     "@babel/types" "^7.7.0"
     lodash "^4.17.13"
 
+"@babel/helper-define-map@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.7.4.tgz#2841bf92eb8bd9c906851546fe6b9d45e162f176"
+  integrity sha512-v5LorqOa0nVQUvAUTUF3KPastvUt/HzByXNamKQ6RdJRTV7j8rLL+WB5C/MzzWAwOomxDhYFb1wLLxHqox86lg==
+  dependencies:
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    lodash "^4.17.13"
+
 "@babel/helper-explode-assignable-expression@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.0.tgz#db2a6705555ae1f9f33b4b8212a546bc7f9dc3ef"
@@ -175,6 +193,14 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
+"@babel/helper-explode-assignable-expression@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.4.tgz#fa700878e008d85dc51ba43e9fb835cddfe05c84"
+  integrity sha512-2/SicuFrNSXsZNBxe5UGdLr+HZg+raWBLE9vC98bdYOKX/U6PY0mdGlYUJdtTDPSU0Lw0PNbKKDpwYHJLn2jLg==
+  dependencies:
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-function-name@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.0.tgz#44a5ad151cfff8ed2599c91682dda2ec2c8430a3"
@@ -214,6 +240,13 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
+"@babel/helper-hoist-variables@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.7.4.tgz#612384e3d823fdfaaf9fce31550fe5d4db0f3d12"
+  integrity sha512-wQC4xyvc1Jo/FnLirL6CEgPgPCa8M74tOdjWpRhQYapz5JC7u3NYU1zCVoVAGCE3EaIP9T1A3iW0WLJ+reZlpQ==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-member-expression-to-functions@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.0.tgz#472b93003a57071f95a541ea6c2b098398bcad8a"
@@ -221,6 +254,13 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
+"@babel/helper-member-expression-to-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.4.tgz#356438e2569df7321a8326644d4b790d2122cb74"
+  integrity sha512-9KcA1X2E3OjXl/ykfMMInBK+uVdfIVakVe7W7Lg3wfXUNyS3Q1HWLFRwZIjhqiCGbslummPDnmb7vIekS0C1vw==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-module-imports@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.7.0.tgz#99c095889466e5f7b6d66d98dffc58baaf42654d"
@@ -259,6 +299,18 @@
     "@babel/types" "^7.7.4"
     lodash "^4.17.13"
 
+"@babel/helper-module-transforms@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.5.tgz#d044da7ffd91ec967db25cd6748f704b6b244835"
+  integrity sha512-A7pSxyJf1gN5qXVcidwLWydjftUN878VkalhXX5iQDuGyiGK3sOrrKKHF4/A4fwHtnsotv/NipwAeLzY4KQPvw==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-simple-access" "^7.7.4"
+    "@babel/helper-split-export-declaration" "^7.7.4"
+    "@babel/template" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    lodash "^4.17.13"
+
 "@babel/helper-optimise-call-expression@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.0.tgz#4f66a216116a66164135dc618c5d8b7a959f9365"
@@ -266,6 +318,13 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
+"@babel/helper-optimise-call-expression@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.4.tgz#034af31370d2995242aa4df402c3b7794b2dcdf2"
+  integrity sha512-VB7gWZ2fDkSuqW6b1AKXkJWO5NyNI3bFL/kK79/30moK57blr6NbH8xcl2XcKCwOmJosftWunZqfO84IGq3ZZg==
+  dependencies:
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-plugin-utils@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz#bbb3fbee98661c569034237cc03967ba99b4f250"
@@ -310,6 +369,16 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
+"@babel/helper-replace-supers@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.7.4.tgz#3c881a6a6a7571275a72d82e6107126ec9e2cdd2"
+  integrity sha512-pP0tfgg9hsZWo5ZboYGuBn/bbYT/hdLPVSS4NMmiRJdwWhP0IznPwN9AE1JwyGsjSPLC364I0Qh5p+EPkGPNpg==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.7.4"
+    "@babel/helper-optimise-call-expression" "^7.7.4"
+    "@babel/traverse" "^7.7.4"
+    "@babel/types" "^7.7.4"
+
 "@babel/helper-simple-access@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.7.0.tgz#97a8b6c52105d76031b86237dc1852b44837243d"
@@ -387,7 +456,12 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.0.0", "@babel/parser@^7.4.3", "@babel/parser@^7.7.4":
+"@babel/parser@^7.1.0", "@babel/parser@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.5.tgz#cbf45321619ac12d83363fcf9c94bb67fa646d71"
+  integrity sha512-KNlOe9+/nk4i29g0VXgl8PEXIRms5xKLJeuZ6UptN0fHv+jDiriG+y94X6qAgWTR0h3KaoM1wK5G5h7MHFRSig==
+
+"@babel/parser@^7.4.3", "@babel/parser@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.4.tgz#75ab2d7110c2cf2fa949959afb05fa346d2231bb"
   integrity sha512-jIwvLO0zCL+O/LmEJQjWA75MQTWwx3c3u2JOTDK5D3/9egrWRRA0/0hk9XXywYnXZVVpzrBYeIQTmhwUaePI9g==
@@ -397,15 +471,6 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.3.tgz#5fad457c2529de476a248f75b0f090b3060af043"
   integrity sha512-bqv+iCo9i+uLVbI0ILzKkvMorqxouI+GbV13ivcARXn9NNEabi2IEz912IgNpT/60BNXac5dgcfjb94NjsF33A==
 
-"@babel/plugin-proposal-async-generator-functions@^7.2.0":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.4.tgz#0351c5ac0a9e927845fffd5b82af476947b7ce6d"
-  integrity sha512-1ypyZvGRXriY/QP668+s8sFr2mqinhkRDMPSQLNghCQE+GAkFtp+wkHVvg2+Hdki8gwP+NFzJBJ/N1BfzCCDEw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-remap-async-to-generator" "^7.7.4"
-    "@babel/plugin-syntax-async-generators" "^7.7.4"
-
 "@babel/plugin-proposal-async-generator-functions@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.0.tgz#83ef2d6044496b4c15d8b4904e2219e6dccc6971"
@@ -415,13 +480,14 @@
     "@babel/helper-remap-async-to-generator" "^7.7.0"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
 
-"@babel/plugin-proposal-dynamic-import@^7.5.0":
+"@babel/plugin-proposal-async-generator-functions@^7.7.4":
   version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.4.tgz#dde64a7f127691758cbfed6cf70de0fa5879d52d"
-  integrity sha512-StH+nGAdO6qDB1l8sZ5UBV8AC3F2VW2I8Vfld73TMKyptMU9DY5YsJAS8U81+vEtxcH3Y/La0wG0btDrhpnhjQ==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.4.tgz#0351c5ac0a9e927845fffd5b82af476947b7ce6d"
+  integrity sha512-1ypyZvGRXriY/QP668+s8sFr2mqinhkRDMPSQLNghCQE+GAkFtp+wkHVvg2+Hdki8gwP+NFzJBJ/N1BfzCCDEw==
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
+    "@babel/helper-remap-async-to-generator" "^7.7.4"
+    "@babel/plugin-syntax-async-generators" "^7.7.4"
 
 "@babel/plugin-proposal-dynamic-import@^7.7.0":
   version "7.7.0"
@@ -431,6 +497,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-dynamic-import" "^7.2.0"
 
+"@babel/plugin-proposal-dynamic-import@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.4.tgz#dde64a7f127691758cbfed6cf70de0fa5879d52d"
+  integrity sha512-StH+nGAdO6qDB1l8sZ5UBV8AC3F2VW2I8Vfld73TMKyptMU9DY5YsJAS8U81+vEtxcH3Y/La0wG0btDrhpnhjQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
+
 "@babel/plugin-proposal-json-strings@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz#568ecc446c6148ae6b267f02551130891e29f317"
@@ -439,6 +513,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
 
+"@babel/plugin-proposal-json-strings@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.7.4.tgz#7700a6bfda771d8dc81973249eac416c6b4c697d"
+  integrity sha512-wQvt3akcBTfLU/wYoqm/ws7YOAQKu8EVJEvHip/mzkNtjaclQoCCIqKXFP5/eyfnfbQCDV3OLRIK3mIVyXuZlw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-json-strings" "^7.7.4"
+
 "@babel/plugin-proposal-object-rest-spread@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz#8ffccc8f3a6545e9f78988b6bf4fe881b88e8096"
@@ -447,6 +529,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
 
+"@babel/plugin-proposal-object-rest-spread@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.7.4.tgz#cc57849894a5c774214178c8ab64f6334ec8af71"
+  integrity sha512-rnpnZR3/iWKmiQyJ3LKJpSwLDcX/nSXhdLk4Aq/tXOApIvyu7qoabrige0ylsAJffaUC51WiBu209Q0U+86OWQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
+
 "@babel/plugin-proposal-optional-catch-binding@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz#135d81edb68a081e55e56ec48541ece8065c38f5"
@@ -455,6 +545,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
 
+"@babel/plugin-proposal-optional-catch-binding@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.7.4.tgz#ec21e8aeb09ec6711bc0a39ca49520abee1de379"
+  integrity sha512-DyM7U2bnsQerCQ+sejcTNZh8KQEUuC3ufzdnVnSiUv/qoGJp2Z3hanKL18KDhsBT5Wj6a7CMT5mdyCNJsEaA9w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
+
 "@babel/plugin-proposal-unicode-property-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.0.tgz#549fe1717a1bd0a2a7e63163841cb37e78179d5d"
@@ -463,6 +561,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-proposal-unicode-property-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.4.tgz#7c239ccaf09470dbe1d453d50057460e84517ebb"
+  integrity sha512-cHgqHgYvffluZk85dJ02vloErm3Y6xtH+2noOBOJ2kXOJH3aVCDnj5eR/lVNlTnYu4hndAPJD3rTFjW3qee0PA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-async-generators@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.2.0.tgz#69e1f0db34c6f5a0cf7e2b3323bf159a76c8cb7f"
@@ -505,6 +611,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-json-strings@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.7.4.tgz#86e63f7d2e22f9e27129ac4e83ea989a382e86cc"
+  integrity sha512-QpGupahTQW1mHRXddMG5srgpHWqRLwJnJZKXTigB9RPFCCGbDGCgBeM/iC82ICXp414WeYx/tD54w7M2qRqTMg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-jsx@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.2.0.tgz#0b85a3b4bc7cdf4cc4b8bf236335b907ca22e7c7"
@@ -512,6 +625,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.7.4.tgz#47cf220d19d6d0d7b154304701f468fc1cc6ff46"
+  integrity sha512-mObR+r+KZq0XhRVS2BrBKBpr5jqrqzlPvS9C9vuOf5ilSwzloAl7RPWLrgKdWS6IreaVrjHxTjtyqFiOisaCwg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-object-rest-spread@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz#3b7a3e733510c57e820b9142a6579ac8b0dfad2e"
@@ -526,6 +646,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-optional-catch-binding@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.7.4.tgz#a3e38f59f4b6233867b4a92dcb0ee05b2c334aa6"
+  integrity sha512-4ZSuzWgFxqHRE31Glu+fEr/MirNZOMYmD/0BhBWyLyOOQz/gTAl7QmWm2hX1QxEIXsr2vkdlwxIzTyiYRC4xcQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-syntax-top-level-await@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.0.tgz#f5699549f50bbe8d12b1843a4e82f0a37bb65f4d"
@@ -533,6 +660,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-syntax-top-level-await@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.4.tgz#bd7d8fa7b9fee793a36e4027fd6dd1aa32f946da"
+  integrity sha512-wdsOw0MvkL1UIgiQ/IFr3ETcfv1xb8RMM0H9wbiDyLaJFyiDg5oZvDLCXosIXmFeIlweML5iOBXAkqddkYNizg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-arrow-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.2.0.tgz#9aeafbe4d6ffc6563bf8f8372091628f00779550"
@@ -540,6 +674,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-arrow-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.7.4.tgz#76309bd578addd8aee3b379d809c802305a98a12"
+  integrity sha512-zUXy3e8jBNPiffmqkHRNDdZM2r8DWhCB7HhcoyZjiK1TxYEluLHAvQuYnTT+ARqRpabWqy/NHkO6e3MsYB5YfA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-async-to-generator@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.0.tgz#e2b84f11952cf5913fe3438b7d2585042772f492"
@@ -549,6 +690,15 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-remap-async-to-generator" "^7.7.0"
 
+"@babel/plugin-transform-async-to-generator@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.4.tgz#694cbeae6d613a34ef0292713fa42fb45c4470ba"
+  integrity sha512-zpUTZphp5nHokuy8yLlyafxCJ0rSlFoSHypTUWgpdwoDXWQcseaect7cJ8Ppk6nunOM6+5rPMkod4OYKPR5MUg==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-remap-async-to-generator" "^7.7.4"
+
 "@babel/plugin-transform-block-scoped-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.2.0.tgz#5d3cc11e8d5ddd752aa64c9148d0db6cb79fd190"
@@ -556,6 +706,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-block-scoped-functions@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.7.4.tgz#d0d9d5c269c78eaea76227ace214b8d01e4d837b"
+  integrity sha512-kqtQzwtKcpPclHYjLK//3lH8OFsCDuDJBaFhVwf8kqdnF6MN4l618UDlcA7TfRs3FayrHj+svYnSX8MC9zmUyQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-block-scoping@^7.6.3":
   version "7.6.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.6.3.tgz#6e854e51fbbaa84351b15d4ddafe342f3a5d542a"
@@ -564,6 +721,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     lodash "^4.17.13"
 
+"@babel/plugin-transform-block-scoping@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.7.4.tgz#200aad0dcd6bb80372f94d9e628ea062c58bf224"
+  integrity sha512-2VBe9u0G+fDt9B5OV5DQH4KBf5DoiNkwFKOz0TCvBWvdAN2rOykCTkrL+jTLxfCAm76l9Qo5OqL7HBOx2dWggg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    lodash "^4.17.13"
+
 "@babel/plugin-transform-classes@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.0.tgz#b411ecc1b8822d24b81e5d184f24149136eddd4a"
@@ -578,6 +743,20 @@
     "@babel/helper-split-export-declaration" "^7.7.0"
     globals "^11.1.0"
 
+"@babel/plugin-transform-classes@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.4.tgz#c92c14be0a1399e15df72667067a8f510c9400ec"
+  integrity sha512-sK1mjWat7K+buWRuImEzjNf68qrKcrddtpQo3swi9j7dUcG6y6R6+Di039QN2bD1dykeswlagupEmpOatFHHUg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.7.4"
+    "@babel/helper-define-map" "^7.7.4"
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/helper-optimise-call-expression" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-replace-supers" "^7.7.4"
+    "@babel/helper-split-export-declaration" "^7.7.4"
+    globals "^11.1.0"
+
 "@babel/plugin-transform-computed-properties@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.2.0.tgz#83a7df6a658865b1c8f641d510c6f3af220216da"
@@ -585,6 +764,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-computed-properties@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.7.4.tgz#e856c1628d3238ffe12d668eb42559f79a81910d"
+  integrity sha512-bSNsOsZnlpLLyQew35rl4Fma3yKWqK3ImWMSC/Nc+6nGjC9s5NFWAer1YQ899/6s9HxO2zQC1WoFNfkOqRkqRQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-destructuring@^7.6.0":
   version "7.6.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.6.0.tgz#44bbe08b57f4480094d57d9ffbcd96d309075ba6"
@@ -592,12 +778,11 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-dotall-regex@^7.4.4":
+"@babel/plugin-transform-destructuring@^7.7.4":
   version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.4.tgz#f7ccda61118c5b7a2599a72d5e3210884a021e96"
-  integrity sha512-mk0cH1zyMa/XHeb6LOTXTbG7uIJ8Rrjlzu91pUx/KS3JpcgaTDwMS8kM+ar8SLOvlL2Lofi4CGBAjCo3a2x+lw==
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.7.4.tgz#2b713729e5054a1135097b6a67da1b6fe8789267"
+  integrity sha512-4jFMXI1Cu2aXbcXXl8Lr6YubCn6Oc7k9lLsu8v61TZh+1jny2BWmdtvY9zSUlLdGUvcy9DMAWyZEOqjsbeg/wA==
   dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
     "@babel/helper-plugin-utils" "^7.0.0"
 
 "@babel/plugin-transform-dotall-regex@^7.7.0":
@@ -608,6 +793,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-dotall-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.4.tgz#f7ccda61118c5b7a2599a72d5e3210884a021e96"
+  integrity sha512-mk0cH1zyMa/XHeb6LOTXTbG7uIJ8Rrjlzu91pUx/KS3JpcgaTDwMS8kM+ar8SLOvlL2Lofi4CGBAjCo3a2x+lw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-duplicate-keys@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz#c5dbf5106bf84cdf691222c0974c12b1df931853"
@@ -615,6 +808,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-duplicate-keys@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.7.4.tgz#3d21731a42e3f598a73835299dd0169c3b90ac91"
+  integrity sha512-g1y4/G6xGWMD85Tlft5XedGaZBCIVN+/P0bs6eabmcPP9egFleMAo65OOjlhcz1njpwagyY3t0nsQC9oTFegJA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-exponentiation-operator@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.2.0.tgz#a63868289e5b4007f7054d46491af51435766008"
@@ -623,6 +823,14 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-exponentiation-operator@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.7.4.tgz#dd30c0191e3a1ba19bcc7e389bdfddc0729d5db9"
+  integrity sha512-MCqiLfCKm6KEA1dglf6Uqq1ElDIZwFuzz1WH5mTf8k2uQSxEJMbOIEh7IZv7uichr7PMfi5YVSrr1vz+ipp7AQ==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-flow-strip-types@^7.4.4":
   version "7.6.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.6.3.tgz#8110f153e7360cfd5996eee68706cfad92d85256"
@@ -638,6 +846,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-for-of@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.7.4.tgz#248800e3a5e507b1f103d8b4ca998e77c63932bc"
+  integrity sha512-zZ1fD1B8keYtEcKF+M1TROfeHTKnijcVQm0yO/Yu1f7qoDoxEIc/+GX6Go430Bg84eM/xwPFp0+h4EbZg7epAA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-function-name@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.0.tgz#0fa786f1eef52e3b7d4fc02e54b2129de8a04c2a"
@@ -646,6 +861,14 @@
     "@babel/helper-function-name" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-function-name@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.4.tgz#75a6d3303d50db638ff8b5385d12451c865025b1"
+  integrity sha512-E/x09TvjHNhsULs2IusN+aJNRV5zKwxu1cpirZyRPw+FyyIKEHPXTsadj48bVpc1R5Qq1B5ZkzumuFLytnbT6g==
+  dependencies:
+    "@babel/helper-function-name" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.2.0.tgz#690353e81f9267dad4fd8cfd77eafa86aba53ea1"
@@ -653,6 +876,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.7.4.tgz#27fe87d2b5017a2a5a34d1c41a6b9f6a6262643e"
+  integrity sha512-X2MSV7LfJFm4aZfxd0yLVFrEXAgPqYoDG53Br/tCKiKYfX0MjVjQeWPIhPHHsCqzwQANq+FLN786fF5rgLS+gw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-member-expression-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.2.0.tgz#fa10aa5c58a2cb6afcf2c9ffa8cb4d8b3d489a2d"
@@ -660,6 +890,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-member-expression-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.7.4.tgz#aee127f2f3339fc34ce5e3055d7ffbf7aa26f19a"
+  integrity sha512-9VMwMO7i69LHTesL0RdGy93JU6a+qOPuvB4F4d0kR0zyVjJRVJRaoaGjhtki6SzQUu8yen/vxPKN6CWnCUw6bA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-modules-amd@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.5.0.tgz#ef00435d46da0a5961aa728a1d2ecff063e4fb91"
@@ -669,6 +906,15 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
+"@babel/plugin-transform-modules-amd@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.7.5.tgz#39e0fb717224b59475b306402bb8eedab01e729c"
+  integrity sha512-CT57FG4A2ZUNU1v+HdvDSDrjNWBrtCmSH6YbbgN3Lrf0Di/q/lWRxZrE72p3+HCCz9UjfZOEBdphgC0nzOS6DQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.7.5"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
+
 "@babel/plugin-transform-modules-commonjs@^7.4.4", "@babel/plugin-transform-modules-commonjs@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.0.tgz#3e5ffb4fd8c947feede69cbe24c9554ab4113fe3"
@@ -679,12 +925,12 @@
     "@babel/helper-simple-access" "^7.7.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-commonjs@^7.5.0":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.4.tgz#bee4386e550446343dd52a571eda47851ff857a3"
-  integrity sha512-k8iVS7Jhc367IcNF53KCwIXtKAH7czev866ThsTgy8CwlXjnKZna2VHwChglzLleYrcHz1eQEIJlGRQxB53nqA==
+"@babel/plugin-transform-modules-commonjs@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.5.tgz#1d27f5eb0bcf7543e774950e5b2fa782e637b345"
+  integrity sha512-9Cq4zTFExwFhQI6MT1aFxgqhIsMWQWDVwOgLzl7PTWJHsNaqFvklAU+Oz6AQLAS0dJKTwZSOCo20INwktxpi3Q==
   dependencies:
-    "@babel/helper-module-transforms" "^7.7.4"
+    "@babel/helper-module-transforms" "^7.7.5"
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-simple-access" "^7.7.4"
     babel-plugin-dynamic-import-node "^2.3.0"
@@ -698,6 +944,15 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
+"@babel/plugin-transform-modules-systemjs@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.7.4.tgz#cd98152339d3e763dfe838b7d4273edaf520bb30"
+  integrity sha512-y2c96hmcsUi6LrMqvmNDPBBiGCiQu0aYqpHatVVu6kD4mFEXKjyNxd/drc18XXAf9dv7UXjrZwBVmTTGaGP8iw==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    babel-plugin-dynamic-import-node "^2.3.0"
+
 "@babel/plugin-transform-modules-umd@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.0.tgz#d62c7da16670908e1d8c68ca0b5d4c0097b69966"
@@ -706,6 +961,14 @@
     "@babel/helper-module-transforms" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-modules-umd@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.4.tgz#1027c355a118de0aae9fee00ad7813c584d9061f"
+  integrity sha512-u2B8TIi0qZI4j8q4C51ktfO7E3cQ0qnaXFI1/OXITordD40tt17g/sXqgNNCcMTcBFKrUPcGDx+TBJuZxLx7tw==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.0.tgz#358e6fd869b9a4d8f5cbc79e4ed4fc340e60dcaf"
@@ -713,6 +976,13 @@
   dependencies:
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.4.tgz#fb3bcc4ee4198e7385805007373d6b6f42c98220"
+  integrity sha512-jBUkiqLKvUWpv9GLSuHUFYdmHg0ujC1JEYoZUfeOOfNydZXp1sXObgyPatpcwjWgsdBGsagWW0cdJpX/DO2jMw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+
 "@babel/plugin-transform-new-target@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.4.4.tgz#18d120438b0cc9ee95a47f2c72bc9768fbed60a5"
@@ -720,6 +990,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-new-target@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.7.4.tgz#4a0753d2d60639437be07b592a9e58ee00720167"
+  integrity sha512-CnPRiNtOG1vRodnsyGX37bHQleHE14B9dnnlgSeEs3ek3fHN1A1SScglTCg1sfbe7sRQ2BUcpgpTpWSfMKz3gg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-object-super@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.5.5.tgz#c70021df834073c65eb613b8679cc4a381d1a9f9"
@@ -728,6 +1005,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-replace-supers" "^7.5.5"
 
+"@babel/plugin-transform-object-super@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.7.4.tgz#48488937a2d586c0148451bf51af9d7dda567262"
+  integrity sha512-ho+dAEhC2aRnff2JCA0SAK7V2R62zJd/7dmtoe7MHcso4C2mS+vZjn1Pb1pCVZvJs1mgsvv5+7sT+m3Bysb6eg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-replace-supers" "^7.7.4"
+
 "@babel/plugin-transform-parameters@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.4.4.tgz#7556cf03f318bd2719fe4c922d2d808be5571e16"
@@ -737,6 +1022,15 @@
     "@babel/helper-get-function-arity" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-parameters@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.7.4.tgz#da4555c97f39b51ac089d31c7380f03bca4075ce"
+  integrity sha512-VJwhVePWPa0DqE9vcfptaJSzNDKrWU/4FbYCjZERtmqEs05g3UMXnYMZoXja7JAJ7Y7sPZipwm/pGApZt7wHlw==
+  dependencies:
+    "@babel/helper-call-delegate" "^7.7.4"
+    "@babel/helper-get-function-arity" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-property-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.2.0.tgz#03e33f653f5b25c4eb572c98b9485055b389e905"
@@ -744,6 +1038,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-property-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.7.4.tgz#2388d6505ef89b266103f450f9167e6bd73f98c2"
+  integrity sha512-MatJhlC4iHsIskWYyawl53KuHrt+kALSADLQQ/HkhTjX954fkxIEh4q5slL4oRAnsm/eDoZ4q0CIZpcqBuxhJQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-react-jsx@^7.0.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.7.0.tgz#834b0723ba78cd4d24d7d629300c2270f516d0b7"
@@ -760,6 +1061,13 @@
   dependencies:
     regenerator-transform "^0.14.0"
 
+"@babel/plugin-transform-regenerator@^7.7.5":
+  version "7.7.5"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.7.5.tgz#3a8757ee1a2780f390e89f246065ecf59c26fce9"
+  integrity sha512-/8I8tPvX2FkuEyWbjRCt4qTAgZK0DVy8QRguhA524UH48RfGJy94On2ri+dCuwOpcerPRl9O4ebQkRcVzIaGBw==
+  dependencies:
+    regenerator-transform "^0.14.0"
+
 "@babel/plugin-transform-reserved-words@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.2.0.tgz#4792af87c998a49367597d07fedf02636d2e1634"
@@ -767,6 +1075,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-reserved-words@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.7.4.tgz#6a7cf123ad175bb5c69aec8f6f0770387ed3f1eb"
+  integrity sha512-OrPiUB5s5XvkCO1lS7D8ZtHcswIC57j62acAnJZKqGGnHP+TIc/ljQSrgdX/QyOTdEK5COAhuc820Hi1q2UgLQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-shorthand-properties@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.2.0.tgz#6333aee2f8d6ee7e28615457298934a3b46198f0"
@@ -774,6 +1089,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-shorthand-properties@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.7.4.tgz#74a0a9b2f6d67a684c6fbfd5f0458eb7ba99891e"
+  integrity sha512-q+suddWRfIcnyG5YiDP58sT65AJDZSUhXQDZE3r04AuqD6d/XLaQPPXSBzP2zGerkgBivqtQm9XKGLuHqBID6Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-spread@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.6.2.tgz#fc77cf798b24b10c46e1b51b1b88c2bf661bb8dd"
@@ -781,6 +1103,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-spread@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.7.4.tgz#aa673b356fe6b7e70d69b6e33a17fef641008578"
+  integrity sha512-8OSs0FLe5/80cndziPlg4R0K6HcWSM0zyNhHhLsmw/Nc5MaA49cAsnoJ/t/YZf8qkG7fD+UjTRaApVDB526d7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-sticky-regex@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.2.0.tgz#a1e454b5995560a9c1e0d537dfc15061fd2687e1"
@@ -789,6 +1118,14 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-regex" "^7.0.0"
 
+"@babel/plugin-transform-sticky-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.7.4.tgz#ffb68c05090c30732076b1285dc1401b404a123c"
+  integrity sha512-Ls2NASyL6qtVe1H1hXts9yuEeONV2TJZmplLONkMPUG158CtmnrzW5Q5teibM5UVOFjG0D3IC5mzXR6pPpUY7A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/helper-regex" "^7.0.0"
+
 "@babel/plugin-transform-template-literals@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.4.4.tgz#9d28fea7bbce637fb7612a0750989d8321d4bcb0"
@@ -797,6 +1134,14 @@
     "@babel/helper-annotate-as-pure" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-template-literals@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.7.4.tgz#1eb6411736dd3fe87dbd20cc6668e5121c17d604"
+  integrity sha512-sA+KxLwF3QwGj5abMHkHgshp9+rRz+oY9uoRil4CyLtgEuE/88dpkeWgNk5qKVsJE9iSfly3nvHapdRiIS2wnQ==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-typeof-symbol@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.2.0.tgz#117d2bcec2fbf64b4b59d1f9819894682d29f2b2"
@@ -804,6 +1149,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-typeof-symbol@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.7.4.tgz#3174626214f2d6de322882e498a38e8371b2140e"
+  integrity sha512-KQPUQ/7mqe2m0B8VecdyaW5XcQYaePyl9R7IsKd+irzj6jvbhoGnRE+M0aNkyAzI07VfUQ9266L5xMARitV3wg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/plugin-transform-unicode-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.0.tgz#743d9bcc44080e3cc7d49259a066efa30f9187a3"
@@ -812,6 +1164,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
+"@babel/plugin-transform-unicode-regex@^7.7.4":
+  version "7.7.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.4.tgz#a3c0f65b117c4c81c5b6484f2a5e7b95346b83ae"
+  integrity sha512-N77UUIV+WCvE+5yHw+oks3m18/umd7y392Zv7mYTpFqHtkpcc+QUz+gLJNTWVlWROIWeLqY0f3OjZxV5TcXnRw==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+
 "@babel/preset-env@^7.4.4":
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.7.1.tgz#04a2ff53552c5885cf1083e291c8dd5490f744bb"
@@ -869,6 +1229,63 @@
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
+"@babel/preset-env@^7.7.6":
+  version "7.7.6"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.7.6.tgz#39ac600427bbb94eec6b27953f1dfa1d64d457b2"
+  integrity sha512-k5hO17iF/Q7tR9Jv8PdNBZWYW6RofxhnxKjBMc0nG4JTaWvOTiPoO/RLFwAKcA4FpmuBFm6jkoqaRJLGi0zdaQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.7.4"
+    "@babel/helper-plugin-utils" "^7.0.0"
+    "@babel/plugin-proposal-async-generator-functions" "^7.7.4"
+    "@babel/plugin-proposal-dynamic-import" "^7.7.4"
+    "@babel/plugin-proposal-json-strings" "^7.7.4"
+    "@babel/plugin-proposal-object-rest-spread" "^7.7.4"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.7.4"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.7.4"
+    "@babel/plugin-syntax-async-generators" "^7.7.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
+    "@babel/plugin-syntax-json-strings" "^7.7.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
+    "@babel/plugin-syntax-top-level-await" "^7.7.4"
+    "@babel/plugin-transform-arrow-functions" "^7.7.4"
+    "@babel/plugin-transform-async-to-generator" "^7.7.4"
+    "@babel/plugin-transform-block-scoped-functions" "^7.7.4"
+    "@babel/plugin-transform-block-scoping" "^7.7.4"
+    "@babel/plugin-transform-classes" "^7.7.4"
+    "@babel/plugin-transform-computed-properties" "^7.7.4"
+    "@babel/plugin-transform-destructuring" "^7.7.4"
+    "@babel/plugin-transform-dotall-regex" "^7.7.4"
+    "@babel/plugin-transform-duplicate-keys" "^7.7.4"
+    "@babel/plugin-transform-exponentiation-operator" "^7.7.4"
+    "@babel/plugin-transform-for-of" "^7.7.4"
+    "@babel/plugin-transform-function-name" "^7.7.4"
+    "@babel/plugin-transform-literals" "^7.7.4"
+    "@babel/plugin-transform-member-expression-literals" "^7.7.4"
+    "@babel/plugin-transform-modules-amd" "^7.7.5"
+    "@babel/plugin-transform-modules-commonjs" "^7.7.5"
+    "@babel/plugin-transform-modules-systemjs" "^7.7.4"
+    "@babel/plugin-transform-modules-umd" "^7.7.4"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.7.4"
+    "@babel/plugin-transform-new-target" "^7.7.4"
+    "@babel/plugin-transform-object-super" "^7.7.4"
+    "@babel/plugin-transform-parameters" "^7.7.4"
+    "@babel/plugin-transform-property-literals" "^7.7.4"
+    "@babel/plugin-transform-regenerator" "^7.7.5"
+    "@babel/plugin-transform-reserved-words" "^7.7.4"
+    "@babel/plugin-transform-shorthand-properties" "^7.7.4"
+    "@babel/plugin-transform-spread" "^7.7.4"
+    "@babel/plugin-transform-sticky-regex" "^7.7.4"
+    "@babel/plugin-transform-template-literals" "^7.7.4"
+    "@babel/plugin-transform-typeof-symbol" "^7.7.4"
+    "@babel/plugin-transform-unicode-regex" "^7.7.4"
+    "@babel/types" "^7.7.4"
+    browserslist "^4.6.0"
+    core-js-compat "^3.4.7"
+    invariant "^2.2.2"
+    js-levenshtein "^1.1.3"
+    semver "^5.5.0"
+
 "@babel/runtime@^7.4.4":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.2.tgz#111a78002a5c25fc8e3361bedc9529c696b85a6a"
@@ -894,7 +1311,7 @@
     "@babel/parser" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/traverse@^7.4.3", "@babel/traverse@^7.7.4":
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.4.tgz#9c1e7c60fb679fe4fcfaa42500833333c2058558"
   integrity sha512-P1L58hQyupn8+ezVA2z5KBm4/Zr4lCC8dwKCMYzsa5jFMDMQAzaBNy9W5VjB+KAmBjb40U7a/H6ao+Xo+9saIw==
@@ -924,7 +1341,7 @@
     globals "^11.1.0"
     lodash "^4.17.13"
 
-"@babel/types@^7.4.0", "@babel/types@^7.7.4":
+"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.7.4":
   version "7.7.4"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.4.tgz#516570d539e44ddf308c07569c258ff94fde9193"
   integrity sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==
@@ -942,12 +1359,13 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
-"@concordance/react@^2.0.0":
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/@concordance/react/-/react-2.0.0.tgz#aef913f27474c53731f4fd79cc2f54897de90fde"
-  integrity sha512-huLSkUuM2/P+U0uy2WwlKuixMsTODD8p4JVQBI4VKeopkiN0C7M3N9XYVawb4M+4spN5RrO/eLhk7KoQX6nsfA==
+"@cnakazawa/watch@^1.0.3":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
+  integrity sha512-r5160ogAvGyHsal38Kux7YYtodEKOj89RGb28ht1jh3SJb08VwRwAKKJL0bGb04Zd/3r9FL3BFIc3bBidYffCA==
   dependencies:
-    arrify "^1.0.1"
+    exec-sh "^0.3.2"
+    minimist "^1.2.0"
 
 "@evocateur/libnpmaccess@^3.1.2":
   version "3.1.2"
@@ -1023,10 +1441,158 @@
     unique-filename "^1.1.1"
     which "^1.3.1"
 
-"@iarna/toml@^2.2.0":
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
-  integrity sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==
+"@iarna/toml@^2.2.0":
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
+  integrity sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==
+
+"@jest/console@^24.7.1", "@jest/console@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
+  integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
+  dependencies:
+    "@jest/source-map" "^24.9.0"
+    chalk "^2.0.1"
+    slash "^2.0.0"
+
+"@jest/core@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
+  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/reporters" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    graceful-fs "^4.1.15"
+    jest-changed-files "^24.9.0"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-resolve-dependencies "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    jest-watcher "^24.9.0"
+    micromatch "^3.1.10"
+    p-each-series "^1.0.0"
+    realpath-native "^1.1.0"
+    rimraf "^2.5.4"
+    slash "^2.0.0"
+    strip-ansi "^5.0.0"
+
+"@jest/environment@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
+  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
+  dependencies:
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+
+"@jest/fake-timers@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
+  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
+
+"@jest/reporters@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
+  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    glob "^7.1.2"
+    istanbul-lib-coverage "^2.0.2"
+    istanbul-lib-instrument "^3.0.1"
+    istanbul-lib-report "^2.0.4"
+    istanbul-lib-source-maps "^3.0.1"
+    istanbul-reports "^2.2.6"
+    jest-haste-map "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.6.0"
+    node-notifier "^5.4.2"
+    slash "^2.0.0"
+    source-map "^0.6.0"
+    string-length "^2.0.0"
+
+"@jest/source-map@^24.3.0", "@jest/source-map@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
+  integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
+  dependencies:
+    callsites "^3.0.0"
+    graceful-fs "^4.1.15"
+    source-map "^0.6.0"
+
+"@jest/test-result@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
+  integrity sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==
+  dependencies:
+    "@jest/console" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/istanbul-lib-coverage" "^2.0.0"
+
+"@jest/test-sequencer@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
+  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
+  dependencies:
+    "@jest/test-result" "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-runner "^24.9.0"
+    jest-runtime "^24.9.0"
+
+"@jest/transform@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
+  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/types" "^24.9.0"
+    babel-plugin-istanbul "^5.1.0"
+    chalk "^2.0.1"
+    convert-source-map "^1.4.0"
+    fast-json-stable-stringify "^2.0.0"
+    graceful-fs "^4.1.15"
+    jest-haste-map "^24.9.0"
+    jest-regex-util "^24.9.0"
+    jest-util "^24.9.0"
+    micromatch "^3.1.10"
+    pirates "^4.0.1"
+    realpath-native "^1.1.0"
+    slash "^2.0.0"
+    source-map "^0.6.1"
+    write-file-atomic "2.4.1"
+
+"@jest/types@^24.9.0":
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
+  integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
+  dependencies:
+    "@types/istanbul-lib-coverage" "^2.0.0"
+    "@types/istanbul-reports" "^1.1.1"
+    "@types/yargs" "^13.0.0"
 
 "@lerna/add@3.18.4":
   version "3.18.4"
@@ -1700,32 +2266,11 @@
     call-me-maybe "^1.0.1"
     glob-to-regexp "^0.3.0"
 
-"@nodelib/fs.scandir@2.1.3":
-  version "2.1.3"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"
-  integrity sha512-eGmwYQn3gxo4r7jdQnkrrN6bY478C3P+a/y72IJukF8LjB6ZHeB3c+Ehacj3sYeSmUXGlnA67/PmbM9CVwL7Dw==
-  dependencies:
-    "@nodelib/fs.stat" "2.0.3"
-    run-parallel "^1.1.9"
-
-"@nodelib/fs.stat@2.0.3", "@nodelib/fs.stat@^2.0.2":
-  version "2.0.3"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.3.tgz#34dc5f4cabbc720f4e60f75a747e7ecd6c175bd3"
-  integrity sha512-bQBFruR2TAwoevBEd/NWMoAAtNGzTRgdrqnYCc7dhzfoNvqPzLyqlEQnzZ3kVnNrSp25iyxE00/3h2fqGAGArA==
-
 "@nodelib/fs.stat@^1.1.2":
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-1.1.3.tgz#2b5a3ab3f918cca48a8c754c08168e3f03eba61b"
   integrity sha512-shAmDyaQC4H92APFoIaVDHCx5bStIocgvbwQyxPRrbUY20V1EYTbSDchWbuwlMG3V17cprZhA6+78JfB+3DTPw==
 
-"@nodelib/fs.walk@^1.2.3":
-  version "1.2.4"
-  resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.4.tgz#011b9202a70a6366e436ca5c065844528ab04976"
-  integrity sha512-1V9XOY4rDW0rehzbrcqAmHnz8e7SKvX27gh8Gt2WgB0+pdzdiLV83p72kZPU+jvMbS1qU5mauP2iOvO8rhmurQ==
-  dependencies:
-    "@nodelib/fs.scandir" "2.1.3"
-    fastq "^1.6.0"
-
 "@octokit/endpoint@^5.5.0":
   version "5.5.1"
   resolved "https://registry.yarnpkg.com/@octokit/endpoint/-/endpoint-5.5.1.tgz#2eea81e110ca754ff2de11c79154ccab4ae16b3f"
@@ -1829,11 +2374,6 @@
     "@parcel/utils" "^1.11.0"
     physical-cpu-count "^2.0.0"
 
-"@sindresorhus/is@^0.14.0":
-  version "0.14.0"
-  resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea"
-  integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ==
-
 "@spectrum-css/alert@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@spectrum-css/alert/-/alert-2.0.2.tgz#40e330fc3334435afc4886dce49d9b5111ba8fdc"
@@ -1936,17 +2476,38 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/vars/-/vars-2.0.2.tgz#235ae6965a4e3ffff4884617e583425e382776f6"
   integrity sha512-BKzC3a+gdhsC9tBjenXUmv/lpmrLLYNV6KO0f67HIVJLKcY9Va4uaO0BfWaS3FCEm7msB4R8ANJkZtqNq5NbTg==
 
-"@szmarczak/http-timer@^1.1.2":
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421"
-  integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA==
+"@types/babel__core@^7.1.0":
+  version "7.1.3"
+  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.3.tgz#e441ea7df63cd080dfcd02ab199e6d16a735fc30"
+  integrity sha512-8fBo0UR2CcwWxeX7WIIgJ7lXjasFxoYgRnFHUj+hRvKkpiBJbxhdAPTCY6/ZKM0uxANFVzt4yObSLuTiTnazDA==
   dependencies:
-    defer-to-connect "^1.0.1"
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+    "@types/babel__generator" "*"
+    "@types/babel__template" "*"
+    "@types/babel__traverse" "*"
 
-"@types/color-name@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
-  integrity sha512-rr+OQyAjxze7GgWrSaJwydHStIhHq2lvY3BOC2Mj7KnzI7XK0Uw1TOOdI9lDoajEbSWLiYgoo4f1R51erQfhPQ==
+"@types/babel__generator@*":
+  version "7.6.0"
+  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.0.tgz#f1ec1c104d1bb463556ecb724018ab788d0c172a"
+  integrity sha512-c1mZUu4up5cp9KROs/QAw0gTeHrw/x7m52LcnvMxxOZ03DmLwPV0MlGmlgzV3cnSdjhJOZsj7E7FHeioai+egw==
+  dependencies:
+    "@babel/types" "^7.0.0"
+
+"@types/babel__template@*":
+  version "7.0.2"
+  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
+  integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
+  dependencies:
+    "@babel/parser" "^7.1.0"
+    "@babel/types" "^7.0.0"
+
+"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
+  version "7.0.8"
+  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.8.tgz#479a4ee3e291a403a1096106013ec22cf9b64012"
+  integrity sha512-yGeB2dHEdvxjP0y4UbRtQaSkXJ9649fYCmIdRoul5kfAoGCwxuCbMhag0k3RPfnuh9kPGm8x89btcfDEXdVWGw==
+  dependencies:
+    "@babel/types" "^7.3.0"
 
 "@types/events@*":
   version "3.0.0"
@@ -1962,6 +2523,26 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
+"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
+  integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
+
+"@types/istanbul-lib-report@*":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#e5471e7fa33c61358dd38426189c037a58433b8c"
+  integrity sha512-3BUTyMzbZa2DtDI2BkERNC6jJw2Mr2Y0oGI7mRxYNBPxppbtEK1F66u3bKwU2g+wxwWI7PAoRpJnOY1grJqzHg==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+
+"@types/istanbul-reports@^1.1.1":
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
+  integrity sha512-UpYjBi8xefVChsCoBpKShdxTllC9pwISirfoZsUa2AAdQg/Jd2KQGtSbw+ya7GPo7x/wAPlH6JBhKhAsXUEZNA==
+  dependencies:
+    "@types/istanbul-lib-coverage" "*"
+    "@types/istanbul-lib-report" "*"
+
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -1977,6 +2558,23 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
 
+"@types/stack-utils@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
+  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
+
+"@types/yargs-parser@*":
+  version "13.1.0"
+  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
+  integrity sha512-gCubfBUZ6KxzoibJ+SCUc/57Ms1jz5NjHe4+dI2krNmU5zCPAphyLJYyTOg06ueIyfj+SaCUqmzun7ImlxDcKg==
+
+"@types/yargs@^13.0.0":
+  version "13.0.3"
+  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.3.tgz#76482af3981d4412d65371a318f992d33464a380"
+  integrity sha512-K8/LfZq2duW33XW/tFwEAfnZlqIfVsoyRB3kfXdPXYhl0nfM8mmh7GS0jg7WrX2Dgq/0Ha/pR1PaR+BvmWwjiQ==
+  dependencies:
+    "@types/yargs-parser" "*"
+
 "@zkochan/cmd-shim@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@zkochan/cmd-shim/-/cmd-shim-3.1.0.tgz#2ab8ed81f5bb5452a85f25758eb9b8681982fd2e"
@@ -2004,7 +2602,7 @@ abbrev@1:
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-acorn-globals@^4.3.0:
+acorn-globals@^4.1.0, acorn-globals@^4.3.0:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
   integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
@@ -2017,7 +2615,7 @@ acorn-walk@^6.0.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
   integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
-acorn@^5.0.0:
+acorn@^5.0.0, acorn@^5.5.3:
   version "5.7.3"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
   integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
@@ -2063,25 +2661,11 @@ alphanum-sort@^1.0.0:
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
   integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
-ansi-align@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.0.tgz#b536b371cf687caaef236c18d3e21fe3797467cb"
-  integrity sha512-ZpClVKqXN3RGBmKibdfWzqCY4lnjEuoNzU5T0oEFpfd/z5qJHVarukridD4juLO2FXMiwUQxr9WqQtaYa8XRYw==
-  dependencies:
-    string-width "^3.0.0"
-
-ansi-escapes@^3.2.0:
+ansi-escapes@^3.0.0, ansi-escapes@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
 
-ansi-escapes@^4.2.1:
-  version "4.3.0"
-  resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-4.3.0.tgz#a4ce2b33d6b214b7950d8595c212f12ac9cc569d"
-  integrity sha512-EiYhwo0v255HUL6eDyuLrXEkTi7WwVCLAw+SeOQ7M7qdun1z1pum4DEm/nuqIVbPvi9RPPc9k9LbyBv6H0DwVg==
-  dependencies:
-    type-fest "^0.8.1"
-
 ansi-regex@^2.0.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
@@ -2092,16 +2676,11 @@ ansi-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
   integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
 
-ansi-regex@^4.1.0:
+ansi-regex@^4.0.0, ansi-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
   integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
 
-ansi-regex@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
-  integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
-
 ansi-styles@^2.2.1:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
@@ -2114,14 +2693,6 @@ ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   dependencies:
     color-convert "^1.9.0"
 
-ansi-styles@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.2.0.tgz#5681f0dcf7ae5880a7841d8831c4724ed9cc0172"
-  integrity sha512-7kFQgnEaMdRtwf6uSfUnVr9gSGC7faurn+J/Mv90/W+iTtN0405/nLdopfMWwchyxhbGYl6TC4Sccn9TUkGAgg==
-  dependencies:
-    "@types/color-name" "^1.1.1"
-    color-convert "^2.0.1"
-
 ansi-to-html@^0.6.4:
   version "0.6.13"
   resolved "https://registry.yarnpkg.com/ansi-to-html/-/ansi-to-html-0.6.13.tgz#c72eae8b63e5ca0643aab11bfc6e6f2217425833"
@@ -2150,13 +2721,6 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-append-transform@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/append-transform/-/append-transform-1.0.0.tgz#046a52ae582a228bd72f58acfbe2967c678759ab"
-  integrity sha512-P009oYkeHyU742iSZJzZZywj4QRJdnTWffaKuJQLablCZ1uz6/cW4yaRgcDaoQ+uwOxxnt0gRUcwfsNP2ri0gw==
-  dependencies:
-    default-require-extensions "^2.0.0"
-
 aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
@@ -2167,11 +2731,6 @@ aproba@^2.0.0:
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-2.0.0.tgz#52520b8ae5b569215b354efc0caa3fe1e45a8adc"
   integrity sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==
 
-archy@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
-  integrity sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=
-
 are-we-there-yet@~1.1.2:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz#4b35c2944f062a8bfcda66410760350fe9ddfc21"
@@ -2229,21 +2788,11 @@ array-union@^1.0.1, array-union@^1.0.2:
   dependencies:
     array-uniq "^1.0.1"
 
-array-union@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
-  integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
-
 array-uniq@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
   integrity sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=
 
-array-uniq@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/array-uniq/-/array-uniq-2.1.0.tgz#46603d5e28e79bfd02b046fcc1d77c6820bd8e98"
-  integrity sha512-bdHxtev7FN6+MXI1YFW0Q8mQ8dTJc2S8AMfju+ZR77pbg2yAdVyDlwkaUI7Har0LyOMRFPHrJ9lYdyjZZswdlQ==
-
 array-unique@^0.3.2:
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
@@ -2254,11 +2803,6 @@ arrify@^1.0.0, arrify@^1.0.1:
   resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d"
   integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=
 
-arrify@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/arrify/-/arrify-2.0.1.tgz#c9655e9331e0abcd588d2a7cad7e9956f66701fa"
-  integrity sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==
-
 asap@^2.0.0:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
@@ -2333,85 +2877,6 @@ atob@^2.1.1:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
-ava@^2.4.0:
-  version "2.4.0"
-  resolved "https://registry.yarnpkg.com/ava/-/ava-2.4.0.tgz#a3bd8b0e01d8826004c91de375eb2313ba5237c3"
-  integrity sha512-CQWtzZZZeU2g4StojRv6MO9RIRi4sLxGSB9+3C3hv0ttUEG1tkJLTLyrBQeFS4WEeK12Z4ovE3f2iPVhSy8elA==
-  dependencies:
-    "@ava/babel-preset-stage-4" "^4.0.0"
-    "@ava/babel-preset-transform-test-files" "^6.0.0"
-    "@babel/core" "^7.6.0"
-    "@babel/generator" "^7.6.0"
-    "@concordance/react" "^2.0.0"
-    ansi-escapes "^4.2.1"
-    ansi-styles "^4.1.0"
-    arr-flatten "^1.1.0"
-    array-union "^2.1.0"
-    array-uniq "^2.1.0"
-    arrify "^2.0.1"
-    bluebird "^3.5.5"
-    chalk "^2.4.2"
-    chokidar "^3.0.2"
-    chunkd "^1.0.0"
-    ci-parallel-vars "^1.0.0"
-    clean-stack "^2.2.0"
-    clean-yaml-object "^0.1.0"
-    cli-cursor "^3.1.0"
-    cli-truncate "^2.0.0"
-    code-excerpt "^2.1.1"
-    common-path-prefix "^1.0.0"
-    concordance "^4.0.0"
-    convert-source-map "^1.6.0"
-    currently-unhandled "^0.4.1"
-    debug "^4.1.1"
-    del "^4.1.1"
-    dot-prop "^5.1.0"
-    emittery "^0.4.1"
-    empower-core "^1.2.0"
-    equal-length "^1.0.0"
-    escape-string-regexp "^2.0.0"
-    esm "^3.2.25"
-    figures "^3.0.0"
-    find-up "^4.1.0"
-    get-port "^5.0.0"
-    globby "^10.0.1"
-    ignore-by-default "^1.0.0"
-    import-local "^3.0.2"
-    indent-string "^4.0.0"
-    is-ci "^2.0.0"
-    is-error "^2.2.2"
-    is-observable "^2.0.0"
-    is-plain-object "^3.0.0"
-    is-promise "^2.1.0"
-    lodash "^4.17.15"
-    loud-rejection "^2.1.0"
-    make-dir "^3.0.0"
-    matcher "^2.0.0"
-    md5-hex "^3.0.1"
-    meow "^5.0.0"
-    micromatch "^4.0.2"
-    ms "^2.1.2"
-    observable-to-promise "^1.0.0"
-    ora "^3.4.0"
-    package-hash "^4.0.0"
-    pkg-conf "^3.1.0"
-    plur "^3.1.1"
-    pretty-ms "^5.0.0"
-    require-precompiled "^0.1.0"
-    resolve-cwd "^3.0.0"
-    slash "^3.0.0"
-    source-map-support "^0.5.13"
-    stack-utils "^1.0.2"
-    strip-ansi "^5.2.0"
-    strip-bom-buf "^2.0.0"
-    supertap "^1.0.0"
-    supports-color "^7.0.0"
-    trim-off-newlines "^1.0.1"
-    trim-right "^1.0.1"
-    unique-temp-dir "^1.0.0"
-    update-notifier "^3.0.1"
-    write-file-atomic "^3.0.0"
-
 aws-sign2@~0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8"
@@ -2422,6 +2887,19 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
   integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
+babel-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
+  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
+  dependencies:
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/babel__core" "^7.1.0"
+    babel-plugin-istanbul "^5.1.0"
+    babel-preset-jest "^24.9.0"
+    chalk "^2.4.2"
+    slash "^2.0.0"
+
 babel-plugin-dynamic-import-node@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/babel-plugin-dynamic-import-node/-/babel-plugin-dynamic-import-node-2.3.0.tgz#f00f507bdaa3c3e3ff6e7e5e98d90a7acab96f7f"
@@ -2429,18 +2907,30 @@ babel-plugin-dynamic-import-node@^2.3.0:
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-espower@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/babel-plugin-espower/-/babel-plugin-espower-3.0.1.tgz#180db17126f88e754105b8b5216d21e520a6bd4e"
-  integrity sha512-Ms49U7VIAtQ/TtcqRbD6UBmJBUCSxiC3+zPc+eGqxKUIFO1lTshyEDRUjhoAbd2rWfwYf3cZ62oXozrd8W6J0A==
+babel-plugin-istanbul@^5.1.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
+  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.0.0"
+    find-up "^3.0.0"
+    istanbul-lib-instrument "^3.3.0"
+    test-exclude "^5.2.3"
+
+babel-plugin-jest-hoist@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
+  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
   dependencies:
-    "@babel/generator" "^7.0.0"
-    "@babel/parser" "^7.0.0"
-    call-matcher "^1.0.0"
-    core-js "^2.0.0"
-    espower-location-detector "^1.0.0"
-    espurify "^1.6.0"
-    estraverse "^4.1.1"
+    "@types/babel__traverse" "^7.0.6"
+
+babel-preset-jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
+  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
+  dependencies:
+    "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
+    babel-plugin-jest-hoist "^24.9.0"
 
 babel-runtime@^6.11.6, babel-runtime@^6.26.0:
   version "6.26.0"
@@ -2526,11 +3016,6 @@ bluebird@^3.5.1, bluebird@^3.5.3, bluebird@^3.5.5:
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.1.tgz#df70e302b471d7473489acf26a93d63b53f874de"
   integrity sha512-DdmyoGCleJnkbp3nkbxTLJ18rjDsE4yCggEwKNXkeV123sPNfOCYeDoeuOY+F2FrSjO1YXcTU+dsy96KMy+gcg==
 
-blueimp-md5@^2.10.0:
-  version "2.12.0"
-  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.12.0.tgz#be7367938a889dec3ffbb71138617c117e9c130a"
-  integrity sha512-zo+HIdIhzojv6F1siQPqPFROyVy7C50KzHv/k/Iz+BtvtVzSHXiMXOpq2wCfNkeBqdCv+V8XOV96tsEt2W/3rQ==
-
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
   version "4.11.8"
   resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
@@ -2541,20 +3026,6 @@ boolbase@^1.0.0, boolbase@~1.0.0:
   resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
   integrity sha1-aN/1++YMUes3cl6p4+0xDcwed24=
 
-boxen@^3.0.0:
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/boxen/-/boxen-3.2.0.tgz#fbdff0de93636ab4450886b6ff45b92d098f45eb"
-  integrity sha512-cU4J/+NodM3IHdSL2yN8bqYqnmlBTidDR4RC7nJs61ZmtGz8VZzM3HLQX0zY5mrSmPtR3xWwsq2jOUQqFZN8+A==
-  dependencies:
-    ansi-align "^3.0.0"
-    camelcase "^5.3.1"
-    chalk "^2.4.2"
-    cli-boxes "^2.2.0"
-    string-width "^3.0.0"
-    term-size "^1.2.0"
-    type-fest "^0.3.0"
-    widest-line "^2.0.0"
-
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -2579,7 +3050,7 @@ braces@^2.3.1, braces@^2.3.2:
     split-string "^3.0.2"
     to-regex "^3.0.1"
 
-braces@^3.0.1, braces@~3.0.2:
+braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.2.tgz#3454e1a462ee8d599e236df336cd9ea4f8afe107"
   integrity sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==
@@ -2606,6 +3077,13 @@ browser-process-hrtime@^0.1.2:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
   integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
 
+browser-resolve@^1.11.3:
+  version "1.11.3"
+  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
+  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
+  dependencies:
+    resolve "1.1.7"
+
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
@@ -2674,6 +3152,22 @@ browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.6.0, browserslist@^4.7
     electron-to-chromium "^1.3.306"
     node-releases "^1.1.40"
 
+browserslist@^4.8.2:
+  version "4.8.2"
+  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.2.tgz#b45720ad5fbc8713b7253c20766f701c9a694289"
+  integrity sha512-+M4oeaTplPm/f1pXDw84YohEv7B1i/2Aisei8s4s6k3QsoSHa7i5sz8u/cGQkkatCPxMASKxPualR4wwYgVboA==
+  dependencies:
+    caniuse-lite "^1.0.30001015"
+    electron-to-chromium "^1.3.322"
+    node-releases "^1.1.42"
+
+bser@2.1.1:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
+  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
+  dependencies:
+    node-int64 "^0.4.0"
+
 btoa-lite@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
@@ -2759,49 +3253,11 @@ cache-base@^1.0.1:
     union-value "^1.0.0"
     unset-value "^1.0.0"
 
-cacheable-request@^6.0.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912"
-  integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg==
-  dependencies:
-    clone-response "^1.0.2"
-    get-stream "^5.1.0"
-    http-cache-semantics "^4.0.0"
-    keyv "^3.0.0"
-    lowercase-keys "^2.0.0"
-    normalize-url "^4.1.0"
-    responselike "^1.0.2"
-
-caching-transform@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/caching-transform/-/caching-transform-3.0.2.tgz#601d46b91eca87687a281e71cef99791b0efca70"
-  integrity sha512-Mtgcv3lh3U0zRii/6qVgQODdPA4G3zhG+jtbCWj39RXuUFTMzH0vcdMtaJS1jPowd+It2Pqr6y3NJMQqOqCE2w==
-  dependencies:
-    hasha "^3.0.0"
-    make-dir "^2.0.0"
-    package-hash "^3.0.0"
-    write-file-atomic "^2.4.2"
-
-call-matcher@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/call-matcher/-/call-matcher-1.1.0.tgz#23b2c1bc7a8394c8be28609d77ddbd5786680432"
-  integrity sha512-IoQLeNwwf9KTNbtSA7aEBb1yfDbdnzwjCetjkC8io5oGeOmK2CBNdg0xr+tadRYKO0p7uQyZzvon0kXlZbvGrw==
-  dependencies:
-    core-js "^2.0.0"
-    deep-equal "^1.0.0"
-    espurify "^1.6.0"
-    estraverse "^4.0.0"
-
 call-me-maybe@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b"
   integrity sha1-JtII6onje1y95gJQoV8DHBak1ms=
 
-call-signature@0.0.2:
-  version "0.0.2"
-  resolved "https://registry.yarnpkg.com/call-signature/-/call-signature-0.0.2.tgz#a84abc825a55ef4cb2b028bd74e205a65b9a4996"
-  integrity sha1-qEq8glpV70yysCi9dOIFpluaSZY=
-
 caller-callsite@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/caller-callsite/-/caller-callsite-2.0.0.tgz#847e0fce0a223750a9a027c54b33731ad3154134"
@@ -2821,6 +3277,11 @@ callsites@^2.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
   integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
 
+callsites@^3.0.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
+  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -2868,6 +3329,18 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001010:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001010.tgz#397a14034d384260453cc81994f494626d34b938"
   integrity sha512-RA5GH9YjFNea4ZQszdWgh2SC+dpLiRAg4VDQS2b5JRI45OxmbGrYocYHTa9x0bKMQUE7uvHkNPNffUr+pCxSGw==
 
+caniuse-lite@^1.0.30001015:
+  version "1.0.30001015"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001015.tgz#15a7ddf66aba786a71d99626bc8f2b91c6f0f5f0"
+  integrity sha512-/xL2AbW/XWHNu1gnIrO8UitBGoFthcsDgU9VLK1/dpsoxbaD5LscHozKze05R6WLsBvLhqv78dAPozMFQBYLbQ==
+
+capture-exit@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
+  integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
+  dependencies:
+    rsvp "^4.8.4"
+
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -2898,7 +3371,7 @@ chardet@^0.7.0:
   resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
   integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
 
-"chokidar@>=2.0.0 <4.0.0", chokidar@^3.0.2:
+"chokidar@>=2.0.0 <4.0.0":
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.3.0.tgz#12c0714668c55800f659e262d4962a97faf554a6"
   integrity sha512-dGmKLDdT3Gdl7fBUe8XK+gAtGmzy5Fn0XkkWQuYxGIgWVPPse2CxFA5mtrlD0TOHaHjEUqkWNyP1XdHoJES/4A==
@@ -2913,7 +3386,7 @@ chardet@^0.7.0:
   optionalDependencies:
     fsevents "~2.1.1"
 
-chokidar@^2.1.5:
+chokidar@^2.1.5, chokidar@^2.1.8:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
   integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
@@ -2937,21 +3410,11 @@ chownr@^1.1.1, chownr@^1.1.2:
   resolved "https://registry.yarnpkg.com/chownr/-/chownr-1.1.3.tgz#42d837d5239688d55f303003a508230fa6727142"
   integrity sha512-i70fVHhmV3DtTl6nqvZOnIjbY0Pe4kAUjwHj8z0zAdgBtYrJyYwLKCCuRBQ5ppkyL0AkN7HKRnETdmdp1zqNXw==
 
-chunkd@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/chunkd/-/chunkd-1.0.0.tgz#4ead4a3704bcce510c4bb4d4a8be30c557836dd1"
-  integrity sha512-xx3Pb5VF9QaqCotolyZ1ywFBgyuJmu6+9dLiqBxgelEse9Xsr3yUlpoX3O4Oh11M00GT2kYMsRByTKIMJW2Lkg==
-
 ci-info@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
-ci-parallel-vars@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/ci-parallel-vars/-/ci-parallel-vars-1.0.0.tgz#af97729ed1c7381911ca37bcea263d62638701b3"
-  integrity sha512-u6dx20FBXm+apMi+5x7UVm6EH7BL1gc4XrcnQewjcB7HWRcor/V5qWc3RG2HwpgDJ26gIi2DSEu3B7sXynAw/g==
-
 cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/cipher-base/-/cipher-base-1.0.4.tgz#8760e4ecc272f4c363532f926d874aae2c1397de"
@@ -2970,21 +3433,6 @@ class-utils@^0.3.5:
     isobject "^3.0.0"
     static-extend "^0.1.1"
 
-clean-stack@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
-  integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
-
-clean-yaml-object@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/clean-yaml-object/-/clean-yaml-object-0.1.0.tgz#63fb110dc2ce1a84dc21f6d9334876d010ae8b68"
-  integrity sha1-Y/sRDcLOGoTcIfbZM0h20BCui2g=
-
-cli-boxes@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d"
-  integrity sha512-gpaBrMAizVEANOpfZp/EEUixTXDyGt7DFzdK5hU+UbWt/J0lB0w20ncZj59Z9a93xHb9u12zF5BS6i9RKbtg4w==
-
 cli-cursor@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5"
@@ -2992,31 +3440,11 @@ cli-cursor@^2.1.0:
   dependencies:
     restore-cursor "^2.0.0"
 
-cli-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
-  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
-  dependencies:
-    restore-cursor "^3.1.0"
-
 cli-spinners@^1.1.0:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-1.3.1.tgz#002c1990912d0d59580c93bd36c056de99e4259a"
   integrity sha512-1QL4544moEsDVH9T/l6Cemov/37iv1RtoKf7NJ04A60+4MREXNfx/QvavbH6QoGdsD4N4Mwy49cmaINR/o2mdg==
 
-cli-spinners@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/cli-spinners/-/cli-spinners-2.2.0.tgz#e8b988d9206c692302d8ee834e7a85c0144d8f77"
-  integrity sha512-tgU3fKwzYjiLEQgPMD9Jt+JjHVL9kW93FiIMX/l7rivvOD4/LL0Mf7gda3+4U2KJBloybwgj5KEoQgGRioMiKQ==
-
-cli-truncate@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/cli-truncate/-/cli-truncate-2.0.0.tgz#68ff6aaa53b203b52ad89b8b1a80f1f61ad1e1d5"
-  integrity sha512-C4hp+8GCIFVsUUiXcw+ce+7wexVWImw8rQrgMBFsqerx9LvvcGlwm6sMjQYAEmV/Xb87xc1b5Ttx505MSpZVqg==
-  dependencies:
-    slice-ansi "^2.1.0"
-    string-width "^4.1.0"
-
 cli-width@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639"
@@ -3040,13 +3468,6 @@ cliui@^5.0.0:
     strip-ansi "^5.2.0"
     wrap-ansi "^5.1.0"
 
-clone-response@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b"
-  integrity sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=
-  dependencies:
-    mimic-response "^1.0.0"
-
 clone@^1.0.2:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
@@ -3057,6 +3478,11 @@ clone@^2.1.1:
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
 
+co@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
+  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
+
 coa@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
@@ -3066,13 +3492,6 @@ coa@^2.0.2:
     chalk "^2.4.1"
     q "^1.1.2"
 
-code-excerpt@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/code-excerpt/-/code-excerpt-2.1.1.tgz#5fe3057bfbb71a5f300f659ef2cc0a47651ba77c"
-  integrity sha512-tJLhH3EpFm/1x7heIW0hemXJTUU5EWl2V0EIX558jp05Mt1U6DVryCgkp3l37cxqs+DNbNgxG43SkwJXpQ14Jw==
-  dependencies:
-    convert-to-spaces "^1.0.1"
-
 code-point-at@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
@@ -3100,19 +3519,12 @@ color-convert@^1.9.0, color-convert@^1.9.1:
   dependencies:
     color-name "1.1.3"
 
-color-convert@^2.0.1:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
-  integrity sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==
-  dependencies:
-    color-name "~1.1.4"
-
 color-name@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
   integrity sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=
 
-color-name@^1.0.0, color-name@~1.1.4:
+color-name@^1.0.0:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
@@ -3165,15 +3577,10 @@ commander@2.9.0:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-common-path-prefix@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-1.0.0.tgz#cd52f6f0712e0baab97d6f9732874f22f47752c0"
-  integrity sha1-zVL28HEuC6q5fW+XModPIvR3UsA=
-
-commondir@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
-  integrity sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=
+commander@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-4.0.1.tgz#b67622721785993182e807f4883633e6401ba53c"
+  integrity sha512-IPF4ouhCP+qdlcmCedhxX4xiGBPyigb8v5NeUp+0LyhwLgxMqyp3S0vl7TAPfS/hiP7FC3caI/PB9lTmP8r1NA==
 
 compare-func@^1.3.1:
   version "1.3.2"
@@ -3213,23 +3620,6 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-concordance@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/concordance/-/concordance-4.0.0.tgz#5932fdee397d129bdbc3a1885fbe69839b1b7e15"
-  integrity sha512-l0RFuB8RLfCS0Pt2Id39/oCPykE01pyxgAFypWTlaGRgvLkZrtczZ8atEHpTeEIW+zYWXTBuA9cCSeEOScxReQ==
-  dependencies:
-    date-time "^2.1.0"
-    esutils "^2.0.2"
-    fast-diff "^1.1.2"
-    js-string-escape "^1.0.1"
-    lodash.clonedeep "^4.5.0"
-    lodash.flattendeep "^4.4.0"
-    lodash.islength "^4.0.1"
-    lodash.merge "^4.6.1"
-    md5-hex "^2.0.0"
-    semver "^5.5.1"
-    well-known-symbols "^2.0.0"
-
 config-chain@^1.1.11:
   version "1.1.12"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
@@ -3238,18 +3628,6 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-configstore@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/configstore/-/configstore-4.0.0.tgz#5933311e95d3687efb592c528b922d9262d227e7"
-  integrity sha512-CmquAXFBocrzaSM8mtGPMM/HiWmyIpr4CcJl/rgY2uCObZ/S7cKU0silxslqJejl+t/T9HS8E0PUNQD81JGUEQ==
-  dependencies:
-    dot-prop "^4.1.0"
-    graceful-fs "^4.1.2"
-    make-dir "^1.0.0"
-    unique-string "^1.0.0"
-    write-file-atomic "^2.0.0"
-    xdg-basedir "^3.0.0"
-
 console-browserify@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
@@ -3348,18 +3726,13 @@ conventional-recommended-bump@^5.0.0:
     meow "^4.0.0"
     q "^1.5.1"
 
-convert-source-map@^1.5.1, convert-source-map@^1.6.0, convert-source-map@^1.7.0:
+convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.1, convert-source-map@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
   integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
   dependencies:
     safe-buffer "~5.1.1"
 
-convert-to-spaces@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/convert-to-spaces/-/convert-to-spaces-1.0.2.tgz#7e3e48bbe6d997b1417ddca2868204b4d3d85715"
-  integrity sha1-fj5Iu+bZl7FBfdyihoIEtNPYVxU=
-
 copy-concurrently@^1.0.0:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/copy-concurrently/-/copy-concurrently-1.0.5.tgz#92297398cae34937fcafd6ec8139c18051f0b5e0"
@@ -3385,7 +3758,15 @@ core-js-compat@^3.1.1:
     browserslist "^4.7.2"
     semver "^6.3.0"
 
-core-js@^2.0.0, core-js@^2.4.0, core-js@^2.6.5:
+core-js-compat@^3.4.7:
+  version "3.4.8"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.4.8.tgz#f72e6a4ed76437ea710928f44615f926a81607d5"
+  integrity sha512-l3WTmnXHV2Sfu5VuD7EHE2w7y+K68+kULKt5RJg8ZJk3YhHF1qLD4O8v8AmNq+8vbOwnPFFDvds25/AoEvMqlQ==
+  dependencies:
+    browserslist "^4.8.2"
+    semver "^6.3.0"
+
+core-js@^2.4.0, core-js@^2.6.5:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.10.tgz#8a5b8391f8cc7013da703411ce5b585706300d7f"
   integrity sha512-I39t74+4t+zau64EN1fE5v2W31Adtc/REhzWN+gWRRXg6WH5qAsZm62DHpQ1+Yhe4047T55jvzz7MUqF/dBBlA==
@@ -3405,17 +3786,6 @@ cosmiconfig@^5.0.0, cosmiconfig@^5.1.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
-cp-file@^6.2.0:
-  version "6.2.0"
-  resolved "https://registry.yarnpkg.com/cp-file/-/cp-file-6.2.0.tgz#40d5ea4a1def2a9acdd07ba5c0b0246ef73dc10d"
-  integrity sha512-fmvV4caBnofhPe8kOcitBwSn2f39QLjnAnGq3gO9dfd75mUytzKNZB1hde6QHunW2Rt+OwuBOMc3i1tNElbszA==
-  dependencies:
-    graceful-fs "^4.1.2"
-    make-dir "^2.0.0"
-    nested-error-stacks "^2.0.0"
-    pify "^4.0.1"
-    safe-buffer "^5.0.1"
-
 create-ecdh@^4.0.0:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/create-ecdh/-/create-ecdh-4.0.3.tgz#c9111b6f33045c4697f144787f9254cdc77c45ff"
@@ -3447,23 +3817,6 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
-cross-spawn@^4:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-4.0.2.tgz#7b9247621c23adfdd3856004a823cbe397424d41"
-  integrity sha1-e5JHYhwjrf3ThWAEqCPL45dCTUE=
-  dependencies:
-    lru-cache "^4.0.1"
-    which "^1.2.9"
-
-cross-spawn@^5.0.1:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-5.1.0.tgz#e8bd0efee58fcff6f8f94510a0a554bbfa235449"
-  integrity sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=
-  dependencies:
-    lru-cache "^4.0.1"
-    shebang-command "^1.2.0"
-    which "^1.2.9"
-
 cross-spawn@^6.0.0, cross-spawn@^6.0.4:
   version "6.0.5"
   resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-6.0.5.tgz#4a5ec7c64dfae22c3a14124dbacdee846d80cbc4"
@@ -3492,11 +3845,6 @@ crypto-browserify@^3.11.0:
     randombytes "^2.0.0"
     randomfill "^1.0.3"
 
-crypto-random-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
-  integrity sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=
-
 css-color-names@0.0.4, css-color-names@^0.0.4:
   version "0.0.4"
   resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -3654,12 +4002,12 @@ csso@^4.0.2:
   dependencies:
     css-tree "1.0.0-alpha.37"
 
-cssom@0.3.x, cssom@^0.3.4:
+cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4:
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-cssstyle@^1.1.1:
+cssstyle@^1.0.0, cssstyle@^1.1.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
   integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
@@ -3966,7 +4314,7 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^1.1.0:
+data-urls@^1.0.0, data-urls@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
   integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
@@ -3975,13 +4323,6 @@ data-urls@^1.1.0:
     whatwg-mimetype "^2.2.0"
     whatwg-url "^7.0.0"
 
-date-time@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/date-time/-/date-time-2.1.0.tgz#0286d1b4c769633b3ca13e1e62558d2dbdc2eba2"
-  integrity sha512-/9+C44X7lot0IeiyfgJmETtRMhBidBYM2QFFIkGa0U1k+hSyY87Nw7PY3eDqpvCBm7I3WCSfPeZskW/YYq6m4g==
-  dependencies:
-    time-zone "^1.0.0"
-
 dateformat@^3.0.0:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
@@ -4046,30 +4387,11 @@ decode-uri-component@^0.2.0:
   resolved "https://registry.yarnpkg.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
   integrity sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=
 
-decompress-response@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3"
-  integrity sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=
-  dependencies:
-    mimic-response "^1.0.0"
-
 dedent@^0.7.0:
   version "0.7.0"
   resolved "https://registry.yarnpkg.com/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
   integrity sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=
 
-deep-equal@^1.0.0:
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.1.1.tgz#b5c98c942ceffaf7cb051e24e1434a25a2e6076a"
-  integrity sha512-yd9c5AdiqVcR+JjcwUQb9DkhJc8ngNr0MahEBGvDiJw8puWab2yZlh+nkasOnZP+EGTAP6rRp2JzJhJZzvNF8g==
-  dependencies:
-    is-arguments "^1.0.4"
-    is-date-object "^1.0.1"
-    is-regex "^1.0.4"
-    object-is "^1.0.1"
-    object-keys "^1.1.1"
-    regexp.prototype.flags "^1.2.0"
-
 deep-extend@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac"
@@ -4080,13 +4402,6 @@ deep-is@~0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.3.tgz#b369d6fb5dbc13eecf524f91b070feedc357cf34"
   integrity sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=
 
-default-require-extensions@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/default-require-extensions/-/default-require-extensions-2.0.0.tgz#f5f8fbb18a7d6d50b21f641f649ebb522cfe24f7"
-  integrity sha1-9fj7sYp9bVCyH2QfZJ67Uiz+JPc=
-  dependencies:
-    strip-bom "^3.0.0"
-
 defaults@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/defaults/-/defaults-1.0.3.tgz#c656051e9817d9ff08ed881477f3fe4019f3ef7d"
@@ -4094,11 +4409,6 @@ defaults@^1.0.3:
   dependencies:
     clone "^1.0.2"
 
-defer-to-connect@^1.0.1:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.0.tgz#b41bd7efa8508cef13f8456975f7a278c72833fd"
-  integrity sha512-WE2sZoctWm/v4smfCAdjYbrfS55JiMRdlY9ZubFhsYbteCK9+BvAx4YV7nPjYM6ZnX5BcoVKwfmyx9sIFTgQMQ==
-
 define-properties@^1.1.2, define-properties@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.3.tgz#cf88da6cbee26fe6db7094f61d870cbd84cee9f1"
@@ -4128,19 +4438,6 @@ define-property@^2.0.2:
     is-descriptor "^1.0.2"
     isobject "^3.0.1"
 
-del@^4.1.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4"
-  integrity sha512-QwGuEUouP2kVwQenAsOof5Fv8K9t3D8Ca8NxcXKrIpEHjTXK5J2nXLdP+ALI1cgv8wj7KuwBhTwBkOZSJKM5XQ==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    globby "^6.1.0"
-    is-path-cwd "^2.0.0"
-    is-path-in-cwd "^2.0.0"
-    p-map "^2.0.0"
-    pify "^4.0.1"
-    rimraf "^2.6.3"
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
@@ -4189,6 +4486,11 @@ detect-libc@^1.0.2:
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
   integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
 
+detect-newline@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
+  integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
+
 dezalgo@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.3.tgz#7f742de066fc748bc8db820569dddce49bf0d456"
@@ -4197,6 +4499,11 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
+diff-sequences@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
+  integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4213,13 +4520,6 @@ dir-glob@^2.2.2:
   dependencies:
     path-type "^3.0.0"
 
-dir-glob@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
-  integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
-  dependencies:
-    path-type "^4.0.0"
-
 dom-serializer@0:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
@@ -4272,20 +4572,13 @@ dot-prop@^3.0.0:
   dependencies:
     is-obj "^1.0.0"
 
-dot-prop@^4.1.0, dot-prop@^4.1.1, dot-prop@^4.2.0:
+dot-prop@^4.1.1, dot-prop@^4.2.0:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-4.2.0.tgz#1f19e0c2e1aa0e32797c49799f2837ac6af69c57"
   integrity sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==
   dependencies:
     is-obj "^1.0.0"
 
-dot-prop@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
-  integrity sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==
-  dependencies:
-    is-obj "^2.0.0"
-
 dotenv-expand@^5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
@@ -4303,11 +4596,6 @@ duplexer2@~0.1.4:
   dependencies:
     readable-stream "^2.0.2"
 
-duplexer3@^0.1.4:
-  version "0.1.4"
-  resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.4.tgz#ee01dd1cac0ed3cbc7fdbea37dc0a8f1ce002ce2"
-  integrity sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=
-
 duplexer@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.1.tgz#ace6ff808c1ce66b57d1ebf97977acb02334cfc1"
@@ -4341,6 +4629,11 @@ electron-to-chromium@^1.3.306:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.306.tgz#e8265301d053d5f74e36cb876486830261fbe946"
   integrity sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A==
 
+electron-to-chromium@^1.3.322:
+  version "1.3.322"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz#a6f7e1c79025c2b05838e8e344f6e89eb83213a8"
+  integrity sha512-Tc8JQEfGQ1MzfSzI/bTlSr7btJv/FFO7Yh6tanqVmIWOuNCu6/D1MilIEgLtmWqIrsv+o4IjpLAhgMBr/ncNAA==
+
 elliptic@^6.0.0:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.1.tgz#c380f5f909bf1b9b4428d028cd18d3b0efd6b52b"
@@ -4354,29 +4647,11 @@ elliptic@^6.0.0:
     minimalistic-assert "^1.0.0"
     minimalistic-crypto-utils "^1.0.0"
 
-emittery@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/emittery/-/emittery-0.4.1.tgz#abe9d3297389ba424ac87e53d1c701962ce7433d"
-  integrity sha512-r4eRSeStEGf6M5SKdrQhhLK5bOwOBxQhIE3YSTnZE3GpKiLfnnhE+tPtrJE79+eDJgm39BM6LSoI8SCx4HbwlQ==
-
 emoji-regex@^7.0.1:
   version "7.0.3"
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
   integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
 
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
-empower-core@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/empower-core/-/empower-core-1.2.0.tgz#ce3fb2484d5187fa29c23fba8344b0b2fdf5601c"
-  integrity sha512-g6+K6Geyc1o6FdXs9HwrXleCFan7d66G5xSCfSF7x1mJDCes6t0om9lFQG3zOrzh3Bkb/45N0cZ5Gqsf7YrzGQ==
-  dependencies:
-    call-signature "0.0.2"
-    core-js "^2.0.0"
-
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@@ -4416,11 +4691,6 @@ envinfo@^7.3.1:
   resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.4.0.tgz#bef4ece9e717423aaf0c3584651430b735ad6630"
   integrity sha512-FdDfnWnCVjxTTpWE3d6Jgh5JDIA3Cw7LCgpM/pI7kK1ORkjaqI2r6NqQ+ln2j0dfpgxY00AWieSvtkiZQKIItA==
 
-equal-length@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/equal-length/-/equal-length-1.0.1.tgz#21ca112d48ab24b4e1e7ffc0e5339d31fdfc274c"
-  integrity sha1-IcoRLUirJLTh5//A5TOdMf38J0w=
-
 err-code@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-1.1.2.tgz#06e0116d3028f6aef4806849eb0ea6a748ae6960"
@@ -4458,11 +4728,6 @@ es-to-primitive@^1.2.0:
     is-date-object "^1.0.1"
     is-symbol "^1.0.2"
 
-es6-error@^4.0.1:
-  version "4.1.1"
-  resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
-  integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
-
 es6-promise@^4.0.3:
   version "4.2.8"
   resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
@@ -4485,12 +4750,7 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escape-string-regexp@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz#a30304e99daa32e23b2fd20f51babd07cffca344"
-  integrity sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==
-
-escodegen@^1.11.0, escodegen@^1.11.1:
+escodegen@^1.11.0, escodegen@^1.11.1, escodegen@^1.9.1:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.12.0.tgz#f763daf840af172bb3a2b6dd7219c0e17f7ff541"
   integrity sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==
@@ -4514,21 +4774,6 @@ escodegen@~1.9.0:
   optionalDependencies:
     source-map "~0.6.1"
 
-esm@^3.2.25:
-  version "3.2.25"
-  resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10"
-  integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==
-
-espower-location-detector@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/espower-location-detector/-/espower-location-detector-1.0.0.tgz#a17b7ecc59d30e179e2bef73fb4137704cb331b5"
-  integrity sha1-oXt+zFnTDheeK+9z+0E3cEyzMbU=
-  dependencies:
-    is-url "^1.2.1"
-    path-is-absolute "^1.0.0"
-    source-map "^0.5.0"
-    xtend "^4.0.0"
-
 esprima@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-3.1.3.tgz#fdca51cee6133895e3c88d535ce49dbff62a4633"
@@ -4539,14 +4784,7 @@ esprima@^4.0.0:
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   integrity sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==
 
-espurify@^1.6.0:
-  version "1.8.1"
-  resolved "https://registry.yarnpkg.com/espurify/-/espurify-1.8.1.tgz#5746c6c1ab42d302de10bd1d5bf7f0e8c0515056"
-  integrity sha512-ZDko6eY/o+D/gHCWyHTU85mKDgYcS4FJj7S+YD6WIInm7GQ6AnOjmcL4+buFV/JOztVLELi/7MmuGU5NHta0Mg==
-  dependencies:
-    core-js "^2.0.0"
-
-estraverse@^4.0.0, estraverse@^4.1.1, estraverse@^4.2.0:
+estraverse@^4.2.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-4.3.0.tgz#398ad3f3c5a24948be7725e83d11a7de28cdbd1d"
   integrity sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==
@@ -4579,18 +4817,10 @@ evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
     md5.js "^1.3.4"
     safe-buffer "^5.1.1"
 
-execa@^0.7.0:
-  version "0.7.0"
-  resolved "https://registry.yarnpkg.com/execa/-/execa-0.7.0.tgz#944becd34cc41ee32a63a9faf27ad5a65fc59777"
-  integrity sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=
-  dependencies:
-    cross-spawn "^5.0.1"
-    get-stream "^3.0.0"
-    is-stream "^1.1.0"
-    npm-run-path "^2.0.0"
-    p-finally "^1.0.0"
-    signal-exit "^3.0.0"
-    strip-eof "^1.0.0"
+exec-sh@^0.3.2:
+  version "0.3.4"
+  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
+  integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
 
 execa@^1.0.0:
   version "1.0.0"
@@ -4605,6 +4835,11 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
+exit@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
+  integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
+
 expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -4618,6 +4853,18 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+expect@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
+  integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    ansi-styles "^3.2.0"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-regex-util "^24.9.0"
+
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -4686,11 +4933,6 @@ fast-deep-equal@^2.0.1:
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49"
   integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk=
 
-fast-diff@^1.1.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/fast-diff/-/fast-diff-1.2.0.tgz#73ee11982d86caaf7959828d519cfe927fac5f03"
-  integrity sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==
-
 fast-glob@^2.2.2, fast-glob@^2.2.6:
   version "2.2.7"
   resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-2.2.7.tgz#6953857c3afa475fff92ee6015d52da70a4cd39d"
@@ -4703,17 +4945,6 @@ fast-glob@^2.2.2, fast-glob@^2.2.6:
     merge2 "^1.2.3"
     micromatch "^3.1.10"
 
-fast-glob@^3.0.3:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.1.1.tgz#87ee30e9e9f3eb40d6f254a7997655da753d7c82"
-  integrity sha512-nTCREpBY8w8r+boyFYAx21iL6faSsQynliPHM4Uf56SbkyohCNxpVPEH9xrF5TXKy+IsjkPUHDKiUkzBVRXn9g==
-  dependencies:
-    "@nodelib/fs.stat" "^2.0.2"
-    "@nodelib/fs.walk" "^1.2.3"
-    glob-parent "^5.1.0"
-    merge2 "^1.3.0"
-    micromatch "^4.0.2"
-
 fast-json-stable-stringify@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2"
@@ -4729,12 +4960,12 @@ fastparse@^1.1.1:
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
   integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
 
-fastq@^1.6.0:
-  version "1.6.0"
-  resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.6.0.tgz#4ec8a38f4ac25f21492673adb7eae9cfef47d1c2"
-  integrity sha512-jmxqQ3Z/nXoeyDmWAzF9kH1aGZSis6e/SbfPmJpUnyZ0ogr6iscHQaml4wsEepEWSdtmpy+eVXmCRIMpxaXqOA==
+fb-watchman@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
+  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
   dependencies:
-    reusify "^1.0.0"
+    bser "2.1.1"
 
 figgy-pudding@^3.4.1, figgy-pudding@^3.5.1:
   version "3.5.1"
@@ -4748,13 +4979,6 @@ figures@^2.0.0:
   dependencies:
     escape-string-regexp "^1.0.5"
 
-figures@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/figures/-/figures-3.1.0.tgz#4b198dd07d8d71530642864af2d45dd9e459c4ec"
-  integrity sha512-ravh8VRXqHuMvZt/d8GblBeqDMkdJMBdv/2KntFH+ra5MXkO7nxNKpzQ3n6QD/2da1kH0aWmNISdvhM7gl2gVg==
-  dependencies:
-    escape-string-regexp "^1.0.5"
-
 file-uri-to-path@1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
@@ -4782,15 +5006,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-find-cache-dir@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-2.1.0.tgz#8d0f94cd13fe43c6c7c261a0d86115ca918c05f7"
-  integrity sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==
-  dependencies:
-    commondir "^1.0.1"
-    make-dir "^2.0.0"
-    pkg-dir "^3.0.0"
-
 find-up@^1.0.0:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-1.1.2.tgz#6b2e9822b1a2ce0a60ab64d610eccad53cb24d0f"
@@ -4813,14 +5028,6 @@ find-up@^3.0.0:
   dependencies:
     locate-path "^3.0.0"
 
-find-up@^4.0.0, find-up@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
-  integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==
-  dependencies:
-    locate-path "^5.0.0"
-    path-exists "^4.0.0"
-
 flush-write-stream@^1.0.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.1.1.tgz#8dd7d873a1babc207d94ead0c2e0e44276ebf2e8"
@@ -4839,14 +5046,6 @@ foreach@^2.0.5:
   resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"
   integrity sha1-C+4AUBiusmDQo6865ljdATbsG5k=
 
-foreground-child@^1.5.6:
-  version "1.5.6"
-  resolved "https://registry.yarnpkg.com/foreground-child/-/foreground-child-1.5.6.tgz#4fd71ad2dfde96789b980a5c0a295937cb2f5ce9"
-  integrity sha1-T9ca0t/elnibmApcCilZN8svXOk=
-  dependencies:
-    cross-spawn "^4"
-    signal-exit "^3.0.0"
-
 forever-agent@~0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
@@ -4897,6 +5096,11 @@ fs-minipass@^1.2.5:
   dependencies:
     minipass "^2.6.0"
 
+fs-readdir-recursive@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
+  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
+
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -4975,23 +5179,11 @@ get-port@^4.2.0:
   resolved "https://registry.yarnpkg.com/get-port/-/get-port-4.2.0.tgz#e37368b1e863b7629c43c5a323625f95cf24b119"
   integrity sha512-/b3jarXkH8KJoOMQc3uVGHASwGLPq3gSFJ7tgJm2diza+bydJPTGOibin2steecKeOylE8oY2JERlVWkAJO6yw==
 
-get-port@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/get-port/-/get-port-5.0.0.tgz#aa22b6b86fd926dd7884de3e23332c9f70c031a6"
-  integrity sha512-imzMU0FjsZqNa6BqOjbbW6w5BivHIuQKopjpPqcnx0AVHJQKCxK1O+Ab3OrVXhrekqfVMjwA9ZYu062R+KcIsQ==
-  dependencies:
-    type-fest "^0.3.0"
-
 get-stdin@^4.0.1:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe"
   integrity sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=
 
-get-stream@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
-  integrity sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=
-
 get-stream@^4.0.0, get-stream@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5"
@@ -4999,13 +5191,6 @@ get-stream@^4.0.0, get-stream@^4.1.0:
   dependencies:
     pump "^3.0.0"
 
-get-stream@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.1.0.tgz#01203cdc92597f9b909067c3e656cc1f4d3c4dc9"
-  integrity sha512-EXr1FOzrzTfGeL0gQdeFEvOMm2mzMOglyiOXSTpPC+iAjAKftbr3jpCMWynogwYnM+eSj9sHGc6wjIcDvYiygw==
-  dependencies:
-    pump "^3.0.0"
-
 get-value@^2.0.3, get-value@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/get-value/-/get-value-2.0.6.tgz#dc15ca1c672387ca76bd37ac0a395ba2042a2c28"
@@ -5100,7 +5285,7 @@ glob-parent@^3.1.0:
     is-glob "^3.1.0"
     path-dirname "^1.0.0"
 
-glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@~5.1.0:
+glob-parent@^5.0.0, glob-parent@~5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.0.tgz#5f4c1d1e748d30cd73ad2944b3577a81b081e8c2"
   integrity sha512-qjtRgnIVmOfnKUE3NJAQEdk+lKrxfw8t5ke7SXtfMTHcjsBfOfWXCQfdb30zfDoZQ2IRSIiidmjtbHZPZ++Ihw==
@@ -5123,7 +5308,7 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
+glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -5135,32 +5320,11 @@ glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-global-dirs@^0.1.0:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-0.1.1.tgz#b319c0dd4607f353f3be9cca4c72fc148c49f445"
-  integrity sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=
-  dependencies:
-    ini "^1.3.4"
-
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
   integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
 
-globby@^10.0.1:
-  version "10.0.1"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.1.tgz#4782c34cb75dd683351335c5829cc3420e606b22"
-  integrity sha512-sSs4inE1FB2YQiymcmTv6NWENryABjUNPeWhOvmn4SjtKybglsyPZxFB3U1/+L1bYi0rNZDqCLlHyLYDl1Pq5A==
-  dependencies:
-    "@types/glob" "^7.1.1"
-    array-union "^2.1.0"
-    dir-glob "^3.0.1"
-    fast-glob "^3.0.3"
-    glob "^7.1.3"
-    ignore "^5.1.1"
-    merge2 "^1.2.3"
-    slash "^3.0.0"
-
 globby@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-4.1.0.tgz#080f54549ec1b82a6c60e631fc82e1211dbe95f8"
@@ -5173,17 +5337,6 @@ globby@^4.0.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
-globby@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c"
-  integrity sha1-9abXDoOV4hyFj7BInWTfAkJNUGw=
-  dependencies:
-    array-union "^1.0.1"
-    glob "^7.0.3"
-    object-assign "^4.0.1"
-    pify "^2.0.0"
-    pinkie-promise "^2.0.0"
-
 globby@^9.2.0:
   version "9.2.0"
   resolved "https://registry.yarnpkg.com/globby/-/globby-9.2.0.tgz#fd029a706c703d29bdd170f4b6db3a3f7a7cb63d"
@@ -5205,23 +5358,6 @@ good-listener@^1.2.2:
   dependencies:
     delegate "^3.1.2"
 
-got@^9.6.0:
-  version "9.6.0"
-  resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85"
-  integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q==
-  dependencies:
-    "@sindresorhus/is" "^0.14.0"
-    "@szmarczak/http-timer" "^1.1.2"
-    cacheable-request "^6.0.0"
-    decompress-response "^3.3.0"
-    duplexer3 "^0.1.4"
-    get-stream "^4.1.0"
-    lowercase-keys "^1.0.1"
-    mimic-response "^1.0.1"
-    p-cancelable "^1.0.0"
-    to-readable-stream "^1.0.0"
-    url-parse-lax "^3.0.0"
-
 graceful-fs@4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.1.2.tgz#fe2239b7574972e67e41f808823f9bfa4a991e37"
@@ -5245,6 +5381,11 @@ grapheme-breaker@^0.3.2:
     brfs "^1.2.0"
     unicode-trie "^0.3.1"
 
+growly@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
+  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
+
 handlebars@^4.1.2, handlebars@^4.4.0:
   version "4.5.3"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.5.3.tgz#5cf75bd8714f7605713511a56be7c349becb0482"
@@ -5286,11 +5427,6 @@ has-flag@^3.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   integrity sha1-tdRU3CGZriJWmfNGfloH87lVuv0=
 
-has-flag@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
-  integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
-
 has-symbols@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
@@ -5332,11 +5468,6 @@ has-values@^1.0.0:
     is-number "^3.0.0"
     kind-of "^4.0.0"
 
-has-yarn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77"
-  integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw==
-
 has@^1.0.0, has@^1.0.1, has@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796"
@@ -5360,21 +5491,6 @@ hash.js@^1.0.0, hash.js@^1.0.3:
     inherits "^2.0.3"
     minimalistic-assert "^1.0.1"
 
-hasha@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/hasha/-/hasha-3.0.0.tgz#52a32fab8569d41ca69a61ff1a214f8eb7c8bd39"
-  integrity sha1-UqMvq4Vp1BymmmH/GiFPjrfIvTk=
-  dependencies:
-    is-stream "^1.0.1"
-
-hasha@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/hasha/-/hasha-5.1.0.tgz#dd05ccdfcfe7dab626247ce2a58efe461922f4ca"
-  integrity sha512-OFPDWmzPN1l7atOV1TgBVmNtBxaIysToK6Ve9DK+vT6pYuklw/nPNT+HJbZi0KDcI6vWB+9tgvZ5YD7fA3CXcA==
-  dependencies:
-    is-stream "^2.0.0"
-    type-fest "^0.8.0"
-
 hex-color-regex@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/hex-color-regex/-/hex-color-regex-1.1.0.tgz#4c06fccb4602fe2602b3c93df82d7e7dbf1a8a8e"
@@ -5452,11 +5568,6 @@ http-cache-semantics@^3.8.1:
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-3.8.1.tgz#39b0e16add9b605bf0a9ef3d9daaf4843b4cacd2"
   integrity sha512-5ai2iksyV8ZXmnZhHH4rWPoxxistEexSi5936zIQ1bnNTW5VnA85B6P/VpXiRM017IgRvb2kKo1a//y+0wSp3w==
 
-http-cache-semantics@^4.0.0:
-  version "4.0.3"
-  resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.0.3.tgz#495704773277eeef6e43f9ab2c2c7d259dda25c5"
-  integrity sha512-TcIMG3qeVLgDr1TEd2XvHaTnMPwYQUQMIBLy+5pLSDKYFc7UIqj39w8EGzZkaxoLv/l2K8HaI0t5AVA+YYgUew==
-
 http-errors@~1.7.2:
   version "1.7.3"
   resolved "https://registry.yarnpkg.com/http-errors/-/http-errors-1.7.3.tgz#6c619e4f9c60308c38519498c14fbb10aacebb06"
@@ -5527,11 +5638,6 @@ iferr@^0.1.5:
   resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501"
   integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE=
 
-ignore-by-default@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/ignore-by-default/-/ignore-by-default-1.0.1.tgz#48ca6d72f6c6a3af00a9ad4ae6876be3889e2b09"
-  integrity sha1-SMptcvbGo68Aqa1K5odr44ieKwk=
-
 ignore-walk@^3.0.1:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/ignore-walk/-/ignore-walk-3.0.3.tgz#017e2447184bfeade7c238e4aefdd1e8f95b1e37"
@@ -5544,11 +5650,6 @@ ignore@^4.0.3:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-4.0.6.tgz#750e3db5862087b4737ebac8207ffd1ef27b25fc"
   integrity sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==
 
-ignore@^5.1.1:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.1.4.tgz#84b7b3dbe64552b6ef0eca99f6743dbec6d97adf"
-  integrity sha512-MzbUSahkTW1u7JpKKjY7LCARd1fU5W2rLdxlM4kdkayuCwZImjkpluF9CM1aLewYJguPDqewLam18Y6AU69A8A==
-
 import-fresh@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-fresh/-/import-fresh-2.0.0.tgz#d81355c15612d386c61f9ddd3922d4304822a546"
@@ -5557,11 +5658,6 @@ import-fresh@^2.0.0:
     caller-path "^2.0.0"
     resolve-from "^3.0.0"
 
-import-lazy@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43"
-  integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM=
-
 import-local@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/import-local/-/import-local-2.0.0.tgz#55070be38a5993cf18ef6db7e961f5bee5c5a09d"
@@ -5570,14 +5666,6 @@ import-local@^2.0.0:
     pkg-dir "^3.0.0"
     resolve-cwd "^2.0.0"
 
-import-local@^3.0.2:
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/import-local/-/import-local-3.0.2.tgz#a8cfd0431d1de4a2199703d003e3e62364fa6db6"
-  integrity sha512-vjL3+w0oulAVZ0hBHnxa/Nm5TAurf9YLQJDhqRZyqb+VKGOB6LU8t9H1Nr5CIo16vh9XfJTOoHwU0B71S557gA==
-  dependencies:
-    pkg-dir "^4.2.0"
-    resolve-cwd "^3.0.0"
-
 imurmurhash@^0.1.4:
   version "0.1.4"
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
@@ -5590,16 +5678,11 @@ indent-string@^2.1.0:
   dependencies:
     repeating "^2.0.0"
 
-indent-string@^3.0.0, indent-string@^3.2.0:
+indent-string@^3.0.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-3.2.0.tgz#4a5fd6d27cc332f37e5419a504dbb837105c9289"
   integrity sha1-Sl/W0nzDMvN+VBmlBNu4NxBckok=
 
-indent-string@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
-  integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
-
 indexes-of@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607"
@@ -5671,7 +5754,7 @@ inquirer@^6.2.0:
     strip-ansi "^5.1.0"
     through "^2.3.6"
 
-invariant@^2.2.2:
+invariant@^2.2.2, invariant@^2.2.4:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -5683,11 +5766,6 @@ ip@1.1.5:
   resolved "https://registry.yarnpkg.com/ip/-/ip-1.1.5.tgz#bdded70114290828c0a039e72ef25f5aaec4354a"
   integrity sha1-vd7XARQpCCjAoDnnLvJfWq7ENUo=
 
-irregular-plurals@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/irregular-plurals/-/irregular-plurals-2.0.0.tgz#39d40f05b00f656d0b7fa471230dd3b714af2872"
-  integrity sha512-Y75zBYLkh0lJ9qxeHlMjQ7bSbyiSqNW/UOPWDmzC7cXskL1hekSITh1Oc6JV0XCWWZ9DE8VYSB71xocLk3gmGw==
-
 is-absolute-url@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/is-absolute-url/-/is-absolute-url-2.1.0.tgz#50530dfb84fcc9aa7dbe7852e83a37b93b9f2aa6"
@@ -5712,11 +5790,6 @@ is-accessor-descriptor@^1.0.0:
   dependencies:
     kind-of "^6.0.0"
 
-is-arguments@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/is-arguments/-/is-arguments-1.0.4.tgz#3faf966c7cba0ff437fb31f6250082fcf0448cf3"
-  integrity sha512-xPh0Rmt8NE65sNzvyUmWgI1tz3mKq74lGA0mL8LYZcoIzKOzDh6HmrYm3d18k60nHerC8A9Km8kYu87zfSFnLA==
-
 is-arrayish@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d"
@@ -5812,11 +5885,6 @@ is-directory@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
   integrity sha1-YTObbyR1/Hcv2cnYP1yFddwVSuE=
 
-is-error@^2.2.2:
-  version "2.2.2"
-  resolved "https://registry.yarnpkg.com/is-error/-/is-error-2.2.2.tgz#c10ade187b3c93510c5470a5567833ee25649843"
-  integrity sha512-IOQqts/aHWbiisY5DuPJQ0gcbvaLFCa7fBa9xoLfxBZvQ+ZI/Zh9xoI7Gk+G64N0FdK4AbibytHht2tWgpJWLg==
-
 is-extendable@^0.1.0, is-extendable@^0.1.1:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
@@ -5853,10 +5921,10 @@ is-fullwidth-code-point@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
+is-generator-fn@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
+  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
 
 is-glob@^3.1.0:
   version "3.1.0"
@@ -5879,19 +5947,6 @@ is-html@^1.1.0:
   dependencies:
     html-tags "^1.0.0"
 
-is-installed-globally@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.1.0.tgz#0dfd98f5a9111716dd535dda6492f67bf3d25a80"
-  integrity sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=
-  dependencies:
-    global-dirs "^0.1.0"
-    is-path-inside "^1.0.0"
-
-is-npm@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-3.0.0.tgz#ec9147bfb629c43f494cf67936a961edec7e8053"
-  integrity sha512-wsigDr1Kkschp2opC4G3yA6r9EgVA6NjRpWzIi9axXqeIaAATPRJc4uLujXe3Nd9uO8KoDyA4MD6aZSeXTADhA==
-
 is-number@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
@@ -5909,42 +5964,6 @@ is-obj@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-1.0.1.tgz#3e4729ac1f5fde025cd7d83a896dab9f4f67db0f"
   integrity sha1-PkcprB9f3gJc19g6iW2rn09n2w8=
 
-is-obj@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
-  integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
-
-is-observable@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-observable/-/is-observable-2.0.0.tgz#327af1e8cdea9cd717f95911b87c5d34301721a6"
-  integrity sha512-fhBZv3eFKUbyHXZ1oHujdo2tZ+CNbdpdzzlENgCGZUC8keoGxUew2jYFLYcUB4qo7LDD03o4KK11m/QYD7kEjg==
-
-is-path-cwd@^2.0.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
-  integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
-
-is-path-in-cwd@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb"
-  integrity sha512-rNocXHgipO+rvnP6dk3zI20RpOtrAM/kzbB258Uw5BWr3TpXi861yzjo16Dn4hUox07iw5AyeMLHWsujkjzvRQ==
-  dependencies:
-    is-path-inside "^2.1.0"
-
-is-path-inside@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036"
-  integrity sha1-jvW33lBDej/cprToZe96pVy0gDY=
-  dependencies:
-    path-is-inside "^1.0.1"
-
-is-path-inside@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2"
-  integrity sha512-wiyhTzfDWsvwAW53OBWF5zuvaOGlZ6PwYxAbPVDhpm+gM09xKQGjBq/8uYN12aDvMxnAnq3dxTyoSoRNmg5YFg==
-  dependencies:
-    path-is-inside "^1.0.2"
-
 is-plain-obj@^1.0.0, is-plain-obj@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e"
@@ -5988,16 +6007,11 @@ is-ssh@^1.3.0:
   dependencies:
     protocols "^1.1.0"
 
-is-stream@^1.0.1, is-stream@^1.1.0:
+is-stream@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-1.1.0.tgz#12d4a3dd4e68e0b79ceb8dbc84173ae80d91ca44"
   integrity sha1-EtSj3U5o4Lec6428hBc66A2RykQ=
 
-is-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.0.tgz#bde9c32680d6fae04129d6ac9d921ce7815f78e3"
-  integrity sha512-XCoy+WlUr7d1+Z8GgSuXmpuUFC9fOhRXglJMx+dwLKTkL44Cjd4W1Z5P+BQZpr+cR93aGP4S/s7Ftw6Nd/kiEw==
-
 is-svg@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/is-svg/-/is-svg-3.0.0.tgz#9321dbd29c212e5ca99c4fa9794c714bcafa2f75"
@@ -6019,17 +6033,17 @@ is-text-path@^1.0.1:
   dependencies:
     text-extensions "^1.0.0"
 
-is-typedarray@^1.0.0, is-typedarray@~1.0.0:
+is-typedarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
-is-url@^1.2.1, is-url@^1.2.2:
+is-url@^1.2.2:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-url/-/is-url-1.2.4.tgz#04a4df46d28c4cff3d73d01ff06abeb318a1aa52"
   integrity sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==
 
-is-utf8@^0.2.0, is-utf8@^0.2.1:
+is-utf8@^0.2.0:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/is-utf8/-/is-utf8-0.2.1.tgz#4b0da1442104d1b336340e80797e865cf39f7d72"
   integrity sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=
@@ -6044,11 +6058,6 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
 
-is-yarn-global@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232"
-  integrity sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==
-
 isarray@0.0.1:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
@@ -6086,19 +6095,12 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-istanbul-lib-coverage@^2.0.5:
+istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
   integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
 
-istanbul-lib-hook@^2.0.7:
-  version "2.0.7"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-hook/-/istanbul-lib-hook-2.0.7.tgz#c95695f383d4f8f60df1f04252a9550e15b5b133"
-  integrity sha512-vrRztU9VRRFDyC+aklfLoeXyNdTfga2EI3udDGn4cZ6fpSXpHLV9X6CHvfoMCPtggg8zvDDmC4b9xfu0z6/llA==
-  dependencies:
-    append-transform "^1.0.0"
-
-istanbul-lib-instrument@^3.3.0:
+istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
   version "3.3.0"
   resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz#a5f63d91f0bbc0c3e479ef4c5de027335ec6d630"
   integrity sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==
@@ -6111,7 +6113,7 @@ istanbul-lib-instrument@^3.3.0:
     istanbul-lib-coverage "^2.0.5"
     semver "^6.0.0"
 
-istanbul-lib-report@^2.0.8:
+istanbul-lib-report@^2.0.4:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
   integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
@@ -6120,7 +6122,7 @@ istanbul-lib-report@^2.0.8:
     make-dir "^2.1.0"
     supports-color "^6.1.0"
 
-istanbul-lib-source-maps@^3.0.6:
+istanbul-lib-source-maps@^3.0.1:
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz#284997c48211752ec486253da97e3879defba8c8"
   integrity sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==
@@ -6131,23 +6133,372 @@ istanbul-lib-source-maps@^3.0.6:
     rimraf "^2.6.3"
     source-map "^0.6.1"
 
-istanbul-reports@^2.2.4:
+istanbul-reports@^2.2.6:
   version "2.2.6"
   resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.6.tgz#7b4f2660d82b29303a8fe6091f8ca4bf058da1af"
   integrity sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==
   dependencies:
     handlebars "^4.1.2"
 
+jest-changed-files@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
+  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    execa "^1.0.0"
+    throat "^4.0.0"
+
+jest-cli@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
+  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
+  dependencies:
+    "@jest/core" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    import-local "^2.0.0"
+    is-ci "^2.0.0"
+    jest-config "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    prompts "^2.0.1"
+    realpath-native "^1.1.0"
+    yargs "^13.3.0"
+
+jest-config@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
+  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
+  dependencies:
+    "@babel/core" "^7.1.0"
+    "@jest/test-sequencer" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    babel-jest "^24.9.0"
+    chalk "^2.0.1"
+    glob "^7.1.1"
+    jest-environment-jsdom "^24.9.0"
+    jest-environment-node "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-jasmine2 "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    micromatch "^3.1.10"
+    pretty-format "^24.9.0"
+    realpath-native "^1.1.0"
+
+jest-diff@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
+  integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
+  dependencies:
+    chalk "^2.0.1"
+    diff-sequences "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-docblock@^24.3.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-24.9.0.tgz#7970201802ba560e1c4092cc25cbedf5af5a8ce2"
+  integrity sha512-F1DjdpDMJMA1cN6He0FNYNZlo3yYmOtRUnktrT9Q37njYzC5WEaDdmbynIgy0L/IvXvvgsG8OsqhLPXTpfmZAA==
+  dependencies:
+    detect-newline "^2.1.0"
+
+jest-each@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
+  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    jest-get-type "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-environment-jsdom@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
+  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
+    jsdom "^11.5.1"
+
+jest-environment-node@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
+  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
+  dependencies:
+    "@jest/environment" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-util "^24.9.0"
+
+jest-get-type@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
+  integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
+
+jest-haste-map@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
+  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    anymatch "^2.0.0"
+    fb-watchman "^2.0.0"
+    graceful-fs "^4.1.15"
+    invariant "^2.2.4"
+    jest-serializer "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.9.0"
+    micromatch "^3.1.10"
+    sane "^4.0.3"
+    walker "^1.0.7"
+  optionalDependencies:
+    fsevents "^1.2.7"
+
+jest-jasmine2@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
+  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
+  dependencies:
+    "@babel/traverse" "^7.1.0"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    co "^4.6.0"
+    expect "^24.9.0"
+    is-generator-fn "^2.0.0"
+    jest-each "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    pretty-format "^24.9.0"
+    throat "^4.0.0"
+
+jest-leak-detector@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
+  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
+  dependencies:
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-matcher-utils@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
+  integrity sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==
+  dependencies:
+    chalk "^2.0.1"
+    jest-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    pretty-format "^24.9.0"
+
+jest-message-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
+  integrity sha512-oCj8FiZ3U0hTP4aSui87P4L4jC37BtQwUMqk+zk/b11FR19BJDeZsZAvIHutWnmtw7r85UmR3CEWZ0HWU2mAlw==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/stack-utils" "^1.0.1"
+    chalk "^2.0.1"
+    micromatch "^3.1.10"
+    slash "^2.0.0"
+    stack-utils "^1.0.1"
+
+jest-mock@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
+  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
+  dependencies:
+    "@jest/types" "^24.9.0"
+
+jest-pnp-resolver@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
+  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
+
+jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
+  integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
+
+jest-resolve-dependencies@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
+  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-snapshot "^24.9.0"
+
+jest-resolve@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
+  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    browser-resolve "^1.11.3"
+    chalk "^2.0.1"
+    jest-pnp-resolver "^1.2.1"
+    realpath-native "^1.1.0"
+
+jest-runner@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
+  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/environment" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.4.2"
+    exit "^0.1.2"
+    graceful-fs "^4.1.15"
+    jest-config "^24.9.0"
+    jest-docblock "^24.3.0"
+    jest-haste-map "^24.9.0"
+    jest-jasmine2 "^24.9.0"
+    jest-leak-detector "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
+    jest-runtime "^24.9.0"
+    jest-util "^24.9.0"
+    jest-worker "^24.6.0"
+    source-map-support "^0.5.6"
+    throat "^4.0.0"
+
+jest-runtime@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
+  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
+  dependencies:
+    "@jest/console" "^24.7.1"
+    "@jest/environment" "^24.9.0"
+    "@jest/source-map" "^24.3.0"
+    "@jest/transform" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.0.0"
+    chalk "^2.0.1"
+    exit "^0.1.2"
+    glob "^7.1.3"
+    graceful-fs "^4.1.15"
+    jest-config "^24.9.0"
+    jest-haste-map "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-mock "^24.9.0"
+    jest-regex-util "^24.3.0"
+    jest-resolve "^24.9.0"
+    jest-snapshot "^24.9.0"
+    jest-util "^24.9.0"
+    jest-validate "^24.9.0"
+    realpath-native "^1.1.0"
+    slash "^2.0.0"
+    strip-bom "^3.0.0"
+    yargs "^13.3.0"
+
+jest-serializer@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
+  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
+
+jest-snapshot@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
+  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
+  dependencies:
+    "@babel/types" "^7.0.0"
+    "@jest/types" "^24.9.0"
+    chalk "^2.0.1"
+    expect "^24.9.0"
+    jest-diff "^24.9.0"
+    jest-get-type "^24.9.0"
+    jest-matcher-utils "^24.9.0"
+    jest-message-util "^24.9.0"
+    jest-resolve "^24.9.0"
+    mkdirp "^0.5.1"
+    natural-compare "^1.4.0"
+    pretty-format "^24.9.0"
+    semver "^6.2.0"
+
+jest-util@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
+  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
+  dependencies:
+    "@jest/console" "^24.9.0"
+    "@jest/fake-timers" "^24.9.0"
+    "@jest/source-map" "^24.9.0"
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    callsites "^3.0.0"
+    chalk "^2.0.1"
+    graceful-fs "^4.1.15"
+    is-ci "^2.0.0"
+    mkdirp "^0.5.1"
+    slash "^2.0.0"
+    source-map "^0.6.0"
+
+jest-validate@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
+  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
+  dependencies:
+    "@jest/types" "^24.9.0"
+    camelcase "^5.3.1"
+    chalk "^2.0.1"
+    jest-get-type "^24.9.0"
+    leven "^3.1.0"
+    pretty-format "^24.9.0"
+
+jest-watcher@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
+  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
+  dependencies:
+    "@jest/test-result" "^24.9.0"
+    "@jest/types" "^24.9.0"
+    "@types/yargs" "^13.0.0"
+    ansi-escapes "^3.0.0"
+    chalk "^2.0.1"
+    jest-util "^24.9.0"
+    string-length "^2.0.0"
+
+jest-worker@^24.6.0, jest-worker@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
+  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
+  dependencies:
+    merge-stream "^2.0.0"
+    supports-color "^6.1.0"
+
+jest@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
+  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
+  dependencies:
+    import-local "^2.0.0"
+    jest-cli "^24.9.0"
+
 js-levenshtein@^1.1.3:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
   integrity sha512-X2BB11YZtrRqY4EnQcLX5Rh373zbK4alC1FW7D7MBhL2gtcC17cTnr6DmfHZeS0s2rTHjUTMMHfG7gO8SSdw+g==
 
-js-string-escape@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/js-string-escape/-/js-string-escape-1.0.1.tgz#e2625badbc0d67c7533e9edc1068c587ae4137ef"
-  integrity sha1-4mJbrbwNZ8dTPp7cEGjFh65BN+8=
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -6166,6 +6517,38 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
+jsdom@^11.5.1:
+  version "11.12.0"
+  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
+  integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
+  dependencies:
+    abab "^2.0.0"
+    acorn "^5.5.3"
+    acorn-globals "^4.1.0"
+    array-equal "^1.0.0"
+    cssom ">= 0.3.2 < 0.4.0"
+    cssstyle "^1.0.0"
+    data-urls "^1.0.0"
+    domexception "^1.0.1"
+    escodegen "^1.9.1"
+    html-encoding-sniffer "^1.0.2"
+    left-pad "^1.3.0"
+    nwsapi "^2.0.7"
+    parse5 "4.0.0"
+    pn "^1.1.0"
+    request "^2.87.0"
+    request-promise-native "^1.0.5"
+    sax "^1.2.4"
+    symbol-tree "^3.2.2"
+    tough-cookie "^2.3.4"
+    w3c-hr-time "^1.0.1"
+    webidl-conversions "^4.0.2"
+    whatwg-encoding "^1.0.3"
+    whatwg-mimetype "^2.1.0"
+    whatwg-url "^6.4.1"
+    ws "^5.2.0"
+    xml-name-validator "^3.0.0"
+
 jsdom@^14.1.0:
   version "14.1.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-14.1.0.tgz#916463b6094956b0a6c1782c94e380cd30e1981b"
@@ -6208,11 +6591,6 @@ jsesc@~0.5.0:
   resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
-json-buffer@3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898"
-  integrity sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=
-
 json-parse-better-errors@^1.0.0, json-parse-better-errors@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
@@ -6269,13 +6647,6 @@ jsprim@^1.2.2:
     json-schema "0.2.3"
     verror "1.10.0"
 
-keyv@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9"
-  integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA==
-  dependencies:
-    json-buffer "3.0.0"
-
 kind-of@^3.0.2, kind-of@^3.0.3, kind-of@^3.2.0:
   version "3.2.2"
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64"
@@ -6300,12 +6671,15 @@ kind-of@^6.0.0, kind-of@^6.0.2:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.2.tgz#01146b36a6218e64e58f3a8d66de5d7fc6f6d051"
   integrity sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==
 
-latest-version@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face"
-  integrity sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA==
-  dependencies:
-    package-json "^6.3.0"
+kleur@^3.0.3:
+  version "3.0.3"
+  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
+  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
+
+left-pad@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
+  integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
 
 lerna@^3.16.4:
   version "3.18.4"
@@ -6330,6 +6704,11 @@ lerna@^3.16.4:
     import-local "^2.0.0"
     npmlog "^4.1.2"
 
+leven@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
+  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
+
 levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
@@ -6359,7 +6738,7 @@ load-json-file@^4.0.0:
     pify "^3.0.0"
     strip-bom "^3.0.0"
 
-load-json-file@^5.2.0, load-json-file@^5.3.0:
+load-json-file@^5.3.0:
   version "5.3.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-5.3.0.tgz#4d3c1e01fa1c03ea78a60ac7af932c9ce53403f3"
   integrity sha512-cJGP40Jc/VXUsp8/OrnyKyTZ1y6v/dphm3bioS+RrKXjK2BB6wHUd6JptZEFDGgGahMT+InnZO5i1Ei9mpC8Bw==
@@ -6391,13 +6770,6 @@ locate-path@^3.0.0:
     p-locate "^3.0.0"
     path-exists "^3.0.0"
 
-locate-path@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
-  integrity sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==
-  dependencies:
-    p-locate "^4.1.0"
-
 lodash._reinterpolate@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz#0ccf2d89166af03b3663c796538b75ac6e114d9d"
@@ -6413,21 +6785,11 @@ lodash.clonedeep@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz#e23f3f9c4f8fbdde872529c1071857a086e5ccef"
   integrity sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=
 
-lodash.flattendeep@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
-  integrity sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI=
-
 lodash.get@^4.4.2:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/lodash.get/-/lodash.get-4.4.2.tgz#2d177f652fa31e939b4438d5341499dfa3825e99"
   integrity sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk=
 
-lodash.islength@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.islength/-/lodash.islength-4.0.1.tgz#4e9868d452575d750affd358c979543dc20ed577"
-  integrity sha1-Tpho1FJXXXUK/9NYyXlUPcIO1Xc=
-
 lodash.ismatch@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
@@ -6438,11 +6800,6 @@ lodash.memoize@^4.1.2:
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
   integrity sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=
 
-lodash.merge@^4.6.1:
-  version "4.6.2"
-  resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
-  integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
-
 lodash.set@^4.3.2:
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/lodash.set/-/lodash.set-4.3.2.tgz#d8757b1da807dde24816b0d6a84bea1a76230b23"
@@ -6500,32 +6857,6 @@ loud-rejection@^1.0.0:
     currently-unhandled "^0.4.1"
     signal-exit "^3.0.0"
 
-loud-rejection@^2.1.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-2.2.0.tgz#4255eb6e9c74045b0edc021fa7397ab655a8517c"
-  integrity sha512-S0FayMXku80toa5sZ6Ro4C+s+EtFDCsyJNG/AzFMfX3AxD5Si4dZsgzm/kKnbOxHl5Cv8jBlno8+3XYIh2pNjQ==
-  dependencies:
-    currently-unhandled "^0.4.1"
-    signal-exit "^3.0.2"
-
-lowercase-keys@^1.0.0, lowercase-keys@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f"
-  integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA==
-
-lowercase-keys@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
-  integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
-
-lru-cache@^4.0.1:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -6552,7 +6883,7 @@ make-dir@^1.0.0:
   dependencies:
     pify "^3.0.0"
 
-make-dir@^2.0.0, make-dir@^2.1.0:
+make-dir@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-2.1.0.tgz#5f0310e18b8be898cc07009295a30ae41e91e6f5"
   integrity sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==
@@ -6560,13 +6891,6 @@ make-dir@^2.0.0, make-dir@^2.1.0:
     pify "^4.0.1"
     semver "^5.6.0"
 
-make-dir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.0.0.tgz#1b5f39f6b9270ed33f9f054c5c0f84304989f801"
-  integrity sha512-grNJDhb8b1Jm1qeqW5R/O63wUo4UXo2v2HMic6YT9i/HBlF93S8jkMgH7yugvY9ABDShH4VZMn8I+U8+fCNegw==
-  dependencies:
-    semver "^6.0.0"
-
 make-fetch-happen@^5.0.0:
   version "5.0.2"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-5.0.2.tgz#aa8387104f2687edca01c8687ee45013d02d19bd"
@@ -6584,6 +6908,13 @@ make-fetch-happen@^5.0.0:
     socks-proxy-agent "^4.0.0"
     ssri "^6.0.0"
 
+makeerror@1.0.x:
+  version "1.0.11"
+  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
+  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
+  dependencies:
+    tmpl "1.0.x"
+
 map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
@@ -6606,32 +6937,6 @@ map-visit@^1.0.0:
   dependencies:
     object-visit "^1.0.0"
 
-matcher@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/matcher/-/matcher-2.1.0.tgz#64e1041c15b993e23b786f93320a7474bf833c28"
-  integrity sha512-o+nZr+vtJtgPNklyeUKkkH42OsK8WAfdgaJE2FNxcjLPg+5QbeEoT6vRj8Xq/iv18JlQ9cmKsEu0b94ixWf1YQ==
-  dependencies:
-    escape-string-regexp "^2.0.0"
-
-md5-hex@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/md5-hex/-/md5-hex-2.0.0.tgz#d0588e9f1c74954492ecd24ac0ac6ce997d92e33"
-  integrity sha1-0FiOnxx0lUSS7NJKwKxs6ZfZLjM=
-  dependencies:
-    md5-o-matic "^0.1.1"
-
-md5-hex@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/md5-hex/-/md5-hex-3.0.1.tgz#be3741b510591434b2784d79e556eefc2c9a8e5c"
-  integrity sha512-BUiRtTtV39LIJwinWBjqVsU9xhdnz7/i889V859IBFpuqGAj6LuOvHv5XLbgZ2R7ptJoJaEcxkv88/h25T7Ciw==
-  dependencies:
-    blueimp-md5 "^2.10.0"
-
-md5-o-matic@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/md5-o-matic/-/md5-o-matic-0.1.1.tgz#822bccd65e117c514fab176b25945d54100a03c3"
-  integrity sha1-givM1l4RfFFPqxdrJZRdVBAKA8M=
-
 md5.js@^1.3.4:
   version "1.3.5"
   resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -6699,14 +7004,12 @@ merge-source-map@1.0.4:
   dependencies:
     source-map "^0.5.6"
 
-merge-source-map@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
-  integrity sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==
-  dependencies:
-    source-map "^0.6.1"
-
-merge2@^1.2.3, merge2@^1.3.0:
+merge-stream@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.2.3:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.3.0.tgz#5b366ee83b2f1582c48f87e47cf1a9352103ca81"
   integrity sha512-2j4DAdlBOkiSZIsaXk4mTE3sRS02yBHAtfy127xRV3bQUFqXkjHCHLW6Scv7DwNRbIWNHH8zpnz9zMaKXIdvYw==
@@ -6730,14 +7033,6 @@ micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.2"
 
-micromatch@^4.0.2:
-  version "4.0.2"
-  resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.2.tgz#4fcb0999bf9fbc2fcbdd212f6d629b9a56c39259"
-  integrity sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==
-  dependencies:
-    braces "^3.0.1"
-    picomatch "^2.0.5"
-
 miller-rabin@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/miller-rabin/-/miller-rabin-4.0.1.tgz#f080351c865b0dc562a8462966daa53543c78a4d"
@@ -6773,16 +7068,6 @@ mimic-fn@^1.0.0:
   resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
   integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
 
-mimic-fn@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
-  integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
-
-mimic-response@^1.0.0, mimic-response@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
-  integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
-
 minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
@@ -6813,7 +7098,7 @@ minimist@0.0.8:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
-minimist@^1.1.3, minimist@^1.2.0:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
@@ -6903,7 +7188,7 @@ ms@2.1.1:
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.1.tgz#30a5864eb3ebb0a66f2ebe6d727af06a09d86e0a"
   integrity sha512-tgp+dl5cGk28utYktBsrFqA7HKgrhgPsg6Z/EfhWI4gl1Hwq8B/GmY/0oXZ6nF8hDVesS/FpnYaD/kOWhYQvyg==
 
-ms@^2.0.0, ms@^2.1.1, ms@^2.1.2:
+ms@^2.0.0, ms@^2.1.1:
   version "2.1.2"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.2.tgz#d09d1f357b443f493382a8eb3ccd183872ae6009"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -6959,6 +7244,11 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
+natural-compare@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
+
 needle@^2.2.1:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/needle/-/needle-2.4.0.tgz#6833e74975c444642590e15a750288c5f939b57c"
@@ -6973,11 +7263,6 @@ neo-async@^2.6.0:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.1.tgz#ac27ada66167fa8849a6addd837f6b189ad2081c"
   integrity sha512-iyam8fBuCUpWeKPGpaNMetEocMt364qkCsfL9JuhjXX6dRnguRVOfk2GZaDpPjcOKiiXCPINZC1GczQ7iTq3Zw==
 
-nested-error-stacks@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/nested-error-stacks/-/nested-error-stacks-2.1.0.tgz#0fbdcf3e13fe4994781280524f8b96b0cdff9c61"
-  integrity sha512-AO81vsIO1k1sM4Zrd6Hu7regmJN1NSiAja10gc4bX3F0wd+9rQmcuHQaHVQCYIEC8iFXnE+mavh23GOt7wBgug==
-
 nice-try@^1.0.4:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/nice-try/-/nice-try-1.0.5.tgz#a3378a7696ce7d223e88fc9b764bd7ef1089e366"
@@ -7024,6 +7309,11 @@ node-gyp@^5.0.2:
     tar "^4.4.12"
     which "1"
 
+node-int64@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
+  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
+
 node-libs-browser@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
@@ -7053,6 +7343,22 @@ node-libs-browser@^2.0.0:
     util "^0.11.0"
     vm-browserify "^1.0.1"
 
+node-modules-regexp@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
+  integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
+
+node-notifier@^5.4.2:
+  version "5.4.3"
+  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
+  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
+  dependencies:
+    growly "^1.3.0"
+    is-wsl "^1.1.0"
+    semver "^5.5.0"
+    shellwords "^0.1.1"
+    which "^1.3.0"
+
 node-pre-gyp@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.12.0.tgz#39ba4bb1439da030295f899e3b520b7785766149"
@@ -7076,6 +7382,13 @@ node-releases@^1.1.40:
   dependencies:
     semver "^6.3.0"
 
+node-releases@^1.1.42:
+  version "1.1.42"
+  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.42.tgz#a999f6a62f8746981f6da90627a8d2fc090bbad7"
+  integrity sha512-OQ/ESmUqGawI2PRX+XIRao44qWYBBfN54ImQYdWVTQqUckuejOg76ysSqDBK8NG3zwySRVnX36JwDQ6x+9GxzA==
+  dependencies:
+    semver "^6.3.0"
+
 "nopt@2 || 3":
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
@@ -7123,11 +7436,6 @@ normalize-url@^3.0.0, normalize-url@^3.3.0:
   resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-3.3.0.tgz#b2e1c4dc4f7c6d57743df733a4f5978d18650559"
   integrity sha512-U+JJi7duF1o+u2pynbp2zXDW2/PADgC30f0GsHZtRh+HOcXHnw137TrNlyxxRvWW5fjKd3bcLHPxofWuCjaeZg==
 
-normalize-url@^4.1.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.0.tgz#453354087e6ca96957bd8f5baf753f5982142129"
-  integrity sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==
-
 npm-bundled@^1.0.1:
   version "1.0.6"
   resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.0.6.tgz#e7ba9aadcef962bb61248f91721cd932b3fe6bdd"
@@ -7203,42 +7511,11 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
-nwsapi@^2.1.3:
+nwsapi@^2.0.7, nwsapi@^2.1.3:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
   integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
 
-nyc@^14.1.1:
-  version "14.1.1"
-  resolved "https://registry.yarnpkg.com/nyc/-/nyc-14.1.1.tgz#151d64a6a9f9f5908a1b73233931e4a0a3075eeb"
-  integrity sha512-OI0vm6ZGUnoGZv/tLdZ2esSVzDwUC88SNs+6JoSOMVxA+gKMB8Tk7jBwgemLx4O40lhhvZCVw1C+OYLOBOPXWw==
-  dependencies:
-    archy "^1.0.0"
-    caching-transform "^3.0.2"
-    convert-source-map "^1.6.0"
-    cp-file "^6.2.0"
-    find-cache-dir "^2.1.0"
-    find-up "^3.0.0"
-    foreground-child "^1.5.6"
-    glob "^7.1.3"
-    istanbul-lib-coverage "^2.0.5"
-    istanbul-lib-hook "^2.0.7"
-    istanbul-lib-instrument "^3.3.0"
-    istanbul-lib-report "^2.0.8"
-    istanbul-lib-source-maps "^3.0.6"
-    istanbul-reports "^2.2.4"
-    js-yaml "^3.13.1"
-    make-dir "^2.1.0"
-    merge-source-map "^1.1.0"
-    resolve-from "^4.0.0"
-    rimraf "^2.6.3"
-    signal-exit "^3.0.2"
-    spawn-wrap "^1.4.2"
-    test-exclude "^5.2.3"
-    uuid "^3.3.2"
-    yargs "^13.2.2"
-    yargs-parser "^13.0.0"
-
 oauth-sign@~0.9.0:
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455"
@@ -7268,11 +7545,6 @@ object-inspect@~1.4.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.4.1.tgz#37ffb10e71adaf3748d05f713b4c9452f402cbc4"
   integrity sha512-wqdhLpfCUbEsoEwl3FXwGyv8ief1k/1aUdIPCqVnupM6e8l63BEJdiF/0swtn04/8p05tG/T0FrpTlfwvljOdw==
 
-object-is@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.0.1.tgz#0aa60ec9989a0b3ed795cf4d06f62cf1ad6539b6"
-  integrity sha1-CqYOyZiaCz7Xlc9NBvYs8a1lObY=
-
 object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.0.6, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
@@ -7320,14 +7592,6 @@ object.values@^1.1.0:
     function-bind "^1.1.1"
     has "^1.0.3"
 
-observable-to-promise@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/observable-to-promise/-/observable-to-promise-1.0.0.tgz#37e136f16a15385ac063411ada0e1202bfff58f4"
-  integrity sha512-cqnGUrNsE6vdVDTPAX9/WeVzwy/z37vdxupdQXU8vgTXRFH72KCZiZga8aca2ulRPIeem8W3vW9rQHBwfIl2WA==
-  dependencies:
-    is-observable "^2.0.0"
-    symbol-observable "^1.0.4"
-
 octokit-pagination-methods@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/octokit-pagination-methods/-/octokit-pagination-methods-1.1.0.tgz#cf472edc9d551055f9ef73f6e42b4dbb4c80bea4"
@@ -7354,13 +7618,6 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
-onetime@^5.1.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.0.tgz#fff0f3c91617fe62bb50189636e99ac8a6df7be5"
-  integrity sha512-5NcSkPHhwTVFIQN+TUqXoS5+dlElHXdpAWu9I0HP20YOtIi+aZ0Ct82jdlILDxjLEAWwvm+qj1m6aEtsDVmm6Q==
-  dependencies:
-    mimic-fn "^2.1.0"
-
 opn@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/opn/-/opn-3.0.3.tgz#b6d99e7399f78d65c3baaffef1fb288e9b85243a"
@@ -7407,24 +7664,12 @@ ora@^2.1.0:
     strip-ansi "^4.0.0"
     wcwidth "^1.0.1"
 
-ora@^3.4.0:
-  version "3.4.0"
-  resolved "https://registry.yarnpkg.com/ora/-/ora-3.4.0.tgz#bf0752491059a3ef3ed4c85097531de9fdbcd318"
-  integrity sha512-eNwHudNbO1folBP3JsZ19v9azXWtQZjICdr3Q0TDPIaeBQ3mXLrh54wM+er0+hSp+dWKf+Z8KM58CYzEyIYxYg==
-  dependencies:
-    chalk "^2.4.2"
-    cli-cursor "^2.1.0"
-    cli-spinners "^2.0.0"
-    log-symbols "^2.2.0"
-    strip-ansi "^5.2.0"
-    wcwidth "^1.0.1"
-
 os-browserify@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
-os-homedir@^1.0.0, os-homedir@^1.0.1:
+os-homedir@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
   integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
@@ -7437,7 +7682,7 @@ os-name@^3.1.0:
     macos-release "^2.2.0"
     windows-release "^3.1.0"
 
-os-tmpdir@^1.0.0, os-tmpdir@^1.0.1, os-tmpdir@~1.0.2:
+os-tmpdir@^1.0.0, os-tmpdir@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
   integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
@@ -7450,10 +7695,12 @@ osenv@^0.1.4, osenv@^0.1.5:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.0"
 
-p-cancelable@^1.0.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc"
-  integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw==
+p-each-series@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
+  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
+  dependencies:
+    p-reduce "^1.0.0"
 
 p-finally@^1.0.0:
   version "1.0.0"
@@ -7467,7 +7714,7 @@ p-limit@^1.1.0:
   dependencies:
     p-try "^1.0.0"
 
-p-limit@^2.0.0, p-limit@^2.2.0:
+p-limit@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.2.1.tgz#aa07a788cc3151c939b5131f63570f0dd2009537"
   integrity sha512-85Tk+90UCVWvbDavCLKPOLC9vvY8OwEX/RtKF+/1OADJMVlFfEHOiMTPVyxg7mk/dKa+ipdHm0OUkTvCpMTuwg==
@@ -7488,13 +7735,6 @@ p-locate@^3.0.0:
   dependencies:
     p-limit "^2.0.0"
 
-p-locate@^4.1.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
-  integrity sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==
-  dependencies:
-    p-limit "^2.2.0"
-
 p-map-series@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-map-series/-/p-map-series-1.0.0.tgz#bf98fe575705658a9e1351befb85ae4c1f07bdca"
@@ -7502,7 +7742,7 @@ p-map-series@^1.0.0:
   dependencies:
     p-reduce "^1.0.0"
 
-p-map@^2.0.0, p-map@^2.1.0:
+p-map@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/p-map/-/p-map-2.1.0.tgz#310928feef9c9ecc65b68b17693018a665cea175"
   integrity sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==
@@ -7541,36 +7781,6 @@ p-waterfall@^1.0.0:
   dependencies:
     p-reduce "^1.0.0"
 
-package-hash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/package-hash/-/package-hash-3.0.0.tgz#50183f2d36c9e3e528ea0a8605dff57ce976f88e"
-  integrity sha512-lOtmukMDVvtkL84rJHI7dpTYq+0rli8N2wlnqUcBuDWCfVhRUfOmnR9SsoHFMLpACvEV60dX7rd0rFaYDZI+FA==
-  dependencies:
-    graceful-fs "^4.1.15"
-    hasha "^3.0.0"
-    lodash.flattendeep "^4.4.0"
-    release-zalgo "^1.0.0"
-
-package-hash@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/package-hash/-/package-hash-4.0.0.tgz#3537f654665ec3cc38827387fc904c163c54f506"
-  integrity sha512-whdkPIooSu/bASggZ96BWVvZTRMOFxnyUG5PnTSGKoJE2gd5mbVNmR2Nj20QFzxYYgAXpoqC+AiXzl+UMRh7zQ==
-  dependencies:
-    graceful-fs "^4.1.15"
-    hasha "^5.0.0"
-    lodash.flattendeep "^4.4.0"
-    release-zalgo "^1.0.0"
-
-package-json@^6.3.0:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.5.0.tgz#6feedaca35e75725876d0b0e64974697fed145b0"
-  integrity sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==
-  dependencies:
-    got "^9.6.0"
-    registry-auth-token "^4.0.0"
-    registry-url "^5.0.0"
-    semver "^6.2.0"
-
 pako@^0.2.5:
   version "0.2.9"
   resolved "https://registry.yarnpkg.com/pako/-/pako-0.2.9.tgz#f3f7522f4ef782348da8161bad9ecfd51bf83a75"
@@ -7692,11 +7902,6 @@ parse-json@^4.0.0:
     error-ex "^1.3.1"
     json-parse-better-errors "^1.0.1"
 
-parse-ms@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/parse-ms/-/parse-ms-2.1.0.tgz#348565a753d4391fa524029956b172cb7753097d"
-  integrity sha512-kHt7kzLoS9VBZfUsiKjv43mr91ea+U05EyKkEtqp7vNbHxmaVuEqN7XxeEVnGrMtYOAxGrDElSi96K7EgO1zCA==
-
 parse-path@^4.0.0:
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/parse-path/-/parse-path-4.0.1.tgz#0ec769704949778cb3b8eda5e994c32073a1adff"
@@ -7715,6 +7920,11 @@ parse-url@^5.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
+parse5@4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
+  integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
+
 parse5@5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
@@ -7752,21 +7962,11 @@ path-exists@^3.0.0:
   resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
   integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
 
-path-exists@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
-  integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==
-
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
   integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18=
 
-path-is-inside@^1.0.1, path-is-inside@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53"
-  integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=
-
 path-key@^2.0.0, path-key@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/path-key/-/path-key-2.0.1.tgz#411cadb574c5a140d3a4b1910d40d80cc9f40b40"
@@ -7793,11 +7993,6 @@ path-type@^3.0.0:
   dependencies:
     pify "^3.0.0"
 
-path-type@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
-  integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
-
 pbkdf2@^3.0.3:
   version "3.0.17"
   resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.0.17.tgz#976c206530617b14ebb32114239f7b09336e93a6"
@@ -7819,7 +8014,7 @@ physical-cpu-count@^2.0.0:
   resolved "https://registry.yarnpkg.com/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz#18de2f97e4bf7a9551ad7511942b5496f7aba660"
   integrity sha1-GN4vl+S/epVRrXURlCtUlverpmA=
 
-picomatch@^2.0.4, picomatch@^2.0.5:
+picomatch@^2.0.4:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.1.1.tgz#ecdfbea7704adb5fe6fb47f9866c4c0e15e905c5"
   integrity sha512-OYMyqkKzK7blWO/+XZYP6w8hH0LDvkBvdvKukti+7kqYFCiEAk+gI3DWnryapc0Dau05ugGTy0foQ6mqn4AHYA==
@@ -7851,13 +8046,12 @@ pinkie@^2.0.0:
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
-pkg-conf@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/pkg-conf/-/pkg-conf-3.1.0.tgz#d9f9c75ea1bae0e77938cde045b276dac7cc69ae"
-  integrity sha512-m0OTbR/5VPNPqO1ph6Fqbj7Hv6QU7gR/tQW40ZqrL1rjgCU85W6C1bJn0BItuJqnR98PWzw7Z8hHeChD1WrgdQ==
+pirates@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
+  integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
   dependencies:
-    find-up "^3.0.0"
-    load-json-file "^5.2.0"
+    node-modules-regexp "^1.0.0"
 
 pkg-dir@^3.0.0:
   version "3.0.0"
@@ -7866,20 +8060,6 @@ pkg-dir@^3.0.0:
   dependencies:
     find-up "^3.0.0"
 
-pkg-dir@^4.2.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3"
-  integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==
-  dependencies:
-    find-up "^4.0.0"
-
-plur@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/plur/-/plur-3.1.1.tgz#60267967866a8d811504fe58f2faaba237546a5b"
-  integrity sha512-t1Ax8KUvV3FFII8ltczPn2tJdjqbd1sIzu6t4JL7nQ3EyeL/lTrj5PWKb06ic5/6XYDr65rQ4uzQEGN70/6X5w==
-  dependencies:
-    irregular-plurals "^2.0.0"
-
 pn@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
@@ -8261,17 +8441,15 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-prepend-http@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
-  integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
-
-pretty-ms@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/pretty-ms/-/pretty-ms-5.1.0.tgz#b906bdd1ec9e9799995c372e2b1c34f073f95384"
-  integrity sha512-4gaK1skD2gwscCfkswYQRmddUb2GJZtzDGRjHWadVHtK/DIKFufa12MvES6/xu1tVbUYeia5bmLcwJtZJQUqnw==
+pretty-format@^24.9.0:
+  version "24.9.0"
+  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
+  integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
   dependencies:
-    parse-ms "^2.1.0"
+    "@jest/types" "^24.9.0"
+    ansi-regex "^4.0.0"
+    ansi-styles "^3.2.0"
+    react-is "^16.8.4"
 
 private@^0.1.6:
   version "0.1.8"
@@ -8301,6 +8479,14 @@ promise-retry@^1.1.1:
     err-code "^1.0.0"
     retry "^0.10.0"
 
+prompts@^2.0.1:
+  version "2.3.0"
+  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.0.tgz#a444e968fa4cc7e86689a74050685ac8006c4cc4"
+  integrity sha512-NfbbPPg/74fT7wk2XYQ7hAIp9zJyZp5Fu19iRbORqqy1BhtrkZ0fPafBU+7bmn8ie69DpT0R6QpJIN2oisYjJg==
+  dependencies:
+    kleur "^3.0.3"
+    sisteransi "^1.0.3"
+
 promzard@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
@@ -8325,11 +8511,6 @@ protoduck@^5.0.1:
   dependencies:
     genfun "^5.0.0"
 
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
-
 psl@^1.1.24, psl@^1.1.28:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/psl/-/psl-1.4.0.tgz#5dd26156cdb69fa1fdb8ab1991667d3f80ced7c2"
@@ -8473,7 +8654,7 @@ range-parser@~1.2.1:
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
 
-rc@^1.2.7, rc@^1.2.8:
+rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed"
   integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==
@@ -8483,6 +8664,11 @@ rc@^1.2.7, rc@^1.2.8:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
+react-is@^16.8.4:
+  version "16.12.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
+  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
+
 read-cmd-shim@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-1.0.5.tgz#87e43eba50098ba5a32d0ceb583ab8e43b961c16"
@@ -8608,6 +8794,13 @@ readdirp@~3.2.0:
   dependencies:
     picomatch "^2.0.4"
 
+realpath-native@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
+  integrity sha512-wlgPA6cCIIg9gKz0fgAPjnzh4yR/LnXovwuo9hvyGvx3h8nX4+/iLZplfUWasXpqD8BdnGnP5njOFjkUwPzvjA==
+  dependencies:
+    util.promisify "^1.0.0"
+
 redent@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
@@ -8661,13 +8854,6 @@ regex-not@^1.0.0, regex-not@^1.0.2:
     extend-shallow "^3.0.2"
     safe-regex "^1.1.0"
 
-regexp.prototype.flags@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.2.0.tgz#6b30724e306a27833eeb171b66ac8890ba37e41c"
-  integrity sha512-ztaw4M1VqgMwl9HlPpOuiYgItcHlunW0He2fE6eNfT6E/CF2FtYi9ofOYe4mKntstYk0Fyh/rDRBdS3AnxjlrA==
-  dependencies:
-    define-properties "^1.1.2"
-
 regexpu-core@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-1.0.0.tgz#86a763f58ee4d7c2f6b102e4764050de7ed90c6b"
@@ -8689,21 +8875,6 @@ regexpu-core@^4.6.0:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.1.0"
 
-registry-auth-token@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.0.0.tgz#30e55961eec77379da551ea5c4cf43cbf03522be"
-  integrity sha512-lpQkHxd9UL6tb3k/aHAVfnVtn+Bcs9ob5InuFLLEDqSqeq+AljB8GZW9xY0x7F+xYwEcjKe07nyoxzEYz6yvkw==
-  dependencies:
-    rc "^1.2.8"
-    safe-buffer "^5.0.1"
-
-registry-url@^5.0.0:
-  version "5.1.0"
-  resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-5.1.0.tgz#e98334b50d5434b81136b44ec638d9c2009c5009"
-  integrity sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw==
-  dependencies:
-    rc "^1.2.8"
-
 regjsgen@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.2.0.tgz#6c016adeac554f75823fe37ac05b92d5a4edb1f7"
@@ -8728,13 +8899,6 @@ regjsparser@^0.6.0:
   dependencies:
     jsesc "~0.5.0"
 
-release-zalgo@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/release-zalgo/-/release-zalgo-1.0.0.tgz#09700b7e5074329739330e535c5a90fb67851730"
-  integrity sha1-CXALflB0Mpc5Mw5TXFqQ+2eFFzA=
-  dependencies:
-    es6-error "^4.0.1"
-
 remove-trailing-separator@^1.0.1:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
@@ -8809,11 +8973,6 @@ require-main-filename@^2.0.0:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
   integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
 
-require-precompiled@^0.1.0:
-  version "0.1.0"
-  resolved "https://registry.yarnpkg.com/require-precompiled/-/require-precompiled-0.1.0.tgz#5a1b52eb70ebed43eb982e974c85ab59571e56fa"
-  integrity sha1-WhtS63Dr7UPrmC6XTIWrWVceVvo=
-
 resolve-cwd@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-2.0.0.tgz#00a9f7387556e27038eae232caa372a6a59b665a"
@@ -8821,13 +8980,6 @@ resolve-cwd@^2.0.0:
   dependencies:
     resolve-from "^3.0.0"
 
-resolve-cwd@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d"
-  integrity sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==
-  dependencies:
-    resolve-from "^5.0.0"
-
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@@ -8838,16 +8990,16 @@ resolve-from@^4.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
-resolve-from@^5.0.0:
-  version "5.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
-  integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
-
 resolve-url@^0.2.1:
   version "0.2.1"
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
+resolve@1.1.7:
+  version "1.1.7"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
+  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
+
 resolve@^1.1.5, resolve@^1.10.0, resolve@^1.3.2, resolve@^1.4.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6"
@@ -8855,13 +9007,6 @@ resolve@^1.1.5, resolve@^1.10.0, resolve@^1.3.2, resolve@^1.4.0:
   dependencies:
     path-parse "^1.0.6"
 
-responselike@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7"
-  integrity sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=
-  dependencies:
-    lowercase-keys "^1.0.0"
-
 restore-cursor@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf"
@@ -8870,14 +9015,6 @@ restore-cursor@^2.0.0:
     onetime "^2.0.0"
     signal-exit "^3.0.2"
 
-restore-cursor@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
-  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
-  dependencies:
-    onetime "^5.1.0"
-    signal-exit "^3.0.2"
-
 ret@~0.1.10:
   version "0.1.15"
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@@ -8888,11 +9025,6 @@ retry@^0.10.0:
   resolved "https://registry.yarnpkg.com/retry/-/retry-0.10.1.tgz#e76388d217992c252750241d3d3956fed98d8ff4"
   integrity sha1-52OI0heZLCUnUCQdPTlW/tmNj/Q=
 
-reusify@^1.0.0:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
-  integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
-
 rgb-regex@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/rgb-regex/-/rgb-regex-1.0.1.tgz#c0e0d6882df0e23be254a475e8edd41915feaeb1"
@@ -8918,6 +9050,11 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
+rsvp@^4.8.4:
+  version "4.8.5"
+  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
+  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
+
 run-async@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
@@ -8925,11 +9062,6 @@ run-async@^2.2.0:
   dependencies:
     is-promise "^2.1.0"
 
-run-parallel@^1.1.9:
-  version "1.1.9"
-  resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.1.9.tgz#c9dd3a7cf9f4b2c4b6244e173a6ed866e61dd679"
-  integrity sha512-DEqnSRTDw/Tc3FXf49zedI638Z9onwUotBMiUFKmrO2sdFKIbXamXGQ3Axd4qgphxKB4kw/qP1w5kTxnfU1B9Q==
-
 run-queue@^1.0.0, run-queue@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/run-queue/-/run-queue-1.0.3.tgz#e848396f057d223f24386924618e25694161ec47"
@@ -8971,6 +9103,21 @@ safe-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sane@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
+  integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
+  dependencies:
+    "@cnakazawa/watch" "^1.0.3"
+    anymatch "^2.0.0"
+    capture-exit "^2.0.0"
+    exec-sh "^0.3.2"
+    execa "^1.0.0"
+    fb-watchman "^2.0.0"
+    micromatch "^3.1.4"
+    minimist "^1.1.1"
+    walker "~1.0.5"
+
 sass@^1.23.6:
   version "1.23.6"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.23.6.tgz#7cce6dbeac1b8caeb33301a817642ee2708f7d7e"
@@ -8995,14 +9142,7 @@ select@^1.1.2:
   resolved "https://registry.yarnpkg.com/select/-/select-1.1.2.tgz#0e7350acdec80b1108528786ec1d4418d11b396d"
   integrity sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=
 
-semver-diff@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-2.1.0.tgz#4bbb8437c8d37e4b0cf1a68fd726ec6d645d6d36"
-  integrity sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=
-  dependencies:
-    semver "^5.0.3"
-
-"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.0.3, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0:
+"semver@2 || 3 || 4 || 5", "semver@2.x || 3.x || 4 || 5", semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -9036,11 +9176,6 @@ send@0.17.1:
     range-parser "~1.2.1"
     statuses "~1.5.0"
 
-serialize-error@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-2.1.0.tgz#50b679d5635cdf84667bdc8e59af4e5b81d5f60a"
-  integrity sha1-ULZ51WNc34Rme9yOWa9OW4HV9go=
-
 serialize-to-js@^3.0.0:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/serialize-to-js/-/serialize-to-js-3.0.2.tgz#d71834a18135aff742e516d3b2208f662a46a8ac"
@@ -9106,6 +9241,11 @@ shebang-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
+shellwords@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
+  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
+
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
@@ -9118,6 +9258,11 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
+sisteransi@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.4.tgz#386713f1ef688c7c0304dc4c0632898941cad2e3"
+  integrity sha512-/ekMoM4NJ59ivGSfKapeG+FWtrmWvA1p6FBZwXrqojw90vJu8lBmrTxCMuBCydKtkaUe2zt4PlxeTKpjwMbyig==
+
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -9128,20 +9273,6 @@ slash@^2.0.0:
   resolved "https://registry.yarnpkg.com/slash/-/slash-2.0.0.tgz#de552851a1759df3a8f206535442f5ec4ddeab44"
   integrity sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==
 
-slash@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
-  integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
-
-slice-ansi@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-2.1.0.tgz#cacd7693461a637a5788d92a7dd4fba068e81636"
-  integrity sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==
-  dependencies:
-    ansi-styles "^3.2.0"
-    astral-regex "^1.0.0"
-    is-fullwidth-code-point "^2.0.0"
-
 slide@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707"
@@ -9216,7 +9347,7 @@ source-map-resolve@^0.5.0:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-support@^0.5.13, source-map-support@~0.5.10, source-map-support@~0.5.12:
+source-map-support@^0.5.6, source-map-support@~0.5.10, source-map-support@~0.5.12:
   version "0.5.16"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
   integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
@@ -9239,18 +9370,6 @@ source-map@^0.5.0, source-map@^0.5.6:
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
 
-spawn-wrap@^1.4.2:
-  version "1.4.3"
-  resolved "https://registry.yarnpkg.com/spawn-wrap/-/spawn-wrap-1.4.3.tgz#81b7670e170cca247d80bf5faf0cfb713bdcf848"
-  integrity sha512-IgB8md0QW/+tWqcavuFgKYR/qIRvJkRLPJDFaoXtLLUaVcCDK0+HeFTkmQHj3eprcYhc+gOl0aEA1w7qZlYezw==
-  dependencies:
-    foreground-child "^1.5.6"
-    mkdirp "^0.5.0"
-    os-homedir "^1.0.1"
-    rimraf "^2.6.2"
-    signal-exit "^3.0.2"
-    which "^1.3.0"
-
 spdx-correct@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.0.tgz#fb83e504445268f154b074e218c87c003cd31df4"
@@ -9330,7 +9449,7 @@ stable@^0.1.8:
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
-stack-utils@^1.0.2:
+stack-utils@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
   integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
@@ -9412,6 +9531,14 @@ stream-shift@^1.0.0:
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
   integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=
 
+string-length@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
+  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
+  dependencies:
+    astral-regex "^1.0.0"
+    strip-ansi "^4.0.0"
+
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -9421,7 +9548,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-"string-width@^1.0.2 || 2", string-width@^2.1.0, string-width@^2.1.1:
+"string-width@^1.0.2 || 2", string-width@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -9438,15 +9565,6 @@ string-width@^3.0.0, string-width@^3.1.0:
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^5.1.0"
 
-string-width@^4.1.0:
-  version "4.2.0"
-  resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5"
-  integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.0"
-
 string.prototype.trimleft@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/string.prototype.trimleft/-/string.prototype.trimleft-2.1.0.tgz#6cc47f0d7eb8d62b0f3701611715a3954591d634"
@@ -9498,20 +9616,6 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
-strip-ansi@^6.0.0:
-  version "6.0.0"
-  resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.0.tgz#0b1571dd7669ccd4f3e06e14ef1eed26225ae532"
-  integrity sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==
-  dependencies:
-    ansi-regex "^5.0.0"
-
-strip-bom-buf@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/strip-bom-buf/-/strip-bom-buf-2.0.0.tgz#ff9c223937f8e7154b77e9de9bde094186885c15"
-  integrity sha512-gLFNHucd6gzb8jMsl5QmZ3QgnUJmp7qn4uUSHNwEXumAp7YizoGYw19ZUVfuq4aBOQUtyn2k8X/CwzWB73W2lQ==
-  dependencies:
-    is-utf8 "^0.2.1"
-
 strip-bom@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
@@ -9564,17 +9668,6 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-supertap@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/supertap/-/supertap-1.0.0.tgz#bd9751c7fafd68c68cf8222a29892206a119fa9e"
-  integrity sha512-HZJ3geIMPgVwKk2VsmO5YHqnnJYl6bV5A9JW2uzqV43WmpgliNEYbuvukfor7URpaqpxuw3CfZ3ONdVbZjCgIA==
-  dependencies:
-    arrify "^1.0.1"
-    indent-string "^3.2.0"
-    js-yaml "^3.10.0"
-    serialize-error "^2.1.0"
-    strip-ansi "^4.0.0"
-
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
@@ -9601,13 +9694,6 @@ supports-color@^6.1.0:
   dependencies:
     has-flag "^3.0.0"
 
-supports-color@^7.0.0:
-  version "7.1.0"
-  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.1.0.tgz#68e32591df73e25ad1c4b49108a2ec507962bfd1"
-  integrity sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==
-  dependencies:
-    has-flag "^4.0.0"
-
 svgo@^1.0.0, svgo@^1.3.2:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167"
@@ -9627,11 +9713,6 @@ svgo@^1.0.0, svgo@^1.3.2:
     unquote "~1.1.1"
     util.promisify "~1.0.0"
 
-symbol-observable@^1.0.4:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804"
-  integrity sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==
-
 symbol-tree@^3.2.2:
   version "3.2.4"
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
@@ -9667,13 +9748,6 @@ temp-write@^3.4.0:
     temp-dir "^1.0.0"
     uuid "^3.0.1"
 
-term-size@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
-  integrity sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=
-  dependencies:
-    execa "^0.7.0"
-
 terser@^3.7.3:
   version "3.17.0"
   resolved "https://registry.yarnpkg.com/terser/-/terser-3.17.0.tgz#f88ffbeda0deb5637f9d24b0da66f4e15ab10cb2"
@@ -9721,6 +9795,11 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
+throat@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
+  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
+
 through2@^2.0.0, through2@^2.0.2, through2@~2.0.3:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -9741,11 +9820,6 @@ through@2, "through@>=2.2.7 <3", through@^2.3.4, through@^2.3.6:
   resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
 
-time-zone@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/time-zone/-/time-zone-1.0.0.tgz#99c5bf55958966af6d06d83bdf3800dc82faec5d"
-  integrity sha1-mcW/VZWJZq9tBtg73zgA3IL67F0=
-
 timers-browserify@^2.0.4:
   version "2.0.11"
   resolved "https://registry.yarnpkg.com/timers-browserify/-/timers-browserify-2.0.11.tgz#800b1f3eee272e5bc53ee465a04d0e804c31211f"
@@ -9775,6 +9849,11 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
+tmpl@1.0.x:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
+  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
+
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -9797,11 +9876,6 @@ to-object-path@^0.3.0:
   dependencies:
     kind-of "^3.0.2"
 
-to-readable-stream@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/to-readable-stream/-/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771"
-  integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q==
-
 to-regex-range@^2.1.0:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-2.1.1.tgz#7c80c17b9dfebe599e27367e0d4dd5590141db38"
@@ -9832,7 +9906,7 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
-tough-cookie@^2.3.3, tough-cookie@^2.5.0:
+tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
   integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
@@ -9865,16 +9939,11 @@ trim-newlines@^2.0.0:
   resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-2.0.0.tgz#b403d0b91be50c331dfc4b82eeceb22c3de16d20"
   integrity sha1-tAPQuRvlDDMd/EuC7s6yLD3hbSA=
 
-trim-off-newlines@^1.0.0, trim-off-newlines@^1.0.1:
+trim-off-newlines@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/trim-off-newlines/-/trim-off-newlines-1.0.1.tgz#9f9ba9d9efa8764c387698bcbfeb2c848f11adb3"
   integrity sha1-n5up2e+odkw4dpi8v+sshI8RrbM=
 
-trim-right@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/trim-right/-/trim-right-1.0.1.tgz#cb2e1203067e0c8de1f614094b9fe45704ea6003"
-  integrity sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=
-
 tslib@^1.9.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.10.0.tgz#c3c19f95973fb0a62973fb09d90d961ee43e5c8a"
@@ -9909,18 +9978,6 @@ type-fest@^0.3.0:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.3.1.tgz#63d00d204e059474fe5e1b7c011112bbd1dc29e1"
   integrity sha512-cUGJnCdr4STbePCgqNFbpVNCepa+kAVohJs1sLhxzdH+gnEoOd8VhbYa7pD3zZYGiURWM2xzEII3fQcRizDkYQ==
 
-type-fest@^0.8.0, type-fest@^0.8.1:
-  version "0.8.1"
-  resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d"
-  integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==
-
-typedarray-to-buffer@^3.1.5:
-  version "3.1.5"
-  resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080"
-  integrity sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==
-  dependencies:
-    is-typedarray "^1.0.0"
-
 typedarray@^0.0.6:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
@@ -9939,11 +9996,6 @@ uid-number@0.0.6:
   resolved "https://registry.yarnpkg.com/uid-number/-/uid-number-0.0.6.tgz#0ea10e8035e8eb5b8e4449f06da1c730663baa81"
   integrity sha1-DqEOgDXo61uOREnwbaHHMGY7qoE=
 
-uid2@0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/uid2/-/uid2-0.0.3.tgz#483126e11774df2f71b8b639dcd799c376162b82"
-  integrity sha1-SDEm4Rd03y9xuLY53NeZw3YWK4I=
-
 umask@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/umask/-/umask-1.1.0.tgz#f29cebf01df517912bb58ff9c4e50fde8e33320d"
@@ -10029,22 +10081,6 @@ unique-slug@^2.0.0:
   dependencies:
     imurmurhash "^0.1.4"
 
-unique-string@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-1.0.0.tgz#9e1057cca851abb93398f8b33ae187b99caec11a"
-  integrity sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=
-  dependencies:
-    crypto-random-string "^1.0.0"
-
-unique-temp-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/unique-temp-dir/-/unique-temp-dir-1.0.0.tgz#6dce95b2681ca003eebfb304a415f9cbabcc5385"
-  integrity sha1-bc6VsmgcoAPuv7MEpBX5y6vMU4U=
-  dependencies:
-    mkdirp "^0.5.1"
-    os-tmpdir "^1.0.1"
-    uid2 "0.0.3"
-
 universal-user-agent@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/universal-user-agent/-/universal-user-agent-4.0.0.tgz#27da2ec87e32769619f68a14996465ea1cb9df16"
@@ -10075,24 +10111,6 @@ upath@^1.1.1:
   resolved "https://registry.yarnpkg.com/upath/-/upath-1.2.0.tgz#8f66dbcd55a883acdae4408af8b035a5044c1894"
   integrity sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==
 
-update-notifier@^3.0.1:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-3.0.1.tgz#78ecb68b915e2fd1be9f767f6e298ce87b736250"
-  integrity sha512-grrmrB6Zb8DUiyDIaeRTBCkgISYUgETNe7NglEbVsrLWXeESnlCSP50WfRSj/GmzMPl6Uchj24S/p80nP/ZQrQ==
-  dependencies:
-    boxen "^3.0.0"
-    chalk "^2.0.1"
-    configstore "^4.0.0"
-    has-yarn "^2.1.0"
-    import-lazy "^2.1.0"
-    is-ci "^2.0.0"
-    is-installed-globally "^0.1.0"
-    is-npm "^3.0.0"
-    is-yarn-global "^0.3.0"
-    latest-version "^5.0.0"
-    semver-diff "^2.0.0"
-    xdg-basedir "^3.0.0"
-
 uri-js@^4.2.2:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/uri-js/-/uri-js-4.2.2.tgz#94c540e1ff772956e2299507c010aea6c8838eb0"
@@ -10105,13 +10123,6 @@ urix@^0.1.0:
   resolved "https://registry.yarnpkg.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
   integrity sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=
 
-url-parse-lax@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c"
-  integrity sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=
-  dependencies:
-    prepend-http "^2.0.0"
-
 url2@^0.0.0:
   version "0.0.0"
   resolved "https://registry.yarnpkg.com/url2/-/url2-0.0.0.tgz#4eaabd1d5c3ac90d62ab4485c998422865a04b1a"
@@ -10142,7 +10153,7 @@ util-promisify@^2.1.0:
   dependencies:
     object.getownpropertydescriptors "^2.0.3"
 
-util.promisify@~1.0.0:
+util.promisify@^1.0.0, util.promisify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
   integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
@@ -10229,6 +10240,13 @@ w3c-xmlserializer@^1.1.2:
     webidl-conversions "^4.0.2"
     xml-name-validator "^3.0.0"
 
+walker@^1.0.7, walker@~1.0.5:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
+  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
+  dependencies:
+    makeerror "1.0.x"
+
 wcwidth@^1.0.0, wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
@@ -10246,23 +10264,27 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-well-known-symbols@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/well-known-symbols/-/well-known-symbols-2.0.0.tgz#e9c7c07dbd132b7b84212c8174391ec1f9871ba5"
-  integrity sha512-ZMjC3ho+KXo0BfJb7JgtQ5IBuvnShdlACNkKkdsqBmYw3bPAaJfPeYUo6tLUaT5tG/Gkh7xkpBhKRQ9e7pyg9Q==
-
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
+whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
   integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
+whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
+whatwg-url@^6.4.1:
+  version "6.5.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
+  integrity sha512-rhRZRqx/TLJQWUpQ6bmrt2UV4f0HCQ463yQuONJqC6fO2VoEb1pTYddbe59SkYq87aoM5A3bdhMZiUiVws+fzQ==
+  dependencies:
+    lodash.sortby "^4.7.0"
+    tr46 "^1.0.1"
+    webidl-conversions "^4.0.2"
+
 whatwg-url@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
@@ -10291,13 +10313,6 @@ wide-align@^1.1.0:
   dependencies:
     string-width "^1.0.2 || 2"
 
-widest-line@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-2.0.1.tgz#7438764730ec7ef4381ce4df82fb98a53142a3fc"
-  integrity sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==
-  dependencies:
-    string-width "^2.1.1"
-
 windows-release@^3.1.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/windows-release/-/windows-release-3.2.0.tgz#8122dad5afc303d833422380680a79cdfa91785f"
@@ -10334,24 +10349,23 @@ wrench@1.5.8:
   resolved "https://registry.yarnpkg.com/wrench/-/wrench-1.5.8.tgz#7a31c97f7869246d76c5cf2f5c977a1c4c8e5ab5"
   integrity sha1-ejHJf3hpJG12xc8vXJd6HEyOWrU=
 
-write-file-atomic@^2.0.0, write-file-atomic@^2.3.0, write-file-atomic@^2.4.2:
-  version "2.4.3"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
-  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
+write-file-atomic@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.1.tgz#d0b05463c188ae804396fd5ab2a370062af87529"
+  integrity sha512-TGHFeZEZMnv+gBFRfjAcxL5bPHrsGKtnb4qsFAws7/vlh+QfwAaySIw4AXP9ZskTTh5GWu3FLuJhsWVdiJPGvg==
   dependencies:
     graceful-fs "^4.1.11"
     imurmurhash "^0.1.4"
     signal-exit "^3.0.2"
 
-write-file-atomic@^3.0.0:
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.1.tgz#558328352e673b5bb192cf86500d60b230667d4b"
-  integrity sha512-JPStrIyyVJ6oCSz/691fAjFtefZ6q+fP6tm+OS4Qw6o+TGQxNp1ziY2PgS+X/m0V8OWhZiO/m4xSj+Pr4RrZvw==
+write-file-atomic@^2.0.0, write-file-atomic@^2.3.0, write-file-atomic@^2.4.2:
+  version "2.4.3"
+  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
+  integrity sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==
   dependencies:
+    graceful-fs "^4.1.11"
     imurmurhash "^0.1.4"
-    is-typedarray "^1.0.0"
     signal-exit "^3.0.2"
-    typedarray-to-buffer "^3.1.5"
 
 write-json-file@^2.2.0:
   version "2.3.0"
@@ -10385,7 +10399,7 @@ write-pkg@^3.1.0:
     sort-keys "^2.0.0"
     write-json-file "^2.2.0"
 
-ws@^5.1.1:
+ws@^5.1.1, ws@^5.2.0:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
   integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
@@ -10399,11 +10413,6 @@ ws@^6.1.2:
   dependencies:
     async-limiter "~1.0.0"
 
-xdg-basedir@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-3.0.0.tgz#496b2cc109eca8dbacfe2dc72b603c17c5870ad4"
-  integrity sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=
-
 xml-name-validator@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-3.0.0.tgz#6ae73e06de4d8c6e47f9fb181f78d648ad457c6a"
@@ -10424,11 +10433,6 @@ y18n@^4.0.0:
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
   integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
 
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
-
 yallist@^3.0.0, yallist@^3.0.2, yallist@^3.0.3:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
@@ -10441,7 +10445,7 @@ yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@^13.0.0, yargs-parser@^13.1.1:
+yargs-parser@^13.1.1:
   version "13.1.1"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
   integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
@@ -10457,7 +10461,7 @@ yargs-parser@^15.0.0:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs@^13.2.2:
+yargs@^13.3.0:
   version "13.3.0"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
   integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==

From f7862703f72e0122b79f566053c8bf9f6abe2e9a Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 13:43:01 -0800
Subject: [PATCH 14/74] chore: remove stray console.log

---
 packages/ui/src/index.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 5de85492..b17fc493 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -534,8 +534,6 @@ function colorInput() {
   // Generate scale data so we have access to all 3000 swatches to draw the gradient on the left
   let scaleData = contrastColors.createScale({swatches: 3000, colorKeys: colorArgs, colorspace: mode, shift: shift});
   let n = window.innerHeight - 282;
-  // let n = window.innerHeight - 84;
-  console.log(n);
 
   let rampData = contrastColors.createScale({swatches: n, colorKeys: colorArgs, colorspace: mode, shift: shift});
 

From c7d430f4ea56aaa314f6552642643156bedaf76f Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 13:45:08 -0800
Subject: [PATCH 15/74] build: jest is a dev dependency

---
 packages/contrast-colors/package.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index e0209593..08831465 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -22,14 +22,14 @@
   "license": "Apache-2.0",
   "devDependencies": {
     "@babel/cli": "^7.7.5",
-    "@babel/preset-env": "^7.7.6"
+    "@babel/preset-env": "^7.7.6",
+    "jest": "^24.9.0"
   },
   "dependencies": {
     "d3-3d": "0.0.9",
     "d3-cam02": "^0.1.5",
     "d3-hsluv": "^0.1.2",
-    "d3-hsv": "^0.1.0",
-    "jest": "^24.9.0"
+    "d3-hsv": "^0.1.0"
   },
   "publishConfig": {
     "access": "public"

From 4f9f25e02e42dc7036efcf497ac2ef03284fa0f6 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 13:49:37 -0800
Subject: [PATCH 16/74] build: add missing @babel/core dependency

---
 packages/contrast-colors/package.json | 1 +
 yarn.lock                             | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 08831465..05664dc9 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -21,6 +21,7 @@
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "license": "Apache-2.0",
   "devDependencies": {
+    "@babel/core": "^7.7.5",
     "@babel/cli": "^7.7.5",
     "@babel/preset-env": "^7.7.6",
     "jest": "^24.9.0"
diff --git a/yarn.lock b/yarn.lock
index 91c7b440..964e18f8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -35,7 +35,7 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.1.0":
+"@babel/core@^7.1.0", "@babel/core@^7.7.5":
   version "7.7.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.5.tgz#ae1323cd035b5160293307f50647e83f8ba62f7e"
   integrity sha512-M42+ScN4+1S9iB6f+TL7QBpoQETxbclx+KNoKJABghnKYE+fMzSGqst0BZJc8CpI625bwPwYgUyRvxZ+0mZzpw==

From d85e29b36b2ee8147cd8f6e1939523e57f543efa Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 13:52:20 -0800
Subject: [PATCH 17/74] build: use yarn for all the things

---
 packages/contrast-colors/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 05664dc9..6858cf8b 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -14,7 +14,7 @@
   },
   "scripts": {
     "build": "babel *.js --out-dir dist",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "yarn build",
     "dev": "jest --watch",
     "test": "jest"
   },

From 625b517f4d5383dd0f540ced8ebb5069d3065034 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 9 Dec 2019 14:55:09 -0700
Subject: [PATCH 18/74] style: dropdown width override to correct width

---
 packages/ui/src/scss/style.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/scss/style.scss b/packages/ui/src/scss/style.scss
index 15af5cb2..5528dccd 100644
--- a/packages/ui/src/scss/style.scss
+++ b/packages/ui/src/scss/style.scss
@@ -476,10 +476,6 @@ main {
   cursor: move;
 }
 
-#chart3dColorspace {
-  width: auto;
-}
-
 h1 {
   margin-bottom: 0px;
 }
@@ -754,3 +750,7 @@ a:focus {
   bottom: 16px;
   width: calc(100vw - 624px);
 }
+
+.spectrum-Dropdown--quiet {
+  min-width: var(--spectrum-dropdown-quiet-min-width, 200px);
+}

From 01091fe5c871b15d17139bbd70f43a13edf27101 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 14:05:30 -0800
Subject: [PATCH 19/74] chore: prepare for release

---
 packages/contrast-colors/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 6858cf8b..59714ea6 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "0.1.0",
+  "version": "1.0.0-alpha.0",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "type": "module",

From 9a0913ffbf22e293f4359b8096babbe0ebf3a301 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 14:13:01 -0800
Subject: [PATCH 20/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.1
 - @adobe/leonardo-ui@1.1.0
---
 packages/contrast-colors/CHANGELOG.md | 11 +++++++++++
 packages/contrast-colors/package.json |  4 ++--
 packages/ui/CHANGELOG.md              | 21 +++++++++++++++++++++
 packages/ui/package.json              |  6 +++---
 4 files changed, 37 insertions(+), 5 deletions(-)
 create mode 100644 packages/contrast-colors/CHANGELOG.md
 create mode 100644 packages/ui/CHANGELOG.md

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
new file mode 100644
index 00000000..5e86e61e
--- /dev/null
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.0.0-alpha.1 (2019-12-09)
+
+
+### Features
+
+* added throw error for testing missing parameters ([#90](https://github.com/adobe/leonardo/issues/90)) ([2f5dff7](https://github.com/adobe/leonardo/commit/2f5dff7ced7756ef860ba9e5e661cf5fc1e20a2e))
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 59714ea6..8ba930f9 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "type": "module",
@@ -21,8 +21,8 @@
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@babel/core": "^7.7.5",
     "@babel/cli": "^7.7.5",
+    "@babel/core": "^7.7.5",
     "@babel/preset-env": "^7.7.6",
     "jest": "^24.9.0"
   },
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
new file mode 100644
index 00000000..10e64c51
--- /dev/null
+++ b/packages/ui/CHANGELOG.md
@@ -0,0 +1,21 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 1.1.0 (2019-12-09)
+
+
+### Bug Fixes
+
+* add a color if no colors are defined ([1477c6c](https://github.com/adobe/leonardo/commit/1477c6cfa5ee71d7eb21dbbf0ed5072136e360e0))
+* don't make assumptions about pathName ([78300b8](https://github.com/adobe/leonardo/commit/78300b879f9309d3b18ebc474cc93c77ca533cf2))
+* fix icons in UI, correct Spectrum CSS version #s ([e43ef12](https://github.com/adobe/leonardo/commit/e43ef12281177bd34f9f9a577494c192ba407eb7))
+* get dependencies correctly ([a99b47d](https://github.com/adobe/leonardo/commit/a99b47d6c793a2d4aae9ee607d1720317be4cdd4))
+
+
+### Features
+
+* adding link to demo app in UI ([52d8b1e](https://github.com/adobe/leonardo/commit/52d8b1e1d86d6bd85d7000675126e27da186dd3f))
+* colorscale as HTML Canvas ([e0eb9b4](https://github.com/adobe/leonardo/commit/e0eb9b46173a4d80c083f22b61b3eae7f49ce5fb))
+* expose functions so they can be ran in the console ([#86](https://github.com/adobe/leonardo/issues/86)) ([651fd19](https://github.com/adobe/leonardo/commit/651fd1952e3b317dd6c4187ce2d393bfb7bed91e))
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 2664559e..a5aa9fa3 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -36,9 +36,9 @@
   ],
   "license": "Apache-2.0",
   "devDependencies": {
+    "ghpages": "^0.0.10",
     "parcel-bundler": "^1.12.4",
-    "sass": "^1.23.6",
-    "ghpages": "^0.0.10"
+    "sass": "^1.23.6"
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",

From 804f9fe9f84533729f8631eb4a27e4908ccb94cb Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 9 Dec 2019 14:17:00 -0800
Subject: [PATCH 21/74] build: work around svg/svgo/issues/1198

---
 cssnano.config.js | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 cssnano.config.js

diff --git a/cssnano.config.js b/cssnano.config.js
new file mode 100644
index 00000000..37481d92
--- /dev/null
+++ b/cssnano.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  preset: [
+    "default",
+    {
+      svgo: {
+        plugins: [
+          {
+            convertStyleToAttrs: false
+          }
+        ]
+      }
+    }
+  ]
+};

From 7b69fdfe1f225bab5cb56f6a87996b8430eb75d1 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 10 Dec 2019 10:19:34 -0700
Subject: [PATCH 22/74] docs: adding issue and pr templates for github (#21)

---
 .../ISSUE_TEMPLATE/--bug-contrast-colors.md   | 30 +++++++++++++++++
 .github/ISSUE_TEMPLATE/--bug-web-tool.md      | 33 +++++++++++++++++++
 .../--feature-contrast-colors.md              | 19 +++++++++++
 .github/ISSUE_TEMPLATE/--feature-web-tool.md  | 19 +++++++++++
 .github/PULL_REQUEST_TEMPLATE.md              |  4 +--
 5 files changed, 103 insertions(+), 2 deletions(-)
 create mode 100644 .github/ISSUE_TEMPLATE/--bug-contrast-colors.md
 create mode 100644 .github/ISSUE_TEMPLATE/--bug-web-tool.md
 create mode 100644 .github/ISSUE_TEMPLATE/--feature-contrast-colors.md
 create mode 100644 .github/ISSUE_TEMPLATE/--feature-web-tool.md

diff --git a/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md b/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
new file mode 100644
index 00000000..cf495bd6
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
@@ -0,0 +1,30 @@
+---
+name: "🐛 Bug [Leonardo Contrast Colors] "
+about: Report a problem with the @leonardo-contrast-colors module
+title: ''
+labels: bug, @leonardo-contrast-colors
+assignees: ''
+
+---
+
+## Description
+<!-- Describe the problem you're having -->
+
+
+## Steps to reproduce
+<!-- Include code examples or error messages if you have them -->
+
+## Expected behavior
+<!-- Describe what you expected to happen -->
+
+
+## Screenshots
+<!-- If applicable, add screenshots to help explain the problem -->
+
+
+## Environment
+- **@leonardo-contrast-colors version:** <!-- 2.13.0 -->
+ - **Browser(s) and OS(s):** <!-- Chrome 75.0.3770.142 on Win 10 -->
+
+## Additional context
+<!-- Provide any additional information that might help us debug the issue -->
diff --git a/.github/ISSUE_TEMPLATE/--bug-web-tool.md b/.github/ISSUE_TEMPLATE/--bug-web-tool.md
new file mode 100644
index 00000000..8b933da6
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/--bug-web-tool.md
@@ -0,0 +1,33 @@
+---
+name: "🐛 Bug [Web Tool] "
+about: Report a problem with the Leonardo web interface
+title: ''
+labels: bug, UI
+assignees: ''
+
+---
+
+## Description
+<!-- Describe the problem you're having -->
+
+
+## Steps to reproduce
+
+1. Go to http://leonardocolor.io/
+2. Click on ...
+3. Observe ...
+
+
+## Expected behavior
+<!-- Describe what you expected to happen -->
+
+
+## Screenshots
+<!-- If applicable, add screenshots to help explain the problem -->
+
+
+## Environment
+ - **Browser(s) and OS(s):** <!-- Chrome 75.0.3770.142 on Win 10 -->
+
+## Additional context
+<!-- Provide any additional information that might help us debug the issue -->
diff --git a/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md b/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md
new file mode 100644
index 00000000..535d96d2
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md
@@ -0,0 +1,19 @@
+---
+name: "✨ Feature request [Leonardo Contrast Colors]"
+about: Suggest a new feature for the @leonardo-contrast-colors module
+title: ''
+labels: enhancement, @leonardo-contrast-colors
+assignees: ''
+
+---
+
+## Description
+<!-- Describe your suggested feature in detail -->
+
+
+## Why do you need this feature?
+<!-- Tell us what this solves or why this is important to your use case -->
+
+
+## Additional context
+<!-- Add any other context, workarounds, or screenshots about your request -->
diff --git a/.github/ISSUE_TEMPLATE/--feature-web-tool.md b/.github/ISSUE_TEMPLATE/--feature-web-tool.md
new file mode 100644
index 00000000..8ff5b8e4
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/--feature-web-tool.md
@@ -0,0 +1,19 @@
+---
+name: "✨ Feature request [Web Tool]"
+about: Suggest a new feature for the Leonardo web interface
+title: ''
+labels: enhancement, UI
+assignees: ''
+
+---
+
+## Description
+<!-- Describe your suggested feature in detail -->
+
+
+## Why do you need this feature?
+<!-- Tell us what this solves or why this is important to your use case -->
+
+
+## Additional context
+<!-- Add any other context, workarounds, or screenshots about your request -->
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index b7eb0b33..ec781fdb 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -3,8 +3,8 @@
 ## Description
 <!--
   Note: Before sending a pull request, make sure there's an issue for what you're changing
-   - Search for issues: https://github.com/adobe/contrast/issues
-   - If there's no issue, file it: https://github.com/adobe/contrast/issues/new/choose
+   - Search for issues: https://github.com/adobe/leonardo/issues
+   - If there's no issue, file it: https://github.com/adobe/leonardo/issues/new/choose
 -->
 <!-- Describe what you changed and link to the relevant issue(s) -->
 

From 34940e00f52fa69b413b7c882a79c4d158b19a3b Mon Sep 17 00:00:00 2001
From: Joe Strouth <joestrouth1@users.noreply.github.com>
Date: Thu, 12 Dec 2019 11:26:42 -0600
Subject: [PATCH 23/74] fix(contrast-colors): Add d3 as dependency (#25)

---
 packages/contrast-colors/package.json |  1 +
 yarn.lock                             | 37 +++++++++++++++++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 8ba930f9..bf0fca36 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -27,6 +27,7 @@
     "jest": "^24.9.0"
   },
   "dependencies": {
+    "d3": "^5.14.2",
     "d3-3d": "0.0.9",
     "d3-cam02": "^0.1.5",
     "d3-hsluv": "^0.1.2",
diff --git a/yarn.lock b/yarn.lock
index 964e18f8..0d7b7a78 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4300,6 +4300,43 @@ d3@^5.12.0:
     d3-voronoi "1"
     d3-zoom "1"
 
+d3@^5.14.2:
+  version "5.14.2"
+  resolved "https://registry.yarnpkg.com/d3/-/d3-5.14.2.tgz#a3fb3af016d362aaf4dacbe618ae949c1744b8c4"
+  integrity sha512-Ccipa9XrYW5N0QkP6u0Qb8kU6WekIXBiDenmZm1zLvuq/9pBBhRCJLCICEOsH5Og4B0Xw02bhqGkK5VN/oPH0w==
+  dependencies:
+    d3-array "1"
+    d3-axis "1"
+    d3-brush "1"
+    d3-chord "1"
+    d3-collection "1"
+    d3-color "1"
+    d3-contour "1"
+    d3-dispatch "1"
+    d3-drag "1"
+    d3-dsv "1"
+    d3-ease "1"
+    d3-fetch "1"
+    d3-force "1"
+    d3-format "1"
+    d3-geo "1"
+    d3-hierarchy "1"
+    d3-interpolate "1"
+    d3-path "1"
+    d3-polygon "1"
+    d3-quadtree "1"
+    d3-random "1"
+    d3-scale "2"
+    d3-scale-chromatic "1"
+    d3-selection "1"
+    d3-shape "1"
+    d3-time "1"
+    d3-time-format "2"
+    d3-timer "1"
+    d3-transition "1"
+    d3-voronoi "1"
+    d3-zoom "1"
+
 dargs@^4.0.1:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/dargs/-/dargs-4.1.0.tgz#03a9dbb4b5c2f139bf14ae53f0b8a2a6a86f4e17"

From 18c60dea214686246c2677403ac329a02cfb3c0f Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Thu, 12 Dec 2019 09:31:01 -0800
Subject: [PATCH 24/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.2
---
 packages/contrast-colors/CHANGELOG.md | 11 +++++++++++
 packages/contrast-colors/package.json |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 5e86e61e..87b1e3fb 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.2](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.1...@adobe/leonardo-contrast-colors@1.0.0-alpha.2) (2019-12-12)
+
+
+### Bug Fixes
+
+* **contrast-colors:** Add d3 as dependency ([#25](https://github.com/adobe/leonardo/issues/25)) ([34940e0](https://github.com/adobe/leonardo/commit/34940e00f52fa69b413b7c882a79c4d158b19a3b))
+
+
+
+
+
 # 1.0.0-alpha.1 (2019-12-09)
 
 
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index bf0fca36..a3e2b144 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.2",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "type": "module",

From e7b10cab5def75a994b68c194d38ff045700014c Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Thu, 12 Dec 2019 09:32:06 -0800
Subject: [PATCH 25/74] build: fix contrast-colors version

---
 packages/ui/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/package.json b/packages/ui/package.json
index a5aa9fa3..794813fa 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^0.1.0",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.2",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From a1294f3e6cd29e5cdb7166a9ebdc7a66d98d3cc0 Mon Sep 17 00:00:00 2001
From: Joe Strouth <joestrouth1@users.noreply.github.com>
Date: Mon, 16 Dec 2019 18:39:25 -0600
Subject: [PATCH 26/74] fix(ui): Update URL in README (#28)

---
 packages/ui/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/README.md b/packages/ui/README.md
index b4b9d8c2..87f43d5f 100644
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
@@ -1,6 +1,6 @@
 # `@adobe/leonardo-ui`
 
-The Leonardo tool UI, deployed at http://www.leonardiocolor.io/
+The Leonardo tool UI, deployed at http://www.leonardocolor.io/
 
 ## Contributing
 Contributions are welcomed! Read the [Contributing Guide](../../.github/CONTRIBUTING.md) for more information.

From 6705c44d3f1bf9b16ac5cb7040dfdb99af66afe0 Mon Sep 17 00:00:00 2001
From: Joe Strouth <joestrouth1@gmail.com>
Date: Mon, 16 Dec 2019 19:23:27 -0600
Subject: [PATCH 27/74] feat(ui): Increment ratio input by whole number when
 Shift is pressed

---
 packages/ui/src/index.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index b17fc493..d89cae7f 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -171,6 +171,7 @@ function addRatio(v, s = '#cacaca') {
   input.placeholder = 4.5;
   input.id = randId;
   input.value = v;
+  input.onkeydown = checkRatioStepModifiers;
   input.oninput = colorInput;
   var button = document.createElement('button');
   button.className = 'spectrum-ActionButton spectrum-ActionButton--quiet';
@@ -488,6 +489,27 @@ function ramp(color, n) {
   return canvas;
 }
 
+function checkRatioStepModifiers(e) {
+  if (!e.shiftKey) return;
+  if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return;
+  e.preventDefault()
+  const value = Number(e.target.value)
+  let newValue;
+  switch (e.key) {
+    case 'ArrowDown':
+      newValue = value - 1;
+      e.target.value = newValue.toFixed(2)
+      e.target.oninput()
+      break;
+    case 'ArrowUp':
+      newValue = value + 1;
+      e.target.value = newValue.toFixed(2)
+      e.target.oninput()
+      break;
+    default:
+  }
+}
+
 // Calculate Color and generate Scales
 window.colorInput = colorInput;
 function colorInput() {

From 502d08b8d6b5044717d836276533b72f5f563079 Mon Sep 17 00:00:00 2001
From: Joe Strouth <joestrouth1@gmail.com>
Date: Mon, 16 Dec 2019 19:36:41 -0600
Subject: [PATCH 28/74] match semicolon style

---
 packages/ui/src/index.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index d89cae7f..6ef2ae75 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -492,19 +492,19 @@ function ramp(color, n) {
 function checkRatioStepModifiers(e) {
   if (!e.shiftKey) return;
   if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp') return;
-  e.preventDefault()
-  const value = Number(e.target.value)
+  e.preventDefault();
+  const value = Number(e.target.value);
   let newValue;
   switch (e.key) {
     case 'ArrowDown':
       newValue = value - 1;
-      e.target.value = newValue.toFixed(2)
-      e.target.oninput()
+      e.target.value = newValue.toFixed(2);
+      e.target.oninput();
       break;
     case 'ArrowUp':
       newValue = value + 1;
-      e.target.value = newValue.toFixed(2)
-      e.target.oninput()
+      e.target.value = newValue.toFixed(2);
+      e.target.oninput();
       break;
     default:
   }

From dc9c91cf5071c8c7c397c4849f690ef66f06d60d Mon Sep 17 00:00:00 2001
From: George Raptis <georapbox@gmail.com>
Date: Wed, 18 Dec 2019 17:36:34 +0200
Subject: [PATCH 29/74] fix(issue #23) slow color update (#26)

* fix(issue #23) slow color update

* delete forgotten console.log

* throttle "Key Colors" inputs event handlers
---
 packages/ui/src/index.html |  2 +-
 packages/ui/src/index.js   | 50 +++++++++++++++++++++++++++++++++++---
 2 files changed, 48 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index 1fe6739c..a7b3bed9 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -139,7 +139,7 @@ <h3 class="spectrum-Heading6">Key Colors</h3>
       </div>
       <div id="contrastConfigs">
         <div>
-          <input type="color" class="" id="bgField" value="#ffffff" onChange="colorInput()" ></input>
+          <input type="color" class="" id="bgField" value="#ffffff"></input>
           <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
         </div>
         <div class="spectrum-ButtonGroup">
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index b17fc493..28cd9095 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -68,7 +68,8 @@ Object.assign(d3, d3cam02, d3hsluv, d3hsv, d33d);
 import * as charts from './charts.js';
 import * as chartData from './data.js';
 
-var background = document.getElementById('bgField').value;
+var bgFieldInput = document.getElementById('bgField');
+var background = bgFieldInput.value;
 // var colorBlock = document.getElementById('color');
 var demoHeading = document.getElementById('demoHeading');
 var demoWrapper = document.getElementById('demoWrapper');
@@ -85,6 +86,49 @@ let newColors;
 let pathName;
 window.colorArgs = null;
 
+bgFieldInput.onchange = throttle(colorInput, 50);
+
+function debounce(func, wait, immediate) {
+  var timerId = null;
+
+  return function debounced() {
+    var context = this;
+    var args = arguments;
+    clearTimeout(timerId);
+
+    if (immediate && !timerId) {
+      func.apply(context, args);
+    }
+
+    timerId = setTimeout(function () {
+      timerId = null;
+      if (!immediate) func.apply(context, args);
+    }, wait);
+  };
+}
+
+function throttle(func, wait) {
+  var timerId, lastRan;
+
+  return function throttled() {
+    var context = this;
+    var args = arguments;
+
+    if (!lastRan) {
+      func.apply(context, args);
+      lastRan = Date.now();
+    } else {
+      clearTimeout(timerId);
+      timerId = setTimeout(function () {
+        if ((Date.now() - lastRan) >= wait) {
+          func.apply(context, args);
+          lastRan = Date.now();
+        }
+      }, (wait - (Date.now() - lastRan)) || 0);
+    }
+  };
+}
+
 function paramSetup() {
   colorspaceOptions();
   let url = new URL(window.location);
@@ -171,7 +215,7 @@ function addRatio(v, s = '#cacaca') {
   input.placeholder = 4.5;
   input.id = randId;
   input.value = v;
-  input.oninput = colorInput;
+  input.oninput = debounce(colorInput, 100);
   var button = document.createElement('button');
   button.className = 'spectrum-ActionButton spectrum-ActionButton--quiet';
   button.innerHTML = `
@@ -226,7 +270,7 @@ function addColor(s) {
   var sw = document.createElement('input');
   sw.type = "color";
   sw.value = s;
-  sw.oninput = colorInput;
+  sw.oninput = throttle(colorInput, 50);
 
   sw.className = 'keyColor-Item';
   sw.id = randId + '-sw';

From d416a1342839332c9983494edeed928d0544a253 Mon Sep 17 00:00:00 2001
From: Kevin Gimbel <hallo@kevingimbel.com>
Date: Wed, 18 Dec 2019 16:44:34 +0100
Subject: [PATCH 30/74] docs: Fix link in table of conntents (#30)

The first link "Leonardo web application" in the table of contents was not pointing to the in-page anchor (#leonardo-web-application).
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index f7807d87..f86d7389 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ For a detailed walkthrough of Leonardo, [check out this article](https://medium.
 ## Project Goals
 To make it easier for designers and engineers to leverage color science to create custom interpolations for a value scale, and to make it easier for designers and engineers to conform to [WCAG minimum contrast standards](https://www.w3.org/TR/WCAG21/#contrast-minimum) by using contrast ratio as the starting point, rather than a post-color-selection auditing process.
 
-1. [Leonardo web application](leonardo-web-application)
+1. [Leonardo web application](#leonardo-web-application)
 2. [Show me a demo](#show-me-a-demo)
 3. [What is "adaptive color"?](#what-is-adaptive-color)
 4. [Using Leonardo](#using-leonardo)

From 1da924de92a0ee91a4da400c1d01460e0f39b366 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <natebaldwindesign@gmail.com>
Date: Fri, 3 Jan 2020 14:36:01 -0700
Subject: [PATCH 31/74] Update issue templates

---
 .../ISSUE_TEMPLATE/---bug--npm-packages--.md  | 33 +++++++++++++++++++
 .../ISSUE_TEMPLATE/--bug-contrast-colors.md   |  2 +-
 .github/ISSUE_TEMPLATE/--bug-web-tool.md      |  4 +--
 .../--feature-request--npm-packages-.md       | 19 +++++++++++
 .github/ISSUE_TEMPLATE/--feature-web-tool.md  |  2 +-
 5 files changed, 56 insertions(+), 4 deletions(-)
 create mode 100644 .github/ISSUE_TEMPLATE/---bug--npm-packages--.md
 create mode 100644 .github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md

diff --git a/.github/ISSUE_TEMPLATE/---bug--npm-packages--.md b/.github/ISSUE_TEMPLATE/---bug--npm-packages--.md
new file mode 100644
index 00000000..aab5236f
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/---bug--npm-packages--.md
@@ -0,0 +1,33 @@
+---
+name: "\U0001F41B Bug [npm packages] "
+about: Report a problem with the @leonardo-contrast-colors module
+title: ''
+labels: bug
+assignees: ''
+
+---
+
+## Description
+<!-- Describe the problem you're having -->
+
+
+## Steps to reproduce
+<!-- Include code examples or error messages if you have them -->
+
+
+## Expected behavior
+<!-- Describe what you expected to happen -->
+
+
+## Screenshots
+<!-- If applicable, add screenshots to help explain the problem -->
+
+## Leonardo package and version
+<!--ie:  **@leonardo-contrast-colors version:**  2.13.0 -->
+
+
+## Environment
+ - **Browser(s) and OS(s):** <!-- Chrome 75.0.3770.142 on Win 10 -->
+
+## Additional context
+<!-- Provide any additional information that might help us debug the issue -->
diff --git a/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md b/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
index cf495bd6..6ae29492 100644
--- a/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
+++ b/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
@@ -1,5 +1,5 @@
 ---
-name: "🐛 Bug [Leonardo Contrast Colors] "
+name: "\U0001F41B Bug [Leonardo Contrast Colors] "
 about: Report a problem with the @leonardo-contrast-colors module
 title: ''
 labels: bug, @leonardo-contrast-colors
diff --git a/.github/ISSUE_TEMPLATE/--bug-web-tool.md b/.github/ISSUE_TEMPLATE/--bug-web-tool.md
index 8b933da6..fa4e0002 100644
--- a/.github/ISSUE_TEMPLATE/--bug-web-tool.md
+++ b/.github/ISSUE_TEMPLATE/--bug-web-tool.md
@@ -1,8 +1,8 @@
 ---
-name: "🐛 Bug [Web Tool] "
+name: "\U0001F41B Bug [Web Tool] "
 about: Report a problem with the Leonardo web interface
 title: ''
-labels: bug, UI
+labels: UI, bug
 assignees: ''
 
 ---
diff --git a/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md b/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md
new file mode 100644
index 00000000..93037cf4
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md
@@ -0,0 +1,19 @@
+---
+name: "✨ Feature request [npm packages]"
+about: Suggest a new feature for the Leonardo npm modules
+title: ''
+labels: enhancement, npm packages
+assignees: ''
+
+---
+
+## Description
+<!-- Describe your suggested feature in detail -->
+
+
+## Why do you need this feature?
+<!-- Tell us what this solves or why this is important to your use case -->
+
+
+## Additional context
+<!-- Add any other context, workarounds, or screenshots about your request -->
diff --git a/.github/ISSUE_TEMPLATE/--feature-web-tool.md b/.github/ISSUE_TEMPLATE/--feature-web-tool.md
index 8ff5b8e4..601800ca 100644
--- a/.github/ISSUE_TEMPLATE/--feature-web-tool.md
+++ b/.github/ISSUE_TEMPLATE/--feature-web-tool.md
@@ -2,7 +2,7 @@
 name: "✨ Feature request [Web Tool]"
 about: Suggest a new feature for the Leonardo web interface
 title: ''
-labels: enhancement, UI
+labels: UI, enhancement
 assignees: ''
 
 ---

From 32c644189e51c385266b582a90064c4c03e986f5 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 11 Jan 2020 09:56:32 -0700
Subject: [PATCH 32/74] added site analytics to index and demo (#38)

---
 packages/ui/src/demo.html  |   9 +
 packages/ui/src/index.html | 394 ++++++++++++++++++++-----------------
 2 files changed, 218 insertions(+), 185 deletions(-)

diff --git a/packages/ui/src/demo.html b/packages/ui/src/demo.html
index 9126f03b..538686be 100644
--- a/packages/ui/src/demo.html
+++ b/packages/ui/src/demo.html
@@ -12,6 +12,15 @@
 
 <html>
 <head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156021617-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-156021617-1');
+  </script>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index a7b3bed9..fd3af3b1 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -1,5 +1,15 @@
 <html>
 <head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156021617-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-156021617-1');
+  </script>
+
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
@@ -43,6 +53,16 @@
     <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   </span>
+  <div id="headerTabWrapper">
+    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
+      <div id="tabContrastColors" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'contrastColorsWrapper')">
+        <label class="spectrum-Tabs-itemLabel">Contrast Generator</label>
+      </div>
+      <div id="tabColorConverter" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'ColorConverterWrapper')">
+        <label class="spectrum-Tabs-itemLabel">Converter</label>
+      </div>
+    </div>
+  </div>
   <div class="spectrum-AppHeader--right">
     <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
@@ -50,228 +70,232 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
-<div class="spectrum-Panel">
-  <div class="spectrum-Panel-Item">
-    <div class="spectrum-Panel-Title">
-      <h3 class="spectrum-Heading6">Key Colors</h3>
-      <div class="spectrum-ButtonGroup">
-        <button id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <span class="spectrum-ActionButton-label">Clear</span>
-        </button>
-        <button id="addBulk" onClick="addBulk()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <span class="spectrum-ActionButton-label">Add Bulk</span>
-        </button>
-        <button id="addColor" onclick="addNewColor()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
-            <use xlink:href="#spectrum-icon-18-Add" />
-          </svg>
-        </button>
-      </div>
-    </div>
-    <div id="keyColor-wrapper"></div>
-    <div id="scaleConfigs">
-      <form class="spectrum-Form">
-        <div class="spectrum-Form-item">
-          <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
-          <div class="spectrum-Dropdown" id="modeDropdown">
-            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
-            </select>
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-            </svg>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
-    <div id="colorScale-wrapper">
-      <div id="colorScale"></div>
-      <div id="colorSlider-wrapper"></div>
-    </div>
-    <div>
-      <form class="spectrum-Form" style="display:none;">
-        <div class="spectrum-Form-item">
-          <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
-          <div class="spectrum-Dropdown" id="paletteType_Dropdown">
-            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
-            </select>
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+<div id="contrastColorsWrapper" class="appContentLayout">
+  <div class="spectrum-Panel">
+    <div class="spectrum-Panel-Item">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Key Colors</h3>
+        <div class="spectrum-ButtonGroup">
+          <button id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+            <span class="spectrum-ActionButton-label">Clear</span>
+          </button>
+          <button id="addBulk" onClick="addBulk()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+            <span class="spectrum-ActionButton-label">Add Bulk</span>
+          </button>
+          <button id="addColor" onclick="addNewColor()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
+              <use xlink:href="#spectrum-icon-18-Add" />
             </svg>
-          </div>
+          </button>
         </div>
-      </form>
-      <div id="sequentialConfigs">
-        <form class="spectrum-Form spectrum-Form--labelsAbove">
+      </div>
+      <div id="keyColor-wrapper"></div>
+      <div id="scaleConfigs">
+        <form class="spectrum-Form">
           <div class="spectrum-Form-item">
-            <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
-            <div class="spectrum-Form-itemField">
-              <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
+            <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
+            <div class="spectrum-Dropdown" id="modeDropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
             </div>
           </div>
+        </form>
+      </div>
+    </div>
+    <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
+      <div id="colorScale-wrapper">
+        <div id="colorScale"></div>
+        <div id="colorSlider-wrapper"></div>
+      </div>
+      <div>
+        <form class="spectrum-Form" style="display:none;">
           <div class="spectrum-Form-item">
-            <div class="spectrum-Slider">
-              <div class="spectrum-Slider-labelContainer">
-                <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
-                <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
-              </div>
-              <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
+            <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
+            <div class="spectrum-Dropdown" id="paletteType_Dropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
             </div>
           </div>
-          <div class="spectrum-Form-item">
-              <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
+        </form>
+        <div id="sequentialConfigs">
+          <form class="spectrum-Form spectrum-Form--labelsAbove">
+            <div class="spectrum-Form-item">
+              <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
               <div class="spectrum-Form-itemField">
-                <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
-                  <label class="spectrum-Checkbox">
-                    <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
-                    <span class="spectrum-Checkbox-box">
-                      <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
-                        <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
-                      </svg>
-                    </span>
-                    <span class="spectrum-Checkbox-label">Clamp to key colors</span>
-                  </label>
+                <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
+              </div>
+            </div>
+            <div class="spectrum-Form-item">
+              <div class="spectrum-Slider">
+                <div class="spectrum-Slider-labelContainer">
+                  <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
+                  <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
                 </div>
+                <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
               </div>
             </div>
-        </form>
-      </div>
-      <div id="contrastConfigs">
-        <div>
-          <input type="color" class="" id="bgField" value="#ffffff"></input>
-          <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
+            <div class="spectrum-Form-item">
+                <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
+                <div class="spectrum-Form-itemField">
+                  <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
+                    <label class="spectrum-Checkbox">
+                      <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
+                      <span class="spectrum-Checkbox-box">
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
+                          <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
+                        </svg>
+                      </span>
+                      <span class="spectrum-Checkbox-label">Clamp to key colors</span>
+                    </label>
+                  </div>
+                </div>
+              </div>
+          </form>
         </div>
-        <div class="spectrum-ButtonGroup">
-          <button id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
-              <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
-            </svg>
-            <span class="spectrum-ActionButton-label">Sort</span>
-          </button>
-          <button id="sort" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
-              <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
+        <div id="contrastConfigs">
+          <div>
+            <input type="color" class="" id="bgField" value="#ffffff"></input>
+            <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
+          </div>
+          <div class="spectrum-ButtonGroup">
+            <button id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
+                <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
+              </svg>
+              <span class="spectrum-ActionButton-label">Sort</span>
+            </button>
+            <button id="sort" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
+                <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
+              </svg>
+              <span class="spectrum-ActionButton-label">Distribute</span>
+            </button>
+          </div>
+
+          <div id="ratioInput-wrapper">
+            <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
+          </div>
+          <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
+              <use xlink:href="#spectrum-icon-18-Add" />
             </svg>
-            <span class="spectrum-ActionButton-label">Distribute</span>
+            <span class="spectrum-ActionButton-label">Add Swatch</span>
           </button>
         </div>
-
-        <div id="ratioInput-wrapper">
-          <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
-        </div>
-        <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
-            <use xlink:href="#spectrum-icon-18-Add" />
-          </svg>
-          <span class="spectrum-ActionButton-label">Add Swatch</span>
-        </button>
       </div>
     </div>
   </div>
-</div>
-<main>
-  <div id="contentTabWrapper">
-    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
-      <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Example</label>
-      </div>
-      <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Charts</label>
-      </div>
-      <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Model</label>
+  <main>
+    <div id="contentTabWrapper">
+      <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
+        <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Example</label>
+        </div>
+        <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Charts</label>
+        </div>
+        <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Model</label>
+        </div>
       </div>
     </div>
-  </div>
 
 
-  <div class="tabcontent" id="chartsWrapper">
-    <div class="charts">
-      <div class="chartGroup">
-        <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
-        <form class="spectrum-Form spectrum-Form--row">
-          <div class="spectrum-Form-item">
-            <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
-            <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
-              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
-              </select>
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-              </svg>
-            </div>
-          </form>
-        <div id="chart1"></div>
+    <div class="tabcontent" id="chartsWrapper">
+      <div class="charts">
+        <div class="chartGroup">
+          <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
+          <form class="spectrum-Form spectrum-Form--row">
+            <div class="spectrum-Form-item">
+              <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
+              <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
+                <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
+                </select>
+                <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                  <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+                </svg>
+              </div>
+            </form>
+          <div id="chart1"></div>
+        </div>
+        <div id="chart2"></div>
+        <div id="chart3"></div>
       </div>
-      <div id="chart2"></div>
-      <div id="chart3"></div>
-    </div>
-    <div class="charts">
-      <div class="chartGroup">
-        <h3 class="spectrum-Heading6">Swatch Distribution</h3>
-        <div id="contrastChart"></div>
+      <div class="charts">
+        <div class="chartGroup">
+          <h3 class="spectrum-Heading6">Swatch Distribution</h3>
+          <div id="contrastChart"></div>
+        </div>
       </div>
     </div>
-  </div>
 
-  <div class="tabcontent" id="modelWrapper">
-    <form class="spectrum-Form spectrum-Form--row">
-      <div class="spectrum-Form-item">
-        <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
-        <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
-          <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
-          </select>
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-            <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-          </svg>
-        </div>
-      </form>
-    <div id="chart3dWrapper">
-      <svg class="chart3D" id="3dchart"></svg>
-      <div id="chart3dAlert"></div>
+    <div class="tabcontent" id="modelWrapper">
+      <form class="spectrum-Form spectrum-Form--row">
+        <div class="spectrum-Form-item">
+          <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
+          <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
+            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
+            </select>
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+            </svg>
+          </div>
+        </form>
+      <div id="chart3dWrapper">
+        <svg class="chart3D" id="3dchart"></svg>
+        <div id="chart3dAlert"></div>
+      </div>
     </div>
-  </div>
 
-  <div class="tabcontent" id="demoWrapper">
-    <div class="demoItem">
-      <div id="demo" class="spectrum-Typography">
-        <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
-        <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
-        <button class="spectrum-Button" id="demoButton">Button</button>
-      </div>
-      <div id="demoInverted" class="spectrum-Typography">
-        <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
-        <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
-        <button class="spectrum-Button" id="demoButtonInverted">Button</button>
+    <div class="tabcontent" id="demoWrapper">
+      <div class="demoItem">
+        <div id="demo" class="spectrum-Typography">
+          <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
+          <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
+          <button class="spectrum-Button" id="demoButton">Button</button>
+        </div>
+        <div id="demoInverted" class="spectrum-Typography">
+          <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
+          <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
+          <button class="spectrum-Button" id="demoButtonInverted">Button</button>
+        </div>
       </div>
     </div>
-  </div>
 
-</main>
+  </main>
 
-<div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
-  <div class="spectrum-Panel-Item">
-    <div class="spectrum-Panel-Title">
-      <h3 class="spectrum-Heading6">Generated Colors</h3>
-      <button id="copyAllColors" class="spectrum-ActionButton copyButton">
-        <span class="spectrum-ActionButton-label">Copy</span>
-      </button>
-    </div>
-    <div id="colorOutputs">
-    </div>
-  </div>
-  <div class="spectrum-Panel-Item">
-    <div class="spectrum-Panel-Title">
-      <h3 class="spectrum-Heading6">Function Parameters</h3>
-      <button id="copyParams" data-clipboard-target="#params" class="spectrum-ActionButton copyButton">
-        <span class="spectrum-ActionButton-label">Copy</span>
-      </button>
+  <div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
+    <div class="spectrum-Panel-Item">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Generated Colors</h3>
+        <button id="copyAllColors" class="spectrum-ActionButton copyButton">
+          <span class="spectrum-ActionButton-label">Copy</span>
+        </button>
+      </div>
+      <div id="colorOutputs">
+      </div>
     </div>
-    <div id="functionParams">
-      <span id="params" class="spectrum-Code5"></span>
+    <div class="spectrum-Panel-Item">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Function Parameters</h3>
+        <button id="copyParams" data-clipboard-target="#params" class="spectrum-ActionButton copyButton">
+          <span class="spectrum-ActionButton-label">Copy</span>
+        </button>
+      </div>
+      <div id="functionParams">
+        <span id="params" class="spectrum-Code5"></span>
+      </div>
     </div>
   </div>
 </div>
+<!-- end contrastColorsWrapper -->
+
 
 <div id="dialogOverlay" style="display: none;"></div>
 

From 340eb3b9ce602c4d842a7dc79fef7958911de9d7 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 11 Jan 2020 10:03:18 -0700
Subject: [PATCH 33/74] removed content that bled over from other branch (#39)

---
 packages/ui/src/index.html | 348 ++++++++++++++++++-------------------
 1 file changed, 167 insertions(+), 181 deletions(-)

diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index fd3af3b1..fcb0092d 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -53,16 +53,6 @@
     <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   </span>
-  <div id="headerTabWrapper">
-    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
-      <div id="tabContrastColors" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'contrastColorsWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Contrast Generator</label>
-      </div>
-      <div id="tabColorConverter" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'ColorConverterWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Converter</label>
-      </div>
-    </div>
-  </div>
   <div class="spectrum-AppHeader--right">
     <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
@@ -70,207 +60,206 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
-<div id="contrastColorsWrapper" class="appContentLayout">
-  <div class="spectrum-Panel">
-    <div class="spectrum-Panel-Item">
-      <div class="spectrum-Panel-Title">
-        <h3 class="spectrum-Heading6">Key Colors</h3>
-        <div class="spectrum-ButtonGroup">
-          <button id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <span class="spectrum-ActionButton-label">Clear</span>
-          </button>
-          <button id="addBulk" onClick="addBulk()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <span class="spectrum-ActionButton-label">Add Bulk</span>
-          </button>
-          <button id="addColor" onclick="addNewColor()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
-              <use xlink:href="#spectrum-icon-18-Add" />
+<div class="spectrum-Panel">
+  <div class="spectrum-Panel-Item">
+    <div class="spectrum-Panel-Title">
+      <h3 class="spectrum-Heading6">Key Colors</h3>
+      <div class="spectrum-ButtonGroup">
+        <button id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+          <span class="spectrum-ActionButton-label">Clear</span>
+        </button>
+        <button id="addBulk" onClick="addBulk()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+          <span class="spectrum-ActionButton-label">Add Bulk</span>
+        </button>
+        <button id="addColor" onclick="addNewColor()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
+            <use xlink:href="#spectrum-icon-18-Add" />
+          </svg>
+        </button>
+      </div>
+    </div>
+    <div id="keyColor-wrapper"></div>
+    <div id="scaleConfigs">
+      <form class="spectrum-Form">
+        <div class="spectrum-Form-item">
+          <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
+          <div class="spectrum-Dropdown" id="modeDropdown">
+            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
+            </select>
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
             </svg>
-          </button>
+          </div>
         </div>
-      </div>
-      <div id="keyColor-wrapper"></div>
-      <div id="scaleConfigs">
-        <form class="spectrum-Form">
+      </form>
+    </div>
+  </div>
+  <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
+    <div id="colorScale-wrapper">
+      <div id="colorScale"></div>
+      <div id="colorSlider-wrapper"></div>
+    </div>
+    <div>
+      <form class="spectrum-Form" style="display:none;">
+        <div class="spectrum-Form-item">
+          <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
+          <div class="spectrum-Dropdown" id="paletteType_Dropdown">
+            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
+            </select>
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+            </svg>
+          </div>
+        </div>
+      </form>
+      <div id="sequentialConfigs">
+        <form class="spectrum-Form spectrum-Form--labelsAbove">
           <div class="spectrum-Form-item">
-            <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
-            <div class="spectrum-Dropdown" id="modeDropdown">
-              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
-              </select>
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-              </svg>
+            <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
+            <div class="spectrum-Form-itemField">
+              <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
             </div>
           </div>
-        </form>
-      </div>
-    </div>
-    <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
-      <div id="colorScale-wrapper">
-        <div id="colorScale"></div>
-        <div id="colorSlider-wrapper"></div>
-      </div>
-      <div>
-        <form class="spectrum-Form" style="display:none;">
           <div class="spectrum-Form-item">
-            <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
-            <div class="spectrum-Dropdown" id="paletteType_Dropdown">
-              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
-              </select>
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-              </svg>
+            <div class="spectrum-Slider">
+              <div class="spectrum-Slider-labelContainer">
+                <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
+                <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
+              </div>
+              <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
             </div>
           </div>
-        </form>
-        <div id="sequentialConfigs">
-          <form class="spectrum-Form spectrum-Form--labelsAbove">
-            <div class="spectrum-Form-item">
-              <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
+          <div class="spectrum-Form-item">
+              <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
               <div class="spectrum-Form-itemField">
-                <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
-              </div>
-            </div>
-            <div class="spectrum-Form-item">
-              <div class="spectrum-Slider">
-                <div class="spectrum-Slider-labelContainer">
-                  <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
-                  <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
+                <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
+                  <label class="spectrum-Checkbox">
+                    <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
+                    <span class="spectrum-Checkbox-box">
+                      <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
+                        <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
+                      </svg>
+                    </span>
+                    <span class="spectrum-Checkbox-label">Clamp to key colors</span>
+                  </label>
                 </div>
-                <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
               </div>
             </div>
-            <div class="spectrum-Form-item">
-                <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
-                <div class="spectrum-Form-itemField">
-                  <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
-                    <label class="spectrum-Checkbox">
-                      <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
-                      <span class="spectrum-Checkbox-box">
-                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
-                          <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
-                        </svg>
-                      </span>
-                      <span class="spectrum-Checkbox-label">Clamp to key colors</span>
-                    </label>
-                  </div>
-                </div>
-              </div>
-          </form>
+        </form>
+      </div>
+      <div id="contrastConfigs">
+        <div>
+          <input type="color" class="" id="bgField" value="#ffffff"></input>
+          <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
         </div>
-        <div id="contrastConfigs">
-          <div>
-            <input type="color" class="" id="bgField" value="#ffffff"></input>
-            <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
-          </div>
-          <div class="spectrum-ButtonGroup">
-            <button id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
-                <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
-              </svg>
-              <span class="spectrum-ActionButton-label">Sort</span>
-            </button>
-            <button id="sort" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
-                <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
-              </svg>
-              <span class="spectrum-ActionButton-label">Distribute</span>
-            </button>
-          </div>
-
-          <div id="ratioInput-wrapper">
-            <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
-          </div>
-          <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
-              <use xlink:href="#spectrum-icon-18-Add" />
+        <div class="spectrum-ButtonGroup">
+          <button id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
+              <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
+            </svg>
+            <span class="spectrum-ActionButton-label">Sort</span>
+          </button>
+          <button id="sort" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
+              <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
             </svg>
-            <span class="spectrum-ActionButton-label">Add Swatch</span>
+            <span class="spectrum-ActionButton-label">Distribute</span>
           </button>
         </div>
+
+        <div id="ratioInput-wrapper">
+          <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
+        </div>
+        <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
+          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
+            <use xlink:href="#spectrum-icon-18-Add" />
+          </svg>
+          <span class="spectrum-ActionButton-label">Add Swatch</span>
+        </button>
       </div>
     </div>
   </div>
-  <main>
-    <div id="contentTabWrapper">
-      <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
-        <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
-          <label class="spectrum-Tabs-itemLabel">Example</label>
-        </div>
-        <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
-          <label class="spectrum-Tabs-itemLabel">Charts</label>
-        </div>
-        <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
-          <label class="spectrum-Tabs-itemLabel">Model</label>
-        </div>
+</div>
+<main>
+  <div id="contentTabWrapper">
+    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
+      <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
+        <label class="spectrum-Tabs-itemLabel">Example</label>
+      </div>
+      <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
+        <label class="spectrum-Tabs-itemLabel">Charts</label>
+      </div>
+      <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
+        <label class="spectrum-Tabs-itemLabel">Model</label>
       </div>
     </div>
+  </div>
 
 
-    <div class="tabcontent" id="chartsWrapper">
-      <div class="charts">
-        <div class="chartGroup">
-          <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
-          <form class="spectrum-Form spectrum-Form--row">
-            <div class="spectrum-Form-item">
-              <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
-              <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
-                <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
-                </select>
-                <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-                  <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-                </svg>
-              </div>
-            </form>
-          <div id="chart1"></div>
-        </div>
-        <div id="chart2"></div>
-        <div id="chart3"></div>
-      </div>
-      <div class="charts">
-        <div class="chartGroup">
-          <h3 class="spectrum-Heading6">Swatch Distribution</h3>
-          <div id="contrastChart"></div>
-        </div>
+  <div class="tabcontent" id="chartsWrapper">
+    <div class="charts">
+      <div class="chartGroup">
+        <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
+        <form class="spectrum-Form spectrum-Form--row">
+          <div class="spectrum-Form-item">
+            <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
+            <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
+            </div>
+          </form>
+        <div id="chart1"></div>
       </div>
+      <div id="chart2"></div>
+      <div id="chart3"></div>
     </div>
-
-    <div class="tabcontent" id="modelWrapper">
-      <form class="spectrum-Form spectrum-Form--row">
-        <div class="spectrum-Form-item">
-          <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
-          <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
-            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
-            </select>
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-            </svg>
-          </div>
-        </form>
-      <div id="chart3dWrapper">
-        <svg class="chart3D" id="3dchart"></svg>
-        <div id="chart3dAlert"></div>
+    <div class="charts">
+      <div class="chartGroup">
+        <h3 class="spectrum-Heading6">Swatch Distribution</h3>
+        <div id="contrastChart"></div>
       </div>
     </div>
+  </div>
 
-    <div class="tabcontent" id="demoWrapper">
-      <div class="demoItem">
-        <div id="demo" class="spectrum-Typography">
-          <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
-          <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
-          <button class="spectrum-Button" id="demoButton">Button</button>
-        </div>
-        <div id="demoInverted" class="spectrum-Typography">
-          <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
-          <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
-          <button class="spectrum-Button" id="demoButtonInverted">Button</button>
+  <div class="tabcontent" id="modelWrapper">
+    <form class="spectrum-Form spectrum-Form--row">
+      <div class="spectrum-Form-item">
+        <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
+        <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
+          <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
+          </select>
+          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+            <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+          </svg>
         </div>
+      </form>
+    <div id="chart3dWrapper">
+      <svg class="chart3D" id="3dchart"></svg>
+      <div id="chart3dAlert"></div>
+    </div>
+  </div>
+
+  <div class="tabcontent" id="demoWrapper">
+    <div class="demoItem">
+      <div id="demo" class="spectrum-Typography">
+        <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
+        <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
+        <button class="spectrum-Button" id="demoButton">Button</button>
+      </div>
+      <div id="demoInverted" class="spectrum-Typography">
+        <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
+        <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
+        <button class="spectrum-Button" id="demoButtonInverted">Button</button>
       </div>
     </div>
+  </div>
 
-  </main>
+</main>
 
-  <div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
+<div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
     <div class="spectrum-Panel-Item">
       <div class="spectrum-Panel-Title">
         <h3 class="spectrum-Heading6">Generated Colors</h3>
@@ -293,9 +282,6 @@ <h3 class="spectrum-Heading6">Function Parameters</h3>
       </div>
     </div>
   </div>
-</div>
-<!-- end contrastColorsWrapper -->
-
 
 <div id="dialogOverlay" style="display: none;"></div>
 

From 213f065e1510ed7786c1a2c5b3c1137a0c759906 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sat, 11 Jan 2020 10:15:42 -0700
Subject: [PATCH 34/74] updated issue templates

---
 .../ISSUE_TEMPLATE/--bug-contrast-colors.md   | 30 -------------------
 .../--feature-contrast-colors.md              | 19 ------------
 .../--feature-request--npm-packages-.md       |  4 +++
 3 files changed, 4 insertions(+), 49 deletions(-)
 delete mode 100644 .github/ISSUE_TEMPLATE/--bug-contrast-colors.md
 delete mode 100644 .github/ISSUE_TEMPLATE/--feature-contrast-colors.md

diff --git a/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md b/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
deleted file mode 100644
index 6ae29492..00000000
--- a/.github/ISSUE_TEMPLATE/--bug-contrast-colors.md
+++ /dev/null
@@ -1,30 +0,0 @@
----
-name: "\U0001F41B Bug [Leonardo Contrast Colors] "
-about: Report a problem with the @leonardo-contrast-colors module
-title: ''
-labels: bug, @leonardo-contrast-colors
-assignees: ''
-
----
-
-## Description
-<!-- Describe the problem you're having -->
-
-
-## Steps to reproduce
-<!-- Include code examples or error messages if you have them -->
-
-## Expected behavior
-<!-- Describe what you expected to happen -->
-
-
-## Screenshots
-<!-- If applicable, add screenshots to help explain the problem -->
-
-
-## Environment
-- **@leonardo-contrast-colors version:** <!-- 2.13.0 -->
- - **Browser(s) and OS(s):** <!-- Chrome 75.0.3770.142 on Win 10 -->
-
-## Additional context
-<!-- Provide any additional information that might help us debug the issue -->
diff --git a/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md b/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md
deleted file mode 100644
index 535d96d2..00000000
--- a/.github/ISSUE_TEMPLATE/--feature-contrast-colors.md
+++ /dev/null
@@ -1,19 +0,0 @@
----
-name: "✨ Feature request [Leonardo Contrast Colors]"
-about: Suggest a new feature for the @leonardo-contrast-colors module
-title: ''
-labels: enhancement, @leonardo-contrast-colors
-assignees: ''
-
----
-
-## Description
-<!-- Describe your suggested feature in detail -->
-
-
-## Why do you need this feature?
-<!-- Tell us what this solves or why this is important to your use case -->
-
-
-## Additional context
-<!-- Add any other context, workarounds, or screenshots about your request -->
diff --git a/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md b/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md
index 93037cf4..c675f96c 100644
--- a/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md
+++ b/.github/ISSUE_TEMPLATE/--feature-request--npm-packages-.md
@@ -15,5 +15,9 @@ assignees: ''
 <!-- Tell us what this solves or why this is important to your use case -->
 
 
+## Leonardo package and version
+<!--ie:  **@leonardo-contrast-colors version:**  2.13.0 -->
+
+
 ## Additional context
 <!-- Add any other context, workarounds, or screenshots about your request -->

From f761c0a148b3731f4306a54d99c66bce164e00bd Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sun, 12 Jan 2020 00:30:30 -0700
Subject: [PATCH 35/74] Color converter (#40)

* feat: adding in color converter page

* updated citation on converter

* made logo into link back to index.html

* feat: output proper colors, converter include input formats for cross-conversion

* @trivial
---
 packages/ui/package.json            |   4 +-
 packages/ui/src/converter.html      |  90 ++++++++++++++
 packages/ui/src/converter.js        | 180 ++++++++++++++++++++++++++++
 packages/ui/src/index.html          |   7 +-
 packages/ui/src/scss/converter.scss |  54 +++++++++
 packages/ui/src/scss/style.scss     |  11 +-
 6 files changed, 339 insertions(+), 7 deletions(-)
 create mode 100644 packages/ui/src/converter.html
 create mode 100644 packages/ui/src/converter.js
 create mode 100644 packages/ui/src/scss/converter.scss

diff --git a/packages/ui/package.json b/packages/ui/package.json
index 794813fa..d24f662e 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -6,13 +6,13 @@
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "scripts": {
-    "dev": "yarn copyIcons && npx parcel src/index.html src/demo.html",
+    "dev": "yarn copyIcons && npx parcel src/index.html src/converter.html src/demo.html",
     "copyIcons": "mkdir -p dist && yarn copyWorkflowIcons && yarn copyUIIcons",
     "copyWorkflowIcons": "cp -r ../../node_modules/@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg dist/",
     "copyUIIcons": "cp -r ../../node_modules/@spectrum-css/icon/dist/spectrum-css-icons.svg dist/",
     "copyCNAME": "cp -r src/CNAME dist/CNAME",
     "postPublish": "yarn deploySite",
-    "buildSite": "npx parcel build src/index.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
+    "buildSite": "npx parcel build src/index.html src/converter.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
     "deploySite": "yarn buildSite && npx ghpages -p dist"
   },
   "keywords": [
diff --git a/packages/ui/src/converter.html b/packages/ui/src/converter.html
new file mode 100644
index 00000000..17746aab
--- /dev/null
+++ b/packages/ui/src/converter.html
@@ -0,0 +1,90 @@
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>Leonardo: Color Converter</title>
+  <meta property="og:title" content="Leonardo: Color Converter">
+  <meta name="description" content="Color converter for multiple color spaces">
+  <meta property="og:description" content="Color converter for multiple color spaces">
+  <meta property="og:image" content="">
+  <meta property="og:url" content="">
+  <!-- <meta name="twitter:card" content="repository-open-graph-leonardo"> -->
+
+  <meta property="og:site_name" content="Leonardo: Color Converter">
+  <meta name="twitter:image:alt" content="Color converter for multiple color spaces">
+
+  <meta name="twitter:site" content="@Leonardo_Color">
+
+  <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
+  <link rel="manifest" href="favicons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap">
+  <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700&display=swap" rel="stylesheet">
+
+</head>
+<body class="spectrum spectrum spectrum--light spectrum--medium">
+<header class="spectrum-AppHeader">
+  <a href="/" id="logoTitle">
+    <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
+    <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
+  </a>
+  <div class="spectrum-AppHeader--right">
+    <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
+    <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
+    <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="/" class="spectrum-ActionButton spectrum-ActionButton--quiet is-selected">Converter</a>
+    <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
+  </div>
+</header>
+<main id="converterWrapper">
+  <div id="converterGroup">
+    <h1> Color Converter </h1>
+    <cite>Built using d3-color</cite>
+    <p> Text field supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02) inputs. Color input only supports rgb colors.</p>
+    <form class="spectrum-Form">
+      <div class="spectrum-Form-item">
+        <label for="input" class="spectrum-FieldLabel">Color value:</label>
+        <input type="text" id="input" placeholder="Enter color value" class="spectrum-Textfield"></input>
+        <input type="color" class="" id="colorInput"></input>
+       </div>
+       <div class="spectrum-Form-item">
+         <label for="type" class="spectrum-FieldLabel">Convert to:</label>
+         <div class="spectrum-Dropdown">
+           <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="type" id="type">
+             <option>HSLuv</option>
+             <option>Lch</option>
+             <option>Lab</option>
+             <option>CAM02</option>
+             <option>HSL</option>
+             <option>HSV</option>
+             <option>RGB</option>
+           </select>
+           <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+             <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+           </svg>
+         </div>
+       </div>
+     </form>
+     <div id="output"></div>
+   </div>
+</main>
+<script src="converter.js"></script>
+
+</body>
+</html>
diff --git a/packages/ui/src/converter.js b/packages/ui/src/converter.js
new file mode 100644
index 00000000..51b44fb3
--- /dev/null
+++ b/packages/ui/src/converter.js
@@ -0,0 +1,180 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import '@spectrum-css/vars/dist/spectrum-global.css';
+import '@spectrum-css/vars/dist/spectrum-medium.css';
+import '@spectrum-css/vars/dist/spectrum-light.css';
+
+import '@spectrum-css/page/dist/index-vars.css';
+import '@spectrum-css/typography/dist/index-vars.css';
+import '@spectrum-css/icon/dist/index-vars.css';
+import '@spectrum-css/link/dist/index-vars.css';
+import '@spectrum-css/alert/dist/index-vars.css';
+import '@spectrum-css/radio/dist/index-vars.css';
+import '@spectrum-css/dialog/dist/index-vars.css';
+import '@spectrum-css/button/dist/index-vars.css';
+import '@spectrum-css/fieldgroup/dist/index-vars.css';
+import '@spectrum-css/textfield/dist/index-vars.css';
+import '@spectrum-css/dropdown/dist/index-vars.css';
+import '@spectrum-css/fieldlabel/dist/index-vars.css';
+import '@spectrum-css/checkbox/dist/index-vars.css';
+import '@spectrum-css/buttongroup/dist/index-vars.css';
+import '@spectrum-css/tooltip/dist/index-vars.css';
+import '@spectrum-css/slider/dist/index-vars.css';
+import '@spectrum-css/tabs/dist/index-vars.css';
+
+import './scss/style.scss';
+import './scss/colorinputs.scss';
+import './scss/converter.scss';
+
+import '@adobe/focus-ring-polyfill';
+
+import loadIcons from 'loadicons';
+loadIcons('./spectrum-css-icons.svg');
+loadIcons('./spectrum-icons.svg');
+
+import * as d3 from 'd3';
+
+// Import d3 plugins and add them to the d3 namespace
+import * as d3cam02 from 'd3-cam02';
+import * as d3hsluv from 'd3-hsluv';
+import * as d3hsv from 'd3-hsv';
+import * as d33d from 'd3-3d';
+Object.assign(d3, d3cam02, d3hsluv, d3hsv, d33d);
+
+let input = document.getElementById('input');
+let output = document.getElementById('output');
+let type = document.getElementById('type');
+let colorInput = document.getElementById('colorInput');
+
+function convert(c, typeId = type.value) {
+  let A, B, C;
+
+  if(typeId == 'HSLuv') {
+    A = d3.hsluv(c).l;
+    B = d3.hsluv(c).u;
+    C = d3.hsluv(c).v;
+  }
+  if(typeId == 'HSL') {
+    A = d3.hsl(c).h;
+    B = d3.hsl(c).s * 100;
+    C = d3.hsl(c).l * 100;
+  }
+  if(typeId == 'HSV') {
+    A = d3.hsv(c).h;
+    B = d3.hsv(c).s * 100;
+    C = d3.hsv(c).v * 100;
+  }
+  if(typeId == 'CAM02') {
+    A = d3.jab(c).J;
+    B = d3.jab(c).a;
+    C = d3.jab(c).b;
+  }
+  if(typeId == 'Lab') {
+    A = d3.lab(c).l;
+    B = d3.lab(c).a;
+    C = d3.lab(c).b;
+  }
+  if(typeId == 'Lch') {
+    A = d3.hcl(c).l;
+    B = d3.hcl(c).c;
+    C = d3.hcl(c).h;
+  }
+  if(typeId == 'RGB') {
+    A = d3.rgb(c).r;
+    B = d3.rgb(c).g;
+    C = d3.rgb(c).b;
+  }
+
+  return new Array(A.toFixed(), B.toFixed(), C.toFixed());
+}
+
+function returnColor() {
+  let val = input.value;
+  let valNums, valArr;
+
+  if(val.match(/^hsl\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    // convert to proper format (percentages)
+    val = d3.hsl(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
+  }
+  if(val.match(/^hsv\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsv(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
+  }
+  if(val.match(/^lab\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.lab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+  if(val.match(/^lch\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hcl(Number(valArr[2]), Number(valArr[1]), Number(valArr[0])).formatHsl();
+  }
+  if(val.match(/^jab\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.jab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+  if(val.match(/^hsluv\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsluv(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+
+  let typeId = type.value;
+  let typeArr;
+  let colorInput = document.getElementById('colorInput');
+  let valRgb = convert(val, 'RGB');
+  let colorInputVal = d3.rgb(valRgb[0], valRgb[1], valRgb[2]).formatHex();
+  colorInput.value = colorInputVal;
+
+  if(typeId == 'HSV') { typeArr = ['H', 'S', 'V']; }
+  if(typeId == 'HSL') { typeArr = ['H', 'S', 'L']; }
+  if(typeId == 'HSLuv') { typeArr = ['H (l)', 'S (u)', 'L (v)']; }
+  if(typeId == 'CAM02') { typeArr = ['J', 'a', 'b']; typeId = 'jab';}
+  if(typeId == 'Lab') { typeArr = ['L', 'a', 'b']; }
+  if(typeId == 'Lch') { typeArr = ['L', 'c', 'h']; }
+  if(typeId == 'RGB') { typeArr = ['R', 'G', 'B']; }
+
+  if(val.length > 6 && val.charAt(0) == '#' || val.length >= 10 && val.charAt(0) != '#') {
+    let newVal = convert(val);
+    output.innerHTML = ' ';
+    let d = document.createElement('div');
+    let a = document.createElement('div');
+    let b = document.createElement('div');
+    let c = document.createElement('div');
+    let str = document.createTextNode((typeId.toLowerCase()) + '(' + newVal + ')');
+    let arr1 = document.createTextNode(typeArr[0] + ': ' + newVal[0]);
+    let arr2 = document.createTextNode(typeArr[1] + ': ' + newVal[1]);
+    let arr3 = document.createTextNode(typeArr[2] + ': ' + newVal[2]);
+    a.appendChild(arr1);
+    b.appendChild(arr2);
+    c.appendChild(arr3);
+    d.appendChild(str);
+
+    output.appendChild(d);
+    output.appendChild(a);
+    output.appendChild(b);
+    output.appendChild(c);
+  }
+}
+colorInput.addEventListener('input', function() { input.value = colorInput.value; returnColor(); });
+input.addEventListener('input', returnColor);
+type.addEventListener('input', returnColor);
+
+export {
+  convert,
+  returnColor
+}
diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index fcb0092d..24d065ec 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -47,16 +47,17 @@
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap">
 
 </head>
-<body class="spectrum spectrum spectrum--light spectrum--medium">
+<body class="spectrum spectrum spectrum--light spectrum--medium appFrame">
 <header class="spectrum-AppHeader">
-  <span id="logoTitle">
+  <a href="/" id="logoTitle">
     <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
-  </span>
+  </a>
   <div class="spectrum-AppHeader--right">
     <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
     <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="converter.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Converter</a>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
diff --git a/packages/ui/src/scss/converter.scss b/packages/ui/src/scss/converter.scss
new file mode 100644
index 00000000..c72eae15
--- /dev/null
+++ b/packages/ui/src/scss/converter.scss
@@ -0,0 +1,54 @@
+.appFrame {
+  margin: 0;
+  padding: 0;
+  height: 100vh;
+  overflow: hidden;
+  font-family: 'Adobe Clean'; // local update since no typekit support currently.
+  display: grid;
+  grid-template-columns: auto;
+  grid-template-rows: var(--header-height) auto;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  grid-template-areas:
+    "header"
+    "main";
+}
+
+#output {
+  font-family: 'Source Code Pro', monospace;
+  margin-top: 16px;
+  padding: 0 4px;
+  color: #000000;
+  font-size: 1rem;
+}
+
+#input {
+    margin-right: 8px;
+}
+
+#converterWrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+#converterGroup {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  width: 300px;
+}
+
+h1 {
+  margin-top: 64px;
+}
+
+cite {
+  color: #707070;
+}
+
+h1 + cite {
+    margin-top: -4px;
+    margin-bottom: 8px;
+}
diff --git a/packages/ui/src/scss/style.scss b/packages/ui/src/scss/style.scss
index 5528dccd..6d61ce2a 100644
--- a/packages/ui/src/scss/style.scss
+++ b/packages/ui/src/scss/style.scss
@@ -24,11 +24,16 @@ governing permissions and limitations under the License.
 }
 
 body {
+  margin: 0;
+  padding: 0;
+  font-family: 'Adobe Clean'; // local update since no typekit support currently.
+}
+
+.appFrame {
   margin: 0;
   padding: 0;
   height: 100vh;
   overflow: hidden;
-  font-family: 'Adobe Clean'; // local update since no typekit support currently.
   display: grid;
   grid-template-columns: 324px auto 240px;
   grid-template-rows: var(--header-height) auto;
@@ -36,7 +41,7 @@ body {
   grid-row-gap: 0px;
   grid-template-areas:
     "header header header"
-    "leftPanel . rightPanel";
+    "leftPanel main rightPanel";
 }
 .spectrum-AppHeader {
   grid-area: header;
@@ -63,6 +68,7 @@ body {
 }
 #logoTitle {
   display: inline-flex;
+  text-decoration: none;
 }
 #headerLogo ~ .spectrum-AppHeader-Title {
     margin-left: 8px;
@@ -392,6 +398,7 @@ body {
 }
 
 main {
+  grid-area: main;
   display: flex;
   flex-direction: column;
   max-height: calc(100vh - 56px);

From 729add043a0d33bda65ad44da149ac0a686c6f33 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sun, 12 Jan 2020 00:32:44 -0700
Subject: [PATCH 36/74] corrected order of colorspaces in converter for
 consistency

---
 packages/ui/src/converter.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/converter.html b/packages/ui/src/converter.html
index 17746aab..ae25087e 100644
--- a/packages/ui/src/converter.html
+++ b/packages/ui/src/converter.html
@@ -67,11 +67,11 @@ <h1> Color Converter </h1>
          <label for="type" class="spectrum-FieldLabel">Convert to:</label>
          <div class="spectrum-Dropdown">
            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="type" id="type">
-             <option>HSLuv</option>
+             <option>CAM02</option>
              <option>Lch</option>
              <option>Lab</option>
-             <option>CAM02</option>
              <option>HSL</option>
+             <option>HSLuv</option>
              <option>HSV</option>
              <option>RGB</option>
            </select>

From e27fc860488112e58e453364e9318a88908c403d Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Sun, 12 Jan 2020 09:48:44 -0700
Subject: [PATCH 37/74] feat: added hex to output conversion types (#41)

---
 packages/ui/src/converter.html |   1 +
 packages/ui/src/converter.js   | 122 +++++++++++++++++++--------------
 2 files changed, 70 insertions(+), 53 deletions(-)

diff --git a/packages/ui/src/converter.html b/packages/ui/src/converter.html
index ae25087e..f9658728 100644
--- a/packages/ui/src/converter.html
+++ b/packages/ui/src/converter.html
@@ -74,6 +74,7 @@ <h1> Color Converter </h1>
              <option>HSLuv</option>
              <option>HSV</option>
              <option>RGB</option>
+             <option>Hex</option>
            </select>
            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
diff --git a/packages/ui/src/converter.js b/packages/ui/src/converter.js
index 51b44fb3..0c0254cb 100644
--- a/packages/ui/src/converter.js
+++ b/packages/ui/src/converter.js
@@ -58,43 +58,49 @@ let colorInput = document.getElementById('colorInput');
 function convert(c, typeId = type.value) {
   let A, B, C;
 
-  if(typeId == 'HSLuv') {
-    A = d3.hsluv(c).l;
-    B = d3.hsluv(c).u;
-    C = d3.hsluv(c).v;
-  }
-  if(typeId == 'HSL') {
-    A = d3.hsl(c).h;
-    B = d3.hsl(c).s * 100;
-    C = d3.hsl(c).l * 100;
-  }
-  if(typeId == 'HSV') {
-    A = d3.hsv(c).h;
-    B = d3.hsv(c).s * 100;
-    C = d3.hsv(c).v * 100;
-  }
-  if(typeId == 'CAM02') {
-    A = d3.jab(c).J;
-    B = d3.jab(c).a;
-    C = d3.jab(c).b;
-  }
-  if(typeId == 'Lab') {
-    A = d3.lab(c).l;
-    B = d3.lab(c).a;
-    C = d3.lab(c).b;
-  }
-  if(typeId == 'Lch') {
-    A = d3.hcl(c).l;
-    B = d3.hcl(c).c;
-    C = d3.hcl(c).h;
-  }
-  if(typeId == 'RGB') {
-    A = d3.rgb(c).r;
-    B = d3.rgb(c).g;
-    C = d3.rgb(c).b;
+  if(typeId == 'Hex') {
+    return d3.rgb(c).formatHex();
   }
 
-  return new Array(A.toFixed(), B.toFixed(), C.toFixed());
+  else {
+    if(typeId == 'HSLuv') {
+      A = d3.hsluv(c).l;
+      B = d3.hsluv(c).u;
+      C = d3.hsluv(c).v;
+    }
+    if(typeId == 'HSL') {
+      A = d3.hsl(c).h;
+      B = d3.hsl(c).s * 100;
+      C = d3.hsl(c).l * 100;
+    }
+    if(typeId == 'HSV') {
+      A = d3.hsv(c).h;
+      B = d3.hsv(c).s * 100;
+      C = d3.hsv(c).v * 100;
+    }
+    if(typeId == 'CAM02') {
+      A = d3.jab(c).J;
+      B = d3.jab(c).a;
+      C = d3.jab(c).b;
+    }
+    if(typeId == 'Lab') {
+      A = d3.lab(c).l;
+      B = d3.lab(c).a;
+      C = d3.lab(c).b;
+    }
+    if(typeId == 'Lch') {
+      A = d3.hcl(c).l;
+      B = d3.hcl(c).c;
+      C = d3.hcl(c).h;
+    }
+    if(typeId == 'RGB') {
+      A = d3.rgb(c).r;
+      B = d3.rgb(c).g;
+      C = d3.rgb(c).b;
+    }
+
+    return new Array(A.toFixed(), B.toFixed(), C.toFixed());
+  }
 }
 
 function returnColor() {
@@ -148,28 +154,38 @@ function returnColor() {
   if(typeId == 'Lch') { typeArr = ['L', 'c', 'h']; }
   if(typeId == 'RGB') { typeArr = ['R', 'G', 'B']; }
 
-  if(val.length > 6 && val.charAt(0) == '#' || val.length >= 10 && val.charAt(0) != '#') {
+  if(val.length >= 10 && val.charAt(0) !== '#' || val.length > 6 && val.charAt(0) == '#') {
     let newVal = convert(val);
     output.innerHTML = ' ';
-    let d = document.createElement('div');
-    let a = document.createElement('div');
-    let b = document.createElement('div');
-    let c = document.createElement('div');
-    let str = document.createTextNode((typeId.toLowerCase()) + '(' + newVal + ')');
-    let arr1 = document.createTextNode(typeArr[0] + ': ' + newVal[0]);
-    let arr2 = document.createTextNode(typeArr[1] + ': ' + newVal[1]);
-    let arr3 = document.createTextNode(typeArr[2] + ': ' + newVal[2]);
-    a.appendChild(arr1);
-    b.appendChild(arr2);
-    c.appendChild(arr3);
-    d.appendChild(str);
-
-    output.appendChild(d);
-    output.appendChild(a);
-    output.appendChild(b);
-    output.appendChild(c);
+
+    if(typeId == 'Hex') {
+      let d = document.createElement('div');
+      let str = document.createTextNode(newVal);
+      d.appendChild(str);
+      output.appendChild(d);
+    }
+    else {
+      let d = document.createElement('div');
+      let a = document.createElement('div');
+      let b = document.createElement('div');
+      let c = document.createElement('div');
+      let str = document.createTextNode((typeId.toLowerCase()) + '(' + newVal + ')');
+      let arr1 = document.createTextNode(typeArr[0] + ': ' + newVal[0]);
+      let arr2 = document.createTextNode(typeArr[1] + ': ' + newVal[1]);
+      let arr3 = document.createTextNode(typeArr[2] + ': ' + newVal[2]);
+      a.appendChild(arr1);
+      b.appendChild(arr2);
+      c.appendChild(arr3);
+      d.appendChild(str);
+
+      output.appendChild(d);
+      output.appendChild(a);
+      output.appendChild(b);
+      output.appendChild(c);
+    }
   }
 }
+
 colorInput.addEventListener('input', function() { input.value = colorInput.value; returnColor(); });
 input.addEventListener('input', returnColor);
 type.addEventListener('input', returnColor);

From 34a76865638e4b001b491ac2ecca227ba060af05 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 13 Jan 2020 09:46:13 -0700
Subject: [PATCH 38/74] fix: changed form to div in converter to prevent
 refresh on submit (#43)

---
 packages/ui/src/converter.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/converter.html b/packages/ui/src/converter.html
index f9658728..5a3d6c5d 100644
--- a/packages/ui/src/converter.html
+++ b/packages/ui/src/converter.html
@@ -57,7 +57,7 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <h1> Color Converter </h1>
     <cite>Built using d3-color</cite>
     <p> Text field supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02) inputs. Color input only supports rgb colors.</p>
-    <form class="spectrum-Form">
+    <div class="spectrum-Form">
       <div class="spectrum-Form-item">
         <label for="input" class="spectrum-FieldLabel">Color value:</label>
         <input type="text" id="input" placeholder="Enter color value" class="spectrum-Textfield"></input>
@@ -81,7 +81,7 @@ <h1> Color Converter </h1>
            </svg>
          </div>
        </div>
-     </form>
+     </div>
      <div id="output"></div>
    </div>
 </main>

From 5c780b7a1f0355f985591076a27f1764e1faee3c Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 21 Jan 2020 09:57:49 -0700
Subject: [PATCH 39/74] fix: corrected midtone color outputs (#46)

* fix: corrected midtone color outputs

* @trivial: removed temporary window export
---
 packages/contrast-colors/index.js             | 12 +++++-----
 .../test/generateContrastColors.test.js       | 22 +++++++++++++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index 762a0818..ce3f15b8 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -214,25 +214,24 @@ function generateContrastColors({
   let swatches = 3000;
 
   let scaleData = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1});
+  let baseV = (d3.hsluv(base).v) / 100;
 
   let Contrasts = d3.range(swatches).map((d) => {
     let rgbArray = [d3.rgb(scaleData.scale(d)).r, d3.rgb(scaleData.scale(d)).g, d3.rgb(scaleData.scale(d)).b];
     let baseRgbArray = [d3.rgb(base).r, d3.rgb(base).g, d3.rgb(base).b];
-    let ca = contrast(rgbArray, baseRgbArray).toFixed(2);
+    let ca = contrast(rgbArray, baseRgbArray, baseV).toFixed(2);
 
     return Number(ca);
   });
 
   let contrasts = Contrasts.filter(el => el != null);
 
-  let baseLum = luminance(d3.rgb(base).r, d3.rgb(base).g, d3.rgb(base).b);
-
   let newColors = [];
   ratios = ratios.map(Number);
 
   // Return color matching target ratio, or closest number
   for (let i=0; i < ratios.length; i++){
-    let r = binarySearch(contrasts, ratios[i], baseLum);
+    let r = binarySearch(contrasts, ratios[i], baseV);
     newColors.push(d3.rgb(scaleData.colors[r]).hex());
   }
 
@@ -253,15 +252,14 @@ function luminance(r, g, b) {
 //   return (0.299*r + 0.587*g + 0.114*b);
 // }
 
-// Separate files in a lib folder as well.
-function contrast(color, base) {
+function contrast(color, base, baseV) {
   let colorLum = luminance(color[0], color[1], color[2]);
   let baseLum = luminance(base[0], base[1], base[2]);
 
   let cr1 = (colorLum + 0.05) / (baseLum + 0.05);
   let cr2 = (baseLum + 0.05) / (colorLum + 0.05);
 
-  if (baseLum < 0.5) {
+  if (baseV < 0.5) {
     if (cr1 >= 1) {
       return cr1;
     }
diff --git a/packages/contrast-colors/test/generateContrastColors.test.js b/packages/contrast-colors/test/generateContrastColors.test.js
index f6cb6f78..6a08efe8 100644
--- a/packages/contrast-colors/test/generateContrastColors.test.js
+++ b/packages/contrast-colors/test/generateContrastColors.test.js
@@ -99,6 +99,28 @@ test('should generate black when negative ratio lighter than available colors',
   expect(colors).toEqual([ '#000000' ]);
 });
 
+// Mid-Tone Backgrounds
+test('should generate slightly lighter & darker grays on a darker midtone gray background', function() {
+  let colors = generateContrastColors({colorKeys: ['#000000'], base: "#737373",ratios: [1.2, -1.2], colorspace: "LCH"}); // positive & negative ratios
+
+  expect(colors).toEqual([ '#808080', '#666666' ]);
+});
+test('should generate slightly lighter & darker grays on a lighter midtone gray background', function() {
+  let colors = generateContrastColors({colorKeys: ['#000000'], base: "#787878",ratios: [1.2, -1.2], colorspace: "LCH"}); // positive & negative ratios
+
+  expect(colors).toEqual([ '#6b6b6b', '#858585' ]);
+});
+test('should generate slightly lighter & darker oranges on a darker midtone slate background', function() {
+  let colors = generateContrastColors({colorKeys: ["#ff8602","#ab3c00","#ffd88b"], base: "#537a9c",ratios: [1.2, -1.2], colorspace: "LCH"}); // positive & negative ratios
+
+  expect(colors).toEqual([ '#d66102', '#b64601' ]);
+});
+test('should generate slightly lighter & darker oranges on a lighter midtone slate background', function() {
+  let colors = generateContrastColors({colorKeys: ["#ff8602","#ab3c00","#ffd88b"], base: "#537b9d",ratios: [1.2, -1.2], colorspace: "LCH"}); // positive & negative ratios
+
+  expect(colors).toEqual([ '#b84601', '#d76202' ]);
+});
+
 // Expected errors
 test('should generate no colors, missing colorKeys', function() {
   expect(

From d0da2ee31094e16d7714ad59783f505d9ec52171 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 21 Jan 2020 10:01:38 -0700
Subject: [PATCH 40/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.3
 - @adobe/leonardo-ui@1.2.0
---
 packages/contrast-colors/CHANGELOG.md | 11 +++++++++++
 packages/contrast-colors/package.json |  2 +-
 packages/ui/CHANGELOG.md              | 18 ++++++++++++++++++
 packages/ui/package.json              |  4 ++--
 4 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 87b1e3fb..4f9579d1 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.3](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.2...@adobe/leonardo-contrast-colors@1.0.0-alpha.3) (2020-01-21)
+
+
+### Bug Fixes
+
+* corrected midtone color outputs ([#46](https://github.com/adobe/leonardo/issues/46)) ([5c780b7](https://github.com/adobe/leonardo/commit/5c780b7a1f0355f985591076a27f1764e1faee3c))
+
+
+
+
+
 # [1.0.0-alpha.2](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.1...@adobe/leonardo-contrast-colors@1.0.0-alpha.2) (2019-12-12)
 
 
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index a3e2b144..bf69bf3c 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-alpha.3",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "type": "module",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 10e64c51..346744ba 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.1.0...@adobe/leonardo-ui@1.2.0) (2020-01-21)
+
+
+### Bug Fixes
+
+* changed form to div in converter to prevent refresh on submit ([#43](https://github.com/adobe/leonardo/issues/43)) ([34a7686](https://github.com/adobe/leonardo/commit/34a76865638e4b001b491ac2ecca227ba060af05))
+* **ui:** Update URL in README ([#28](https://github.com/adobe/leonardo/issues/28)) ([a1294f3](https://github.com/adobe/leonardo/commit/a1294f3e6cd29e5cdb7166a9ebdc7a66d98d3cc0))
+
+
+### Features
+
+* added hex to output conversion types ([#41](https://github.com/adobe/leonardo/issues/41)) ([e27fc86](https://github.com/adobe/leonardo/commit/e27fc860488112e58e453364e9318a88908c403d))
+* **ui:** Increment ratio input by whole number when Shift is pressed ([6705c44](https://github.com/adobe/leonardo/commit/6705c44d3f1bf9b16ac5cb7040dfdb99af66afe0))
+
+
+
+
+
 # 1.1.0 (2019-12-09)
 
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index d24f662e..df042712 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.2",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.3",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From 91097fdb1a6a0eb2c4add7537d970ca0633994ea Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 29 Jan 2020 16:40:14 -0700
Subject: [PATCH 41/74] fix: corrected charts with proper colors and data (#53)

* fix: corrected charts with proper colors and data
---
 packages/ui/src/charts.js | 9 +++++++--
 packages/ui/src/index.js  | 8 +++++---
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/ui/src/charts.js b/packages/ui/src/charts.js
index f87c587e..655ccbb9 100644
--- a/packages/ui/src/charts.js
+++ b/packages/ui/src/charts.js
@@ -133,6 +133,9 @@ let yScale3d = d3._3d()
     .scale(scale);
 
 function processData(data, tt){
+  let colorInterpSpace = document.querySelector('select[name="mode"]').value;
+  let chartColors = getChartColors(colorInterpSpace);
+
   let color = d3.scaleOrdinal(chartColors);
 
   /* ----------- GRID ----------- */
@@ -495,6 +498,7 @@ function toggleGraphs() {
 }
 
 function createAllCharts(mode) {
+  mode = document.getElementById('chart2dColorspace').value;
   let chart3 = document.getElementById('chart3Wrapper');
 
   if (mode=="LCH") {
@@ -562,6 +566,7 @@ function createAllCharts(mode) {
 
 
 let chartColors = [];
+
 function getChartColors(mode) {
   let shift = document.getElementById('shiftInput').value;
 
@@ -578,13 +583,13 @@ function getChartColors(mode) {
 }
 
 
-function showCharts(mode) {
+function showCharts(mode, interpolation) {
   document.getElementById('chart1').innerHTML = ' ';
   document.getElementById('chart2').innerHTML = ' ';
   document.getElementById('chart3').innerHTML = ' ';
   document.getElementById('contrastChart').innerHTML = ' ';
 
-  chartColors = getChartColors(mode);
+  chartColors = getChartColors(interpolation);
   createAllCharts(mode);
 };
 
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index d9f7377b..dd0a7f51 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -697,8 +697,8 @@ function colorInput() {
   // update URL parameters
   updateParams(inputColors, background.substr(1), ratioInputs, mode);
 
-  chartData.createData(scaleData.colors);
-  charts.showCharts('CAM02');
+  let data = chartData.createData(scaleData.colors);
+  charts.showCharts('CAM02', data);
   colorSpaceFeedback('CAM02'); // manually enter default of CAM02
 }
 window.onresize = colorInput;
@@ -892,9 +892,11 @@ window.colorSpaceFeedback = colorSpaceFeedback;
 
 function updateCharts(selectObject) {
   let spaceOpt = selectObject.value;
+  let colorInterpSpace = document.querySelector('select[name="mode"]').value;
 
   charts.init3dChart();
-  charts.showCharts(spaceOpt);
+
+  charts.showCharts(spaceOpt, colorInterpSpace);
   colorSpaceFeedback(spaceOpt);
 }
 window.updateCharts = updateCharts;

From dc11faac53f466fb4484b929f4bfc0c3e04c899f Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 11 Feb 2020 16:08:31 -0700
Subject: [PATCH 42/74] docs: added badges to README files (#55)

---
 README.md                          | 4 ++++
 packages/contrast-colors/README.md | 3 +++
 packages/ui/README.md              | 1 +
 3 files changed, 8 insertions(+)

diff --git a/README.md b/README.md
index f86d7389..78522edb 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 ![Leonardo logo](.github/Leonardo_Logo.png)
 
+[![npm version](https://badge.fury.io/js/%40adobe%2Fleonardo-contrast-colors.svg)](https://www.npmjs.com/package/@adobe/leonardo-contrast-colors)
+[![license](https://img.shields.io/github/license/adobe/leonardo)](https://github.com/adobe/leonardo/blob/master/LICENSE)
+[![Pull requests welcome](https://img.shields.io/badge/PRs-welcome-blueviolet)](https://github.com/adobe/leonardo/blob/master/.github/CONTRIBUTING.md) [![Web UI](https://img.shields.io/badge/web%20tool-leonardocolor.io-blue)](https://leonardocolor.io)
+
 # Leonardo
 Authoring [adaptive color palettes](#what-is-adaptive-color) for generating color based on a desired contrast ratio.
 
diff --git a/packages/contrast-colors/README.md b/packages/contrast-colors/README.md
index 2e92b50c..a0edba70 100644
--- a/packages/contrast-colors/README.md
+++ b/packages/contrast-colors/README.md
@@ -1,5 +1,8 @@
 # `@adobe/leonardo-contrast-colors`
 
+[![npm version](https://badge.fury.io/js/%40adobe%2Fleonardo-contrast-colors.svg)](https://badge.fury.io/js/%40adobe%2Fleonardo-contrast-colors)
+![Libraries.io dependency status for latest release, scoped npm package](https://img.shields.io/librariesio/release/npm/@adobe/leonardo-contrast-colors) [![license](https://img.shields.io/github/license/adobe/leonardo)](https://github.com/adobe/leonardo/blob/master/LICENSE)  [![Pull requests welcome](https://img.shields.io/badge/PRs-welcome-blueviolet)](https://github.com/adobe/leonardo/blob/master/.github/CONTRIBUTING.md) 
+
 This package contains all the functions for generating colors by target contrast ratio.
 
 ## Using Leonardo
diff --git a/packages/ui/README.md b/packages/ui/README.md
index 87f43d5f..b46eceeb 100644
--- a/packages/ui/README.md
+++ b/packages/ui/README.md
@@ -1,4 +1,5 @@
 # `@adobe/leonardo-ui`
+[![license](https://img.shields.io/github/license/adobe/leonardo)](https://github.com/adobe/leonardo/blob/master/LICENSE) [![Pull requests welcome](https://img.shields.io/badge/PRs-welcome-blueviolet)](https://github.com/adobe/leonardo/blob/master/.github/CONTRIBUTING.md) 
 
 The Leonardo tool UI, deployed at http://www.leonardocolor.io/
 

From 91660a9cf39e43329518c32f93096e3ba6b2c75b Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 18 Feb 2020 12:04:59 -0700
Subject: [PATCH 43/74] Generate adaptive theme (#35)

* added function for creating base scale

* updated demo contrast enhancement

* initial separation for base-scale package

* more refactoring with separate package

* Revert "updated demo contrast enhancement"

This reverts commit 2c932b2396aba6b86b005a58a1d44fef4efbbc15.
Modularization of base-scale to unique package moved to separate branch.

* Fixed revert errors. Updated demo for proper contrast multiplier mapping. Added test to generateBaseScale.

* created  function with tests

* added initial generateAdaptiveTheme function with tests

* feat: generateAdaptiveTheme outputs function allowing user to define theme as a function itself

* trivial: removed array brackets from test arguments for colorspace

* added error throw for missing name in color object

* feat: destructured arguments for generateAdaptiveTheme. Added condition to return values or return function depending on presence of brightness value

* updated Demo to use  function

* moved color config vars outside of createColors function for simplicity

* updated param names, demo, and tests. Added docs to README.md

* added output docs to readme

* update readme to show theme example at top of doc

* added site analytics to index and demo (#38)

* removed content that bled over from other branch (#39)

* updated issue templates

* Color converter (#40)

* feat: adding in color converter page

* updated citation on converter

* made logo into link back to index.html

* feat: output proper colors, converter include input formats for cross-conversion

* @trivial

* corrected order of colorspaces in converter for consistency

* feat: added hex to output conversion types (#41)

* fix: changed form to div in converter to prevent refresh on submit (#43)

* fix: corrected midtone color outputs (#46)

* fix: corrected midtone color outputs

* @trivial: removed temporary window export

* chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.3
 - @adobe/leonardo-ui@1.2.0

* added function for creating base scale

* updated demo contrast enhancement

* initial separation for base-scale package

* more refactoring with separate package

* Revert "updated demo contrast enhancement"

This reverts commit 2c932b2396aba6b86b005a58a1d44fef4efbbc15.
Modularization of base-scale to unique package moved to separate branch.

* Fixed revert errors. Updated demo for proper contrast multiplier mapping. Added test to generateBaseScale.

* created  function with tests

* added initial generateAdaptiveTheme function with tests

* feat: generateAdaptiveTheme outputs function allowing user to define theme as a function itself

* trivial: removed array brackets from test arguments for colorspace

* added error throw for missing name in color object

* feat: destructured arguments for generateAdaptiveTheme. Added condition to return values or return function depending on presence of brightness value

* updated Demo to use  function

* moved color config vars outside of createColors function for simplicity

* updated param names, demo, and tests. Added docs to README.md

* added output docs to readme

* update readme to show theme example at top of doc

* updated generateAdaptiveTheme with currying

* updated theme output into structured json object

* updates to readme

* reformatting API reference in readme

* @trivial readme formatting

* updated docs, minPositive test, and formatting issues

* updated baseScale argument to be string enum of user input colorScale arguments

* added test to ensure base throws error if not valid option
---
 packages/contrast-colors/README.md            | 179 ++++++-
 packages/contrast-colors/index.js             | 183 ++++++-
 .../test/generateAdaptiveTheme.test.js        | 448 ++++++++++++++++++
 .../test/generateBaseScale.test.js            |  41 ++
 .../test/generateContrastColors.test.js       |  23 +
 .../contrast-colors/test/minPositive.test.js  |  26 +
 .../contrast-colors/test/ratioName.test.js    |  27 ++
 packages/ui/src/demo.html                     |   6 +-
 packages/ui/src/demo.js                       | 199 ++++----
 packages/ui/src/index.js                      |   7 +
 10 files changed, 1011 insertions(+), 128 deletions(-)
 create mode 100644 packages/contrast-colors/test/generateAdaptiveTheme.test.js
 create mode 100644 packages/contrast-colors/test/generateBaseScale.test.js
 create mode 100644 packages/contrast-colors/test/minPositive.test.js
 create mode 100644 packages/contrast-colors/test/ratioName.test.js

diff --git a/packages/contrast-colors/README.md b/packages/contrast-colors/README.md
index a0edba70..0c638176 100644
--- a/packages/contrast-colors/README.md
+++ b/packages/contrast-colors/README.md
@@ -5,7 +5,7 @@
 
 This package contains all the functions for generating colors by target contrast ratio.
 
-## Using Leonardo
+## Using Leonardo Contrast Colors
 
 ### Installing
 ```
@@ -14,29 +14,178 @@ npm i @adobe/leonardo-contrast-colors
 
 Pass your colors and desired ratios. See additional options below.
 ```js
-import { generateContrastColors } from '@adobe/leonardo-contrast-colors';
-
-// returns rgb value
-let colors = generateContrastColors({colorKeys: ["#ff00ff"], base: "#ffffff", ratios: [4.5]});
+import { generateAdaptiveTheme } from '@adobe/leonardo-contrast-colors';
+
+// returns theme colors as JSON
+let myTheme = generateAdaptiveTheme({
+  colorScales: [
+    {
+      name: 'gray',
+      colorKeys: ['#cacaca'],
+      colorspace: 'HSL',
+      ratios: [1, 2, 3, 4.5, 8, 12]
+    },
+    {
+      name: 'blue',
+      colorKeys: ['#5CDBFF', '#0000FF'],
+      colorspace: 'HSL',
+      ratios: [3, 4.5]
+    },
+    {
+      name: 'red',
+      colorKeys: ['#FF9A81', '#FF0000'],
+      colorspace: 'HSL',
+      ratios: [3, 4.5]
+    }
+  ],
+  baseScale: 'gray',
+  brightness: 97
+});
 ```
 
 ## API Reference
 
+### generateAdaptiveTheme
+
+Function used to create a fully adaptive contrast-based color palette/theme using Leonardo. Parameters are destructured and need to be explicitly called, such as `colorKeys: ["#f26322"]`. Parameters can be passed as a config JSON file for modularity and simplicity.
+
+```js
+generateAdaptiveTheme({colorScales, baseScale});              // returns function
+generateAdaptiveTheme({colorScales, baseScale, brightness});  // returns color objects
+```
+
+Returned function:
+```js
+myTheme(brightness, contrast);
+```
+
+#### `colorScales` *[array of objects]*:
+Each object contains the necessary parameters for [generating colors by contrast](#generateContrastColors) with the exception of the `name` parameter.
+
+#### `baseScale` *string (enum)*:
+String value matching the `name` of a `colorScales` object to be used as a [base scale](#generateBaseScale) (background color). This creates a scale of values from 0-100 in lightness, which is used for `brightness` parameter. Ie. `brightness: 90` returns the 90% lightness value of the base scale.
+
+#### `name` *string*:
+Unique name for each color scale. This value will be used for the output color keys, ie `blue100: '#5CDBFF'`
+
+#### `brightness` *number*:
+Optional value from 0-100 indicating the brightness of the base / background color. If undefined, `generateAdaptiveTheme` will return a function
+
+#### `contrast` *integer*:
+Optional value to increase contrast of your generated colors. This value is multiplied against all ratios defined for each color scale.
+
+#### Output
+The `generateAdaptiveTheme` function returns an array of color objects. Each key is named by concatenating the user-defined color name (above) with a numeric value.
+
+Colors with a **positive contrast ratio** with the base (ie, 2:1) will be named in increments of 100. For example, `gray100`, `gray200`.
+
+Colors with a **negative contrast ratio** with the base (ie -2:1) will be named in increments less than 100 and based on the number of negative values declared. For example, if there are 3 negative values `[-1.4, -1.3, -1.2, 1, 2, 3]`, the name for those values will be incremented by 100/4 (length plus one to avoid a `0` value), such as `gray25`, `gray50`, and `gray75`.
+
+Here is an example output from a theme:
+```js
+[
+  { background: "#e0e0e0" },
+  {
+    name: 'gray',
+    values: [
+      {name: "gray100", contrast: 1, value: "#e0e0e0"},
+      {name: "gray200", contrast: 2, value: "#a0a0a0"},
+      {name: "gray300", contrast: 3, value: "#808080"},
+      {name: "gray400", contrast: 4.5, value: "#646464"}
+    ]
+  },
+  {
+    name: 'blue',
+    values: [
+      {name: "blue100", contrast: 2, value: "#b18cff"},
+      {name: "blue200", contrast: 3, value: "#8d63ff"},
+      {name: "blue300", contrast: 4.5, value: "#623aff"},
+      {name: "blue400", contrast: 8, value: "#1c0ad1"}
+    ]
+  }
+]
+```
+
+#### Examples
+###### Creating your theme as a function
+```js
+let myPalette = {
+  colorScales: [
+    {
+      name: 'gray',
+      colorKeys: ['#cacaca'],
+      colorspace: 'HSL',
+      ratios: [1, 2, 3, 4.5, 8, 12]
+    },
+    {
+      name: 'blue',
+      colorKeys: ['#5CDBFF', '#0000FF'],
+      colorspace: 'HSL',
+      ratios: [3, 4.5]
+    },
+    {
+      name: 'red',
+      colorKeys: ['#FF9A81', '#FF0000'],
+      colorspace: 'HSL',
+      ratios: [3, 4.5]
+    }
+  ],
+  baseScale: 'gray'
+}
+
+let myTheme = generateAdaptiveTheme(myPalette);
+
+myTheme(95, 1.2) // outputs colors with background lightness of 95 and ratios increased by 1.2
+```
+
+###### Creating static instances of your theme
+```js
+// theme on light gray
+let lightTheme = generateAdaptiveTheme(95);
+
+// theme on dark gray with increased contrast
+let darkTheme = generateAdaptiveTheme(20, 1.3);
+```
+
+###### Assigning output to CSS properties
+```js
+let varPrefix = '--';
+
+// Iterate each color object
+for (let i = 0; i < myTheme.length; i++) {
+  // Iterate each value object within each color object
+  for(let j = 0; j < myTheme[i].values.length; j++) {
+    // output "name" of color and prefix
+    let key = myTheme[i].values[j].name;
+    let prop = varPrefix.concat(key);
+    // output value of color
+    let value = myTheme[i].values[j].value;
+    // create CSS property with name and value
+    document.documentElement.style
+      .setProperty(prop, value);
+  }
+}
+```
+
 ### generateContrastColors
 
 Primary function used to generate colors based on target contrast ratios. Parameters are destructured and need to be explicitly called, such as `colorKeys: ["#f26322"]`.
 
-```
+```js
 generateContrastColors({colorKeys, base, ratios, colorspace})
 ```
 
-**colorKeys** *[array]*: list of colors referenced to generate a lightness scale. Much like [key frames](https://en.wikipedia.org/wiki/Key_frame), key colors are single points by which additional colors will be interpolated between.
+#### `colorKeys` *[array]*:
+List of colors referenced to generate a lightness scale. Much like [key frames](https://en.wikipedia.org/wiki/Key_frame), key colors are single points by which additional colors will be interpolated between.
 
-**base** *string*: references the color value that the color is to be generated from.
+#### `base` *string*:
+References the color value that the color is to be generated from.
 
-**ratios** *[array]*: list of numbers to be used as target contrast ratios.
+#### `ratios` *[array]*:
+List of numbers to be used as target contrast ratios.
 
-**colorspace** *string*: the colorspace in which the key colors will be interpolated within. Below are the available options:
+#### `colorspace` *string*:
+The colorspace in which the key colors will be interpolated within. Below are the available options:
 
 - [Lch](https://en.wikipedia.org/wiki/HCL_color_space)
 - [Lab](https://en.wikipedia.org/wiki/CIELAB_color_space)
@@ -46,6 +195,16 @@ generateContrastColors({colorKeys, base, ratios, colorspace})
 - [HSV](https://en.wikipedia.org/wiki/HSL_and_HSV)
 - [RGB](https://en.wikipedia.org/wiki/RGB_color_space)
 
+### generateBaseScale
+
+This function is used to generate a color scale tailored specifically for use as a brightness scale when using Leonardo for brightness and contrast controls. Colors are generated that match HSLuv lightness values from `0` to `100` and are output as hex values.
+
+```js
+generateBaseScale({colorKeys, colorspace})
+```
+
+Only accepts **colorKeys** and **colorspace** parameters, as defined above for [`generateContrastColors`](#generateContrastColors)
+
 
 ## Why are not all contrast ratios available?
 You may notice the tool takes an input (target ratio) but most often outputs a contrast ratio slightly higher. This has to do with the available colors in the RGB color space, and the math associated with calculating these ratios.
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index ce3f15b8..d22102b0 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -36,6 +36,20 @@ function cArray(c) {
   return new Array(L, U, V);
 }
 
+function removeDuplicates(originalArray, prop) {
+  var newArray = [];
+  var lookupObject  = {};
+
+  for(var i in originalArray) {
+    lookupObject[originalArray[i][prop]] = originalArray[i];
+  }
+
+  for(i in lookupObject) {
+    newArray.push(lookupObject[i]);
+  }
+  return newArray;
+}
+
 function createScale({
   swatches,
   colorKeys,
@@ -195,6 +209,25 @@ function createScale({
   };
 }
 
+function generateBaseScale({
+  colorKeys,
+  colorspace = 'LAB'
+} = {}) {
+  // create massive scale
+  let swatches = 1000;
+  let scale = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1});
+  let newColors = scale.colorsHex;
+
+  let colorObj = newColors
+    // Convert to HSLuv and keep track of original indices
+    .map((c, i) => { return { value: Number(cArray(c)[2].toFixed(0)), index: i } });
+
+  let filteredArr = removeDuplicates(colorObj, "value")
+    .map(data => newColors[data.index]);
+
+  return filteredArr;
+}
+
 function generateContrastColors({
   colorKeys,
   base,
@@ -207,6 +240,14 @@ function generateContrastColors({
   if (!colorKeys) {
     throw new Error(`Color Keys are undefined`);
   }
+  for (let i=0; i<colorKeys.length; i++) {
+    if (colorKeys[i].length < 6) {
+      throw new Error('Color Key must be greater than 6 and include hash # if hex.');
+    }
+    else if (colorKeys[i].length == 6 && colorKeys[i].charAt(0) != 0) {
+      throw new Error('Color Key missing hash #');
+    }
+  }
   if (!ratios) {
     throw new Error(`Ratios are undefined`);
   }
@@ -248,10 +289,6 @@ function luminance(r, g, b) {
   return (a[0] * 0.2126) + (a[1] * 0.7152) + (a[2] * 0.0722);
 }
 
-// function percievedLum(r, g, b) {
-//   return (0.299*r + 0.587*g + 0.114*b);
-// }
-
 function contrast(color, base, baseV) {
   let colorLum = luminance(color[0], color[1], color[2]);
   let baseLum = luminance(base[0], base[1], base[2]);
@@ -277,6 +314,138 @@ function contrast(color, base, baseV) {
   }
 }
 
+function minPositive(r) {
+  if (!r) { throw new Error('Array undefined');}
+  if (!Array.isArray(r)) { throw new Error('Passed object is not an array');}
+  let arr = [];
+
+  for(let i=0; i < r.length; i++) {
+    if(r[i] >= 1) {
+      arr.push(r[i]);
+    }
+  }
+  return Math.min(...arr);
+}
+
+function ratioName(r) {
+  if (!r) { throw new Error('Ratios undefined');}
+  r = r.sort(function(a, b){return a - b}); // sort ratio array in case unordered
+
+  let min = minPositive(r);
+  let minIndex = r.indexOf(min);
+  let nArr = []; // names array
+
+  let rNeg = r.slice(0, minIndex);
+  let rPos = r.slice(minIndex, r.length);
+
+  // Name the negative values
+  for (let i=0; i < rNeg.length; i++) {
+    let d = 1/(rNeg.length + 1);
+    let m = d * 100;
+    let nVal = m * (i + 1);
+    nArr.push(Number(nVal.toFixed()));
+  }
+  // Name the positive values
+  for (let i=0; i < rPos.length; i++) {
+    nArr.push((i+1)*100);
+  }
+  nArr.sort(function(a, b){return a - b}); // just for safe measure
+
+  return nArr;
+}
+
+function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1}) {
+  if (!baseScale) {
+    throw new Error('baseScale is undefined');
+  }
+  let found = false;
+  for(let i = 0; i < colorScales.length; i++) {
+    if (colorScales[i].name !== baseScale) {
+      found = true;
+    }
+  }
+  if (found = false) {
+    throw new Error('baseScale must match the name of a colorScales object');
+  }
+
+  if (!colorScales) {
+    throw new Error('colorScales are undefined');
+  }
+  if (!Array.isArray(colorScales)) {
+    throw new Error('colorScales must be an array of objects');
+  }
+
+  if (brightness === undefined) {
+    return function(brightness, contrast) {
+      return generateAdaptiveTheme({baseScale: baseScale, colorScales: colorScales, brightness: brightness, contrast: contrast});
+    }
+  }
+  else {
+    // Find color object matching base scale
+    let baseIndex = colorScales.findIndex( x => x.name === baseScale );
+    let baseKeys = colorScales[baseIndex].colorKeys;
+    let baseMode = colorScales[baseIndex].colorspace;
+
+    // define params to pass as bscale
+    let bscale = generateBaseScale({colorKeys: baseKeys, colorspace: baseMode}); // base parameter to create base scale (0-100)
+    let bval = bscale[brightness];
+    let baseObj = {
+      background: bval
+    };
+
+    let arr = [];
+    arr.push(baseObj);
+
+    for (let i = 0; i < colorScales.length; i++) {
+      if (!colorScales[i].name) {
+        throw new Error('Color missing name');
+      }
+      let name = colorScales[i].name;
+      let ratios = colorScales[i].ratios;
+      let newArr = [];
+      let colorObj = {
+        name: name,
+        values: newArr
+      };
+
+      ratios = ratios.map(function(d) {
+        let r;
+        if(d > 1) {
+          r = ((d-1) * contrast) + 1;
+        }
+        else if(d < -1) {
+          r = ((d+1) * contrast) - 1;
+        }
+        else {
+          r = 1;
+        }
+        return Number(r.toFixed(2));
+      });
+
+      let outputColors = generateContrastColors({
+        colorKeys: colorScales[i].colorKeys,
+        colorspace: colorScales[i].colorspace,
+        ratios: ratios,
+        base: bval});
+
+      for (let i=0; i < outputColors.length; i++) {
+        let rVal = ratioName(ratios)[i];
+        let n = name.concat(rVal);
+
+        let obj = {
+          name: n,
+          contrast: ratios[i],
+          value: outputColors[i]
+        };
+        newArr.push(obj)
+      }
+      arr.push(colorObj);
+    }
+
+    return arr;
+  }
+}
+
 // Binary search to find index of contrast ratio that is input
 // Modified from https://medium.com/hackernoon/programming-with-js-binary-search-aaf86cef9cb3
 function binarySearch(list, value, baseLum) {
@@ -323,5 +492,9 @@ export {
   luminance,
   contrast,
   binarySearch,
-  generateContrastColors
+  generateBaseScale,
+  generateContrastColors,
+  minPositive,
+  ratioName,
+  generateAdaptiveTheme
 };
diff --git a/packages/contrast-colors/test/generateAdaptiveTheme.test.js b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
new file mode 100644
index 00000000..37b612b2
--- /dev/null
+++ b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
@@ -0,0 +1,448 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { generateAdaptiveTheme } from '../index.js';
+
+test('should generate theme for three colors', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: "gray",
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca', '#323232'],
+        colorspace: 'HSL',
+        ratios: [1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ]});
+    let themeLight = theme(90);;
+
+    expect(themeLight).toEqual([
+      { background: "#e1e1e1" },
+      {
+        name: 'gray',
+        values: [
+          {name: "gray100", contrast: 1, value: "#e0e0e0"},
+          {name: "gray200", contrast: 1.2, value: "#cecece"},
+          {name: "gray300", contrast: 1.4, value: "#bfbfbf"},
+          {name: "gray400", contrast: 2, value: "#a0a0a0"},
+          {name: "gray500", contrast: 3, value: "#808080"},
+          {name: "gray600", contrast: 4.5, value: "#646464"},
+          {name: "gray700", contrast: 6, value: "#525252"},
+          {name: "gray800", contrast: 8, value: "#404040"},
+          {name: "gray900", contrast: 12, value: "#232323"},
+          {name: "gray1000", contrast: 21, value: "#000000"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "blue100", contrast: 2, value: "#b18cff"},
+          {name: "blue200", contrast: 3, value: "#8d63ff"},
+          {name: "blue300", contrast: 4.5, value: "#623aff"},
+          {name: "blue400", contrast: 8, value: "#1c0ad1"},
+          {name: "blue500", contrast: 12, value: "#211068"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red100", contrast: 2, value: "#ff7474"},
+          {name: "red200", contrast: 3, value: "#ff1313"},
+          {name: "red300", contrast: 4.5, value: "#cc0000"},
+          {name: "red400", contrast: 8, value: "#860000"},
+          {name: "red500", contrast: 12, value: "#500000"}
+        ]
+      }
+    ]);
+
+});
+
+test('should generate theme for three colors with negative ratios', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: "gray",
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca'],
+        colorspace: 'HSL',
+        ratios: [-1.8, -1.2, 1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ]});
+    let themeLight = theme(90);;
+
+    expect(themeLight).toEqual([
+        { background: "#e1e1e1" },
+        {
+          name: "gray",
+          values: [
+            {name: "gray33", contrast: -1.8, value: "#ffffff"},
+            {name: "gray67", contrast: -1.2, value: "#f5f5f5"},
+            {name: "gray100", contrast: 1, value: "#e0e0e0"},
+            {name: "gray200", contrast: 1.2, value: "#cecece"},
+            {name: "gray300", contrast: 1.4, value: "#c0c0c0"},
+            {name: "gray400", contrast: 2, value: "#a0a0a0"},
+            {name: "gray500", contrast: 3, value: "#808080"},
+            {name: "gray600", contrast: 4.5, value: "#646464"},
+            {name: "gray700", contrast: 6, value: "#525252"},
+            {name: "gray800", contrast: 8, value: "#404040"},
+            {name: "gray900", contrast: 12, value: "#242424"},
+            {name: "gray1000", contrast: 21, value: "#000000"}
+          ]
+        },
+        {
+          name: "blue",
+          values: [
+            {name: "blue100", contrast: 2, value: "#b18cff"},
+            {name: "blue200", contrast: 3, value: "#8d63ff"},
+            {name: "blue300", contrast: 4.5, value: "#623aff"},
+            {name: "blue400", contrast: 8, value: "#1c0ad1"},
+            {name: "blue500", contrast: 12, value: "#211068"}
+          ]
+        },
+        {
+          name: "red",
+          values: [
+            {name: "red100", contrast: 2, value: "#ff7474"},
+            {name: "red200", contrast: 3, value: "#ff1313"},
+            {name: "red300", contrast: 4.5, value: "#cc0000"},
+            {name: "red400", contrast: 8, value: "#860000"},
+            {name: "red500", contrast: 12, value: "#500000"}
+          ]
+        }
+      ]);
+});
+
+test('should generate theme for three colors using variables as parameters', function() {
+  let tempRatios = [2, 3, 4.5, 8, 12];
+  let baseRatios = [1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21];
+  let gray = {
+    name: "gray",
+    colorKeys: ['#cacaca'],
+    colorspace: 'HSL',
+    ratios: baseRatios
+  };
+  let blue = {
+    name: "blue",
+    colorKeys: ['#0000ff'],
+    colorspace: 'LAB',
+    ratios: tempRatios
+  };
+  let red = {
+    name: "red",
+    colorKeys: ['#ff0000'],
+    colorspace: 'RGB',
+    ratios: tempRatios
+  };
+  let brightness = 90;
+
+  let theme = generateAdaptiveTheme({baseScale: gray.name, colorScales: [gray, blue, red]});
+  let themeLight = theme(90);;
+
+  expect(themeLight).toEqual([
+    { background: "#e1e1e1" },
+    {
+      name: 'gray',
+      values: [
+        {name: "gray100", contrast: 1, value: "#e0e0e0"},
+        {name: "gray200", contrast: 1.2, value: "#cecece"},
+        {name: "gray300", contrast: 1.4, value: "#c0c0c0"},
+        {name: "gray400", contrast: 2, value: "#a0a0a0"},
+        {name: "gray500", contrast: 3, value: "#808080"},
+        {name: "gray600", contrast: 4.5, value: "#646464"},
+        {name: "gray700", contrast: 6, value: "#525252"},
+        {name: "gray800", contrast: 8, value: "#404040"},
+        {name: "gray900", contrast: 12, value: "#242424"},
+        {name: "gray1000", contrast: 21, value: "#000000"}
+      ]
+    },
+    {
+      name: 'blue',
+      values: [
+        {name: "blue100", contrast: 2, value: "#b18cff"},
+        {name: "blue200", contrast: 3, value: "#8d63ff"},
+        {name: "blue300", contrast: 4.5, value: "#623aff"},
+        {name: "blue400", contrast: 8, value: "#1c0ad1"},
+        {name: "blue500", contrast: 12, value: "#211068"}
+      ]
+    },
+    {
+      name: 'red',
+      values: [
+        {name: "red100", contrast: 2, value: "#ff7474"},
+        {name: "red200", contrast: 3, value: "#ff1313"},
+        {name: "red300", contrast: 4.5, value: "#cc0000"},
+        {name: "red400", contrast: 8, value: "#860000"},
+        {name: "red500", contrast: 12, value: "#500000"}
+      ]
+    }
+  ]);
+
+});
+
+test('should generate theme with increased contrast', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: 'gray',
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca'],
+        colorspace: 'HSL',
+        ratios: [-1.8, -1.2, 1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ]});
+    let themeLight = theme(90, 1.4);;
+
+    expect(themeLight).toEqual([
+      { background: "#e1e1e1" },
+      {
+        name: 'gray',
+        values: [
+          {name: "gray33", contrast: -2.12, value: "#ffffff"},
+          {name: "gray67", contrast: -1.28, value: "#fdfdfd"},
+          {name: "gray100", contrast: 1, value: "#e0e0e0"},
+          {name: "gray200", contrast: 1.28, value: "#c8c8c8"},
+          {name: "gray300", contrast: 1.56, value: "#b5b5b5"},
+          {name: "gray400", contrast: 2.4, value: "#929292"},
+          {name: "gray500", contrast: 3.8, value: "#707070"},
+          {name: "gray600", contrast: 5.9, value: "#525252"},
+          {name: "gray700", contrast: 8, value: "#404040"},
+          {name: "gray800", contrast: 10.8, value: "#2c2c2c"},
+          {name: "gray900", contrast: 16.4, value: "#000000"},
+          {name: "gray1000", contrast: 29, value: "#000000"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "blue100", contrast: 2.4, value: "#a179ff"},
+          {name: "blue200", contrast: 3.8, value: "#764bff"},
+          {name: "blue300", contrast: 5.9, value: "#3418ff"},
+          {name: "blue400", contrast: 10.8, value: "#231086"},
+          {name: "blue500", contrast: 16.4, value: "#000000"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red100", contrast: 2.4, value: "#ff5555"},
+          {name: "red200", contrast: 3.8, value: "#e10000"},
+          {name: "red300", contrast: 5.9, value: "#aa0000"},
+          {name: "red400", contrast: 10.8, value: "#5f0000"},
+          {name: "red500", contrast: 16.4, value: "#000000"}
+        ]
+      }
+    ]);
+
+});
+
+test('should generate white theme with increased contrast', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: 'gray',
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca'],
+        colorspace: 'HSL',
+        ratios: [-1.8, -1.2, 1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ]});
+    let themeLight = theme(100, 2);;
+
+    expect(themeLight).toEqual([
+      { background: "#fefefe" },
+      {
+        name: 'gray',
+        values: [
+          {name: "gray33", contrast: -2.6, value: "#ffffff"},
+          {name: "gray67", contrast: -1.4, value: "#ffffff"},
+          {name: "gray100", contrast: 1, value: "#fefefe"},
+          {name: "gray200", contrast: 1.4, value: "#d9d9d9"},
+          {name: "gray300", contrast: 1.8, value: "#c0c0c0"},
+          {name: "gray400", contrast: 3, value: "#949494"},
+          {name: "gray500", contrast: 5, value: "#6f6f6f"},
+          {name: "gray600", contrast: 8, value: "#505050"},
+          {name: "gray700", contrast: 11, value: "#3b3b3b"},
+          {name: "gray800", contrast: 15, value: "#272727"},
+          {name: "gray900", contrast: 23, value: "#000000"},
+          {name: "gray1000", contrast: 41, value: "#000000"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "blue100", contrast: 3, value: "#a47cff"},
+          {name: "blue200", contrast: 5, value: "#744aff"},
+          {name: "blue300", contrast: 8, value: "#2610ff"},
+          {name: "blue400", contrast: 15, value: "#221073"},
+          {name: "blue500", contrast: 23, value: "#000000"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red100", contrast: 3, value: "#ff5c5c"},
+          {name: "red200", contrast: 5, value: "#e00000"},
+          {name: "red300", contrast: 8, value: "#a60000"},
+          {name: "red400", contrast: 15, value: "#560000"},
+          {name: "red500", contrast: 23, value: "#000000"}
+        ]
+      }
+    ]);
+
+});
+
+test('should generate dark theme with increased contrast', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: 'gray',
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca'],
+        colorspace: 'HSL',
+        ratios: [-1.8, -1.2, 1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ]});
+    let themeLight = theme(20, 1.5);;
+
+    expect(themeLight).toEqual([
+      { background: "#303030" },
+      {
+        name: 'gray',
+        values: [
+          {name: "gray33", contrast: -2.2, value: "#000000"},
+          {name: "gray67", contrast: -1.3, value: "#1c1c1c"},
+          {name: "gray100", contrast: 1, value: "#303030"},
+          {name: "gray200", contrast: 1.3, value: "#414141"},
+          {name: "gray300", contrast: 1.6, value: "#4f4f4f"},
+          {name: "gray400", contrast: 2.5, value: "#6b6b6b"},
+          {name: "gray500", contrast: 4, value: "#8e8e8e"},
+          {name: "gray600", contrast: 6.25, value: "#b3b3b3"},
+          {name: "gray700", contrast: 8.5, value: "#d0d0d0"},
+          {name: "gray800", contrast: 11.5, value: "#efefef"},
+          {name: "gray900", contrast: 17.5, value: "#ffffff"},
+          {name: "gray1000", contrast: 31, value: "#ffffff"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "blue100", contrast: 2.5, value: "#6f45ff"},
+          {name: "blue200", contrast: 4, value: "#9d73ff"},
+          {name: "blue300", contrast: 6.25, value: "#c3a3ff"},
+          {name: "blue400", contrast: 11.5, value: "#f4edff"},
+          {name: "blue500", contrast: 17.5, value: "#ffffff"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red100", contrast: 2.5, value: "#da0000"},
+          {name: "red200", contrast: 4, value: "#ff4b4b"},
+          {name: "red300", contrast: 6.25, value: "#ff9494"},
+          {name: "red400", contrast: 11.5, value: "#ffebeb"},
+          {name: "red500", contrast: 17.5, value: "#ffffff"}
+        ]
+      }
+    ]);
+});
+
+// Should throw errors
+
+test('should throw error, not valid base scale option', function() {
+  expect(
+    () => {
+      let theme = generateAdaptiveTheme({
+        baseScale: 'orange',
+        colorScales: [
+          {
+            name: "gray",
+            colorKeys: ['#cacaca'],
+            colorspace: 'HSL',
+            ratios: [-1.8, -1.2, 1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+          },
+          {
+            name: "blue",
+            colorKeys: ['#0000ff'],
+            colorspace: 'LAB',
+            ratios: [2, 3, 4.5, 8, 12]
+          },
+          {
+            name: "red",
+            colorKeys: ['#ff0000'],
+            colorspace: 'RGB',
+            ratios: [2, 3, 4.5, 8, 12]
+          }
+        ],
+        brightness: 97
+      });
+    }
+  ).toThrow();
+});
diff --git a/packages/contrast-colors/test/generateBaseScale.test.js b/packages/contrast-colors/test/generateBaseScale.test.js
new file mode 100644
index 00000000..ef50a489
--- /dev/null
+++ b/packages/contrast-colors/test/generateBaseScale.test.js
@@ -0,0 +1,41 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { generateBaseScale } from '../index.js';
+
+// Test simple generation in all color spaces
+test('should generate 101 grayscale colors in default LAB colorspace)', function() {
+  let colors = generateBaseScale({colorKeys: ['#ffffff']});;
+
+  expect(colors).toEqual([ '#000000', '#020202', '#060606', '#0a0a0a', '#0d0d0d', '#101010', '#131313', '#151515', '#171717', '#191919', '#1b1b1b', '#1d1d1d', '#1f1f1f', '#212121', '#232323', '#252525', '#272727', '#292929', '#2b2b2b', '#2e2e2e', '#303030', '#323232', '#343434', '#363636', '#383838', '#3b3b3b', '#3d3d3d', '#3f3f3f', '#414141', '#444444', '#464646', '#484848', '#4b4b4b', '#4d4d4d', '#4f4f4f', '#525252', '#545454', '#565656', '#595959', '#5b5b5b', '#5e5e5e', '#606060', '#626262', '#656565', '#676767', '#6a6a6a', '#6c6c6c', '#6f6f6f', '#717171', '#747474', '#767676', '#797979', '#7b7b7b', '#7e7e7e', '#808080', '#838383', '#858585', '#888888', '#8b8b8b', '#8d8d8d', '#909090', '#929292', '#959595', '#989898', '#9a9a9a', '#9d9d9d', '#a0a0a0', '#a2a2a2', '#a5a5a5', '#a8a8a8', '#aaaaaa', '#adadad', '#b0b0b0', '#b2b2b2', '#b5b5b5', '#b8b8b8', '#bababa', '#bdbdbd', '#c0c0c0', '#c3c3c3', '#c5c5c5', '#c8c8c8', '#cbcbcb', '#cecece', '#d1d1d1', '#d3d3d3', '#d6d6d6', '#d9d9d9', '#dcdcdc', '#dfdfdf', '#e1e1e1', '#e4e4e4', '#e7e7e7', '#eaeaea', '#ededed', '#f0f0f0', '#f3f3f3', '#f5f5f5', '#f8f8f8', '#fbfbfb', '#fefefe' ]);
+
+});
+
+test('should generate 101 blue toned grayscale colors in HSL space)', function() {
+  let colors = generateBaseScale({colorKeys: ['#4a5b7b','#72829c','#a6b2c6'], colorspace: 'HSL'});;
+
+  expect(colors).toEqual([ '#000000', '#020203', '#050608', '#080a0d', '#0a0d11', '#0d1015', '#0f1319', '#11151c', '#12171f', '#141921', '#161b24', '#171d27', '#191f2a', '#1b212c', '#1c232f', '#1e2532', '#202734', '#222938', '#242c3b', '#252e3e', '#273040', '#283243', '#2a3446', '#2c374a', '#2e394d', '#303b4f', '#313d52', '#343f56', '#354259', '#37445b', '#39465e', '#3b4862', '#3d4b65', '#3e4d68', '#414f6b', '#42526e', '#445471', '#465775', '#485978', '#4a5b7c', '#4c5e7e', '#4f6080', '#516383', '#536585', '#566887', '#586a89', '#5b6d8c', '#5d6f8e', '#607291', '#627493', '#657795', '#687a98', '#6a7c99', '#6e7f9a', '#70819b', '#74849e', '#7686a0', '#7989a2', '#7c8ba5', '#7e8ea7', '#8291a9', '#8493ab', '#8796ae', '#8a98b0', '#8c9bb2', '#8f9eb5', '#93a0b7', '#95a3b9', '#98a6bc', '#9ba8be', '#9eabc0', '#a1aec2', '#a4b0c4', '#a7b3c7', '#aab6c9', '#aeb9cb', '#b0bbcc', '#b3becf', '#b7c0d1', '#bac3d3', '#bdc6d4', '#c0c9d7', '#c4ccd9', '#c6cedb', '#c9d1dd', '#cdd4df', '#d1d7e1', '#d3d9e3', '#d6dce5', '#d9dfe7', '#dde2e9', '#e1e5eb', '#e3e7ed', '#e6eaef', '#eaedf1', '#edf0f4', '#f1f3f6', '#f4f5f8', '#f7f8fa', '#fafbfc', '#fdfefe' ]);
+
+});
+
+test('should generate 101 blue toned grayscale colors in LAB space)', function() {
+  let colors = generateBaseScale({colorKeys: ['#4a5b7b','#72829c','#a6b2c6'], colorspace: 'LAB'});;
+
+  expect(colors).toEqual([ '#000000', '#020202', '#050608', '#080a0d', '#0b0d10', '#0e1013', '#111317', '#131519', '#14171c', '#16191e', '#181b21', '#191d24', '#1b1f27', '#1c2129', '#1e232c', '#20252f', '#212732', '#232935', '#252b39', '#272e3c', '#28303e', '#2a3241', '#2b3444', '#2e3647', '#2f394b', '#313b4e', '#333d50', '#343f54', '#364257', '#38445a', '#39465d', '#3c4861', '#3d4b64', '#3f4d67', '#414f6b', '#43526e', '#445471', '#475675', '#485978', '#4b5c7b', '#4d5e7d', '#4f607f', '#526382', '#546583', '#576886', '#596a88', '#5c6d8a', '#5e6f8c', '#61728e', '#647490', '#677793', '#697995', '#6c7c97', '#6f7f99', '#71819b', '#74849d', '#7786a0', '#7989a2', '#7c8ca4', '#7f8ea6', '#8291a9', '#8493ab', '#8796ad', '#8a98b0', '#8d9bb2', '#909eb4', '#93a0b6', '#95a3b9', '#99a6bb', '#9ca8be', '#9eabc0', '#a1aec2', '#a4b0c4', '#a7b3c7', '#aab6c9', '#aeb9cb', '#b0bbcd', '#b4becf', '#b7c0d1', '#bac3d3', '#bdc6d5', '#c0c9d7', '#c4ccd9', '#c6cedb', '#cad1dd', '#cdd4df', '#d1d7e1', '#d3d9e3', '#d6dce5', '#dadfe7', '#dde2e9', '#e1e5ec', '#e3e7ed', '#e7eaef', '#eaedf1', '#edf0f4', '#f1f2f6', '#f4f5f8', '#f7f8fa', '#fafbfc', '#fdfefe' ]);
+
+});
+
+test('should generate 101 blue colors in HSLuv space)', function() {
+  let colors = generateBaseScale({colorKeys: ['#6FA7FF', '#B5E6FF'], colorspace: 'HSLuv'});;
+
+  expect(colors).toEqual([ '#000001', '#000207', '#000612', '#000a1b', '#000d20', '#001025', '#00132a', '#00152e', '#001731', '#001935', '#001b38', '#001d3b', '#001f3f', '#002143', '#002347', '#00254b', '#00284e', '#002a52', '#002c55', '#002e59', '#00305c', '#003260', '#003465', '#003768', '#00396c', '#003b6f', '#003d74', '#004078', '#00427b', '#00447f', '#004784', '#004987', '#004b8b', '#004d90', '#005094', '#005297', '#00559c', '#00579f', '#0059a4', '#005ca8', '#005eac', '#0061b1', '#0063b4', '#0066b9', '#0068bd', '#006ac2', '#006dc5', '#0070cb', '#0072ce', '#0074d3', '#0077d7', '#0079dc', '#007ce0', '#007fe4', '#0081e8', '#0084ed', '#0086f2', '#0089f6', '#008cfb', '#008efe', '#2191ff', '#2f93ff', '#3b96ff', '#4799ff', '#4e9bff', '#579eff', '#5da0ff', '#64a3ff', '#6ca6ff', '#6fa9ff', '#70acff', '#71b0ff', '#73b3ff', '#75b6ff', '#77baff', '#79bdff', '#7cc0ff', '#7fc3ff', '#82c7ff', '#86caff', '#8acdff', '#8ed0ff', '#92d2ff', '#96d5ff', '#9ad8ff', '#9fdbff', '#a4deff', '#aae1ff', '#aee3ff', '#b4e6ff', '#bbe8ff', '#c1eaff', '#c9ecff', '#d1efff', '#d7f1ff', '#ddf3ff', '#e3f5ff', '#eaf7ff', '#f1faff', '#f6fcff', '#fcfeff' ]);
+
+});
diff --git a/packages/contrast-colors/test/generateContrastColors.test.js b/packages/contrast-colors/test/generateContrastColors.test.js
index 6a08efe8..e2e206de 100644
--- a/packages/contrast-colors/test/generateContrastColors.test.js
+++ b/packages/contrast-colors/test/generateContrastColors.test.js
@@ -19,6 +19,13 @@ test('should generate 2 colors (CAM02 interpolation)', function() {
 
 });
 
+test('should generate 2 named colors (CAM02 interpolation)', function() {
+  let colors = generateContrastColors({name: 'Cerulean', colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02'});;
+
+  expect(colors).toEqual([ '#5490e0', '#2c66f1' ]);
+
+});
+
 test('should generate 2 colors (LAB interpolation)', function() {
   let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'LAB'});;
 
@@ -146,3 +153,19 @@ test('should generate no colors, missing base', function() {
     }
   ).toThrow();
 });
+
+test('should throw error, missing hash on hex value', function() {
+  expect(
+    () => {
+      let colors = generateContrastColors({colorKeys: ['#2451FF', 'C9FEFE', '#012676'], ratios: [3, 4.5]}) // third color missing hash #
+    }
+  ).toThrow();
+});
+
+test('should throw error, incomplete hex value', function() {
+  expect(
+    () => {
+      let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEF', '#012676'], ratios: [3, 4.5]}) // third color missing final hex code
+    }
+  ).toThrow();
+});
diff --git a/packages/contrast-colors/test/minPositive.test.js b/packages/contrast-colors/test/minPositive.test.js
new file mode 100644
index 00000000..4ea5b2b3
--- /dev/null
+++ b/packages/contrast-colors/test/minPositive.test.js
@@ -0,0 +1,26 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { minPositive } from '../index.js';
+
+test('should return 1', function() {
+  let result = minPositive([1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]);;
+
+  expect(result).toEqual(1);
+
+});
+
+test('should return 2', function() {
+  let result = minPositive([-3, -2, -1.2, 2, 3, 4.5, 6, 8, 12, 21]);;
+
+  expect(result).toEqual(2);
+
+});
diff --git a/packages/contrast-colors/test/ratioName.test.js b/packages/contrast-colors/test/ratioName.test.js
new file mode 100644
index 00000000..0a3e5396
--- /dev/null
+++ b/packages/contrast-colors/test/ratioName.test.js
@@ -0,0 +1,27 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { ratioName } from '../index.js';
+
+test('should output 10 numbers incremented by 100', function() {
+  let theme = ratioName([1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]);;
+
+  expect(theme).toEqual([100, 200, 300, 400, 500, 600, 700, 800, 900, 1000]);
+
+});
+
+
+test('should output 10 numbers with first at 50', function() {
+  let theme = ratioName([-1.5, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]);;
+
+  expect(theme).toEqual([50, 100, 200, 300, 400, 500, 600, 700, 800, 900]);
+
+});
diff --git a/packages/ui/src/demo.html b/packages/ui/src/demo.html
index 538686be..9b5f13f8 100644
--- a/packages/ui/src/demo.html
+++ b/packages/ui/src/demo.html
@@ -35,14 +35,14 @@ <h2>Leonardo Demo App</h2>
     <div id="controls">
       <div class="form-Item">
         <label for="sliderBrightness">Brightness</label>
-        <input id="sliderBrightness" name="sliderBrightness" type="range" step="1" onInput="createColors()"></input>
+        <input id="sliderBrightness" name="sliderBrightness" type="range" step="1"></input>
       </div>
       <div class="form-Item">
         <label for="sliderContrast">Contrast</label>
-        <input id="sliderContrast" name="sliderContrast" type="range" min="1" max="5" step="0.05" onInput="createColors()" value="1"></input>
+        <input id="sliderContrast" name="sliderContrast" type="range" min="1" max="5" step="0.05" value="1"></input>
       </div>
       <div class="form-Item">
-        <input id="darkMode" name="darkMode" type="checkbox"  onInput="createColors()"/><label for="darkMode">Dark Mode</label>
+        <input id="darkMode" name="darkMode" type="checkbox"/><label for="darkMode">Dark Mode</label>
       </div>
     </div>
   </header>
diff --git a/packages/ui/src/demo.js b/packages/ui/src/demo.js
index 0808cb03..8125bb38 100644
--- a/packages/ui/src/demo.js
+++ b/packages/ui/src/demo.js
@@ -10,15 +10,15 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import * as contrastColors from '@adobe/leonardo-contrast-colors';
+import { generateContrastColors, generateBaseScale, generateAdaptiveTheme } from '@adobe/leonardo-contrast-colors';
 import './demo.css';
 
 
 function setup() {
   let br = document.getElementById('sliderBrightness');
-  br.min= "-15";
-  br.max= "0";
-  br.defaultValue = '-3';
+  br.min= "0";
+  br.max= "100";
+  br.defaultValue = "95";
 
   let calendar = document.getElementById('calendar')
   calendar.innerHTML = ' ';
@@ -124,130 +124,109 @@ createEvent(col4, 'event30', 'Gym', '-', 'catPersonal', 1);
 createEvent(col4, 'event60', 'Workshop', 'UT-440', 'catBlue', 4);
 createEvent(col4, 'event120', 'Backlog grooming', 'UT-112', 'catPrimary', 8);
 
-function createColors() {
-  var br = document.getElementById('sliderBrightness');
-  var con = document.getElementById('sliderContrast');
-  var mode = document.getElementById('darkMode');
-
-
-  var brVal = br.value * -1; // convert br.value to positive number to use as index
-  var conVal = con.value;
-
-  // TEST -> Define colors as configs and scales.
 
+// Define colors and ratios
+let baseRatios = [-1.1,1,1.12,1.25,1.45,1.75,2.25,3.01,4.52,7,11,16];
+let uiRatios = [1,1.12,1.3,2,3.01,4.52,7,11,16];
 
-  // generateContrastColors({base: "#f4f5f8"});
-  var baseRatios = [-1.1,1,1.12,1.25,1.45,1.75,2.25,3.01,4.52,7,11,16];
-  var uiRatios = [1,1.12,1.3,2,3.01,4.52,7,11,16];
+let gray = {
+  colorKeys: ["#4a5b7b","#72829c","#a6b2c6"],
+  colorspace: 'HSL'
+};
 
-  var grayScale = contrastColors.createScale({
-    swatches: 100,
-    colorKeys: ["#4a5b7b","#72829c","#a6b2c6"],
-    colorspace: 'HSL'
-  });
-  var base = grayScale.colors[5];
-  // console.log(grayScale.colors);
-
-  var baseScale = {
-    colorKeys: grayScale.colorKeys,
-    colorspace: grayScale.colorspace
-  }
+let purpleScale = {
+  name: "purple",
+  colorKeys: ["#7a4beb","#ac80f4","#2f0071"],
+  colorspace: "LAB",
+  ratios: uiRatios
+}
 
-  var purpleScale = {
-    colorKeys: ["#7a4beb","#ac80f4","#2f0071"],
-    colorspace: "LAB"
-  }
+let blueScale = {
+  name: "blue",
+  colorKeys: ['#0272d4','#b2f0ff','#55cfff','#0037d7'],
+  colorspace: "CAM02",
+  ratios: uiRatios
+};
+
+let greenScale = {
+  name: "green",
+  colorKeys: ["#4eb076","#2a5a45","#a7e3b4"],
+  colorspace: "HSL",
+  ratios: uiRatios
+}
+let redScale = {
+  name: "red",
+  colorKeys: ["#ea2825","#ffc1ad","#fd937e"],
+  colorspace: "LAB",
+  ratios: uiRatios
+};
+
+let goldScale = {
+  name: "gold",
+  colorKeys: ["#e8b221","#a06a00","#ffdd7c"],
+  colorspace: "HSL",
+  ratios: uiRatios
+}
 
-  var blueScale = {
-    colorKeys: ['#0272d4','#b2f0ff','#55cfff','#0037d7'],
-    colorspace: "CAM02"
-  };
+let grayScale =  {
+  name: "gray",
+  colorKeys: gray.colorKeys,
+  colorspace: gray.colorspace,
+  ratios: baseRatios
+};
 
-  var greenScale = {
-    colorKeys: ["#4eb076","#2a5a45","#a7e3b4"],
-    colorspace: "HSL"
-  }
-  var redScale = {
-    colorKeys: ["#ea2825","#ffc1ad","#fd937e"],
-    colorspace: "LAB"
-  };
-
-  var goldScale = {
-    colorKeys: ["#e8b221","#a06a00","#ffdd7c"],
-    colorspace: "HSL"
-  }
+function createColors() {
+  let br = document.getElementById('sliderBrightness');
+  let con = document.getElementById('sliderContrast');
+  let mode = document.getElementById('darkMode');
 
-  br.min= "-15";
-  br.max= "0";
+  let brVal = br.value;
+  let conVal = con.value;
 
   if(mode.checked == true) {
-    brVal = 80 + brVal;
-    var base = grayScale.colors[brVal];
+    br.min= "0";
+    br.max= "30";
+    if(brVal > 30) {
+      brVal = 15;
+      br.value = 15;
+    }
 
     document.documentElement.style.setProperty('--shadow-color', 'rgba(0, 0, 0, 0.5)');
   } else {
-    var base = grayScale.colors[brVal];
+    br.min= "85";
+    br.max= "100";
+    if(brVal < 80) {
+      brVal = 95;
+      br.value = 95;
+    }
+
     document.documentElement.style.setProperty('--shadow-color', 'rgba(0, 0, 0, 0.1)');
   }
 
-  baseRatios = baseRatios.map(function(d) {
-    var newVal = ((d-1) * conVal) + 1;
-    return newVal;
-  });
-  uiRatios = uiRatios.map(function(d) {
-    var newVal = ((d-1) * conVal) + 1;
-    return newVal;
-  });
-
-  // adaptColor();
-  let grayArray = contrastColors.generateContrastColors({colorKeys: baseScale.colorKeys, colorspace: baseScale.colorspace, base: base, ratios: baseRatios});
-  let redArray = contrastColors.generateContrastColors({colorKeys: redScale.colorKeys, colorspace: redScale.colorspace, base: base, ratios: uiRatios});
-  let blueArray = contrastColors.generateContrastColors({colorKeys: blueScale.colorKeys, colorspace: blueScale.colorspace, base: base, ratios: uiRatios});
-  let purpleArray = contrastColors.generateContrastColors({colorKeys: purpleScale.colorKeys, colorspace: purpleScale.colorspace, base: base, ratios: uiRatios});
-  let greenArray = contrastColors.generateContrastColors({colorKeys: greenScale.colorKeys, colorspace: greenScale.colorspace, base: base, ratios: uiRatios});
-  let goldArray = contrastColors.generateContrastColors({colorKeys: goldScale.colorKeys, colorspace: goldScale.colorspace, base: base, ratios: uiRatios});
-
-  // Grays
-  document.documentElement.style
-    .setProperty('--gray50', grayArray[0]);
-  for (let i=1; i<grayArray.length; i++) { // start after first value
-    let prop = '--gray' + (i * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, grayArray[i]);
-    console.log(prop);
-  }
-  // Blues
-  for (let i=0; i<blueArray.length; i++) {
-    let prop = '--blue' + ((i+1) * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, blueArray[i]);
-  }
-  // Purples
-  for (let i=0; i<purpleArray.length; i++) {
-    let prop = '--purple' + ((i+1) * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, purpleArray[i]);
-  }
-  // Greens
-  for (let i=0; i<greenArray.length; i++) {
-    let prop = '--green' + ((i+1) * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, greenArray[i]);
-  }
-  // Gold
-  for (let i=0; i<goldArray.length; i++) {
-    let prop = '--gold' + ((i+1) * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, goldArray[i]);
-  }
-  // Red
-  for (let i=0; i<redArray.length; i++) {
-    let prop = '--red' + ((i+1) * 100).toString();
-    document.documentElement.style
-      .setProperty(prop, redArray[i]);
+  let myTheme = generateAdaptiveTheme({
+    baseScale: gray,
+    colorScales: [grayScale, purpleScale, blueScale, greenScale, redScale, goldScale],
+    brightness: brVal,
+    contrast: conVal});
+
+  let varPrefix = '--';
+
+  for (let i=0; i<myTheme.length; i++) { // for each color
+    for(let j=0; j<myTheme[i].values.length; j++) { // for each value object
+      let key = myTheme[i].values[j].name; // output "name" of color
+      let prop = varPrefix.concat(key);
+      let value = myTheme[i].values[j].value; // output value of color
+
+      document.documentElement.style
+        .setProperty(prop, value);
+    }
   }
+
 }
 createColors();
 
+document.getElementById('darkMode').addEventListener('input', createColors)
+document.getElementById('sliderBrightness').addEventListener('input', createColors)
+document.getElementById('sliderContrast').addEventListener('input', createColors)
 
 window.createColors = createColors;
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index dd0a7f51..50a09aa8 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -46,6 +46,8 @@ window.luminance = contrastColors.luminance;
 window.contrast = contrastColors.contrast;
 window.generateContrastColors = contrastColors.generateContrastColors;
 window.contrastColors = contrastColors;
+window.generateBaseScale = contrastColors.generateBaseScale;
+window.generateAdaptiveTheme = contrastColors.generateAdaptiveTheme;
 
 import loadIcons from 'loadicons';
 loadIcons('./spectrum-css-icons.svg');
@@ -900,3 +902,8 @@ function updateCharts(selectObject) {
   colorSpaceFeedback(spaceOpt);
 }
 window.updateCharts = updateCharts;
+
+// Temporary
+window.generateBaseScale = generateBaseScale;
+window.minPositive = minPositive;
+window.ratioName = ratioName;

From c18ce6f9f0c507e88abc62e46df6e3ba27b49a9c Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 26 Feb 2020 10:06:59 -0700
Subject: [PATCH 44/74] docs: added development instructions to project-level
 readme (#56)

---
 README.md | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/README.md b/README.md
index 78522edb..6d54931a 100644
--- a/README.md
+++ b/README.md
@@ -71,5 +71,36 @@ The Leonardo web app leverages d3 for additional features such as generating 2d
 ## Contributing
 Contributions are welcomed! Read the [Contributing Guide](./.github/CONTRIBUTING.md) for more information.
 
+## Development
+
+To get started [developing Leonardo UI](packages/ui#development):
+
+*Note: [Yarn](https://yarnpkg.com/) must be installed on your machine*
+
+```sh
+# Install dependencies
+yarn install
+
+# Change directory to Leonardo UI
+cd packages/ui
+
+# Run local server
+yarn dev
+```
+
+To get started [developing Leonardo `contrast-colors` package](packages/contrast-colors#development):
+
+```sh
+# From root, change directory to contrast-colors
+cd packages/contrast-colors
+
+# Run tests and watch for changes
+yarn dev
+```
+
+Then, visit the live reloading web UIs here:
+http://localhost:1234/index.html
+http://localhost:1234/demo.html
+
 ## Licensing
 This project is licensed under the Apache V2 License. See [LICENSE](LICENSE) for more information.

From d0d487a09276e4fba7a74cc9297eaf8c74519014 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Fri, 28 Feb 2020 15:29:24 -0700
Subject: [PATCH 45/74] Generate theme UI (#54)

* added function for creating base scale

* updated demo contrast enhancement

* initial separation for base-scale package

* more refactoring with separate package

* Revert "updated demo contrast enhancement"

This reverts commit 2c932b2396aba6b86b005a58a1d44fef4efbbc15.
Modularization of base-scale to unique package moved to separate branch.

* Fixed revert errors. Updated demo for proper contrast multiplier mapping. Added test to generateBaseScale.

* created  function with tests

* added initial generateAdaptiveTheme function with tests

* feat: generateAdaptiveTheme outputs function allowing user to define theme as a function itself

* trivial: removed array brackets from test arguments for colorspace

* added error throw for missing name in color object

* feat: destructured arguments for generateAdaptiveTheme. Added condition to return values or return function depending on presence of brightness value

* updated Demo to use  function

* moved color config vars outside of createColors function for simplicity

* updated param names, demo, and tests. Added docs to README.md

* added output docs to readme

* update readme to show theme example at top of doc

* added function for creating base scale

* updated demo contrast enhancement

* initial separation for base-scale package

* more refactoring with separate package

* Revert "updated demo contrast enhancement"

This reverts commit 2c932b2396aba6b86b005a58a1d44fef4efbbc15.
Modularization of base-scale to unique package moved to separate branch.

* Fixed revert errors. Updated demo for proper contrast multiplier mapping. Added test to generateBaseScale.

* created  function with tests

* added initial generateAdaptiveTheme function with tests

* feat: generateAdaptiveTheme outputs function allowing user to define theme as a function itself

* trivial: removed array brackets from test arguments for colorspace

* added error throw for missing name in color object

* feat: destructured arguments for generateAdaptiveTheme. Added condition to return values or return function depending on presence of brightness value

* updated Demo to use  function

* moved color config vars outside of createColors function for simplicity

* updated param names, demo, and tests. Added docs to README.md

* added output docs to readme

* update readme to show theme example at top of doc

* updated generateAdaptiveTheme with currying

* updated theme output into structured json object

* updates to readme

* reformatting API reference in readme

* @trivial readme formatting

* updated docs, minPositive test, and formatting issues

* updated baseScale argument to be string enum of user input colorScale arguments

* added header tab and initial scaffolding for theme tab area in UI

* more work on theme tab

* added functions for creating theme color objects in UI

* added dynamic injection of colorspace options

* added functions to inputs within each color item, base scale select menu, and initial theme update function

* added visibility toggle and options updates for base color

* removed all theme js and html to theme files as new page

* fixed errors, updated tabs link style

* added --no-hmr to serve scripts to get dev working again

* added background slider functionality

* added individual swatch output and random colorname generation

* updated appheader tabs

* added enable/disable for theme controls based on presence of colors

* added missing disabled styles for slider

* added overflow to functions params output

* added URL output

* setup URL param read/write

* working on updates to base object

* updated with new proposal to generate-theme function input/output

* added CVD preview

* updated cvd labels to be informative

* added contrast slider

* made swatches focusable and click-to-copy

* enhanced focus state for color inputs

* added bulk input for each color item

* @trivial

* enhancements to deleting color items from theme

* toggle hide/show empty state and clear URL when no colors

* changed config visibility toggle to checkbox

* added swatch-only view for easier cvd-analysis of colors

* margin bottom for selected tab item

* style: positioning fix for swatch view

* added toast notification when in CVD preview mode

* fix: corrected demo based on generateAdaptiveTheme updates

* style: formatting demo inline code snippet

* feat: added edit option for each color scale to open in new tab. Updated buttons in Colors tab to be icon-only. Added titles for buttons for native tooltip display

* added URL import for color scales

* added modular getThemeData function and updated functions to properly update URL as UI is updated

* param setup now reads base color option. Updated CVD Preview to Simulation
---
 .../test/generateAdaptiveTheme.test.js        |    2 +-
 packages/ui/package.json                      |    8 +-
 packages/ui/src/demo.css                      |   11 +-
 packages/ui/src/demo.html                     |    2 +-
 packages/ui/src/demo.js                       |   32 +-
 packages/ui/src/index.html                    |  363 ++---
 packages/ui/src/index.js                      |   29 +-
 packages/ui/src/scss/colorinputs.scss         |    2 +-
 packages/ui/src/scss/style.scss               |  380 ++++-
 packages/ui/src/theme.html                    |  268 ++++
 packages/ui/src/theme.js                      | 1265 +++++++++++++++++
 yarn.lock                                     |   22 +
 12 files changed, 2189 insertions(+), 195 deletions(-)
 create mode 100644 packages/ui/src/theme.html
 create mode 100644 packages/ui/src/theme.js

diff --git a/packages/contrast-colors/test/generateAdaptiveTheme.test.js b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
index 37b612b2..fb0c6954 100644
--- a/packages/contrast-colors/test/generateAdaptiveTheme.test.js
+++ b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
@@ -414,8 +414,8 @@ test('should generate dark theme with increased contrast', function() {
     ]);
 });
 
-// Should throw errors
 
+// Should throw errors
 test('should throw error, not valid base scale option', function() {
   expect(
     () => {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index df042712..a1e771fc 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -6,13 +6,14 @@
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "scripts": {
-    "dev": "yarn copyIcons && npx parcel src/index.html src/converter.html src/demo.html",
+    "serve": "npx parcel src/index.html src/theme.html src/converter.html src/demo.html --no-hmr",
+    "dev": "yarn copyIcons && yarn serve",
     "copyIcons": "mkdir -p dist && yarn copyWorkflowIcons && yarn copyUIIcons",
     "copyWorkflowIcons": "cp -r ../../node_modules/@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg dist/",
     "copyUIIcons": "cp -r ../../node_modules/@spectrum-css/icon/dist/spectrum-css-icons.svg dist/",
     "copyCNAME": "cp -r src/CNAME dist/CNAME",
     "postPublish": "yarn deploySite",
-    "buildSite": "npx parcel build src/index.html src/converter.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
+    "buildSite": "npx parcel build src/index.html src/theme.html src/converter.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
     "deploySite": "yarn buildSite && npx ghpages -p dist"
   },
   "keywords": [
@@ -53,6 +54,7 @@
     "@spectrum-css/fieldgroup": "^2.0.2",
     "@spectrum-css/fieldlabel": "^2.0.2",
     "@spectrum-css/icon": "^2.0.2",
+    "@spectrum-css/illustratedmessage": "2.0.0",
     "@spectrum-css/link": "^2.0.2",
     "@spectrum-css/menu": "^2.1.1",
     "@spectrum-css/page": "^2.0.2",
@@ -60,11 +62,13 @@
     "@spectrum-css/slider": "^2.0.2",
     "@spectrum-css/tabs": "^2.1.1",
     "@spectrum-css/textfield": "^2.0.2",
+    "@spectrum-css/toast": "^2.0.4",
     "@spectrum-css/tooltip": "^2.0.2",
     "@spectrum-css/typography": "^2.0.2",
     "@spectrum-css/underlay": "^2.0.2",
     "@spectrum-css/vars": "^2.0.2",
     "clipboard": "^2.0.4",
+    "color-blind": "^0.1.1",
     "d3": "^5.12.0",
     "d3-3d": "0.0.9",
     "d3-cam02": "^0.1.5",
diff --git a/packages/ui/src/demo.css b/packages/ui/src/demo.css
index 362e2054..4e064bd7 100644
--- a/packages/ui/src/demo.css
+++ b/packages/ui/src/demo.css
@@ -56,7 +56,7 @@ body {
   font-size: 100%;
   margin: 0;
   padding: 0;
-  background-color: var(--backgroundDefault);
+  background-color: var(--background);
   color: var(--smallText);
   display: flex;
   flex-direction: column;
@@ -529,3 +529,12 @@ button + button,
   border-color: var(--red200);
   color: var(--red300);
 } */
+
+code {
+  font-size: 14px;
+    padding: 4px 6px;
+    background-color: var(--background);
+    border: 1px solid var(--gray200);
+    color: var(--green600);
+    border-radius: 4px;
+}
diff --git a/packages/ui/src/demo.html b/packages/ui/src/demo.html
index 9b5f13f8..70d23743 100644
--- a/packages/ui/src/demo.html
+++ b/packages/ui/src/demo.html
@@ -85,7 +85,7 @@ <h2 class="detailTitle"> Leonardo integration</h2>
             This app demonstrates how Leonardo can be used to create an adaptive color palette. The adaptibility of color is surfaced to the end-user via the brightness and contrast sliders at the top of the page.
           </p>
           <p>
-            Each color is generated using `generateContrastColors()`. Take a look at here to see how this demo app is built.
+            Each color is generated using <code>generateAdaptiveTheme()</code>. Take a look at here to see how this demo app is built.
           </p>
         </div>
       </div>
diff --git a/packages/ui/src/demo.js b/packages/ui/src/demo.js
index 8125bb38..bc953770 100644
--- a/packages/ui/src/demo.js
+++ b/packages/ui/src/demo.js
@@ -129,11 +129,6 @@ createEvent(col4, 'event120', 'Backlog grooming', 'UT-112', 'catPrimary', 8);
 let baseRatios = [-1.1,1,1.12,1.25,1.45,1.75,2.25,3.01,4.52,7,11,16];
 let uiRatios = [1,1.12,1.3,2,3.01,4.52,7,11,16];
 
-let gray = {
-  colorKeys: ["#4a5b7b","#72829c","#a6b2c6"],
-  colorspace: 'HSL'
-};
-
 let purpleScale = {
   name: "purple",
   colorKeys: ["#7a4beb","#ac80f4","#2f0071"],
@@ -170,8 +165,8 @@ let goldScale = {
 
 let grayScale =  {
   name: "gray",
-  colorKeys: gray.colorKeys,
-  colorspace: gray.colorspace,
+  colorKeys: ["#4a5b7b","#72829c","#a6b2c6"],
+  colorspace: 'HSL',
   ratios: baseRatios
 };
 
@@ -204,18 +199,31 @@ function createColors() {
   }
 
   let myTheme = generateAdaptiveTheme({
-    baseScale: gray,
+    baseScale: "gray",
     colorScales: [grayScale, purpleScale, blueScale, greenScale, redScale, goldScale],
     brightness: brVal,
     contrast: conVal});
 
+  console.log(myTheme);
+
   let varPrefix = '--';
 
   for (let i=0; i<myTheme.length; i++) { // for each color
-    for(let j=0; j<myTheme[i].values.length; j++) { // for each value object
-      let key = myTheme[i].values[j].name; // output "name" of color
-      let prop = varPrefix.concat(key);
-      let value = myTheme[i].values[j].value; // output value of color
+    let vals = myTheme[i].values;
+
+    if (vals !== undefined) { // only color objects with values (excludes background color)
+      for(let j=0; j< vals.length; j++) { // for each value object
+        let key = vals[j].name; // output "name" of color
+        let prop = varPrefix.concat(key);
+        let value = vals[j].value; // output value of color
+
+        document.documentElement.style
+          .setProperty(prop, value);
+      }
+    }
+    else if(myTheme[i].background) {
+      let prop = varPrefix.concat('background');
+      let value = myTheme[i].background;
 
       document.documentElement.style
         .setProperty(prop, value);
diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index 24d065ec..93332374 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -49,11 +49,22 @@
 </head>
 <body class="spectrum spectrum spectrum--light spectrum--medium appFrame">
 <header class="spectrum-AppHeader">
-  <a href="/" id="logoTitle">
-    <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
-    <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
-  </a>
-  <div class="spectrum-AppHeader--right">
+  <div class="spectrum-AppHeader_item">
+    <a href="/" id="logoTitle">
+      <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
+      <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
+    </a>
+
+    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet spectrum-Tabs--fluid">
+      <div class="spectrum-Tabs-item app-Tabs-item is-selected" tabindex="0">
+        <a class="spectrum-Tabs-itemLabel" href="/">Color</a>
+      </div>
+      <div class="spectrum-Tabs-item app-Tabs-item" tabindex="0">
+        <a class="spectrum-Tabs-itemLabel" href="theme.html">Theme</a>
+      </div>
+    </div>
+  </div>
+  <div class="spectrum-AppHeader_item">
     <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
     <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
@@ -61,206 +72,212 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
-<div class="spectrum-Panel">
-  <div class="spectrum-Panel-Item">
-    <div class="spectrum-Panel-Title">
-      <h3 class="spectrum-Heading6">Key Colors</h3>
-      <div class="spectrum-ButtonGroup">
-        <button id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <span class="spectrum-ActionButton-label">Clear</span>
-        </button>
-        <button id="addBulk" onClick="addBulk()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <span class="spectrum-ActionButton-label">Add Bulk</span>
-        </button>
-        <button id="addColor" onclick="addNewColor()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
-            <use xlink:href="#spectrum-icon-18-Add" />
-          </svg>
-        </button>
-      </div>
-    </div>
-    <div id="keyColor-wrapper"></div>
-    <div id="scaleConfigs">
-      <form class="spectrum-Form">
-        <div class="spectrum-Form-item">
-          <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
-          <div class="spectrum-Dropdown" id="modeDropdown">
-            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
-            </select>
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+<div class="appFramePanels">
+  <div class="spectrum-Panel">
+    <div class="spectrum-Panel-Item">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Key Colors</h3>
+        <div class="spectrum-ButtonGroup">
+          <button title="Clear all key colors" id="clearAll" onClick="clearAllColors()" class="spectrum-ActionButton">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+              <use xlink:href="#spectrum-icon-18-CloseCircle" />
             </svg>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
-    <div id="colorScale-wrapper">
-      <div id="colorScale"></div>
-      <div id="colorSlider-wrapper"></div>
-    </div>
-    <div>
-      <form class="spectrum-Form" style="display:none;">
-        <div class="spectrum-Form-item">
-          <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
-          <div class="spectrum-Dropdown" id="paletteType_Dropdown">
-            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
-            </select>
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+            <!-- <span class="spectrum-ActionButton-label">Clear</span> -->
+          </button>
+          <button title="Add bulk key colors" id="addBulk" onClick="addBulk()" class="spectrum-ActionButton">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+              <use xlink:href="#spectrum-icon-18-BoxAdd" />
             </svg>
-          </div>
+            <!-- <span class="spectrum-ActionButton-label">Add Bulk</span> -->
+          </button>
+          <button title="Add new key color" id="addColor" onclick="addNewColor()" class="spectrum-ActionButton">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
+              <use xlink:href="#spectrum-icon-18-Add" />
+            </svg>
+          </button>
         </div>
-      </form>
-      <div id="sequentialConfigs">
-        <form class="spectrum-Form spectrum-Form--labelsAbove">
+      </div>
+      <div id="keyColor-wrapper"></div>
+      <div id="scaleConfigs">
+        <form class="spectrum-Form">
           <div class="spectrum-Form-item">
-            <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
-            <div class="spectrum-Form-itemField">
-              <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
+            <label for="mode" class="spectrum-FieldLabel spectrum-FieldLabel--left">Color space interpolation</label>
+            <div class="spectrum-Dropdown" id="modeDropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="mode" onInput="colorInput()" id="mode">
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
             </div>
           </div>
+        </form>
+      </div>
+    </div>
+    <div class="spectrum-Panel-Item spectrum-Panel-Item--row">
+      <div id="colorScale-wrapper">
+        <div id="colorScale"></div>
+        <div id="colorSlider-wrapper"></div>
+      </div>
+      <div>
+        <form class="spectrum-Form" style="display:none;">
           <div class="spectrum-Form-item">
-            <div class="spectrum-Slider">
-              <div class="spectrum-Slider-labelContainer">
-                <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
-                <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
-              </div>
-              <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
+            <label for="paletteType_Dropdown" class="spectrum-FieldLabel">Palette Type</label>
+            <div class="spectrum-Dropdown" id="paletteType_Dropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="paletteType" onInput="changePalette()" id="paletteType">
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
             </div>
           </div>
-          <div class="spectrum-Form-item">
-              <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
+        </form>
+        <div id="sequentialConfigs">
+          <form class="spectrum-Form spectrum-Form--labelsAbove">
+            <div class="spectrum-Form-item">
+              <label for="sequenceAmount" class="spectrum-Form-itemLabel">Number of swatches</label>
               <div class="spectrum-Form-itemField">
-                <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
-                  <label class="spectrum-Checkbox">
-                    <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
-                    <span class="spectrum-Checkbox-box">
-                      <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
-                        <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
-                      </svg>
-                    </span>
-                    <span class="spectrum-Checkbox-label">Clamp to key colors</span>
-                  </label>
+                <input type="number" id="swatchAmmount" value="8" name="swatchAmmount" class="spectrum-Textfield" onInput="colorInput()"></input>
+              </div>
+            </div>
+            <div class="spectrum-Form-item">
+              <div class="spectrum-Slider">
+                <div class="spectrum-Slider-labelContainer">
+                  <label class="spectrum-Slider-label" id="shiftInputLabel" for="shiftInput">Shift scale</label>
+                  <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="shiftInputLabel" id="shiftInputValue">14</div>
                 </div>
+                <input class="spectrum-Slider-controls" type="range" value="1" min="0.25" max="1.5" step="0.01" id="shiftInput" name="shiftInput" onInput="colorInput()"></input>
               </div>
             </div>
-        </form>
-      </div>
-      <div id="contrastConfigs">
-        <div>
-          <input type="color" class="" id="bgField" value="#ffffff"></input>
-          <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
+            <div class="spectrum-Form-item">
+                <label class="spectrum-Form-itemLabel" for="spectrum-textinput-instance">Threshold</label>
+                <div class="spectrum-Form-itemField">
+                  <div class="spectrum-FieldGroup spectrum-FieldGroup--vertical">
+                    <label class="spectrum-Checkbox">
+                      <input type="checkbox" class="spectrum-Checkbox-input" id="sequentialClamp" onInput="colorInput()">
+                      <span class="spectrum-Checkbox-box">
+                        <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CheckmarkSmall spectrum-Checkbox-checkmark" focusable="false" aria-hidden="true">
+                          <use xlink:href="#spectrum-css-icon-CheckmarkSmall" />
+                        </svg>
+                      </span>
+                      <span class="spectrum-Checkbox-label">Clamp to key colors</span>
+                    </label>
+                  </div>
+                </div>
+              </div>
+          </form>
         </div>
-        <div class="spectrum-ButtonGroup">
-          <button id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
-              <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
-            </svg>
-            <span class="spectrum-ActionButton-label">Sort</span>
-          </button>
-          <button id="sort" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
-            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
-              <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
+        <div id="contrastConfigs">
+          <div>
+            <input type="color" class="" id="bgField" value="#ffffff"></input>
+            <label for="bgField" class="spectrum-FieldLabel spectrum-FieldLabel--right">Base color</label>
+          </div>
+          <div class="spectrum-ButtonGroup">
+            <button title="Sort ratios ascending" id="sort" onclick="sortRatios()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeXS" focusable="false" aria-hidden="true" aria-label="Sort">
+                <use xlink:href="#spectrum-css-icon-ArrowDownSmall" />
+              </svg>
+              <span class="spectrum-ActionButton-label">Sort</span>
+            </button>
+            <button title="Distribute ratios" id="distribute" onclick="distributeCube()" class="spectrum-ActionButton spectrum-ActionButton--quiet">
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Redistribute">
+                <use xlink:href="#spectrum-icon-24-DistributeVerticalCenter" /> <!-- DistributeVertically DistributeSpaceVert DistributeVerticalCenter -->
+              </svg>
+              <span class="spectrum-ActionButton-label">Distribute</span>
+            </button>
+          </div>
+
+          <div id="ratioInput-wrapper">
+            <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
+          </div>
+          <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
+              <use xlink:href="#spectrum-icon-18-Add" />
             </svg>
-            <span class="spectrum-ActionButton-label">Distribute</span>
+            <span class="spectrum-ActionButton-label">Add contrast ratio</span>
           </button>
         </div>
-
-        <div id="ratioInput-wrapper">
-          <label for="ratio" class="spectrum-FieldLabel">Contrast ratios</label>
-        </div>
-        <button id="addRatio" onclick="addNewRatio()" class="spectrum-ActionButton">
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
-            <use xlink:href="#spectrum-icon-18-Add" />
-          </svg>
-          <span class="spectrum-ActionButton-label">Add Swatch</span>
-        </button>
       </div>
     </div>
   </div>
-</div>
-<main>
-  <div id="contentTabWrapper">
-    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
-      <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Example</label>
-      </div>
-      <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Charts</label>
-      </div>
-      <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
-        <label class="spectrum-Tabs-itemLabel">Model</label>
+  <main>
+    <div id="contentTabWrapper">
+      <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet">
+        <div id="tabDemo" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'demoWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Example</label>
+        </div>
+        <div id="tabCharts" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'chartsWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Charts</label>
+        </div>
+        <div id="tabModel" class="spectrum-Tabs-item main-Tabs-item" tabindex="0" onclick="openTab(event, 'modelWrapper')">
+          <label class="spectrum-Tabs-itemLabel">Model</label>
+        </div>
       </div>
     </div>
-  </div>
 
 
-  <div class="tabcontent" id="chartsWrapper">
-    <div class="charts">
-      <div class="chartGroup">
-        <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
-        <form class="spectrum-Form spectrum-Form--row">
-          <div class="spectrum-Form-item">
-            <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
-            <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
-              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
-              </select>
-              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-              </svg>
-            </div>
-          </form>
-        <div id="chart1"></div>
+    <div class="tabcontent" id="chartsWrapper">
+      <div class="charts">
+        <div class="chartGroup">
+          <!-- <h3 class="spectrum-Heading6"><span id="colorspaceLabel"></span> interpolation</h3> -->
+          <form class="spectrum-Form spectrum-Form--row">
+            <div class="spectrum-Form-item">
+              <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View charts:</label>
+              <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart2dColorspace_dropdown">
+                <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart2dColorspace" onchange="updateCharts(this)" id="chart2dColorspace">
+                </select>
+                <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                  <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+                </svg>
+              </div>
+            </form>
+          <div id="chart1"></div>
+        </div>
+        <div id="chart2"></div>
+        <div id="chart3"></div>
       </div>
-      <div id="chart2"></div>
-      <div id="chart3"></div>
-    </div>
-    <div class="charts">
-      <div class="chartGroup">
-        <h3 class="spectrum-Heading6">Swatch Distribution</h3>
-        <div id="contrastChart"></div>
+      <div class="charts">
+        <div class="chartGroup">
+          <h3 class="spectrum-Heading6">Swatch Distribution</h3>
+          <div id="contrastChart"></div>
+        </div>
       </div>
     </div>
-  </div>
 
-  <div class="tabcontent" id="modelWrapper">
-    <form class="spectrum-Form spectrum-Form--row">
-      <div class="spectrum-Form-item">
-        <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
-        <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
-          <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
-          </select>
-          <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-            <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-          </svg>
-        </div>
-      </form>
-    <div id="chart3dWrapper">
-      <svg class="chart3D" id="3dchart"></svg>
-      <div id="chart3dAlert"></div>
+    <div class="tabcontent" id="modelWrapper">
+      <form class="spectrum-Form spectrum-Form--row">
+        <div class="spectrum-Form-item">
+          <label for="paletteType_Dropdown" class="spectrum-FieldLabel spectrum-FieldLabel--left">View model:</label>
+          <div class="spectrum-Dropdown spectrum-Dropdown--quiet" id="chart3dColorspace_dropdown">
+            <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="chart3dColorspace" onchange="updateCharts(this)" id="chart3dColorspace">
+            </select>
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+              <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+            </svg>
+          </div>
+        </form>
+      <div id="chart3dWrapper">
+        <svg class="chart3D" id="3dchart"></svg>
+        <div id="chart3dAlert"></div>
+      </div>
     </div>
-  </div>
 
-  <div class="tabcontent" id="demoWrapper">
-    <div class="demoItem">
-      <div id="demo" class="spectrum-Typography">
-        <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
-        <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
-        <button class="spectrum-Button" id="demoButton">Button</button>
-      </div>
-      <div id="demoInverted" class="spectrum-Typography">
-        <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
-        <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
-        <button class="spectrum-Button" id="demoButtonInverted">Button</button>
+    <div class="tabcontent" id="demoWrapper">
+      <div class="demoItem">
+        <div id="demo" class="spectrum-Typography">
+          <h1 class="spectrum-Heading2" id="demoHeading">Large text.</h1>
+          <p class="spectrum-Body3" id="demoText">Small text demonstration.</p>
+          <button class="spectrum-Button" id="demoButton">Button</button>
+        </div>
+        <div id="demoInverted" class="spectrum-Typography">
+          <h1 class="spectrum-Heading2" id="demoHeadingInverted">Large text.</h1>
+          <p class="spectrum-Body3" id="demoTextInverted">Small text demonstration.</p>
+          <button class="spectrum-Button" id="demoButtonInverted">Button</button>
+        </div>
       </div>
     </div>
-  </div>
+  </main>
 
-</main>
-
-<div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
+  <div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
     <div class="spectrum-Panel-Item">
       <div class="spectrum-Panel-Title">
         <h3 class="spectrum-Heading6">Generated Colors</h3>
@@ -284,6 +301,8 @@ <h3 class="spectrum-Heading6">Function Parameters</h3>
     </div>
   </div>
 
+</div>
+
 <div id="dialogOverlay" style="display: none;"></div>
 
 <div class="spectrum-Dialog spectrum-Dialog--small" id="addBulkColorDialog">
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 50a09aa8..2335f11d 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -31,6 +31,7 @@ import '@spectrum-css/buttongroup/dist/index-vars.css';
 import '@spectrum-css/tooltip/dist/index-vars.css';
 import '@spectrum-css/slider/dist/index-vars.css';
 import '@spectrum-css/tabs/dist/index-vars.css';
+import '@spectrum-css/illustratedmessage/dist/index-vars.css';
 
 import './scss/colorinputs.scss';
 import './scss/charts.scss';
@@ -130,6 +131,7 @@ function throttle(func, wait) {
     }
   };
 }
+exports.throttle = throttle;
 
 function paramSetup() {
   colorspaceOptions();
@@ -221,6 +223,7 @@ function addRatio(v, s = '#cacaca') {
   input.oninput = debounce(colorInput, 100);
   var button = document.createElement('button');
   button.className = 'spectrum-ActionButton spectrum-ActionButton--quiet';
+  button.title = 'Delete contrast ratio';
   button.innerHTML = `
   <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Delete">
     <use xlink:href="#spectrum-icon-18-Delete" />
@@ -281,6 +284,7 @@ function addColor(s) {
 
   var button = document.createElement('button');
   button.className = 'spectrum-ActionButton';
+  button.title = 'Delete key color';
   button.innerHTML = `
   <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Delete">
     <use xlink:href="#spectrum-icon-18-Delete" />
@@ -371,6 +375,7 @@ function deleteColor(e) {
   self.remove();
   colorInput();
 }
+exports.deleteColor = deleteColor;
 
 window.openTab = function openTab(evt, tabName) {
   // Declare all variables
@@ -393,12 +398,34 @@ window.openTab = function openTab(evt, tabName) {
   evt.currentTarget.className += " is-selected";
 }
 
+window.openAppTab = function openAppTab(evt, tabName) {
+  // Declare all variables
+  var i, appTabContent, apptablinks;
+
+  // Get main tab containers and hide them
+  appTabContent = document.getElementsByClassName("appTabContent");
+  for (let i = 0; i < appTabContent.length; i++) {
+    appTabContent[i].style.display = "none";
+  }
+
+  // Get all main tabs with class="spectrum-Tabs-item" and remove the class "active"
+  apptablinks = document.getElementsByClassName("app-Tabs-item");
+  for (let i = 0; i < apptablinks.length; i++) {
+    apptablinks[i].className = apptablinks[i].className.replace(" is-selected", "");
+  }
+
+  // Show the current tab, and add an "active" class to the button that opened the tab
+  document.getElementById(tabName).style.display = "grid";
+  evt.currentTarget.className += " is-selected";
+}
+
 // Open default tabs
 document.getElementById("tabDemo").click();
 
 function randomId() {
    return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
 }
+exports.randomId = randomId;
 
 function createDemo(c, z) {
   var smallText = 'Small text demo';
@@ -705,11 +732,11 @@ function colorInput() {
 }
 window.onresize = colorInput;
 
-
 // Passing variable parameters to URL
 function updateParams(c, b, r, m) {
   let url = new URL(window.location);
   let params = new URLSearchParams(url.search.slice(1));
+  let tabColor = document.getElementById("tabColor");
 
   params.set('colorKeys', c);
   params.set('base', b);
diff --git a/packages/ui/src/scss/colorinputs.scss b/packages/ui/src/scss/colorinputs.scss
index 596f16c1..77ebe6ff 100644
--- a/packages/ui/src/scss/colorinputs.scss
+++ b/packages/ui/src/scss/colorinputs.scss
@@ -44,7 +44,7 @@ input[type="color"]:disabled {
 .slider:focus,
 input[type=color]:focus {
   outline: none;
-  border: none;
+  border: 1px solid var(--spectrum-alias-background-color-default);
   box-shadow: 0 0 0 2px var(--spectrum-alias-border-color-focus);
 }
 
diff --git a/packages/ui/src/scss/style.scss b/packages/ui/src/scss/style.scss
index 6d61ce2a..b3ed8d35 100644
--- a/packages/ui/src/scss/style.scss
+++ b/packages/ui/src/scss/style.scss
@@ -21,6 +21,16 @@ governing permissions and limitations under the License.
   --header-height: 58px;
   --spectrum-panel-border-color: var(--spectrum-global-color-gray-300, #e1e1e1);
   --spectrum-panel-background-color: var(--spectrum-global-color-gray-100, #f5f5f5);
+  // Define here but override in js after user creates theme
+  --theme-background: var(--spectrum-global-color-gray-100, #f5f5f5);
+
+  --toast-offset: -16px;
+  --toast-offset-bounce-up: calc(var(--toast-offset) - 5px);
+  --toast-offset-bounce-up-light: calc(var(--toast-offset) - 4px);
+  --toast-offset-bounce-down: -17px;
+  --spectrum-ease-out: cubic-bezier(0, 0, 0.40, 1);
+  --spectrum-ease-in-out: cubic-bezier(0.45, 0, 0.40, 1);
+  --spectrum-ease-in: cubic-bezier(0.50, 0, 1, 1);
 }
 
 body {
@@ -35,14 +45,40 @@ body {
   height: 100vh;
   overflow: hidden;
   display: grid;
-  grid-template-columns: 324px auto 240px;
+  grid-template-columns: auto;
   grid-template-rows: var(--header-height) auto;
   grid-column-gap: 0px;
   grid-row-gap: 0px;
   grid-template-areas:
-    "header header header"
+    "header"
+    "default";
+}
+.appFramePanels {
+  margin: 0;
+  padding: 0;
+  height: calc(100vh - var(--header-height));
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: 324px auto 240px;
+  grid-template-rows: auto;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  grid-template-areas:
     "leftPanel main rightPanel";
 }
+.appFramePanelLeft {
+  margin: 0;
+  padding: 0;
+  height: calc(100vh - var(--header-height));
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: auto 240px;
+  grid-template-rows: auto;
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  grid-template-areas:
+    "main rightPanel";
+}
 .spectrum-AppHeader {
   grid-area: header;
   display: flex;
@@ -55,9 +91,15 @@ body {
   align-items: center;
   justify-content: space-between;
 }
-.spectrum-AppHeader--right {
+.spectrum-AppHeader_item {
   display: flex;
   flex-direction: row;
+  align-items: center;
+
+  .spectrum-Tabs {
+    height: 57px;
+    margin-left: 48px;
+  }
 }
 .spectrum-AppHeader-Title {
   margin: 0;
@@ -84,6 +126,19 @@ body {
 }
 .spectrum-Tabs-item {
   color: var(--spectrum-tabs-text-color, var(--spectrum-alias-label-text-color));
+
+  a.spectrum-Tabs-itemLabel {
+    color: inherit;
+    text-decoration: none;
+
+    &:hover,
+    &:visited,
+    &:active,
+    &:focus {
+      text-decoration: none;
+      color: inherit;
+    }
+  }
 }
 .spectrum-Tabs-item.is-selected {
   color: var(--spectrum-tabs-text-color-selected, var(--spectrum-alias-heading-text-color));
@@ -124,6 +179,12 @@ body {
 .spectrum-Panel-Item {
   padding: 8px 16px 16px;
 }
+.spectrum-Panel-Item--overflow {
+  overflow: auto;
+}
+.spectrum-Panel-Item--overflow ~ .spectrum-Panel-Item--overflow {
+  max-height: 50%;
+}
 .spectrum-Panel-Title {
   display: flex;
   justify-content: space-between;
@@ -650,7 +711,8 @@ a:focus {
   color: var(--spectrum-global-color-gray-700);
 }
 
-#functionParams {
+#functionParams,
+#themeFunctionParams {
   background-color: var(--spectrum-global-color-gray-50);
   border: 1px solid var(--spectrum-global-color-gray-200);
   border-radius: 4px;
@@ -660,6 +722,11 @@ a:focus {
   overflow: auto;
 }
 
+#themeFunctionParams {
+  max-height: calc(100% - 60px);
+  overflow: auto;
+  display: flex;
+}
 
 #contrastConfigs, #ratioInput-wrapper {
   flex-direction: column;
@@ -761,3 +828,308 @@ a:focus {
 .spectrum-Dropdown--quiet {
   min-width: var(--spectrum-dropdown-quiet-min-width, 200px);
 }
+
+// Theme styles
+#themeWrapper {
+  display: grid;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  grid-template-columns: auto;
+  grid-template-rows: 128px calc(100vh - var(--header-height) - 128px);
+  grid-column-gap: 0px;
+  grid-row-gap: 0px;
+  grid-template-areas:
+    "themeConfig"
+    "themeDefault";
+
+  background-color: var(--spectrum-panel-background-color);
+}
+.themeConfigWrapper {
+  padding: 8px 16px 16px;
+  grid-area: themeConfig;
+  border-bottom: 2px solid var(--spectrum-panel-border-color);
+}
+.themeTitle {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 0;
+
+  .spectrum-Form--row {
+    margin-top: -7px;
+    margin-bottom: 4px;
+  }
+  .spectrum-Form-item + .spectrum-ButtonGroup {
+    margin-left: 8px;
+  }
+}
+#themeName {
+  width: 18ch;
+}
+.themeConfig {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-end;
+
+  .spectrum-Form ~ .spectrum-ButtonGroup {
+    margin-left: 16px;
+    border-left: 1px solid #e1e1e1;
+    padding-left: 16px;
+  }
+}
+#themeColorWrapper {
+  padding: 16px;
+  background-color: var(--theme-background);
+  grid-area: themeDefault;
+  overflow: auto;
+}
+
+.themeColor_item {
+  border-radius: 4px;
+  background-color: transparent;
+  overflow: hidden;
+
+  .spectrum-Dropdown {
+    width: 120px;
+  }
+  .spectrum-Dropdown select + .spectrum-Dropdown-iconWrapper {
+    position: absolute;
+    right: var(--spectrum-dropdown-padding-x, var(--spectrum-global-dimension-size-150));
+    top: 4px;
+    margin-top: calc(var(--spectrum-icon-chevron-down-medium-height, var(--spectrum-global-dimension-size-75)) / -2);
+  }
+}
+.themeColor_item ~ .themeColor_item {
+  margin-top: 16px;
+}
+.themeColor_gradient {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  height: 32px;
+  width: 100%;
+  -webkit-transition: height 200ms;
+  transition: height 200ms;
+
+  &.is-large {
+    height: 64px;
+    -webkit-transition: height 200ms;
+    transition: height 200ms;
+  }
+  &.is-hidden canvas {
+    display: none;
+  }
+}
+.themeColor_configs {
+  display: flex;
+  border-left: 1px solid var(--spectrum-panel-border-color);
+  border-right: 1px solid var(--spectrum-panel-border-color);
+  border-bottom: 1px solid var(--spectrum-panel-border-color);
+  border-top: 0px solid transparent;
+  background-color: var(--spectrum-global-color-gray-50);
+  height: auto;
+  flex-direction: row;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  padding: 8px 16px 16px;
+  opacity: 1;
+  -webkit-transition: height 200ms, padding 200ms;
+  transition: height 200ms, padding 200ms;
+
+  &.is-hidden {
+    padding: 0;
+    height: 0;
+    opacity: 0;
+    -webkit-transition: height 200ms, padding 200ms;
+    transition: height 200ms, padding 200ms;
+  }
+  .spectrum-Form-item {
+    opacity: 1;
+    -webkit-transition: opacity 200ms;
+    transition: opacity 200ms;
+
+    &.is-hidden {
+      opacity: 0;
+      -webkit-transition: opacity 200ms;
+      transition: opacity 200ms;
+    }
+  }
+  .spectrum-ButtonGroup {
+    justify-content: flex-end;
+    flex-grow: 1;
+  }
+  .labelSpacer {
+    padding-top: 16px;
+    margin-top: 8px;
+  }
+  .keyColorActions {
+    padding-right: 16px;
+    border-right: 2px solid var(--spectrum-global-color-gray-200);
+
+  }
+}
+.keyColorsWrapper {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding: 2px; /* To ensure focus rings are visible */
+  margin: -2px;
+  flex-wrap: wrap;
+  min-height: 32px;
+  // max-height: 32px;
+  min-width: 120px;
+  max-width: 216px;
+  overflow: auto;
+}
+
+.colorNameInput {
+  width: 18ch;
+}
+
+#themeOutputs {
+  display:flex;
+  flex-direction: column;
+}
+
+.themeOutputColor {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  margin-bottom: 8px;
+}
+
+.themeOutputSwatch {
+  display: inline-flex;
+  width: 26px;
+  height: 26px;
+  border-radius: 4px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  margin: 2px 4px 2px 0;
+  cursor: pointer;
+  transition: border .25s ease-out, box-shadow .25s ease-out;
+
+  &:focus {
+    border-color: var(--spectrum-alias-background-color-default);
+    box-shadow: 0 0 0 2px var(--spectrum-alias-border-color-focus);
+    outline: none;
+  }
+  &:active {
+    border-color: var(--spectrum-alias-background-color-default);
+    box-shadow: 0 0 0 1px var(--spectrum-alias-border-color-focus);
+    transition: border .075s ease-out, box-shadow .075s ease-out;
+  }
+}
+
+#cvdModeDropdown {
+  width: 30ch;
+}
+
+// Contribution -> Fluid Tabs
+.spectrum-Tabs--fluid {
+  height: calc(var(--spectrum-global-dimension-size-400) + 2px);
+  margin-bottom: -2px;
+
+  .spectrum-Tabs-item {
+    height: 100%;
+
+    &.is-selected {
+      margin-bottom: -2px;
+    }
+  }
+
+  .spectrum-Tabs-itemLabel {
+    display: inline-flex;
+    align-items: center;
+    height: 100%;
+  }
+
+}
+
+// Missing slider CSS for disabled state
+.spectrum-Slider-controls:disabled {
+  &::-webkit-slider-thumb {
+    border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400))
+  }
+  &::-moz-range-thumb {
+    border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400))
+  }
+  &::-ms-thumb {
+    border-color: var(--spectrum-slider-handle-border-color-disabled, var(--spectrum-global-color-gray-400))
+  }
+}
+
+.spectrum-IllustratedMessage.is-hidden {
+  display: none;
+}
+.gradientColorSwatchWrapper {
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: auto;
+  height: 32px;
+  -webkit-transition: height 200ms;
+  transition: height 200ms;
+
+  &.is-large {
+    height: 64px;
+    -webkit-transition: height 200ms;
+    transition: height 200ms;
+  }
+
+  &.is-hidden {
+    display: none;
+  }
+}
+.gradientColorSwatch {
+  height: 100%;
+  width: 64px;
+  margin-right: 8px;
+  display: inline-flex;
+  border-radius: 4px;
+}
+
+.spectrum-Toast {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, 100%);
+  bottom: 0;
+
+  &.is-visible {
+    transform: translate(-50%, var(--toast-offset));
+  }
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.spectrum-Bounce {
+    animation-duration: 250ms;
+    animation-iteration-count: 1;
+    animation-name: spectrum-Bounce;
+    animation-timing-function: var(--spectrum-ease-in-out);
+}
+@keyframes spectrum-Bounce {
+  0%   { transform: translate(-50%, 50%); opacity: 0;}
+  50%  { transform: translate(-50%, var(--toast-offset-bounce-up-light));  opacity: 1;}
+  75%  { transform: translate(-50%, var(--toast-offset)); opacity: 1;}
+  100% { transform: translate(-50%, var(--toast-offset)); opacity: 1;}
+}
+
+.spectrum-Exit {
+    animation-duration: 220ms;
+    animation-iteration-count: 1;
+    animation-name: spectrum-Exit;
+    animation-timing-function: var(--spectrum-ease-in-out);
+}
+@keyframes spectrum-Exit {
+    0% { transform: translate(-50%, var(--toast-offset)); opacity: 1;}
+    100%   { transform: translate(-50%, 50%); opacity: 0;}
+}
+
+#addFromURLinput {
+  width: 100%;
+}
diff --git a/packages/ui/src/theme.html b/packages/ui/src/theme.html
new file mode 100644
index 00000000..04c05c73
--- /dev/null
+++ b/packages/ui/src/theme.html
@@ -0,0 +1,268 @@
+<html>
+<head>
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156021617-1"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'UA-156021617-1');
+  </script>
+
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>Leonardo</title>
+  <meta property="og:title" content="Leonardo">
+  <meta name="description" content="Generate colors based on a desired contrast ratio.">
+  <meta property="og:description" content="Generate colors based on a desired contrast ratio.">
+  <meta property="og:image" content="">
+  <meta property="og:url" content="">
+  <meta name="twitter:card" content="repository-open-graph-leonardo">
+
+  <meta property="og:site_name" content="Leonardo">
+  <meta name="twitter:image:alt" content="Web interface for generating colors based on contrast ratio.">
+
+  <meta name="twitter:site" content="@Leonardo_Color">
+
+  <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
+  <link rel="manifest" href="favicons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap">
+
+</head>
+<body class="spectrum spectrum spectrum--light spectrum--medium appFrame">
+<header class="spectrum-AppHeader">
+  <div class="spectrum-AppHeader_item">
+    <a href="/" id="logoTitle">
+      <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
+      <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
+    </a>
+
+    <div class="spectrum-Tabs spectrum-Tabs--horizontal spectrum-Tabs--quiet spectrum-Tabs--fluid">
+      <div class="spectrum-Tabs-item app-Tabs-item" tabindex="0">
+        <a class="spectrum-Tabs-itemLabel" href="/">Color</a>
+      </div>
+      <div class="spectrum-Tabs-item app-Tabs-item is-selected" tabindex="0">
+        <a class="spectrum-Tabs-itemLabel" href="theme.html">Theme</a>
+      </div>
+    </div>
+  </div>
+  <div class="spectrum-AppHeader_item">
+    <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
+    <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
+    <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="converter.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Converter</a>
+    <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
+  </div>
+</header>
+<div class="appFramePanelLeft">
+  <div id="themeWrapper">
+    <div class="themeConfigWrapper">
+      <div class="themeTitle">
+        <h1 class="spectrum-Heading6">Adaptive Theme Configuration</h1>
+        <div class="spectrum-Form spectrum-Form--row">
+          <div class="spectrum-Form-item">
+            <label for="cvdMode" class="spectrum-FieldLabel spectrum-FieldLabel--left"><abbr title="color vision deficiency">CVD</abbr> simulation</label>
+            <div class="spectrum-Dropdown is-disabled" id="cvdModeDropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="cvdMode" id="cvdMode" oninput="themeInput()">
+                <option value="None">None</option>
+                <option value="Deuteranomaly">Deuteranomaly (common)</option>
+                <option value="Deuteranopia">Deuteranopia (common)</option>
+                <option value="Protanomaly">Protanomaly (rare)</option>
+                <option value="Protanopia">Protanopia (rare)</option>
+                <option value="Tritanomaly">Tritanomaly (very rare)</option>
+                <option value="Tritanopia">Tritanopia (very rare)</option>
+                <option value="Achromatomaly">Achromatomaly (very rare)</option>
+                <option value="Achromatopsia">Achromatopsia (very rare)</option>
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
+            </div>
+          </div>
+          <div class="spectrum-Form-item">
+            <label for="view" class="spectrum-FieldLabel spectrum-FieldLabel--left">View</label>
+            <div class="spectrum-Dropdown is-disabled" id="viewDropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="view" id="view" oninput="toggleConfigs()">
+                <option value="viewScaleConfig">Configuration</option>
+                <option value="viewScaleOnly">Color scales</option>
+                <option value="viewSwatch">Swatches</option>
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="themeConfig">
+        <div class="spectrum-Form spectrum-Form--row">
+          <div class="spectrum-Form-item">
+            <label for="themeName" class="spectrum-FieldLabel">Theme name</label>
+            <input type="text" placeholder="My Theme" name="themeName" id="themeName" value="" class="spectrum-Textfield">
+          </div>
+          <div class="spectrum-Form-item">
+            <label id="themeBaseLabel" for="themeBase" class="spectrum-FieldLabel is-disabled">Base color</label>
+            <div class="spectrum-Dropdown is-disabled" id="modeDropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="themeBase" id="themeBase" disabled>
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
+            </div>
+          </div>
+          <div class="spectrum-Form-item">
+            <div id="brightnessSliderWrapper" class="spectrum-Slider is-disabled">
+              <div class="spectrum-Slider-labelContainer">
+                <label class="spectrum-Slider-label" id="themeBrightnessLabel" for="themeBrightnessSlider">Default brightness</label>
+                <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="themeBrightnessLabel" id="themeBrightnessValue">97</div>
+              </div>
+              <input class="spectrum-Slider-controls" type="range" min="0" max="100" value="97" id="themeBrightnessSlider" name="themeBrightnessSlider" onInput="sliderInput()" disabled></input>
+            </div>
+          </div>
+          <div class="spectrum-Form-item">
+            <div id="contrastSliderWrapper" class="spectrum-Slider is-disabled">
+              <div class="spectrum-Slider-labelContainer">
+                <label class="spectrum-Slider-label" id="themeContrastLabel" for="themeContrastSlider">Contrast</label>
+                <div class="spectrum-Slider-value" role="textbox" aria-readonly="true" aria-labelledby="themeContrastLabel" id="themeContrastValue">1</div>
+              </div>
+              <input class="spectrum-Slider-controls" type="range" min="1" max="5" value="1" step="0.01" id="themeContrastSlider" name="themeContrastSlider" onInput="sliderInput()" disabled></input>
+            </div>
+          </div>
+        </div>
+        <div class="spectrum-ButtonGroup">
+          <button class="spectrum-ActionButton" onClick="addFromURLDialog()">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Import from URL">
+              <use xlink:href="#spectrum-icon-18-Import" />
+            </svg>
+            <span class="spectrum-ActionButton-label">Import from URL</span>
+          </button>
+          <button class="spectrum-ActionButton" onClick="addColorScaleUpdate()">
+            <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add Color">
+              <use xlink:href="#spectrum-icon-18-Add" />
+            </svg>
+            <span class="spectrum-ActionButton-label">Add color</span>
+          </button>
+        </div>
+      </div>
+    </div>
+    <div id="themeColorWrapper">
+      <!-- Empty state -->
+      <div id="themeColorEmptyState" class="spectrum-IllustratedMessage">
+        <!-- <svg class="spectrum-IllustratedMessage-illustration" xmlns="http://www.w3.org/2000/svg" width="200" height="98" viewBox="0 0 199 97.7"><defs><style>.cls-1,.cls-2{fill:none;stroke-linecap:round;stroke-linejoin:round;}.cls-1{stroke-width:3px;}.cls-2{stroke-width:2px;}</style></defs><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="illustrations"><path class="cls-1" d="M110.53,85.66,100.26,95.89a1.09,1.09,0,0,1-1.52,0L88.47,85.66"/><line class="cls-1" x1="99.5" y1="95.5" x2="99.5" y2="58.5"/><path class="cls-1" d="M105.5,73.5h19a2,2,0,0,0,2-2v-43"/><path class="cls-1" d="M126.5,22.5h-19a2,2,0,0,1-2-2V1.5h-31a2,2,0,0,0-2,2v68a2,2,0,0,0,2,2h19"/><line class="cls-1" x1="105.5" y1="1.5" x2="126.5" y2="22.5"/><path class="cls-2" d="M47.93,50.49a5,5,0,1,0-4.83-5A4.93,4.93,0,0,0,47.93,50.49Z"/><path class="cls-2" d="M36.6,65.93,42.05,60A2.06,2.06,0,0,1,45,60l12.68,13.2"/><path class="cls-2" d="M3.14,73.23,22.42,53.76a1.65,1.65,0,0,1,2.38,0l19.05,19.7"/><path class="cls-1" d="M139.5,36.5H196A1.49,1.49,0,0,1,197.5,38V72A1.49,1.49,0,0,1,196,73.5H141A1.49,1.49,0,0,1,139.5,72V32A1.49,1.49,0,0,1,141,30.5H154a2.43,2.43,0,0,1,1.67.66l6,5.66"/><rect class="cls-1" x="1.5" y="34.5" width="58" height="39" rx="2" ry="2"/></g></g></svg> -->
+
+        <h2 class="spectrum-Heading spectrum-Heading--pageTitle spectrum-IllustratedMessage-heading">Add a color to begin</h2>
+        <p class="spectrum-Body--secondary spectrum-IllustratedMessage-description">Add colors and configurations to build your adaptive theme.</p>
+      </div>
+    </div>
+    <!-- end Theme Color Wrapper -->
+  </div>
+  <div class="spectrum-Panel spectrum-Panel--small spectrum-Panel--right">
+    <div class="spectrum-Panel-Item spectrum-Panel-Item--overflow">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Generated Colors</h3>
+        <button id="copyThemeColors" class="spectrum-ActionButton copyButton">
+          <span class="spectrum-ActionButton-label">Copy All</span>
+        </button>
+      </div>
+      <div id="themeOutputs">
+      </div>
+    </div>
+    <div class="spectrum-Panel-Item spectrum-Panel-Item--overflow">
+      <div class="spectrum-Panel-Title">
+        <h3 class="spectrum-Heading6">Function Parameters</h3>
+        <button id="copyThemeParams" data-clipboard-target="#themeParams" class="spectrum-ActionButton copyButton">
+          <span class="spectrum-ActionButton-label">Copy</span>
+        </button>
+      </div>
+      <div id="themeFunctionParams">
+        <pre id="themeParams" class="spectrum-Code5"></pre>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div id="dialogOverlay" style="display: none;"></div>
+
+<div class="addBulkColorDialog spectrum-Dialog spectrum-Dialog--small" id="">
+  <div class="spectrum-Dialog-header">
+    <h2 class="spectrum-Dialog-title">Add bulk key colors</h2>
+  </div>
+  <div class="spectrum-Dialog-content">
+    <span class="spectrum-Typography">
+      <p class="spectrum-Body4">Enter hex colors separated by comma or new line.</p>
+      <p class="spectrum-Body4">These will be added as <b>key colors<b> to this color scale. </p>
+    </span>
+    <div class="spectrum-Form spectrum-Form--labelsAbove">
+      <div class="spectrum-Form-item">
+        <label for="fieldLabelExample-lifestory" class="spectrum-Form-itemLabel">Colors (Hex)</label>
+        <textarea id="bulkColors" class="spectrum-Textfield spectrum-Textfield--multiline"></textarea>
+      </div>
+    </div>
+  </div>
+  <div class="spectrum-Dialog-footer">
+    <button class="spectrum-Button spectrum-Button--secondary" onclick="cancelBulk()">Cancel</button>
+    <button class="spectrum-Button spectrum-Button--cta" id="bulkAddButton">Add</button>
+  </div>
+</div>
+
+<div class="spectrum-Dialog spectrum-Dialog--small" id="addFromURLDialog">
+  <div class="spectrum-Dialog-header">
+    <h2 class="spectrum-Dialog-title">Import from URL</h2>
+  </div>
+  <div class="spectrum-Dialog-content">
+    <span class="spectrum-Typography">
+      <p class="spectrum-Body4">Enter the URL of your existing color to add to this theme.</p>
+      <p class="spectrum-Body4">The configurations will be added to a new color scale. </p>
+    </span>
+    <div class="spectrum-Form spectrum-Form--labelsAbove">
+      <div class="spectrum-Form-item">
+        <label for="fieldLabelExample-lifestory" class="spectrum-Form-itemLabel">Leonardo URL</label>
+        <input type="url" id="addFromURLinput" class="spectrum-Textfield" placeholder="https://leonardocolor.io/"/>
+      </div>
+    </div>
+  </div>
+  <div class="spectrum-Dialog-footer">
+    <button class="spectrum-Button spectrum-Button--secondary" onclick="cancelURL()">Cancel</button>
+    <button class="spectrum-Button spectrum-Button--cta" id="addFromURLButton">Import color</button>
+  </div>
+</div>
+
+<div id="toastCVDpreview" class="spectrum-Toast">
+  <div class="spectrum-Toast-content">You're in CVD simulation mode. Copying generated colors will not be affected by simulation mode.</div>
+  <div class="spectrum-Toast-buttons">
+    <!-- <button onclick="exitPreview()" class="spectrum-Button spectrum-Button--overBackground spectrum-Button--quiet">
+      <span class="spectrum-Button-label">Exit</span>
+    </button> -->
+    <button onclick="neverShowToast()" class="spectrum-Button spectrum-Button--overBackground spectrum-Button--quiet">
+      <span class="spectrum-Button-label">Don't show</span>
+    </button>
+    <button onclick="hideToast()" class="spectrum-ClearButton spectrum-ClearButton--medium spectrum-ClearButton--overBackground">
+      <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-CrossMedium">
+        <use xlink:href="#spectrum-css-icon-CrossMedium"></use>
+      </svg>
+    </button>
+  </div>
+</div>
+
+<script src="theme.js"></script>
+
+</body>
+</html>
diff --git a/packages/ui/src/theme.js b/packages/ui/src/theme.js
new file mode 100644
index 00000000..b5b4094a
--- /dev/null
+++ b/packages/ui/src/theme.js
@@ -0,0 +1,1265 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import '@spectrum-css/vars/dist/spectrum-global.css';
+import '@spectrum-css/vars/dist/spectrum-medium.css';
+import '@spectrum-css/vars/dist/spectrum-light.css';
+
+import '@spectrum-css/page/dist/index-vars.css';
+import '@spectrum-css/typography/dist/index-vars.css';
+import '@spectrum-css/icon/dist/index-vars.css';
+import '@spectrum-css/link/dist/index-vars.css';
+import '@spectrum-css/alert/dist/index-vars.css';
+import '@spectrum-css/radio/dist/index-vars.css';
+import '@spectrum-css/dialog/dist/index-vars.css';
+import '@spectrum-css/button/dist/index-vars.css';
+import '@spectrum-css/fieldgroup/dist/index-vars.css';
+import '@spectrum-css/textfield/dist/index-vars.css';
+import '@spectrum-css/dropdown/dist/index-vars.css';
+import '@spectrum-css/fieldlabel/dist/index-vars.css';
+import '@spectrum-css/checkbox/dist/index-vars.css';
+import '@spectrum-css/buttongroup/dist/index-vars.css';
+import '@spectrum-css/tooltip/dist/index-vars.css';
+import '@spectrum-css/slider/dist/index-vars.css';
+import '@spectrum-css/tabs/dist/index-vars.css';
+import '@spectrum-css/toast/dist/index-vars.css';
+import '@spectrum-css/illustratedmessage/dist/index-vars.css';
+
+import './scss/colorinputs.scss';
+import './scss/charts.scss';
+import './scss/style.scss';
+
+import '@adobe/focus-ring-polyfill';
+
+import * as contrastColors from '@adobe/leonardo-contrast-colors';
+
+import * as blinder from 'color-blind';
+
+import * as d3 from 'd3';
+
+// Import d3 plugins and add them to the d3 namespace
+import * as d3cam02 from 'd3-cam02';
+import * as d3hsluv from 'd3-hsluv';
+import * as d3hsv from 'd3-hsv';
+import * as d33d from 'd3-3d';
+Object.assign(d3, d3cam02, d3hsluv, d3hsv, d33d);
+
+import loadIcons from 'loadicons';
+loadIcons('./spectrum-css-icons.svg');
+loadIcons('./spectrum-icons.svg');
+
+// import {randomId, throttle, deleteColor} from './index.js'
+import ClipboardJS from 'clipboard';
+
+new ClipboardJS('.copyButton');
+new ClipboardJS('.themeOutputSwatch');
+
+window.generateAdaptiveTheme = contrastColors.generateAdaptiveTheme;
+
+var currentBackgroundColor;
+
+let cvdModeDropdown = document.getElementById('cvdMode');
+
+function randomId() {
+   return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+}
+
+function throttle(func, wait) {
+  var timerId, lastRan;
+
+  return function throttled() {
+    var context = this;
+    var args = arguments;
+
+    if (!lastRan) {
+      func.apply(context, args);
+      lastRan = Date.now();
+    } else {
+      clearTimeout(timerId);
+      timerId = setTimeout(function () {
+        if ((Date.now() - lastRan) >= wait) {
+          func.apply(context, args);
+          lastRan = Date.now();
+        }
+      }, (wait - (Date.now() - lastRan)) || 0);
+    }
+  };
+}
+
+function deleteColor(e) {
+  var id = e.target.parentNode.id;
+  var self = document.getElementById(id);
+
+  self.remove();
+
+  themeUpdateParams();
+}
+
+function paramSetup() {
+  let url = new URL(window.location);
+  let params = new URLSearchParams(url.search.slice(1));
+  let pathName = url.pathname;
+
+  if(params.has('name')) {
+    let themeNameInput = document.getElementById('themeName');
+    themeNameInput.value = params.get('name').toString();
+  }
+  if(params.has('config') && params.get('config') !== undefined) {
+    let configParam = params.get('config');
+    let config = JSON.parse(configParam);
+    let colorScales = config.colorScales;
+    let baseScale = config.baseScale;
+    let brightness = config.brightness;
+    let contrast;
+    if(!config.contrast) {
+      contrast = 1;
+    } else {
+      contrast = config.contrast;
+    }
+
+    for(let i = 0; i < colorScales.length; i++) {
+      let colorName = colorScales[i].name;
+      let keyColors = colorScales[i].colorKeys;
+      let colorSpace = colorScales[i].colorspace;
+      let ratios = colorScales[i].ratios;
+      // Create color scale item
+      addColorScale(colorName, keyColors, colorSpace, ratios);
+    }
+
+    let slider = document.getElementById('themeBrightnessSlider');
+    let sliderVal = document.getElementById('themeBrightnessValue');
+    slider.value = brightness;
+    sliderVal.innerHTML = brightness;
+
+    let contrastSlider = document.getElementById('themeContrastSlider');
+    let contrastSliderVal = document.getElementById('themeContrastValue');
+    contrastSlider.value = contrast;
+    contrastSliderVal.innerHTML = contrast;
+
+    let themeBase = document.getElementById('themeBase');
+    themeBase.value = baseScale;
+  }
+
+  sliderInput();
+  // themeInput();
+}
+paramSetup();
+
+/* ---------------------------  */
+/*     CREATE THEME SCRIPTS     */
+/* ---------------------------
+1. Generate Color Scale object
+2. For each color scale object, function for color inputs.
+3. AddColor function (per object)
+4. Delete object
+5. Add object (run generate color)
+6. Param setup
+7. Param input (read if has params )
+8. Function output
+9. Colors output (for each object, output colors in panel)
+10. Toggle configs visibility
+11. Brightness slider value sync
+12. Base color input options based on color objects available
+13. Add color from Leonardo URL
+14.
+*/
+
+
+let predefinedColorNames = [
+  'Azure',
+  'Forest',
+  'Cerulean',
+  'Blue',
+  'Pink',
+  'Red',
+  'Indigo',
+  'Purple',
+  'Blue',
+  'Green',
+  'Crimson',
+  'Salmon',
+  'Orange',
+  'Tangerine',
+  'Yellow',
+  'Brown',
+  'Umber',
+  'Ochre',
+  'Periwinkle',
+  'Sage',
+  'Rose',
+  'Lavender',
+  'Lilac',
+  'Mauve',
+  'Mustard',
+  'Seafoam',
+  'Celery',
+  'Teal',
+  'Turquise',
+  'Sky',
+  'Gray',
+  'Slate'
+];
+
+window.addColorScale = addColorScale;
+function addColorScale(c, k, s, r) {
+  // for checking to see if items already exist
+  let items = document.getElementsByClassName('themeColor_item');
+  // create unique ID for color object
+  let thisId = randomId();
+  // generate color input objects:
+  // gradient, inputs, etc.
+  let wrapper = document.getElementById('themeColorWrapper');
+  let emptyState = document.getElementById('themeColorEmptyState');
+  // Remove empty state
+  if(emptyState.classList.contains('is-hidden')) {
+    // Do nothing
+  } else {
+    emptyState.classList.add('is-hidden');
+  }
+
+  // Create theme item
+  let item = document.createElement('div');
+  item.className = 'themeColor_item';
+  item.id = thisId;
+
+  // Create gradient
+  let gradient = document.createElement('div');
+  gradient.className = 'themeColor_gradient';
+  let gradientId = thisId.concat('_gradient');
+  gradient.id = gradientId;
+
+  // Create form container
+  let inputs = document.createElement('div');
+  inputs.className = 'spectrum-Form spectrum-Form--row themeColor_configs';
+
+  // Color Name Input
+  let colorName = document.createElement('div');
+  colorName.className = 'spectrum-Form-item';
+  let colorNameLabel = document.createElement('label');
+  colorNameLabel.className = 'spectrum-FieldLabel';
+  colorNameLabel.for = thisId.concat('_colorName');
+  let colorNameInput = document.createElement('input');
+  colorNameInput.type = 'text';
+  colorNameInput.className = 'spectrum-Textfield colorNameInput';
+  colorNameInput.id = thisId.concat('_colorName');
+  colorNameInput.name = thisId.concat('_colorName');
+
+  // if first color item, just name it gray.
+  if(c == undefined) {
+    if(items.length == 0) {
+      // if first color with undefined c argument:
+      colorNameInput.value = 'Gray';
+    }
+    else {
+      // if not first, c not defined, randomly assign color name:
+      colorNameInput.value = predefinedColorNames[Math.floor(Math.random()*predefinedColorNames.length)];
+    }
+  }
+  else {
+    // if c defined argument, this should be color name.
+    colorNameInput.value = c;
+  }
+
+
+  colorNameInput.oninput = throttle(themeUpdateParams, 10);
+  colorNameLabel.innerHTML = 'Color scale name';
+  colorName.appendChild(colorNameLabel);
+  colorName.appendChild(colorNameInput);
+
+  // Key Color Input
+  let keyColors = document.createElement('div');
+  keyColors.className = 'spectrum-Form-item';
+  let keyColorsLabel = document.createElement('label');
+  keyColorsLabel.className = 'spectrum-FieldLabel';
+  keyColorsLabel.for = thisId.concat('_keyColors');
+  let keyColorsInput = document.createElement('div');
+  keyColorsInput.className = 'keyColorsWrapper';
+  let keyColorsId = thisId.concat('_keyColors');
+  keyColorsInput.id = keyColorsId;
+  keyColorsLabel.innerHTML = 'Key colors';
+  keyColors.appendChild(keyColorsLabel);
+  keyColors.appendChild(keyColorsInput);
+
+  // Key Colors Actions
+  let addColors = document.createElement('div');
+  addColors.className = 'spectrum-Form-item labelSpacer keyColorActions';
+  let addButton = document.createElement('button');
+  addButton.className = 'spectrum-ActionButton';
+  let buttonId = thisId.concat('_addKeyColor');
+  addButton.id = buttonId;
+  addButton.title = "Add key color"
+  addButton.addEventListener('click', themeAddColorUpdate);
+  addButton.innerHTML = `
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+    <use xlink:href="#spectrum-icon-18-Add" />
+  </svg>
+  `;
+  let bulkButton = document.createElement('button');
+  bulkButton.className = 'spectrum-ActionButton';
+  let bulkId = thisId.concat('_addBulk');
+  bulkButton.title = "Add bulk key colors"
+  bulkButton.id = bulkId;
+  bulkButton.addEventListener('click', addBulk);
+  bulkButton.innerHTML = `
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+    <use xlink:href="#spectrum-icon-18-BoxAdd" />
+  </svg>
+  `;
+
+  addColors.appendChild(addButton);
+  addColors.appendChild(bulkButton);
+
+  // Interpolation mode
+  let interp = document.createElement('div');
+  interp.className = 'spectrum-Form-item';
+  let interpLabel = document.createElement('label');
+  interpLabel.className = 'spectrum-FieldLabel';
+  interpLabel.for = thisId.concat('_mode');
+  let interpLabelText = 'Colorspace interpolation';
+  let interpDropdown = document.createElement('div');
+  interpDropdown.className = 'spectrum-Dropdown';
+  interpDropdown.id = thisId.concat('_modeDropdown');
+  let interpSelect = document.createElement('select');
+  interpSelect.className = 'spectrum-FieldButton spectrum-Dropdown-trigger';
+  interpSelect.id = thisId.concat('_mode');
+  interpSelect.name = thisId.concat('_mode');
+  interpSelect.oninput = throttle(themeUpdateParams, 20);
+  let interpDropdownIcon = document.createElement('span');
+  interpDropdownIcon.className = 'spectrum-Dropdown-iconWrapper';
+  interpDropdownIcon.innerHTML = `
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+    <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+  </svg>`;
+
+  interpLabel.innerHTML = interpLabelText;
+  interpDropdown.appendChild(interpSelect);
+  interpDropdown.appendChild(interpDropdownIcon);
+  interp.appendChild(interpLabel);
+  interp.appendChild(interpDropdown);
+
+  // Interpolation options
+  interpSelect.options.length = 0;
+
+  let opts = {
+    'CAM02': 'CIECAM02',
+    'LCH': 'Lch',
+    'LAB': 'Lab',
+    'HSL': 'HSL',
+    'HSLuv': 'HSLuv',
+    'HSV': 'HSV',
+    'RGB': 'RGB'
+  };
+
+  for(let index in opts) { interpSelect.options[interpSelect.options.length] = new Option(opts[index], index); }
+  if (s == undefined) {
+    interpSelect.value = 'CAM02';
+  }
+  else {
+    interpSelect.value = s;
+  }
+
+
+  // Ratios
+  let ratios = document.createElement('div');
+  ratios.className = 'spectrum-Form-item';
+  let ratiosLabel = document.createElement('label');
+  ratiosLabel.className = 'spectrum-FieldLabel';
+  ratiosLabel.innerHTML = 'Contrast ratios';
+  ratiosLabel.for = thisId.concat('_ratios');
+  let ratiosInput = document.createElement('input');
+  ratiosInput.type = 'text';
+  if(r == undefined) {
+    ratiosInput.value = '3, 4.5';
+  }
+  else {
+    ratiosInput.value = r;
+  }
+
+  ratiosInput.className = 'spectrum-Textfield';
+  ratiosInput.id = thisId.concat('_ratios');
+  ratiosInput.name = thisId.concat('_ratios');
+  ratiosInput.oninput = throttle(themeUpdateParams, 10);
+  ratios.appendChild(ratiosLabel);
+  ratios.appendChild(ratiosInput);
+
+  // Actions
+  let actions = document.createElement('div');
+  actions.className = 'spectrum-ButtonGroup spectrum-Form-item labelSpacer';
+  let edit = document.createElement('button');
+  edit.className = 'spectrum-ActionButton';
+  edit.title = "Edit color scale in new tab"
+  edit.innerHTML = `
+  <!-- <span class="spectrum-ActionButton-label">Add from URL</span> -->
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+    <use xlink:href="#spectrum-icon-18-Edit" />
+  </svg>`
+  edit.addEventListener('click', themeEditItem);
+  // edit.addEventListener('click', openEditColorScale) // TODO => create openEditColorScale function to open colors tab w/ settings of this object.
+  let deleteColor = document.createElement('button');
+  deleteColor.className = 'spectrum-ActionButton';
+  deleteColor.title = 'Delete color scale'
+  deleteColor.id = thisId.concat('_delete');
+  deleteColor.innerHTML = `
+  <!-- <span class="spectrum-ActionButton-label">Add Color</span> -->
+  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Add">
+    <use xlink:href="#spectrum-icon-18-Delete" />
+  </svg>`;
+  deleteColor.addEventListener('click', themeDeleteItem);
+  actions.appendChild(edit);
+  actions.appendChild(deleteColor);
+
+  // Put it all together
+  inputs.appendChild(colorName);
+  inputs.appendChild(keyColors);
+  inputs.appendChild(addColors)
+  inputs.appendChild(interp);
+  inputs.appendChild(ratios);
+  inputs.appendChild(actions);
+
+  item.appendChild(gradient);
+  item.appendChild(inputs);
+
+  wrapper.appendChild(item);
+
+  // Then run functions on the basic placeholder inputs
+  // document.getElementById(buttonId).click();
+  if (k == undefined) {
+    document.getElementById(buttonId).click();
+  }
+  else {
+    for (let i = 0; i < k.length; i++) {
+      themeAddColor(k[i], buttonId);
+    }
+  }
+  // generate the number of values equal to the width of the item
+  let n = window.innerWidth - 272;
+  let rampData = contrastColors.createScale({swatches: n, colorKeys: ['#000000'], colorspace: 'LAB'});
+
+  let colors = rampData.colors;
+
+  themeRamp(colors, n, gradientId);
+  toggleControls();
+  baseScaleOptions();
+
+  let select = document.getElementById('view');
+  let value = select.value;
+
+  if(value == 'viewScaleOnly') {
+    inputs.classList.add('is-hidden');
+    gradient.classList.add('is-large');
+  }
+
+  else if(value == 'viewScaleConfig') { }
+
+  else if (value == 'viewSwatch') {
+    inputs.classList.add('is-hidden');
+  }
+
+
+  document.getElementById(thisId.concat('_colorName')).addEventListener('input', baseScaleOptions);
+  document.getElementById(thisId.concat('_delete')).addEventListener('click', themeDeleteItem);
+
+}
+
+window.addColorScaleUpdate = addColorScaleUpdate;
+function addColorScaleUpdate(c, k, s, r) {
+  addColorScale(c, k, s, r);
+  themeInput();
+  let config = getThemeData();
+  let name = getThemeName();
+
+  config = JSON.stringify(config);
+
+  updateParams(name, config);
+}
+
+// Update theme when theme name is changed
+document.getElementById('themeName').addEventListener('input', throttle(themeUpdateParams, 50));
+// Update theme when base color selection is changed
+document.getElementById('themeBase').addEventListener('input', throttle(themeUpdateParams, 50));
+
+function themeRamp(colors, n = window.innerWidth - 272, dest) {
+  let container = document.getElementById(dest);
+  container = d3.select(container);
+
+  let canvas = container.append("canvas")
+    .attr("width", n)
+    .attr("height", 1);
+  let context = canvas.node().getContext("2d");
+
+  canvas.style.height = "32px";
+  canvas.style.width = n;
+  canvas.style.imageRendering = "pixelated";
+  canvas.className = 'themeColor_canvas';
+  for (let i = 1; i < n; ++i) {
+    context.fillStyle = colors[i];
+    context.fillRect(i, 0, 1, 32);
+  }
+  return canvas;
+}
+
+function themeSwatchRamp(colors, dest) {
+  let container = document.getElementById(dest);
+  let wrapper = document.createElement('div');
+  wrapper.className = 'gradientColorSwatchWrapper is-hidden';
+
+  for(let i = 0; i < colors.length; i++) {
+    let swatch = document.createElement('div');
+    swatch.className = 'gradientColorSwatch';
+    swatch.style.backgroundColor = colors[i];
+
+    wrapper.appendChild(swatch);
+  }
+  container.appendChild(wrapper);
+}
+
+
+// Recreation of addColor function, specifying items needed for theme UI
+function themeAddColor(c, thisId = this.id) {
+  // let thisId = this.id;
+  let parent = thisId.replace('_addKeyColor', '');
+  let destId = parent.concat('_keyColors');
+  let dest = document.getElementById(destId);
+  let div = document.createElement('div');
+
+  let randId = randomId();
+  div.className = 'keyColor';
+  div.id = randId + '-item';
+  let sw = document.createElement('input');
+  sw.type = "color";
+  sw.value = c;
+  sw.oninput = throttle(themeUpdateParams, 50);
+
+  sw.className = 'keyColor-Item';
+  sw.id = randId + '-sw';
+  sw.style.backgroundColor = c;
+
+  let button = document.createElement('button');
+  button.className = 'spectrum-ActionButton';
+  button.innerHTML = `
+  <svg class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Delete">
+    <use xlink:href="#spectrum-icon-18-Delete" />
+  </svg>`;
+
+  button.addEventListener('click', deleteColor);
+  div.appendChild(sw);
+  div.appendChild(button);
+  dest.appendChild(div);
+}
+
+function themeAddColorUpdate(c, thisId = this.id) {
+  themeAddColor(c, thisId = this.id);
+  let config = getThemeData();
+  let name = getThemeName();
+
+  config = JSON.stringify(config);
+
+  updateParams(name, config);
+}
+
+function themeDeleteItem(e) {
+  let id = e.target.parentNode.parentNode.parentNode.id;
+  let self = document.getElementById(id);
+
+  self.remove();
+  baseScaleOptions();
+  toggleControls();
+
+  themeUpdateParams();
+
+  let items = document.getElementsByClassName('themeColor_item');
+  if(items.length == 0) {
+    clearParams();
+
+    document.documentElement.style
+      .setProperty('--theme-background', '#f5f5f5');
+  }
+}
+
+function themeEditItem(e) {
+  let id = e.target.parentNode.parentNode.parentNode.id;
+  let thisElement = document.getElementById(id);
+
+  let c = getColorItemData(id).colorArgs;
+  let b = 'ffffff'; // get generated background color...
+  let m = getColorItemData(id).mode;
+  let r = getColorItemData(id).ratios;
+
+  // take the configs and craft a URL for editing the palette
+  let location = window.location.origin;
+  let url = new URL(location);
+  let params = new URLSearchParams(url.search.slice(1));
+
+  params.set('colorKeys', c);
+  params.set('base', b);
+  params.set('ratios', r);
+  params.set('mode', m);
+
+  // window.history.replaceState({}, '', '?' + params); // update the page's URL.
+
+  // open new tab with url based on color scale's parameters
+  let newURL = location.toString().concat('/?').concat(params);
+  window.open(newURL, "_blank");
+
+  // Now how do we apply this *back* to the theme itself?...
+  // I don't think this is possible without some serious magic from a real engineer.
+}
+
+// Create options for colors to use as base scale
+function baseScaleOptions() {
+  let baseSelect = document.getElementById('themeBase');
+  baseSelect.options.length = 0;
+
+  let colorNames = document.getElementsByClassName('colorNameInput');
+  let opts = {};
+  for (let i = 0; i < colorNames.length; i++) {
+    let colorname = colorNames[i].value;
+    opts[colorname] = colorname;
+  }
+
+  for(let index in opts) { baseSelect.options[baseSelect.options.length] = new Option(opts[index], index); }
+}
+
+function toggleControls() {
+  let items = document.getElementsByClassName('themeColor_item');
+  let brightnessSliderWrap = document.getElementById('brightnessSliderWrapper');
+  let brightnessSlider = document.getElementById('themeBrightnessSlider');
+  let contrastSliderWrap = document.getElementById('contrastSliderWrapper');
+  let contrastSlider = document.getElementById('themeContrastSlider');
+  let themeBaseLabel = document.getElementById('themeBaseLabel');
+  let modeDropdown = document.getElementById('modeDropdown');
+  let baseSelect = document.getElementById('themeBase');
+
+  if(items.length > 0) {
+    // if there are items, enable fields
+    brightnessSliderWrap.classList.remove('is-disabled');
+    contrastSliderWrap.classList.remove('is-disabled');
+    themeBaseLabel.classList.remove('is-disabled');
+    modeDropdown.classList.remove('is-disabled');
+    brightnessSlider.disabled = false;
+    contrastSlider.disabled = false;
+    baseSelect.disabled = false;
+  }
+  else if(items.length == 0) {
+    // disable fields
+    brightnessSliderWrap.classList.add('is-disabled');
+    contrastSliderWrap.classList.add('is-disabled');
+    themeBaseLabel.classList.add('is-disabled');
+    modeDropdown.classList.add('is-disabled');
+    brightnessSlider.disabled = true;
+    contrastSlider.disabled = true;
+    baseSelect.disabled = true;
+    baseSelect.value = ' ';
+  }
+}
+
+function cvdColors(colors) {
+  let cvdMode = cvdModeDropdown.value;
+
+  // if not an array
+  if (!Array.isArray(colors)) {
+    if (cvdMode == 'Deuteranomaly') {
+      colors = blinder.deuteranomaly(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Deuteranopia') {
+      colors = blinder.deuteranopia(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Protanomaly') {
+      colors = blinder.protanomaly(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Protanopia') {
+      colors = blinder.protanopia(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Tritanomaly') {
+      colors = blinder.tritanomaly(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Tritanopia') {
+      colors = blinder.tritanopia(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Achromatomaly') {
+      colors = blinder.achromatomaly(colors);
+      showToast();
+    }
+    else if (cvdMode == 'Achromatopsia') {
+      colors = blinder.achromatopsia(colors);
+      showToast();
+    }
+    else {
+      hideToast();
+    }
+    colors = d3.rgb(colors).formatRgb();
+  }
+  // must be an array.
+  else {
+    if (cvdMode == 'Deuteranomaly') {
+      colors = colors.map(c => blinder.deuteranomaly(c));
+    }
+    else if (cvdMode == 'Deuteranopia') {
+      colors = colors.map(c => blinder.deuteranopia(c));
+    }
+    else if (cvdMode == 'Protanomaly') {
+      colors = colors.map(c => blinder.protanomaly(c));
+    }
+    else if (cvdMode == 'Protanopia') {
+      colors = colors.map(c => blinder.protanopia(c));
+    }
+    else if (cvdMode == 'Tritanomaly') {
+      colors = colors.map(c => blinder.tritanomaly(c));
+    }
+    else if (cvdMode == 'Tritanopia') {
+      colors = colors.map(c => blinder.tritanopia(c));
+    }
+    else if (cvdMode == 'Achromatomaly') {
+      colors = colors.map(c => blinder.achromatomaly(c));
+    }
+    else if (cvdMode == 'Achromatopsia') {
+      colors = colors.map(c => blinder.achromatopsia(c));
+    }
+    else {
+      // do nothing
+    }
+    colors = colors.map(c => d3.rgb(c).formatRgb());
+  }
+
+  return colors;
+}
+
+var themeName = document.getElementById('themeName');
+
+window.themeInput = themeInput;
+function themeInput() {
+  let items = document.getElementsByClassName('themeColor_item');
+  let colorScales = [];
+  let themeOutputs = document.getElementById('themeOutputs');
+  themeOutputs.innerHTML = ' ';
+  let themeConfigs = getThemeData();
+  let paramsOutput = document.getElementById('themeParams');
+
+  if (items.length == 0) {
+    // If no items, clear parameters and URL
+    themeConfigs.baseScale = undefined;
+    themeConfigs.colorScales = undefined;
+    themeConfigs.brightness = undefined;
+    themeConfigs.contrast = undefined;
+    clearParams();
+
+    let emptyState = document.getElementById('themeColorEmptyState');
+    emptyState.classList.remove('is-hidden');
+
+    paramsOutput.innerHTML = ' ';
+  }
+  // Create color scale objects
+  else if (items.length > 0) {
+    for (let i = 0; i < items.length; i++) {
+      let id = items[i].id;
+      let thisElement = document.getElementById(id);
+
+      let colorData = getColorItemData(id);
+
+      let colorArgs = colorData.colorArgs;
+      let mode = colorData.mode;
+
+      let gradientId = id.concat('_gradient');
+      let gradient = document.getElementById(gradientId);
+      gradient.innerHTML = ' ';
+      let n = window.innerWidth - 272;
+      let rampData = contrastColors.createScale({swatches: n, colorKeys: colorArgs, colorspace: mode});
+      let colors = rampData.colors;
+
+      colors = cvdColors(colors);
+
+      themeRamp(colors, n, gradientId);
+    }
+
+    let theme = contrastColors.generateAdaptiveTheme({
+      baseScale: themeConfigs.baseScale,
+      colorScales: themeConfigs.colorScales,
+      brightness: themeConfigs.brightness,
+      contrast: themeConfigs.contrast
+    });
+
+    // Loop again after generating theme.
+    for (let i = 0; i < items.length; i++) {
+      let id = items[i].id;
+      let thisElement = document.getElementById(id);
+      let gradientId = id.concat('_gradient');
+      let gradient = document.getElementById(gradientId);
+      let colorObjs = theme[i+1].values;
+      let arr = [];
+
+      for(let i = 0; i < colorObjs.length; i ++) {
+        arr.push(cvdColors(colorObjs[i].value));
+      }
+      themeSwatchRamp(arr, gradientId);
+    }
+
+    let themeColorArray = [];
+
+    let varPrefix = '--';
+
+    // Iterate each color from theme except 1st object (background)
+    for (let i=0; i<theme.length; i++) {
+      let wrapper = document.createElement('div');
+
+      let swatchWrapper = document.createElement('div');
+      swatchWrapper.className = 'themeOutputColor';
+
+      // Iterate each color value
+      if (theme[i].values) {
+        let p = document.createElement('p');
+        p.className = 'spectrum-Subheading';
+        p.innerHTML = theme[i].name;
+
+        wrapper.appendChild(p);
+
+        for(let j=0; j<theme[i].values.length; j++) { // for each value object
+          let key = theme[i].values[j].name; // output "name" of color
+          let prop = varPrefix.concat(key);
+          let originalValue = theme[i].values[j].value; // output value of color
+          // transform original color based on preview mode
+          let value = cvdColors(originalValue);
+
+          // create CSS property
+          document.documentElement.style
+            .setProperty(prop, value);
+          // create swatch
+          let div = document.createElement('div');
+          div.className = 'themeOutputSwatch';
+          // copy text should be for value of original color, not of preview color.
+          div.setAttribute('data-clipboard-text', originalValue);
+          div.setAttribute('tabindex', '0');
+          div.style.backgroundColor = value;
+
+
+          swatchWrapper.appendChild(div);
+          themeColorArray.push(originalValue);
+        }
+        wrapper.appendChild(swatchWrapper);
+      }
+      else if (theme[i].background) {
+        let p = document.createElement('p');
+        p.className = 'spectrum-Subheading';
+        p.innerHTML = 'Background';
+
+        wrapper.appendChild(p);
+
+        // grab background color data
+        let key = 'theme-background'; // "name" of color
+        let prop = varPrefix.concat(key);
+        let originalValue = theme[i].background; // output value of color
+        // set global variable value. Probably shouldn't do it this way.
+        currentBackgroundColor = originalValue;
+        let value = cvdColors(originalValue);
+
+        // create CSS property
+        document.documentElement.style
+          .setProperty(prop, value);
+        // create swatch
+        let div = document.createElement('div');
+        div.className = 'themeOutputSwatch';
+        div.setAttribute('tabindex', '0');
+        div.setAttribute('data-clipboard-text', originalValue);
+        div.style.backgroundColor = value;
+
+        swatchWrapper.appendChild(div);
+        wrapper.appendChild(swatchWrapper);
+
+        themeColorArray.push(originalValue);
+      }
+
+      themeOutputs.appendChild(wrapper);
+    }
+    // Run toggle to ensure proper visibility shown based on view mode
+    toggleConfigs();
+
+    let copyThemeColors = document.getElementById('copyThemeColors');
+    copyThemeColors.setAttribute('data-clipboard-text', themeColorArray);
+    paramsOutput.innerHTML = JSON.stringify(themeConfigs, null, 2);
+  }
+}
+
+window.themeUpdateParams = themeUpdateParams;
+function themeUpdateParams() {
+  themeInput();
+  let config = getThemeData();
+  let name = getThemeName();
+
+  config = JSON.stringify(config);
+
+  updateParams(name, config);
+}
+
+let sliderB = document.getElementById('themeBrightnessSlider');
+let sliderC = document.getElementById('themeContrastSlider');
+sliderB.addEventListener('input', sliderValue);
+sliderC.addEventListener('input', sliderValue);
+
+window.sliderValue = sliderValue;
+function sliderValue(e) {
+  let id = e.target.id;
+  let slider = document.getElementById(id);
+  let labelId = id.replace('Slider', 'Value');
+  let label = document.getElementById(labelId);
+  label.innerHTML = slider.value;
+}
+
+window.sliderInput = sliderInput;
+function sliderInput() {
+  let items = document.getElementsByClassName('themeColor_item');
+  // If theme items are present, run themeInput
+  if (items !== undefined) {
+    themeUpdateParams();
+  }
+}
+
+window.addBulk = addBulk;
+function addBulk(e) {
+  let id = e.target.parentNode.parentNode.parentNode.id;
+  let button = document.getElementById('bulkAddButton');
+  button.addEventListener('click', bulkItemColorInput);
+
+  let dialog = document.getElementsByClassName('addBulkColorDialog');
+  for(let i = 0; i < dialog.length; i++) {
+    dialog[i].classList.add("is-open");
+    dialog[i].id = id.concat('_dialog');
+  }
+  document.getElementById('dialogOverlay').style.display = 'block';
+}
+
+window.cancelBulk = cancelBulk;
+function cancelBulk() {
+  let dialog = document.getElementsByClassName('addBulkColorDialog');
+  for(let i = 0; i < dialog.length; i++) {
+    dialog[i].classList.remove("is-open");
+    dialog[i].id = ' ';
+  }
+  document.getElementById('dialogOverlay').style.display = 'none';
+}
+
+window.addFromURLDialog = addFromURLDialog;
+function addFromURLDialog() {
+  let button = document.getElementById('addFromURLButton');
+  button.addEventListener('click', addFromURL);
+
+  let dialog = document.getElementById('addFromURLDialog');
+  dialog.classList.add("is-open");
+
+  document.getElementById('dialogOverlay').style.display = 'block';
+}
+window.cancelURL = cancelURL;
+function cancelURL() {
+  let dialog = document.getElementById('addFromURLDialog');
+  dialog.classList.remove("is-open");
+
+  document.getElementById('dialogOverlay').style.display = 'none';
+}
+
+window.bulkItemColorInput = function bulkItemColorInput(e) {
+  let id = e.target.parentNode.parentNode.id;
+  let itemId = id.replace('_dialog', '');
+  let keyInputId = itemId.concat('_keyColors');
+  let buttonId = itemId.concat('_addKeyColor');
+  let keyInputs = document.getElementById(keyInputId);
+
+  let bulkInputs = document.getElementById('bulkColors');
+  let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").split("\n");
+  // let isSwatch = document.getElementById('importAsSwatch').checked;
+  let bgInput = currentBackgroundColor;
+
+  // add key colors for each input
+  for(let i=0; i<bulkValues.length; i++) {
+    themeAddColor(d3.color(bulkValues[i]).formatHex(), itemId);
+  }
+  // if (isSwatch) {
+  //   // create ratio inputs for each contrast
+  //   for (let i=0; i<bulkValues.length; i++) {
+  //     let cr = contrastColors.contrast([d3.rgb(bulkValues[i]).r, d3.rgb(bulkValues[i]).g, d3.rgb(bulkValues[i]).b], [d3.rgb(bgInput).r, d3.rgb(bgInput).g, d3.rgb(bgInput).b]);
+  //     addRatio(cr.toFixed(2));
+  //   }
+  //   bg.value = bgInput;
+  // }
+
+  // Hide dialog
+  cancelBulk();
+  // Run colorinput
+  themeUpdateParams();
+
+  // clear inputs on close
+  bulkInputs.value = " ";
+}
+
+window.addFromURL = addFromURL;
+function addFromURL() {
+  let input = document.getElementById('addFromURLinput');
+  let value = input.value;
+
+  let url = new URL(value);
+  let params = new URLSearchParams(url.search.slice(1));
+  let pathName = url.pathname;
+
+  let crs, ratios, mode;
+  let cName = predefinedColorNames[Math.floor(Math.random()*predefinedColorNames.length)];
+
+  // // If parameters exist, use parameter; else use default html input values
+  if(params.has('colorKeys')) {
+    let cr = params.get('colorKeys');
+    crs = cr.split(',');
+  }
+
+  if(params.has('ratios')) {
+    // transform parameter values into array of numbers
+    let rat = params.get('ratios');
+    ratios = rat.split(',');
+    ratios = ratios.map(Number);
+
+    if(ratios[0] == 0) { // if no parameter value, default to [3, 4.5]
+      ratios = [3, 4.5];
+    } else { }
+  }
+  if(params.has('mode')) {
+    mode = params.get('mode');
+  }
+  else {
+    // do nothing
+  }
+  addColorScaleUpdate(cName, crs, mode, ratios);
+
+  cancelURL();
+  // Run colorinput
+  // throttle(themeInput, 10);
+  // Clear out value when done
+  input.value = ' ';
+}
+
+window.toggleConfigs = toggleConfigs;
+function toggleConfigs() {
+  let select = document.getElementById('view');
+  let value = select.value;
+  let configs = document.getElementsByClassName('themeColor_configs');
+  let gradient = document.getElementsByClassName('themeColor_gradient');
+  let swatches = document.getElementsByClassName('gradientColorSwatchWrapper');
+
+  if(value == 'viewScaleOnly') {
+    for (let i = 0; i < configs.length; i ++) {
+      if (!configs[i].classList.contains('is-hidden')) {
+        configs[i].classList.add('is-hidden');
+      }
+      if (!gradient[i].classList.contains('is-large')) {
+        gradient[i].classList.add('is-large');
+      }
+      if (gradient[i].classList.contains('is-hidden')) {
+        gradient[i].classList.remove('is-hidden');
+      }
+      if (!swatches[i].classList.contains('is-hidden')) {
+        swatches[i].classList.add('is-hidden');
+      }
+      if (swatches[i].classList.contains('is-large')) {
+        swatches[i].classList.remove('is-large');
+      }
+    }
+  }
+  else if(value == 'viewScaleConfig') {
+    for (let i = 0; i < configs.length; i ++) {
+      if (configs[i].classList.contains('is-hidden')) {
+        configs[i].classList.remove('is-hidden');
+      }
+      if (gradient[i].classList.contains('is-large')) {
+        gradient[i].classList.remove('is-large');
+      }
+      if (gradient[i].classList.contains('is-hidden')) {
+        gradient[i].classList.remove('is-hidden');
+      }
+      if (!swatches[i].classList.contains('is-hidden')) {
+        swatches[i].classList.add('is-hidden');
+      }
+      if (swatches[i].classList.contains('is-large')) {
+        swatches[i].classList.remove('is-large');
+      }
+    }
+  }
+  else if (value == 'viewSwatch') {
+    for (let i = 0; i < configs.length; i ++) {
+      if (!configs[i].classList.contains('is-hidden')) {
+        configs[i].classList.add('is-hidden');
+      }
+      if (!gradient[i].classList.contains('is-large')) {
+        gradient[i].classList.add('is-large');
+      }
+      if (!gradient[i].classList.contains('is-hidden')) {
+        gradient[i].classList.add('is-hidden');
+      }
+      if (swatches[i].classList.contains('is-hidden')) {
+        swatches[i].classList.remove('is-hidden');
+      }
+      if (!swatches[i].classList.contains('is-large')) {
+        swatches[i].classList.add('is-large');
+      }
+    }
+  }
+}
+
+window.showToast = showToast;
+function showToast() {
+  let toast = document.getElementById("toastCVDpreview");
+  if (toast.classList.contains("is-visible")) {
+    // do nothing
+  }
+  else {
+    toast.classList.remove("spectrum-Exit");
+    toast.classList.add("spectrum-Bounce");
+    toast.classList.add("is-visible");
+  }
+}
+
+window.hideToast = hideToast;
+function hideToast() {
+  let toast = document.getElementById("toastCVDpreview");
+  toast.classList.remove("spectrum-Bounce");
+  toast.classList.add("spectrum-Exit");
+  toast.classList.remove("is-visible");
+}
+
+window.exitPreview = exitPreview;
+function exitPreview() {
+  cvdModeDropdown.value = "None";
+
+  themeInput();
+  hideToast();
+}
+
+window.neverShowToast = neverShowToast;
+function neverShowToast() {
+  let toast = document.getElementById("toastCVDpreview");
+  toast.classList.remove("spectrum-Bounce");
+  toast.classList.add("spectrum-Exit");
+  toast.classList.remove("is-visible");
+  toast.classList.add("hidden");
+}
+
+// Passing variable parameters to URL
+function updateParams(n, t) {
+  let url = new URL(window.location);
+  let params = new URLSearchParams(url.search.slice(1));
+  let tabColor = document.getElementById("tabColor");
+
+  params.set('name', n);         // Theme name
+  params.set('config', t);       // Configurations
+
+  window.history.replaceState({}, '', '?' + params); // update the page's URL.
+}
+
+function clearParams() {
+  let uri = window.location.toString();
+  let cleanURL = uri.substring(0, uri.indexOf("?"));
+
+  window.history.replaceState({}, document.title, cleanURL);
+}
+
+
+/////////////////////////////////////
+//   Functions for GETTING data    //
+/////////////////////////////////////
+
+// GET Color Scale Data
+function getColorItemData(id) {
+  let thisElement = document.getElementById(id);
+  // 1. find color name
+  let colorNameInput = id.concat('_colorName');
+  let colorName = document.getElementById(colorNameInput).value;
+  // 2. find all key colors
+  let colorKeys = thisElement.getElementsByClassName('keyColor-Item');
+  let inputColors = [];
+  let tempArgs = [];
+  for(let i=0; i<colorKeys.length; i++) {
+    inputColors.push(colorKeys[i].value);
+  }
+  // Convert input value into a split array of hex values.
+  // remove any whitespace from inputColors
+  tempArgs.push(inputColors);
+  let colorArgs = tempArgs.join("").split(',').filter(String);
+
+  // 3. find mode
+  let modeId = id.concat('_mode');
+  let modeSelect = document.getElementById(modeId);
+  let mode = modeSelect.value;
+
+  // 4. find ratios
+  let ratiosId = id.concat('_ratios');
+  let ratiosInput = document.getElementById(ratiosId);
+  let rVals = ratiosInput.value;
+  let r = new Array(rVals);
+  let rSplit = r.join("").split(',');
+  let ratios = rSplit.map(x => parseFloat(x));
+  // TODO: remove all values of NaN
+
+  return {
+    colorName: colorName,
+    colorArgs: colorArgs,
+    mode: mode,
+    ratios: ratios
+  }
+}
+
+function getThemeName() {
+  // Get name
+  let themeNameInput = document.getElementById('themeName');
+  let themeName = themeNameInput.value;
+  return themeName;
+}
+
+// GET Theme Data
+function getThemeData() {
+  // Get base scale
+  let baseSelect = document.getElementById('themeBase');
+  let baseSelectValue = baseSelect.value;
+
+  // Get brightness
+  let brightnessSlider = document.getElementById('themeBrightnessSlider');
+  let brightness = brightnessSlider.value;
+
+  // Get contrast
+  let contrastSlider = document.getElementById('themeContrastSlider');
+  let contrast = contrastSlider.value;
+
+  // For each item
+  let items = document.getElementsByClassName('themeColor_item');
+  let colorScales = [];
+
+  for (let i = 0; i < items.length; i++) {
+    let id = items[i].id;
+    let thisElement = document.getElementById(id);
+
+    let colorData = getColorItemData(id);
+
+    let colorObj = {
+      name: colorData.colorName,
+      colorKeys: colorData.colorArgs,
+      colorspace: colorData.mode,
+      ratios: colorData.ratios
+    };
+
+    colorScales.push(colorObj);
+  }
+
+  return {
+    baseScale: baseSelectValue,
+    colorScales: colorScales,
+    brightness: brightness,
+    contrast: contrast
+  }
+}
diff --git a/yarn.lock b/yarn.lock
index 0d7b7a78..dca38603 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2419,6 +2419,11 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/icon/-/icon-2.0.2.tgz#1e325863f042945d77badc0588f6600d6f9d1b89"
   integrity sha512-n3JYSPNia7KU9iTtN0ROw5bnq8XziOVENi7Zx/bLcR47mw9+oxmAnYRVK81WAzDIY9t0S8OIVA6wv0TJJ/6QtQ==
 
+"@spectrum-css/illustratedmessage@2.0.0":
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/@spectrum-css/illustratedmessage/-/illustratedmessage-2.0.0.tgz#2f565fb2e80bfb742b3ab2e10cb022cadf9b44a2"
+  integrity sha512-8AN8K0QJB9pBofjfje+jNSzML+d21tRLkI2CtziyzvQfKOHj0u7ofxHQqP/r08Ot/lC54gGA3dcHxDjCjhv6gA==
+
 "@spectrum-css/link@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@spectrum-css/link/-/link-2.0.2.tgz#577499c9ef7d7e53c3c2893f358bbe3766c3c2e9"
@@ -2456,6 +2461,11 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/textfield/-/textfield-2.0.2.tgz#72cfc2480c152343ddb63c9113766cc4c96313af"
   integrity sha512-vntSA+aKtsEOM5mabI20ochwMisH6+DHSO8Be8qWNvUUF2c927uYWBIoxLGjTCLF1qb7KZ9FfpAPk03VOO1epw==
 
+"@spectrum-css/toast@^2.0.4":
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/@spectrum-css/toast/-/toast-2.0.4.tgz#2f7a60fbb37eb9634f829871943d2f50bd2c03c6"
+  integrity sha512-tA4qCBLOUM5fTDZMyy7g4MIQzJllRDuaHiQq7WtVs3JeJPbJaFKjUTXjc+1wgts1AYu1rx7x/zr151u2qgrLvg==
+
 "@spectrum-css/tooltip@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@spectrum-css/tooltip/-/tooltip-2.0.2.tgz#7b322966404fafbec9d085246f3590e184f350f2"
@@ -3512,6 +3522,13 @@ collections@^0.2.0:
   dependencies:
     weak-map "1.0.0"
 
+color-blind@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/color-blind/-/color-blind-0.1.1.tgz#d6cf97b635fb6605c9dcc48efb58d5eb972a371e"
+  integrity sha1-1s+XtjX7ZgXJ3MSO+1jV65cqNx4=
+  dependencies:
+    onecolor "^2.5.0"
+
 color-convert@^1.9.0, color-convert@^1.9.1:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -7648,6 +7665,11 @@ once@^1.3.0, once@^1.3.1, once@^1.4.0:
   dependencies:
     wrappy "1"
 
+onecolor@^2.5.0:
+  version "2.5.0"
+  resolved "https://registry.yarnpkg.com/onecolor/-/onecolor-2.5.0.tgz#2256b651dc807c101f00aedbd49925c57a4431c1"
+  integrity sha1-Ila2UdyAfBAfAK7b1JklxXpEMcE=
+
 onetime@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4"

From f7b3b69ca59fa642b6d0666365ddeefb5b9cc88e Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Fri, 28 Feb 2020 15:31:57 -0700
Subject: [PATCH 46/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.4
 - @adobe/leonardo-ui@1.2.1
---
 packages/contrast-colors/CHANGELOG.md |  8 ++++++++
 packages/contrast-colors/package.json |  2 +-
 packages/ui/CHANGELOG.md              | 11 +++++++++++
 packages/ui/package.json              |  4 ++--
 4 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 4f9579d1..6c553bc7 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.4](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.3...@adobe/leonardo-contrast-colors@1.0.0-alpha.4) (2020-02-28)
+
+**Note:** Version bump only for package @adobe/leonardo-contrast-colors
+
+
+
+
+
 # [1.0.0-alpha.3](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.2...@adobe/leonardo-contrast-colors@1.0.0-alpha.3) (2020-01-21)
 
 
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index bf69bf3c..92ea9d8c 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.3",
+  "version": "1.0.0-alpha.4",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "type": "module",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 346744ba..12dbe532 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.1](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.0...@adobe/leonardo-ui@1.2.1) (2020-02-28)
+
+
+### Bug Fixes
+
+* corrected charts with proper colors and data ([#53](https://github.com/adobe/leonardo/issues/53)) ([91097fd](https://github.com/adobe/leonardo/commit/91097fdb1a6a0eb2c4add7537d970ca0633994ea))
+
+
+
+
+
 # [1.2.0](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.1.0...@adobe/leonardo-ui@1.2.0) (2020-01-21)
 
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index a1e771fc..c31b442c 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.3",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.4",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From e1a10717ef6ee551e37cbb5221c56e52ea6be963 Mon Sep 17 00:00:00 2001
From: Dmitry Baranovskiy <dmitry.baranovskiy@gmail.com>
Date: Wed, 4 Mar 2020 15:30:13 +1100
Subject: [PATCH 47/74] Added smooth interpolation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

• added `d3.interpolateJch`
• moved color spaces into `colorSpaces` const
• added `CAM02p` color space
• added curve.js with bezier functions
• added `smoothScale` function
• added `smooth` as a parameter to `createScale` function, `true` by default
---
 packages/contrast-colors/curve.js | 109 +++++++++++
 packages/contrast-colors/index.js | 308 +++++++++++++++++++++---------
 2 files changed, 329 insertions(+), 88 deletions(-)
 create mode 100644 packages/contrast-colors/curve.js

diff --git a/packages/contrast-colors/curve.js b/packages/contrast-colors/curve.js
new file mode 100644
index 00000000..b13d0724
--- /dev/null
+++ b/packages/contrast-colors/curve.js
@@ -0,0 +1,109 @@
+const base3 = (t, p1, p2, p3, p4) => {
+    const t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4,
+          t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
+    return t * t2 - 3 * p1 + 3 * p2;
+}
+export const bezlen = (x1, y1, x2, y2, x3, y3, x4, y4, z) => {
+    if (z == null) {
+        z = 1;
+    }
+    z = z > 1 ? 1 : z < 0 ? 0 : z;
+    var z2 = z / 2,
+        n = 12,
+        Tvalues = [-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],
+        Cvalues = [0.2491,0.2491,0.2335,0.2335,0.2032,0.2032,0.1601,0.1601,0.1069,0.1069,0.0472,0.0472],
+        sum = 0;
+    for (var i = 0; i < n; i++) {
+        var ct = z2 * Tvalues[i] + z2,
+            xbase = base3(ct, x1, x2, x3, x4),
+            ybase = base3(ct, y1, y2, y3, y4),
+            comb = xbase * xbase + ybase * ybase;
+        sum += Cvalues[i] * Math.sqrt(comb);
+    }
+    return z2 * sum;
+}
+export const findDotsAtSegment = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) => {
+    const t1 = 1 - t,
+        t12 = t1 * t1,
+        t13 = t12 * t1,
+        t2 = t * t,
+        t3 = t2 * t,
+        x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x,
+        y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
+    return {
+        x: x,
+        y: y
+    };
+}
+export const catmullRom2bezier = (crp, z) => {
+    const d = [];
+    let end = {x: +crp[0], y: +crp[1]};
+    for (let i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
+        const p = [
+            {x: +crp[i - 2], y: +crp[i - 1]},
+            {x: +crp[i],     y: +crp[i + 1]},
+            {x: +crp[i + 2], y: +crp[i + 3]},
+            {x: +crp[i + 4], y: +crp[i + 5]}
+        ];
+        if (z) {
+            if (!i) {
+                p[0] = {x: +crp[iLen - 2], y: +crp[iLen - 1]};
+            } else if (iLen - 4 == i) {
+                p[3] = {x: +crp[0], y: +crp[1]};
+            } else if (iLen - 2 == i) {
+                p[2] = {x: +crp[0], y: +crp[1]};
+                p[3] = {x: +crp[2], y: +crp[3]};
+            }
+        } else {
+            if (iLen - 4 == i) {
+                p[3] = p[2];
+            } else if (!i) {
+                p[0] = {x: +crp[i], y: +crp[i + 1]};
+            }
+        }
+        d.push([
+            end.x,
+            end.y,
+            (-p[0].x + 6 * p[1].x + p[2].x) / 6,
+            (-p[0].y + 6 * p[1].y + p[2].y) / 6,
+            (p[1].x + 6 * p[2].x - p[3].x) / 6,
+            (p[1].y + 6 * p[2].y - p[3].y) / 6,
+            p[2].x,
+            p[2].y
+        ]);
+        end = p[2];
+    }
+
+    return d;
+}
+
+export const prepareCurve = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) => {
+  const len = Math.floor(bezlen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) * .75);
+  const map = new Map;
+  for (let i = 0; i <= len; i++) {
+    const t = i / len;
+    map.set(t, findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t));
+  }
+  return x => {
+    const keys = Array.from(map.keys());
+    let p = map.get(keys[0]);
+    const last = map.get(keys[keys.length - 1]);
+    if (x < p.x || x > last.x) {
+      return null;
+    }
+    for (let i = 0; i < keys.length; i++) {
+      const value = map.get(keys[i]);
+      if (value.x >= x) {
+        const x1 = p.x;
+        const x2 = value.x;
+        const y1 = p.y;
+        const y2 = value.y;
+        if (!i) {
+          return y2;
+        }
+        return (x - x1) * (y2 - y1) / (x2 - x1) + y1;
+      }
+      p = value;
+    }
+  };
+};
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index d22102b0..5655a3bc 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -15,6 +15,8 @@ import * as d3cam02 from 'd3-cam02';
 import * as d3hsluv from 'd3-hsluv';
 import * as d3hsv from 'd3-hsv';
 
+import {catmullRom2bezier, prepareCurve} from './curve';
+
 // Work around node and babel's difference of opinion on the read-onlyness of default
 function assign(dest, ...src) {
   for (let obj of src) {
@@ -26,14 +28,197 @@ function assign(dest, ...src) {
   }
 }
 
+d3.interpolateJch = (start, end) => {
+  // constant, linear, and colorInterpolate are taken from d3-interpolate
+  // the colorInterpolate function is `nogamma` in the d3-interpolate's color.js
+  const constant = x => () => x;
+  const linear = (a, d) => t => a + t * d;
+  const colorInterpolate = (a, b) => {
+    const d = b - a;
+    return d ? linear(a, d) : constant(isNaN(a) ? b : a);
+  }
+
+  start = d3.jch(start);
+  end = d3.jch(end);
+
+  const zero = Math.abs(start.h - end.h);
+  const plus = Math.abs(start.h - (end.h + 360));
+  const minus = Math.abs(start.h - (end.h - 360));
+  if (plus < zero && plus < minus) {
+    end.h += 360;
+  }
+  if (minus < zero && minus < plus) {
+    end.h -= 360;
+  }
+
+  const startc = d3.hcl(start + '').c;
+  const endc = d3.hcl(end + '').c;
+  if (!startc) {
+    start.h = end.h;
+  }
+  if (!endc) {
+    end.h = start.h;
+  }
+
+  const J = colorInterpolate(start.J, end.J),
+        C = colorInterpolate(start.C, end.C),
+        h = colorInterpolate(start.h, end.h),
+        opacity = colorInterpolate(start.opacity, end.opacity);
+
+  return t => {
+    start.J = J(t);
+    start.C = C(t);
+    start.h = h(t);
+    start.opacity = opacity(t);
+    return start + '';
+  };
+}
+
+function smoothScale(ColorsArray, domains, space) {
+  const points = space.channels.map(() => []);
+  ColorsArray.forEach((color, i) =>
+    points.forEach((point, j) =>
+      point.push(domains[i], color[space.channels[j]])
+    )
+  );
+  if (space.name == "hcl") {
+    const point = points[1];
+    for (let i = 1; i < point.length; i += 2) {
+      if (isNaN(point[i])) {
+        point[i] = 0;
+      }
+    }
+  }
+  points.forEach(point => {
+    const nans = [];
+    // leading NaNs
+    for (let i = 1; i < point.length; i += 2) {
+      if (isNaN(point[i])) {
+        nans.push(i);
+      } else {
+        nans.forEach(j => point[j] = point[i]);
+        nans.length = 0;
+        break;
+      }
+    }
+    // all are grey case
+    if (nans.length) {
+      // hue is not important except for JCh
+      const safeJChHue = d3.jch("#ccc").h;
+      nans.forEach(j => point[j] = safeJChHue);
+    }
+    nans.length = 0;
+    // trailing NaNs
+    for (let i = point.length - 1; i > 0; i -= 2) {
+      if (isNaN(point[i])) {
+        nans.push(i);
+      } else {
+        nans.forEach(j => point[j] = point[i]);
+        break;
+      }
+    }
+    // other NaNs
+    for (let i = 1; i < point.length; i += 2) {
+      if (isNaN(point[i])) {
+        point.splice(i - 1, 2);
+        i -= 2;
+      }
+    }
+    // force hue to go on the shortest route
+    if (space.name in {hcl: 1, hsl: 1, hsluv: 1, hsv: 1, jch: 1}) {
+      let prev = point[1];
+      let addon = 0;
+      for (let i = 3; i < point.length; i += 2) {
+        const p = point[i] + addon;
+        const zero = Math.abs(prev - p);
+        const plus = Math.abs(prev - (p + 360));
+        const minus = Math.abs(prev - (p - 360));
+        if (plus < zero && plus < minus) {
+          addon += 360;
+        }
+        if (minus < zero && minus < plus) {
+          addon -= 360;
+        }
+        point[i] += addon;
+        prev = point[i];
+      }
+    }
+  })
+  const prep = points.map(point =>
+    catmullRom2bezier(point).map(curve =>
+      prepareCurve(...curve)
+    )
+  );
+  return d => {
+    const ch = prep.map(p => {
+      for (let i = 0; i < p.length; i++) {
+        const res = p[i](d);
+        if (res != null) {
+          return res;
+        }
+      }
+    });
+
+    if (space.name == 'jch' && ch[1] < 0) {
+      ch[1] = 0;
+    }
+
+    return d3[space.name](...ch) + "";
+  };
+}
+
 assign(d3, d3hsluv, d3hsv, d3cam02);
 
+const colorSpaces = {
+  CAM02: {
+    name: 'jab',
+    channels: ['J', 'a', 'b'],
+    interpolator: d3.interpolateJab
+  },
+  CAM02p: {
+    name: 'jch',
+    channels: ['J', 'C', 'h'],
+    interpolator: d3.interpolateJch
+  },
+  LCH: {
+    name: 'hcl',
+    channels: ['h', 'c', 'l'],
+    interpolator: d3.interpolateHcl
+  },
+  LAB: {
+    name: 'lab',
+    channels: ['l', 'a', 'b'],
+    interpolator: d3.interpolateLab
+  },
+  HSL: {
+    name: 'hsl',
+    channels: ['h', 's', 'l'],
+    interpolator: d3.interpolateHsl
+  },
+  HSLuv: {
+    name: 'hsluv',
+    channels: ['l', 'u', 'v'],
+    interpolator: d3.interpolateHsluv
+  },
+  RGB: {
+    name: 'rgb',
+    channels: ['r', 'g', 'b'],
+    interpolator: d3.interpolateRgb
+  },
+  HSV: {
+    name: 'hsv',
+    channels: ['h', 's', 'v'],
+    interpolator: d3.interpolateHsv
+  }
+};
+
 function cArray(c) {
-  let L = d3.hsluv(c).l;
-  let U = d3.hsluv(c).u;
-  let V = d3.hsluv(c).v;
+  const color = d3.hsluv(c);
+  const L = color.l;
+  const U = color.u;
+  const V = color.v;
 
-  return new Array(L, U, V);
+  return [L, U, V];
 }
 
 function removeDuplicates(originalArray, prop) {
@@ -55,8 +240,14 @@ function createScale({
   colorKeys,
   colorspace = 'LAB',
   shift = 1,
-  fullScale = true
+  fullScale = true,
+  smooth = true
 } = {}) {
+  const space = colorSpaces[colorspace];
+  if (!space) {
+    throw new Error(`Colorspace “${colorspace}” not supported`);
+  }
+
   let domains = colorKeys
     .map(key => swatches - swatches * (d3.hsluv(key).v / 100))
     .sort((a, b) => a - b)
@@ -99,94 +290,35 @@ function createScale({
   let ColorsArray = [];
 
   let scale;
-  if (colorspace == 'CAM02') {
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat('#ffffff', sortedColor, '#000000');
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    ColorsArray = ColorsArray.map(d => d3.jab(d));
-
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateJab);
-  }
-  else if (colorspace == 'LCH') {
-    ColorsArray = ColorsArray.map(d => d3.hcl(d));
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat(d3.hcl(NaN, 0, 100), sortedColor, d3.hcl(NaN, 0, 0));
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateHcl);
+  if (fullScale) {
+    ColorsArray = ['#fff', ...sortedColor, '#000'];
+  } else {
+    ColorsArray = sortedColor;
   }
-  else if (colorspace == 'LAB') {
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat('#ffffff', sortedColor, '#000000');
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    ColorsArray = ColorsArray.map(d => d3.lab(d));
-
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateLab);
+  const stringColors = ColorsArray;
+  ColorsArray = ColorsArray.map(d => d3[space.name](d));
+  if (space.name == 'hcl') {
+    // special case for HCL if C is NaN we should treat it as 0
+    ColorsArray.forEach(c => c.c = isNaN(c.c) ? 0 : c.c);
   }
-  else if (colorspace == 'HSL') {
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat('#ffffff', sortedColor, '#000000');
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    ColorsArray = ColorsArray.map(d => d3.hsl(d));
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateHsl);
-  }
-  else if (colorspace == 'HSLuv') {
-    ColorsArray = ColorsArray.map(d => d3.hsluv(d));
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat(d3.hsluv(NaN, NaN, 100), sortedColor, d3.hsluv(NaN, NaN, 0));
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateHsluv);
-  }
-  else if (colorspace == 'RGB') {
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat('#ffffff', sortedColor, '#000000');
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
+  if (space.name == 'jch') {
+    // JCh has some “random” hue for grey colors.
+    // Replacing it to NaN, so we can apply the same method of dealing with them.
+    for (let i = 0; i < stringColors.length; i++) {
+      const color = d3.hcl(stringColors[i]);
+      if (!color.c) {
+        ColorsArray[i].h = NaN;
+      }
     }
-    ColorsArray = ColorsArray.map(d => d3.rgb(d));
-    scale = d3.scaleLinear()
-      .range(ColorsArray)
-      .domain(domains)
-      .interpolate(d3.interpolateRgb);
   }
-  else if (colorspace == 'HSV') {
-    if (fullScale == true) {
-      ColorsArray = ColorsArray.concat('#ffffff', sortedColor, '#000000');
-    } else {
-      ColorsArray = ColorsArray.concat(sortedColor);
-    }
-    ColorsArray = ColorsArray.map(d => d3.hsv(d));
+
+  if (smooth) {
+    scale = smoothScale(ColorsArray, domains, space);
+  } else {
     scale = d3.scaleLinear()
       .range(ColorsArray)
       .domain(domains)
-      .interpolate(d3.interpolateHsv);
-  }
-  else {
-    throw new Error(`Colorspace ${colorspace} not supported`);
+      .interpolate(space.interpolator);
   }
 
   let Colors = d3.range(swatches).map(d => scale(d));
@@ -195,7 +327,7 @@ function createScale({
 
   // Return colors as hex values for interpolators.
   let colorsHex = [];
-  for (let i=0; i<colors.length; i++) {
+  for (let i = 0; i < colors.length; i++) {
     colorsHex.push(d3.rgb(colors[i]).formatHex());
   }
 
@@ -220,7 +352,7 @@ function generateBaseScale({
 
   let colorObj = newColors
     // Convert to HSLuv and keep track of original indices
-    .map((c, i) => { return { value: Number(cArray(c)[2].toFixed(0)), index: i } });
+    .map((c, i) => { return { value: Math.round(cArray(c)[2]), index: i } });
 
   let filteredArr = removeDuplicates(colorObj, "value")
     .map(data => newColors[data.index]);

From dc3257eb161cd9a3eefbc2885dc309c7dbbe9654 Mon Sep 17 00:00:00 2001
From: Dmitry Baranovskiy <dmitry.baranovskiy@gmail.com>
Date: Fri, 6 Mar 2020 11:56:10 +1100
Subject: [PATCH 48/74] Added special colours black & white colours.

---
 packages/contrast-colors/index.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index 5655a3bc..5b4c48e5 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -183,7 +183,9 @@ const colorSpaces = {
   LCH: {
     name: 'hcl',
     channels: ['h', 'c', 'l'],
-    interpolator: d3.interpolateHcl
+    interpolator: d3.interpolateHcl,
+    white: d3.hcl(NaN, 0, 100),
+    black: d3.hcl(NaN, 0, 0)
   },
   LAB: {
     name: 'lab',
@@ -198,7 +200,9 @@ const colorSpaces = {
   HSLuv: {
     name: 'hsluv',
     channels: ['l', 'u', 'v'],
-    interpolator: d3.interpolateHsluv
+    interpolator: d3.interpolateHsluv,
+    white: d3.hsluv(NaN, NaN, 100),
+    black: d3.hsluv(NaN, NaN, 0)
   },
   RGB: {
     name: 'rgb',
@@ -291,7 +295,7 @@ function createScale({
 
   let scale;
   if (fullScale) {
-    ColorsArray = ['#fff', ...sortedColor, '#000'];
+    ColorsArray = [space.white || '#fff', ...sortedColor, space.black || '#000'];
   } else {
     ColorsArray = sortedColor;
   }

From 9722d5b422e60c62243cfae58f21bafbb286854c Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Fri, 6 Mar 2020 09:24:39 -0700
Subject: [PATCH 49/74] fix: ensured smooth is false by default & verified
 tests passing and UI not impacted by addition

---
 packages/contrast-colors/index.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index 5b4c48e5..0f8a759b 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -245,7 +245,7 @@ function createScale({
   colorspace = 'LAB',
   shift = 1,
   fullScale = true,
-  smooth = true
+  smooth = false
 } = {}) {
   const space = colorSpaces[colorspace];
   if (!space) {
@@ -347,11 +347,12 @@ function createScale({
 
 function generateBaseScale({
   colorKeys,
-  colorspace = 'LAB'
+  colorspace = 'LAB',
+  smooth
 } = {}) {
   // create massive scale
   let swatches = 1000;
-  let scale = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1});
+  let scale = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1, smooth: smooth});
   let newColors = scale.colorsHex;
 
   let colorObj = newColors
@@ -368,7 +369,8 @@ function generateContrastColors({
   colorKeys,
   base,
   ratios,
-  colorspace = 'LAB'
+  colorspace = 'LAB',
+  smooth = false
 } = {}) {
   if (!base) {
     throw new Error(`Base is undefined`);
@@ -390,7 +392,7 @@ function generateContrastColors({
 
   let swatches = 3000;
 
-  let scaleData = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1});
+  let scaleData = createScale({swatches: swatches, colorKeys: colorKeys, colorspace: colorspace, shift: 1, smooth: smooth});
   let baseV = (d3.hsluv(base).v) / 100;
 
   let Contrasts = d3.range(swatches).map((d) => {
@@ -521,9 +523,10 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
     let baseIndex = colorScales.findIndex( x => x.name === baseScale );
     let baseKeys = colorScales[baseIndex].colorKeys;
     let baseMode = colorScales[baseIndex].colorspace;
+    let smooth = colorScales[baseIndex].smooth;
 
     // define params to pass as bscale
-    let bscale = generateBaseScale({colorKeys: baseKeys, colorspace: baseMode}); // base parameter to create base scale (0-100)
+    let bscale = generateBaseScale({colorKeys: baseKeys, colorspace: baseMode, smooth: smooth}); // base parameter to create base scale (0-100)
     let bval = bscale[brightness];
     let baseObj = {
       background: bval
@@ -538,6 +541,7 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
       }
       let name = colorScales[i].name;
       let ratios = colorScales[i].ratios;
+      let smooth = colorScales[i].smooth;
       let newArr = [];
       let colorObj = {
         name: name,
@@ -562,7 +566,9 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
         colorKeys: colorScales[i].colorKeys,
         colorspace: colorScales[i].colorspace,
         ratios: ratios,
-        base: bval});
+        base: bval,
+        smooth: smooth
+      });
 
       for (let i=0; i < outputColors.length; i++) {
         let rVal = ratioName(ratios)[i];

From 9755ea163bec9f40db5120d38a65feb7bd596691 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 7 Apr 2020 14:16:05 -0600
Subject: [PATCH 50/74] build(deps): bump acorn from 5.7.3 to 5.7.4 (#68)

Bumps [acorn](https://github.com/acornjs/acorn) from 5.7.3 to 5.7.4.
- [Release notes](https://github.com/acornjs/acorn/releases)
- [Commits](https://github.com/acornjs/acorn/compare/5.7.3...5.7.4)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index dca38603..25aeb1bf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2626,9 +2626,9 @@ acorn-walk@^6.0.1:
   integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
 acorn@^5.0.0, acorn@^5.5.3:
-  version "5.7.3"
-  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.3.tgz#67aa231bf8812974b85235a96771eb6bd07ea279"
-  integrity sha512-T/zvzYRfbVojPWahDsE5evJdHb3oJoQfFbsrKM7w5Zcs++Tr257tia3BmMP8XYVjp1S9RZXQMh7gao96BlqZOw==
+  version "5.7.4"
+  resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
+  integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
 
 acorn@^6.0.1, acorn@^6.0.4:
   version "6.3.0"

From 7541dc1189403039b900ef08ca82023d31063b58 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 4 May 2020 12:41:27 -0700
Subject: [PATCH 51/74] fix: remove Babel, use ESM wrapper approach for Node
 13.x ESM support + CJS support (#72)

* fix: remove Babel, use combined CJS/ESM approach

* approach 1 from https://nodejs.org/api/esm.html#esm_writing_dual_packages_while_avoiding_or_minimizing_hazards

* fix: make things work with Parcel

* drop type: module
* use .js for CJS files

* fix: import the things we intend to put on window

* build: update lockfile
---
 packages/contrast-colors/curve.js             |  167 +-
 packages/contrast-colors/d3.js                |   71 +
 packages/contrast-colors/index.js             |   68 +-
 packages/contrast-colors/package.json         |   29 +-
 .../contrast-colors/test/binarySearch.test.js |    2 +-
 .../contrast-colors/test/contrast.test.js     |    2 +-
 .../contrast-colors/test/createScale.test.js  |    2 +-
 .../test/generateAdaptiveTheme.test.js        |    2 +-
 .../test/generateBaseScale.test.js            |    2 +-
 .../test/generateContrastColors.test.js       |    2 +-
 .../contrast-colors/test/minPositive.test.js  |    2 +-
 .../contrast-colors/test/ratioName.test.js    |    2 +-
 packages/contrast-colors/wrapper.mjs          |   13 +
 packages/ui/src/index.js                      |    2 +
 yarn.lock                                     | 1758 +----------------
 15 files changed, 219 insertions(+), 1905 deletions(-)
 create mode 100644 packages/contrast-colors/d3.js
 create mode 100644 packages/contrast-colors/wrapper.mjs

diff --git a/packages/contrast-colors/curve.js b/packages/contrast-colors/curve.js
index b13d0724..71734889 100644
--- a/packages/contrast-colors/curve.js
+++ b/packages/contrast-colors/curve.js
@@ -1,83 +1,98 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
 const base3 = (t, p1, p2, p3, p4) => {
-    const t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4,
-          t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
-    return t * t2 - 3 * p1 + 3 * p2;
-}
-export const bezlen = (x1, y1, x2, y2, x3, y3, x4, y4, z) => {
-    if (z == null) {
-        z = 1;
-    }
-    z = z > 1 ? 1 : z < 0 ? 0 : z;
-    var z2 = z / 2,
-        n = 12,
-        Tvalues = [-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],
-        Cvalues = [0.2491,0.2491,0.2335,0.2335,0.2032,0.2032,0.1601,0.1601,0.1069,0.1069,0.0472,0.0472],
-        sum = 0;
-    for (var i = 0; i < n; i++) {
-        var ct = z2 * Tvalues[i] + z2,
-            xbase = base3(ct, x1, x2, x3, x4),
-            ybase = base3(ct, y1, y2, y3, y4),
-            comb = xbase * xbase + ybase * ybase;
-        sum += Cvalues[i] * Math.sqrt(comb);
-    }
-    return z2 * sum;
-}
-export const findDotsAtSegment = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) => {
-    const t1 = 1 - t,
-        t12 = t1 * t1,
-        t13 = t12 * t1,
-        t2 = t * t,
-        t3 = t2 * t,
-        x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x,
-        y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
-    return {
-        x: x,
-        y: y
-    };
-}
-export const catmullRom2bezier = (crp, z) => {
-    const d = [];
-    let end = {x: +crp[0], y: +crp[1]};
-    for (let i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
-        const p = [
-            {x: +crp[i - 2], y: +crp[i - 1]},
-            {x: +crp[i],     y: +crp[i + 1]},
-            {x: +crp[i + 2], y: +crp[i + 3]},
-            {x: +crp[i + 4], y: +crp[i + 5]}
-        ];
-        if (z) {
-            if (!i) {
-                p[0] = {x: +crp[iLen - 2], y: +crp[iLen - 1]};
-            } else if (iLen - 4 == i) {
-                p[3] = {x: +crp[0], y: +crp[1]};
-            } else if (iLen - 2 == i) {
-                p[2] = {x: +crp[0], y: +crp[1]};
-                p[3] = {x: +crp[2], y: +crp[3]};
-            }
-        } else {
-            if (iLen - 4 == i) {
-                p[3] = p[2];
-            } else if (!i) {
-                p[0] = {x: +crp[i], y: +crp[i + 1]};
-            }
-        }
-        d.push([
-            end.x,
-            end.y,
-            (-p[0].x + 6 * p[1].x + p[2].x) / 6,
-            (-p[0].y + 6 * p[1].y + p[2].y) / 6,
-            (p[1].x + 6 * p[2].x - p[3].x) / 6,
-            (p[1].y + 6 * p[2].y - p[3].y) / 6,
-            p[2].x,
-            p[2].y
-        ]);
-        end = p[2];
+  const t1 = -3 * p1 + 9 * p2 - 9 * p3 + 3 * p4,
+      t2 = t * t1 + 6 * p1 - 12 * p2 + 6 * p3;
+  return t * t2 - 3 * p1 + 3 * p2;
+};
+
+const belzen = exports.bezlen = (x1, y1, x2, y2, x3, y3, x4, y4, z) => {
+  if (z == null) {
+    z = 1;
+  }
+  z = z > 1 ? 1 : z < 0 ? 0 : z;
+  var z2 = z / 2,
+    n = 12,
+    Tvalues = [-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],
+    Cvalues = [0.2491,0.2491,0.2335,0.2335,0.2032,0.2032,0.1601,0.1601,0.1069,0.1069,0.0472,0.0472],
+    sum = 0;
+  for (var i = 0; i < n; i++) {
+    var ct = z2 * Tvalues[i] + z2,
+      xbase = base3(ct, x1, x2, x3, x4),
+      ybase = base3(ct, y1, y2, y3, y4),
+      comb = xbase * xbase + ybase * ybase;
+    sum += Cvalues[i] * Math.sqrt(comb);
+  }
+  return z2 * sum;
+};
+
+const findDotsAtSegment = exports.findDotsAtSegment = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) => {
+  const t1 = 1 - t,
+    t12 = t1 * t1,
+    t13 = t12 * t1,
+    t2 = t * t,
+    t3 = t2 * t,
+    x = t13 * p1x + t12 * 3 * t * c1x + t1 * 3 * t * t * c2x + t3 * p2x,
+    y = t13 * p1y + t12 * 3 * t * c1y + t1 * 3 * t * t * c2y + t3 * p2y;
+  return {
+    x: x,
+    y: y
+  };
+};
+
+const catmullRom2bezier = exports.catmullRom2bezier = (crp, z) => {
+  const d = [];
+  let end = {x: +crp[0], y: +crp[1]};
+  for (let i = 0, iLen = crp.length; iLen - 2 * !z > i; i += 2) {
+    const p = [
+      {x: +crp[i - 2], y: +crp[i - 1]},
+      {x: +crp[i],     y: +crp[i + 1]},
+      {x: +crp[i + 2], y: +crp[i + 3]},
+      {x: +crp[i + 4], y: +crp[i + 5]}
+    ];
+    if (z) {
+      if (!i) {
+        p[0] = {x: +crp[iLen - 2], y: +crp[iLen - 1]};
+      } else if (iLen - 4 == i) {
+        p[3] = {x: +crp[0], y: +crp[1]};
+      } else if (iLen - 2 == i) {
+        p[2] = {x: +crp[0], y: +crp[1]};
+        p[3] = {x: +crp[2], y: +crp[3]};
+      }
+    } else {
+      if (iLen - 4 == i) {
+        p[3] = p[2];
+      } else if (!i) {
+        p[0] = {x: +crp[i], y: +crp[i + 1]};
+      }
     }
+    d.push([
+      end.x,
+      end.y,
+      (-p[0].x + 6 * p[1].x + p[2].x) / 6,
+      (-p[0].y + 6 * p[1].y + p[2].y) / 6,
+      (p[1].x + 6 * p[2].x - p[3].x) / 6,
+      (p[1].y + 6 * p[2].y - p[3].y) / 6,
+      p[2].x,
+      p[2].y
+    ]);
+    end = p[2];
+  }
 
-    return d;
-}
+  return d;
+};
 
-export const prepareCurve = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) => {
+const prepareCurve = exports.prepareCurve = (p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) => {
   const len = Math.floor(bezlen(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) * .75);
   const map = new Map;
   for (let i = 0; i <= len; i++) {
diff --git a/packages/contrast-colors/d3.js b/packages/contrast-colors/d3.js
new file mode 100644
index 00000000..1e489203
--- /dev/null
+++ b/packages/contrast-colors/d3.js
@@ -0,0 +1,71 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+const d3 = require('d3');
+const d3cam02 = require('d3-cam02');
+const d3hsluv = require('d3-hsluv');
+const d3hsv = require('d3-hsv');
+
+const d3plus = {
+  ...d3,
+  ...d3cam02,
+  ...d3hsluv,
+  ...d3hsv
+};
+
+d3plus.interpolateJch = (start, end) => {
+  // constant, linear, and colorInterpolate are taken from d3-interpolate
+  // the colorInterpolate function is `nogamma` in the d3-interpolate's color.js
+  const constant = x => () => x;
+  const linear = (a, d) => t => a + t * d;
+  const colorInterpolate = (a, b) => {
+    const d = b - a;
+    return d ? linear(a, d) : constant(isNaN(a) ? b : a);
+  }
+
+  start = d3.jch(start);
+  end = d3.jch(end);
+
+  const zero = Math.abs(start.h - end.h);
+  const plus = Math.abs(start.h - (end.h + 360));
+  const minus = Math.abs(start.h - (end.h - 360));
+  if (plus < zero && plus < minus) {
+    end.h += 360;
+  }
+  if (minus < zero && minus < plus) {
+    end.h -= 360;
+  }
+
+  const startc = d3.hcl(start + '').c;
+  const endc = d3.hcl(end + '').c;
+  if (!startc) {
+    start.h = end.h;
+  }
+  if (!endc) {
+    end.h = start.h;
+  }
+
+  const J = colorInterpolate(start.J, end.J),
+        C = colorInterpolate(start.C, end.C),
+        h = colorInterpolate(start.h, end.h),
+        opacity = colorInterpolate(start.opacity, end.opacity);
+
+  return t => {
+    start.J = J(t);
+    start.C = C(t);
+    start.h = h(t);
+    start.opacity = opacity(t);
+    return start + '';
+  };
+};
+
+module.exports = d3plus;
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index 0f8a759b..16e49558 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -10,69 +10,9 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import * as d3 from 'd3';
-import * as d3cam02 from 'd3-cam02';
-import * as d3hsluv from 'd3-hsluv';
-import * as d3hsv from 'd3-hsv';
-
-import {catmullRom2bezier, prepareCurve} from './curve';
-
-// Work around node and babel's difference of opinion on the read-onlyness of default
-function assign(dest, ...src) {
-  for (let obj of src) {
-    for (let prop in obj) {
-      if (prop !== 'default') {
-        dest[prop] = obj[prop]
-      }
-    }
-  }
-}
-
-d3.interpolateJch = (start, end) => {
-  // constant, linear, and colorInterpolate are taken from d3-interpolate
-  // the colorInterpolate function is `nogamma` in the d3-interpolate's color.js
-  const constant = x => () => x;
-  const linear = (a, d) => t => a + t * d;
-  const colorInterpolate = (a, b) => {
-    const d = b - a;
-    return d ? linear(a, d) : constant(isNaN(a) ? b : a);
-  }
-
-  start = d3.jch(start);
-  end = d3.jch(end);
-
-  const zero = Math.abs(start.h - end.h);
-  const plus = Math.abs(start.h - (end.h + 360));
-  const minus = Math.abs(start.h - (end.h - 360));
-  if (plus < zero && plus < minus) {
-    end.h += 360;
-  }
-  if (minus < zero && minus < plus) {
-    end.h -= 360;
-  }
-
-  const startc = d3.hcl(start + '').c;
-  const endc = d3.hcl(end + '').c;
-  if (!startc) {
-    start.h = end.h;
-  }
-  if (!endc) {
-    end.h = start.h;
-  }
+const d3 = require('./d3.js');
 
-  const J = colorInterpolate(start.J, end.J),
-        C = colorInterpolate(start.C, end.C),
-        h = colorInterpolate(start.h, end.h),
-        opacity = colorInterpolate(start.opacity, end.opacity);
-
-  return t => {
-    start.J = J(t);
-    start.C = C(t);
-    start.h = h(t);
-    start.opacity = opacity(t);
-    return start + '';
-  };
-}
+const { catmullRom2bezier, prepareCurve } = require('./curve.js');
 
 function smoothScale(ColorsArray, domains, space) {
   const points = space.channels.map(() => []);
@@ -167,8 +107,6 @@ function smoothScale(ColorsArray, domains, space) {
   };
 }
 
-assign(d3, d3hsluv, d3hsv, d3cam02);
-
 const colorSpaces = {
   CAM02: {
     name: 'jab',
@@ -629,7 +567,7 @@ function binarySearch(list, value, baseLum) {
   return (list[middle] == !value) ? closest : middle // how it was originally expressed
 }
 
-export {
+module.exports = {
   createScale,
   luminance,
   contrast,
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 92ea9d8c..63f9a06e 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -3,29 +3,20 @@
   "version": "1.0.0-alpha.4",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./index.js",
+  "main": "./index.js",
+  "module": "./wrapper.mjs",
   "exports": {
     ".": {
-      "require": "./dist/index.js",
-      "default": "./index.js"
+      "require": "./index.js",
+      "default": "./wrapper.mjs"
     }
   },
   "scripts": {
-    "build": "babel *.js --out-dir dist",
-    "prepublishOnly": "yarn build",
     "dev": "jest --watch",
     "test": "jest"
   },
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "license": "Apache-2.0",
-  "devDependencies": {
-    "@babel/cli": "^7.7.5",
-    "@babel/core": "^7.7.5",
-    "@babel/preset-env": "^7.7.6",
-    "jest": "^24.9.0"
-  },
   "dependencies": {
     "d3": "^5.14.2",
     "d3-3d": "0.0.9",
@@ -35,17 +26,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "targets": {
-            "node": "current"
-          }
-        }
-      ]
-    ]
   }
 }
diff --git a/packages/contrast-colors/test/binarySearch.test.js b/packages/contrast-colors/test/binarySearch.test.js
index 1012d38d..cdcc91e9 100644
--- a/packages/contrast-colors/test/binarySearch.test.js
+++ b/packages/contrast-colors/test/binarySearch.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { binarySearch } from '../index.js';
+const { binarySearch } = require('../index.js');
 
 test('should return index of exact match (ascending)', function() {
   let list = [1, 2, 3, 3.07, 3.1, 3.12, 3.13, 3.14, 3.3, 5, 12];
diff --git a/packages/contrast-colors/test/contrast.test.js b/packages/contrast-colors/test/contrast.test.js
index fb69d5bd..4dcce20f 100644
--- a/packages/contrast-colors/test/contrast.test.js
+++ b/packages/contrast-colors/test/contrast.test.js
@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { contrast } from '../index.js';
+const { contrast } = require('../index.js');
 
 test('should provide negative contrast (-1.55...)', function() {
   let contrastValue = contrast([255, 255, 255], [207, 207, 207]); // white is UI color, gray is base. Should return negative whole number
diff --git a/packages/contrast-colors/test/createScale.test.js b/packages/contrast-colors/test/createScale.test.js
index 2bdb7c7d..682d0b9b 100644
--- a/packages/contrast-colors/test/createScale.test.js
+++ b/packages/contrast-colors/test/createScale.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { createScale } from '../index.js';
+const { createScale } = require('../index.js');
 
 test('should generate 8 colors in Lab', function() {
   let scale = createScale({swatches: 8, colorKeys: ['#CCFFA9', '#FEFEC5', '#5F0198'], colorspace: 'LAB', shift: 1, fullScale: true});
diff --git a/packages/contrast-colors/test/generateAdaptiveTheme.test.js b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
index fb0c6954..7fa9366a 100644
--- a/packages/contrast-colors/test/generateAdaptiveTheme.test.js
+++ b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { generateAdaptiveTheme } from '../index.js';
+const { generateAdaptiveTheme } = require('../index.js');
 
 test('should generate theme for three colors', function() {
   let theme = generateAdaptiveTheme({
diff --git a/packages/contrast-colors/test/generateBaseScale.test.js b/packages/contrast-colors/test/generateBaseScale.test.js
index ef50a489..4783b5e9 100644
--- a/packages/contrast-colors/test/generateBaseScale.test.js
+++ b/packages/contrast-colors/test/generateBaseScale.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { generateBaseScale } from '../index.js';
+const { generateBaseScale } = require('../index.js');
 
 // Test simple generation in all color spaces
 test('should generate 101 grayscale colors in default LAB colorspace)', function() {
diff --git a/packages/contrast-colors/test/generateContrastColors.test.js b/packages/contrast-colors/test/generateContrastColors.test.js
index e2e206de..6ebc0a1b 100644
--- a/packages/contrast-colors/test/generateContrastColors.test.js
+++ b/packages/contrast-colors/test/generateContrastColors.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { generateContrastColors } from '../index.js';
+const { generateContrastColors } = require('../index.js');
 
 // Test simple generation in all color spaces
 test('should generate 2 colors (CAM02 interpolation)', function() {
diff --git a/packages/contrast-colors/test/minPositive.test.js b/packages/contrast-colors/test/minPositive.test.js
index 4ea5b2b3..73fe7a92 100644
--- a/packages/contrast-colors/test/minPositive.test.js
+++ b/packages/contrast-colors/test/minPositive.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { minPositive } from '../index.js';
+const { minPositive } = require('../index.js');
 
 test('should return 1', function() {
   let result = minPositive([1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]);;
diff --git a/packages/contrast-colors/test/ratioName.test.js b/packages/contrast-colors/test/ratioName.test.js
index 0a3e5396..1b7be405 100644
--- a/packages/contrast-colors/test/ratioName.test.js
+++ b/packages/contrast-colors/test/ratioName.test.js
@@ -9,7 +9,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { ratioName } from '../index.js';
+const { ratioName } = require('../index.js');
 
 test('should output 10 numbers incremented by 100', function() {
   let theme = ratioName([1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]);;
diff --git a/packages/contrast-colors/wrapper.mjs b/packages/contrast-colors/wrapper.mjs
new file mode 100644
index 00000000..93cfff2d
--- /dev/null
+++ b/packages/contrast-colors/wrapper.mjs
@@ -0,0 +1,13 @@
+import contrastColors from './index.js';
+
+export const createScale = contrastColors.createScale;
+export const luminance = contrastColors.luminance;
+export const contrast = contrastColors.contrast;
+export const binarySearch = contrastColors.binarySearch;
+export const generateBaseScale = contrastColors.generateBaseScale;
+export const generateContrastColors = contrastColors.generateContrastColors;
+export const minPositive = contrastColors.minPositive;
+export const ratioName = contrastColors.ratioName;
+export const generateAdaptiveTheme = contrastColors.generateAdaptiveTheme;
+
+export default contrastColors;
diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 2335f11d..7e4a6dd4 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -49,6 +49,8 @@ window.generateContrastColors = contrastColors.generateContrastColors;
 window.contrastColors = contrastColors;
 window.generateBaseScale = contrastColors.generateBaseScale;
 window.generateAdaptiveTheme = contrastColors.generateAdaptiveTheme;
+window.minPositive = contrastColors.minPositive;
+window.ratioName = contrastColors.ratioName;
 
 import loadIcons from 'loadicons';
 loadIcons('./spectrum-css-icons.svg');
diff --git a/yarn.lock b/yarn.lock
index 25aeb1bf..f3f134ca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,22 +12,6 @@
   resolved "https://registry.yarnpkg.com/@adobe/spectrum-css-workflow-icons/-/spectrum-css-workflow-icons-1.0.0.tgz#913f3a251ef5ea3154929a7a23d4fbd6de1553da"
   integrity sha512-aJbk7XhsUNefoufMpneq2aIT3VuD++KUY0C08VKbt5p/WOW0aDX8WYavUxW4oiK5cAgsvapcaPaS+eWpBMwXLg==
 
-"@babel/cli@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/cli/-/cli-7.7.5.tgz#25702cc65418efc06989af3727897b9f4c8690b6"
-  integrity sha512-y2YrMGXM3NUyu1Myg0pxg+Lx6g8XhEyvLHYNRwTBV6fDek3H7Io6b7N/LXscLs4HWn4HxMdy7f2rM1rTMp2mFg==
-  dependencies:
-    commander "^4.0.1"
-    convert-source-map "^1.1.0"
-    fs-readdir-recursive "^1.1.0"
-    glob "^7.0.0"
-    lodash "^4.17.13"
-    make-dir "^2.1.0"
-    slash "^2.0.0"
-    source-map "^0.5.0"
-  optionalDependencies:
-    chokidar "^2.1.8"
-
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.5.5.tgz#bc0782f6d69f7b7d49531219699b988f669a8f9d"
@@ -35,26 +19,6 @@
   dependencies:
     "@babel/highlight" "^7.0.0"
 
-"@babel/core@^7.1.0", "@babel/core@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.5.tgz#ae1323cd035b5160293307f50647e83f8ba62f7e"
-  integrity sha512-M42+ScN4+1S9iB6f+TL7QBpoQETxbclx+KNoKJABghnKYE+fMzSGqst0BZJc8CpI625bwPwYgUyRvxZ+0mZzpw==
-  dependencies:
-    "@babel/code-frame" "^7.5.5"
-    "@babel/generator" "^7.7.4"
-    "@babel/helpers" "^7.7.4"
-    "@babel/parser" "^7.7.5"
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    convert-source-map "^1.7.0"
-    debug "^4.1.0"
-    json5 "^2.1.0"
-    lodash "^4.17.13"
-    resolve "^1.3.2"
-    semver "^5.4.1"
-    source-map "^0.5.0"
-
 "@babel/core@^7.4.4":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.7.2.tgz#ea5b99693bcfc058116f42fa1dd54da412b29d91"
@@ -75,16 +39,6 @@
     semver "^5.4.1"
     source-map "^0.5.0"
 
-"@babel/generator@^7.4.0", "@babel/generator@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.4.tgz#db651e2840ca9aa66f327dcec1dc5f5fa9611369"
-  integrity sha512-m5qo2WgdOJeyYngKImbkyQrnUN1mPceaG5BV+G0E3gWsa4l/jCSryWJdM2x8OuGAOyh+3d5pVYfZWCiNFtynxg==
-  dependencies:
-    "@babel/types" "^7.7.4"
-    jsesc "^2.5.1"
-    lodash "^4.17.13"
-    source-map "^0.5.0"
-
 "@babel/generator@^7.4.4", "@babel/generator@^7.7.2":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.7.2.tgz#2f4852d04131a5e17ea4f6645488b5da66ebf3af"
@@ -102,13 +56,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-annotate-as-pure@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.7.4.tgz#bb3faf1e74b74bd547e867e48f551fa6b098b6ce"
-  integrity sha512-2BQmQgECKzYKFPpiycoF9tlb5HA4lrVyAmLLVK177EcQAqjVLciUb2/R+n1boQ9y5ENV3uz2ZqiNw7QMBBw1Og==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-builder-binary-assignment-operator-visitor@^7.1.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.7.0.tgz#32dd9551d6ed3a5fc2edc50d6912852aa18274d9"
@@ -117,14 +64,6 @@
     "@babel/helper-explode-assignable-expression" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-builder-binary-assignment-operator-visitor@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.7.4.tgz#5f73f2b28580e224b5b9bd03146a4015d6217f5f"
-  integrity sha512-Biq/d/WtvfftWZ9Uf39hbPBYDUo986m5Bb4zhkeYDGUllF43D+nUe5M6Vuo6/8JDK/0YX/uBdeoQpyaNhNugZQ==
-  dependencies:
-    "@babel/helper-explode-assignable-expression" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-builder-react-jsx@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.7.0.tgz#c6b8254d305bacd62beb648e4dea7d3ed79f352d"
@@ -142,15 +81,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-call-delegate@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-call-delegate/-/helper-call-delegate-7.7.4.tgz#621b83e596722b50c0066f9dc37d3232e461b801"
-  integrity sha512-8JH9/B7J7tCYJ2PpWVpw9JhPuEVHztagNVuQAFBVFYluRMlpG7F1CgKEgGeL6KFqcsIa92ZYVj6DSc0XwmN1ZA==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-create-regexp-features-plugin@^7.7.0":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.7.2.tgz#6f20443778c8fce2af2ff4206284afc0ced65db6"
@@ -159,14 +89,6 @@
     "@babel/helper-regex" "^7.4.4"
     regexpu-core "^4.6.0"
 
-"@babel/helper-create-regexp-features-plugin@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.7.4.tgz#6d5762359fd34f4da1500e4cff9955b5299aaf59"
-  integrity sha512-Mt+jBKaxL0zfOIWrfQpnfYCN7/rS6GKx6CCCfuoqVVd+17R8zNDlzVYmIi9qyb2wOk002NsmSTDymkIygDUH7A==
-  dependencies:
-    "@babel/helper-regex" "^7.4.4"
-    regexpu-core "^4.6.0"
-
 "@babel/helper-define-map@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.7.0.tgz#60b0e9fd60def9de5054c38afde8c8ee409c7529"
@@ -176,15 +98,6 @@
     "@babel/types" "^7.7.0"
     lodash "^4.17.13"
 
-"@babel/helper-define-map@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-define-map/-/helper-define-map-7.7.4.tgz#2841bf92eb8bd9c906851546fe6b9d45e162f176"
-  integrity sha512-v5LorqOa0nVQUvAUTUF3KPastvUt/HzByXNamKQ6RdJRTV7j8rLL+WB5C/MzzWAwOomxDhYFb1wLLxHqox86lg==
-  dependencies:
-    "@babel/helper-function-name" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    lodash "^4.17.13"
-
 "@babel/helper-explode-assignable-expression@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.0.tgz#db2a6705555ae1f9f33b4b8212a546bc7f9dc3ef"
@@ -193,14 +106,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-explode-assignable-expression@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.7.4.tgz#fa700878e008d85dc51ba43e9fb835cddfe05c84"
-  integrity sha512-2/SicuFrNSXsZNBxe5UGdLr+HZg+raWBLE9vC98bdYOKX/U6PY0mdGlYUJdtTDPSU0Lw0PNbKKDpwYHJLn2jLg==
-  dependencies:
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-function-name@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.0.tgz#44a5ad151cfff8ed2599c91682dda2ec2c8430a3"
@@ -210,15 +115,6 @@
     "@babel/template" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-function-name@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.7.4.tgz#ab6e041e7135d436d8f0a3eca15de5b67a341a2e"
-  integrity sha512-AnkGIdiBhEuiwdoMnKm7jfPfqItZhgRaZfMg1XX3bS25INOnLPjPG1Ppnajh8eqgt5kPJnfqrRHqFqmjKDZLzQ==
-  dependencies:
-    "@babel/helper-get-function-arity" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-get-function-arity@^7.0.0", "@babel/helper-get-function-arity@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.0.tgz#c604886bc97287a1d1398092bc666bc3d7d7aa2d"
@@ -226,13 +122,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-get-function-arity@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.7.4.tgz#cb46348d2f8808e632f0ab048172130e636005f0"
-  integrity sha512-QTGKEdCkjgzgfJ3bAyRwF4yyT3pg+vDgan8DSivq1eS0gwi+KGKE5x8kRcbeFTb/673mkO5SN1IZfmCfA5o+EA==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-hoist-variables@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.7.0.tgz#b4552e4cfe5577d7de7b183e193e84e4ec538c81"
@@ -240,13 +129,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-hoist-variables@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.7.4.tgz#612384e3d823fdfaaf9fce31550fe5d4db0f3d12"
-  integrity sha512-wQC4xyvc1Jo/FnLirL6CEgPgPCa8M74tOdjWpRhQYapz5JC7u3NYU1zCVoVAGCE3EaIP9T1A3iW0WLJ+reZlpQ==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-member-expression-to-functions@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.0.tgz#472b93003a57071f95a541ea6c2b098398bcad8a"
@@ -254,13 +136,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-member-expression-to-functions@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.7.4.tgz#356438e2569df7321a8326644d4b790d2122cb74"
-  integrity sha512-9KcA1X2E3OjXl/ykfMMInBK+uVdfIVakVe7W7Lg3wfXUNyS3Q1HWLFRwZIjhqiCGbslummPDnmb7vIekS0C1vw==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-module-imports@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.7.0.tgz#99c095889466e5f7b6d66d98dffc58baaf42654d"
@@ -268,13 +143,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-module-imports@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.7.4.tgz#e5a92529f8888bf319a6376abfbd1cebc491ad91"
-  integrity sha512-dGcrX6K9l8258WFjyDLJwuVKxR4XZfU0/vTUgOQYWEnRD8mgr+p4d6fCUMq/ys0h4CCt/S5JhbvtyErjWouAUQ==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-module-transforms@^7.1.0", "@babel/helper-module-transforms@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.0.tgz#154a69f0c5b8fd4d39e49750ff7ac4faa3f36786"
@@ -287,30 +155,6 @@
     "@babel/types" "^7.7.0"
     lodash "^4.17.13"
 
-"@babel/helper-module-transforms@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.4.tgz#8d7cdb1e1f8ea3d8c38b067345924ac4f8e0879a"
-  integrity sha512-ehGBu4mXrhs0FxAqN8tWkzF8GSIGAiEumu4ONZ/hD9M88uHcD+Yu2ttKfOCgwzoesJOJrtQh7trI5YPbRtMmnA==
-  dependencies:
-    "@babel/helper-module-imports" "^7.7.4"
-    "@babel/helper-simple-access" "^7.7.4"
-    "@babel/helper-split-export-declaration" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    lodash "^4.17.13"
-
-"@babel/helper-module-transforms@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.7.5.tgz#d044da7ffd91ec967db25cd6748f704b6b244835"
-  integrity sha512-A7pSxyJf1gN5qXVcidwLWydjftUN878VkalhXX5iQDuGyiGK3sOrrKKHF4/A4fwHtnsotv/NipwAeLzY4KQPvw==
-  dependencies:
-    "@babel/helper-module-imports" "^7.7.4"
-    "@babel/helper-simple-access" "^7.7.4"
-    "@babel/helper-split-export-declaration" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    lodash "^4.17.13"
-
 "@babel/helper-optimise-call-expression@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.0.tgz#4f66a216116a66164135dc618c5d8b7a959f9365"
@@ -318,13 +162,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-optimise-call-expression@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.7.4.tgz#034af31370d2995242aa4df402c3b7794b2dcdf2"
-  integrity sha512-VB7gWZ2fDkSuqW6b1AKXkJWO5NyNI3bFL/kK79/30moK57blr6NbH8xcl2XcKCwOmJosftWunZqfO84IGq3ZZg==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-plugin-utils@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.0.0.tgz#bbb3fbee98661c569034237cc03967ba99b4f250"
@@ -348,17 +185,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-remap-async-to-generator@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.7.4.tgz#c68c2407350d9af0e061ed6726afb4fff16d0234"
-  integrity sha512-Sk4xmtVdM9sA/jCI80f+KS+Md+ZHIpjuqmYPk1M7F/upHou5e4ReYmExAiu6PVe65BhJPZA2CY9x9k4BqE5klw==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.7.4"
-    "@babel/helper-wrap-function" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-replace-supers@^7.5.5", "@babel/helper-replace-supers@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.7.0.tgz#d5365c8667fe7cbd13b8ddddceb9bd7f2b387512"
@@ -369,16 +195,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-replace-supers@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.7.4.tgz#3c881a6a6a7571275a72d82e6107126ec9e2cdd2"
-  integrity sha512-pP0tfgg9hsZWo5ZboYGuBn/bbYT/hdLPVSS4NMmiRJdwWhP0IznPwN9AE1JwyGsjSPLC364I0Qh5p+EPkGPNpg==
-  dependencies:
-    "@babel/helper-member-expression-to-functions" "^7.7.4"
-    "@babel/helper-optimise-call-expression" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-simple-access@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.7.0.tgz#97a8b6c52105d76031b86237dc1852b44837243d"
@@ -387,14 +203,6 @@
     "@babel/template" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-simple-access@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.7.4.tgz#a169a0adb1b5f418cfc19f22586b2ebf58a9a294"
-  integrity sha512-zK7THeEXfan7UlWsG2A6CI/L9jVnI5+xxKZOdej39Y0YtDYKx9raHk5F2EtK9K8DHRTihYwg20ADt9S36GR78A==
-  dependencies:
-    "@babel/template" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-split-export-declaration@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.0.tgz#1365e74ea6c614deeb56ebffabd71006a0eb2300"
@@ -402,13 +210,6 @@
   dependencies:
     "@babel/types" "^7.7.0"
 
-"@babel/helper-split-export-declaration@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.7.4.tgz#57292af60443c4a3622cf74040ddc28e68336fd8"
-  integrity sha512-guAg1SXFcVr04Guk9eq0S4/rWS++sbmyqosJzVs8+1fH5NI+ZcmkaSkc7dmtAFbHFva6yRJnjW3yAcGxjueDug==
-  dependencies:
-    "@babel/types" "^7.7.4"
-
 "@babel/helper-wrap-function@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.7.0.tgz#15af3d3e98f8417a60554acbb6c14e75e0b33b74"
@@ -419,16 +220,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helper-wrap-function@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.7.4.tgz#37ab7fed5150e22d9d7266e830072c0cdd8baace"
-  integrity sha512-VsfzZt6wmsocOaVU0OokwrIytHND55yvyT4BPB9AIIgwr8+x7617hetdJTsuGwygN5RC6mxA9EJztTjuwm2ofg==
-  dependencies:
-    "@babel/helper-function-name" "^7.7.4"
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/helpers@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.7.0.tgz#359bb5ac3b4726f7c1fde0ec75f64b3f4275d60b"
@@ -438,15 +229,6 @@
     "@babel/traverse" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/helpers@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.7.4.tgz#62c215b9e6c712dadc15a9a0dcab76c92a940302"
-  integrity sha512-ak5NGZGJ6LV85Q1Zc9gn2n+ayXOizryhjSUBTdu5ih1tlVCJeuQENzc4ItyCVhINVXvIT/ZQ4mheGIsfBkpskg==
-  dependencies:
-    "@babel/template" "^7.7.4"
-    "@babel/traverse" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/highlight@^7.0.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.5.0.tgz#56d11312bd9248fa619591d02472be6e8cb32540"
@@ -456,16 +238,6 @@
     esutils "^2.0.2"
     js-tokens "^4.0.0"
 
-"@babel/parser@^7.1.0", "@babel/parser@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.5.tgz#cbf45321619ac12d83363fcf9c94bb67fa646d71"
-  integrity sha512-KNlOe9+/nk4i29g0VXgl8PEXIRms5xKLJeuZ6UptN0fHv+jDiriG+y94X6qAgWTR0h3KaoM1wK5G5h7MHFRSig==
-
-"@babel/parser@^7.4.3", "@babel/parser@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.4.tgz#75ab2d7110c2cf2fa949959afb05fa346d2231bb"
-  integrity sha512-jIwvLO0zCL+O/LmEJQjWA75MQTWwx3c3u2JOTDK5D3/9egrWRRA0/0hk9XXywYnXZVVpzrBYeIQTmhwUaePI9g==
-
 "@babel/parser@^7.4.4", "@babel/parser@^7.7.0", "@babel/parser@^7.7.2":
   version "7.7.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.7.3.tgz#5fad457c2529de476a248f75b0f090b3060af043"
@@ -480,15 +252,6 @@
     "@babel/helper-remap-async-to-generator" "^7.7.0"
     "@babel/plugin-syntax-async-generators" "^7.2.0"
 
-"@babel/plugin-proposal-async-generator-functions@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.7.4.tgz#0351c5ac0a9e927845fffd5b82af476947b7ce6d"
-  integrity sha512-1ypyZvGRXriY/QP668+s8sFr2mqinhkRDMPSQLNghCQE+GAkFtp+wkHVvg2+Hdki8gwP+NFzJBJ/N1BfzCCDEw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-remap-async-to-generator" "^7.7.4"
-    "@babel/plugin-syntax-async-generators" "^7.7.4"
-
 "@babel/plugin-proposal-dynamic-import@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.0.tgz#dc02a8bad8d653fb59daf085516fa416edd2aa7f"
@@ -497,14 +260,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-dynamic-import" "^7.2.0"
 
-"@babel/plugin-proposal-dynamic-import@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.7.4.tgz#dde64a7f127691758cbfed6cf70de0fa5879d52d"
-  integrity sha512-StH+nGAdO6qDB1l8sZ5UBV8AC3F2VW2I8Vfld73TMKyptMU9DY5YsJAS8U81+vEtxcH3Y/La0wG0btDrhpnhjQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
-
 "@babel/plugin-proposal-json-strings@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.2.0.tgz#568ecc446c6148ae6b267f02551130891e29f317"
@@ -513,14 +268,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-json-strings" "^7.2.0"
 
-"@babel/plugin-proposal-json-strings@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.7.4.tgz#7700a6bfda771d8dc81973249eac416c6b4c697d"
-  integrity sha512-wQvt3akcBTfLU/wYoqm/ws7YOAQKu8EVJEvHip/mzkNtjaclQoCCIqKXFP5/eyfnfbQCDV3OLRIK3mIVyXuZlw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-syntax-json-strings" "^7.7.4"
-
 "@babel/plugin-proposal-object-rest-spread@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz#8ffccc8f3a6545e9f78988b6bf4fe881b88e8096"
@@ -529,14 +276,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-object-rest-spread" "^7.2.0"
 
-"@babel/plugin-proposal-object-rest-spread@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.7.4.tgz#cc57849894a5c774214178c8ab64f6334ec8af71"
-  integrity sha512-rnpnZR3/iWKmiQyJ3LKJpSwLDcX/nSXhdLk4Aq/tXOApIvyu7qoabrige0ylsAJffaUC51WiBu209Q0U+86OWQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
-
 "@babel/plugin-proposal-optional-catch-binding@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.2.0.tgz#135d81edb68a081e55e56ec48541ece8065c38f5"
@@ -545,14 +284,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/plugin-syntax-optional-catch-binding" "^7.2.0"
 
-"@babel/plugin-proposal-optional-catch-binding@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.7.4.tgz#ec21e8aeb09ec6711bc0a39ca49520abee1de379"
-  integrity sha512-DyM7U2bnsQerCQ+sejcTNZh8KQEUuC3ufzdnVnSiUv/qoGJp2Z3hanKL18KDhsBT5Wj6a7CMT5mdyCNJsEaA9w==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
-
 "@babel/plugin-proposal-unicode-property-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.0.tgz#549fe1717a1bd0a2a7e63163841cb37e78179d5d"
@@ -561,14 +292,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-proposal-unicode-property-regex@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.7.4.tgz#7c239ccaf09470dbe1d453d50057460e84517ebb"
-  integrity sha512-cHgqHgYvffluZk85dJ02vloErm3Y6xtH+2noOBOJ2kXOJH3aVCDnj5eR/lVNlTnYu4hndAPJD3rTFjW3qee0PA==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-async-generators@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.2.0.tgz#69e1f0db34c6f5a0cf7e2b3323bf159a76c8cb7f"
@@ -576,13 +299,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-async-generators@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.7.4.tgz#331aaf310a10c80c44a66b238b6e49132bd3c889"
-  integrity sha512-Li4+EjSpBgxcsmeEF8IFcfV/+yJGxHXDirDkEoyFjumuwbmfCVHUt0HuowD/iGM7OhIRyXJH9YXxqiH6N815+g==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-dynamic-import@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.2.0.tgz#69c159ffaf4998122161ad8ebc5e6d1f55df8612"
@@ -590,13 +306,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-dynamic-import@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.7.4.tgz#29ca3b4415abfe4a5ec381e903862ad1a54c3aec"
-  integrity sha512-jHQW0vbRGvwQNgyVxwDh4yuXu4bH1f5/EICJLAhl1SblLs2CDhrsmCk+v5XLdE9wxtAFRyxx+P//Iw+a5L/tTg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-flow@^7.2.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.7.0.tgz#5c9465bcd26354d5215294ea90ab1c706a571386"
@@ -611,13 +320,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-json-strings@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.7.4.tgz#86e63f7d2e22f9e27129ac4e83ea989a382e86cc"
-  integrity sha512-QpGupahTQW1mHRXddMG5srgpHWqRLwJnJZKXTigB9RPFCCGbDGCgBeM/iC82ICXp414WeYx/tD54w7M2qRqTMg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-jsx@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.2.0.tgz#0b85a3b4bc7cdf4cc4b8bf236335b907ca22e7c7"
@@ -625,13 +327,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-object-rest-spread@^7.0.0", "@babel/plugin-syntax-object-rest-spread@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.7.4.tgz#47cf220d19d6d0d7b154304701f468fc1cc6ff46"
-  integrity sha512-mObR+r+KZq0XhRVS2BrBKBpr5jqrqzlPvS9C9vuOf5ilSwzloAl7RPWLrgKdWS6IreaVrjHxTjtyqFiOisaCwg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-object-rest-spread@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.2.0.tgz#3b7a3e733510c57e820b9142a6579ac8b0dfad2e"
@@ -646,13 +341,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-optional-catch-binding@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.7.4.tgz#a3e38f59f4b6233867b4a92dcb0ee05b2c334aa6"
-  integrity sha512-4ZSuzWgFxqHRE31Glu+fEr/MirNZOMYmD/0BhBWyLyOOQz/gTAl7QmWm2hX1QxEIXsr2vkdlwxIzTyiYRC4xcQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-top-level-await@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.0.tgz#f5699549f50bbe8d12b1843a4e82f0a37bb65f4d"
@@ -660,13 +348,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-syntax-top-level-await@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.7.4.tgz#bd7d8fa7b9fee793a36e4027fd6dd1aa32f946da"
-  integrity sha512-wdsOw0MvkL1UIgiQ/IFr3ETcfv1xb8RMM0H9wbiDyLaJFyiDg5oZvDLCXosIXmFeIlweML5iOBXAkqddkYNizg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-arrow-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.2.0.tgz#9aeafbe4d6ffc6563bf8f8372091628f00779550"
@@ -674,13 +355,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-arrow-functions@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.7.4.tgz#76309bd578addd8aee3b379d809c802305a98a12"
-  integrity sha512-zUXy3e8jBNPiffmqkHRNDdZM2r8DWhCB7HhcoyZjiK1TxYEluLHAvQuYnTT+ARqRpabWqy/NHkO6e3MsYB5YfA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-async-to-generator@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.0.tgz#e2b84f11952cf5913fe3438b7d2585042772f492"
@@ -690,15 +364,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-remap-async-to-generator" "^7.7.0"
 
-"@babel/plugin-transform-async-to-generator@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.7.4.tgz#694cbeae6d613a34ef0292713fa42fb45c4470ba"
-  integrity sha512-zpUTZphp5nHokuy8yLlyafxCJ0rSlFoSHypTUWgpdwoDXWQcseaect7cJ8Ppk6nunOM6+5rPMkod4OYKPR5MUg==
-  dependencies:
-    "@babel/helper-module-imports" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-remap-async-to-generator" "^7.7.4"
-
 "@babel/plugin-transform-block-scoped-functions@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.2.0.tgz#5d3cc11e8d5ddd752aa64c9148d0db6cb79fd190"
@@ -706,13 +371,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-block-scoped-functions@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.7.4.tgz#d0d9d5c269c78eaea76227ace214b8d01e4d837b"
-  integrity sha512-kqtQzwtKcpPclHYjLK//3lH8OFsCDuDJBaFhVwf8kqdnF6MN4l618UDlcA7TfRs3FayrHj+svYnSX8MC9zmUyQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-block-scoping@^7.6.3":
   version "7.6.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.6.3.tgz#6e854e51fbbaa84351b15d4ddafe342f3a5d542a"
@@ -721,14 +379,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     lodash "^4.17.13"
 
-"@babel/plugin-transform-block-scoping@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.7.4.tgz#200aad0dcd6bb80372f94d9e628ea062c58bf224"
-  integrity sha512-2VBe9u0G+fDt9B5OV5DQH4KBf5DoiNkwFKOz0TCvBWvdAN2rOykCTkrL+jTLxfCAm76l9Qo5OqL7HBOx2dWggg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    lodash "^4.17.13"
-
 "@babel/plugin-transform-classes@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.0.tgz#b411ecc1b8822d24b81e5d184f24149136eddd4a"
@@ -743,20 +393,6 @@
     "@babel/helper-split-export-declaration" "^7.7.0"
     globals "^11.1.0"
 
-"@babel/plugin-transform-classes@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.7.4.tgz#c92c14be0a1399e15df72667067a8f510c9400ec"
-  integrity sha512-sK1mjWat7K+buWRuImEzjNf68qrKcrddtpQo3swi9j7dUcG6y6R6+Di039QN2bD1dykeswlagupEmpOatFHHUg==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.7.4"
-    "@babel/helper-define-map" "^7.7.4"
-    "@babel/helper-function-name" "^7.7.4"
-    "@babel/helper-optimise-call-expression" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.7.4"
-    "@babel/helper-split-export-declaration" "^7.7.4"
-    globals "^11.1.0"
-
 "@babel/plugin-transform-computed-properties@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.2.0.tgz#83a7df6a658865b1c8f641d510c6f3af220216da"
@@ -764,13 +400,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-computed-properties@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.7.4.tgz#e856c1628d3238ffe12d668eb42559f79a81910d"
-  integrity sha512-bSNsOsZnlpLLyQew35rl4Fma3yKWqK3ImWMSC/Nc+6nGjC9s5NFWAer1YQ899/6s9HxO2zQC1WoFNfkOqRkqRQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-destructuring@^7.6.0":
   version "7.6.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.6.0.tgz#44bbe08b57f4480094d57d9ffbcd96d309075ba6"
@@ -778,13 +407,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-destructuring@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.7.4.tgz#2b713729e5054a1135097b6a67da1b6fe8789267"
-  integrity sha512-4jFMXI1Cu2aXbcXXl8Lr6YubCn6Oc7k9lLsu8v61TZh+1jny2BWmdtvY9zSUlLdGUvcy9DMAWyZEOqjsbeg/wA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-dotall-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.0.tgz#c5c9ecacab3a5e0c11db6981610f0c32fd698b3b"
@@ -793,14 +415,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-dotall-regex@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.7.4.tgz#f7ccda61118c5b7a2599a72d5e3210884a021e96"
-  integrity sha512-mk0cH1zyMa/XHeb6LOTXTbG7uIJ8Rrjlzu91pUx/KS3JpcgaTDwMS8kM+ar8SLOvlL2Lofi4CGBAjCo3a2x+lw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-duplicate-keys@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.5.0.tgz#c5dbf5106bf84cdf691222c0974c12b1df931853"
@@ -808,13 +422,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-duplicate-keys@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.7.4.tgz#3d21731a42e3f598a73835299dd0169c3b90ac91"
-  integrity sha512-g1y4/G6xGWMD85Tlft5XedGaZBCIVN+/P0bs6eabmcPP9egFleMAo65OOjlhcz1njpwagyY3t0nsQC9oTFegJA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-exponentiation-operator@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.2.0.tgz#a63868289e5b4007f7054d46491af51435766008"
@@ -823,14 +430,6 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.1.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-exponentiation-operator@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.7.4.tgz#dd30c0191e3a1ba19bcc7e389bdfddc0729d5db9"
-  integrity sha512-MCqiLfCKm6KEA1dglf6Uqq1ElDIZwFuzz1WH5mTf8k2uQSxEJMbOIEh7IZv7uichr7PMfi5YVSrr1vz+ipp7AQ==
-  dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-flow-strip-types@^7.4.4":
   version "7.6.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.6.3.tgz#8110f153e7360cfd5996eee68706cfad92d85256"
@@ -846,13 +445,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-for-of@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.7.4.tgz#248800e3a5e507b1f103d8b4ca998e77c63932bc"
-  integrity sha512-zZ1fD1B8keYtEcKF+M1TROfeHTKnijcVQm0yO/Yu1f7qoDoxEIc/+GX6Go430Bg84eM/xwPFp0+h4EbZg7epAA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-function-name@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.0.tgz#0fa786f1eef52e3b7d4fc02e54b2129de8a04c2a"
@@ -861,14 +453,6 @@
     "@babel/helper-function-name" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-function-name@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.7.4.tgz#75a6d3303d50db638ff8b5385d12451c865025b1"
-  integrity sha512-E/x09TvjHNhsULs2IusN+aJNRV5zKwxu1cpirZyRPw+FyyIKEHPXTsadj48bVpc1R5Qq1B5ZkzumuFLytnbT6g==
-  dependencies:
-    "@babel/helper-function-name" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.2.0.tgz#690353e81f9267dad4fd8cfd77eafa86aba53ea1"
@@ -876,13 +460,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-literals@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.7.4.tgz#27fe87d2b5017a2a5a34d1c41a6b9f6a6262643e"
-  integrity sha512-X2MSV7LfJFm4aZfxd0yLVFrEXAgPqYoDG53Br/tCKiKYfX0MjVjQeWPIhPHHsCqzwQANq+FLN786fF5rgLS+gw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-member-expression-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.2.0.tgz#fa10aa5c58a2cb6afcf2c9ffa8cb4d8b3d489a2d"
@@ -890,13 +467,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-member-expression-literals@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.7.4.tgz#aee127f2f3339fc34ce5e3055d7ffbf7aa26f19a"
-  integrity sha512-9VMwMO7i69LHTesL0RdGy93JU6a+qOPuvB4F4d0kR0zyVjJRVJRaoaGjhtki6SzQUu8yen/vxPKN6CWnCUw6bA==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-modules-amd@^7.5.0":
   version "7.5.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.5.0.tgz#ef00435d46da0a5961aa728a1d2ecff063e4fb91"
@@ -906,15 +476,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-amd@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.7.5.tgz#39e0fb717224b59475b306402bb8eedab01e729c"
-  integrity sha512-CT57FG4A2ZUNU1v+HdvDSDrjNWBrtCmSH6YbbgN3Lrf0Di/q/lWRxZrE72p3+HCCz9UjfZOEBdphgC0nzOS6DQ==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.7.5"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    babel-plugin-dynamic-import-node "^2.3.0"
-
 "@babel/plugin-transform-modules-commonjs@^7.4.4", "@babel/plugin-transform-modules-commonjs@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.0.tgz#3e5ffb4fd8c947feede69cbe24c9554ab4113fe3"
@@ -925,16 +486,6 @@
     "@babel/helper-simple-access" "^7.7.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-commonjs@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.7.5.tgz#1d27f5eb0bcf7543e774950e5b2fa782e637b345"
-  integrity sha512-9Cq4zTFExwFhQI6MT1aFxgqhIsMWQWDVwOgLzl7PTWJHsNaqFvklAU+Oz6AQLAS0dJKTwZSOCo20INwktxpi3Q==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.7.5"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-simple-access" "^7.7.4"
-    babel-plugin-dynamic-import-node "^2.3.0"
-
 "@babel/plugin-transform-modules-systemjs@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.7.0.tgz#9baf471213af9761c1617bb12fd278e629041417"
@@ -944,15 +495,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     babel-plugin-dynamic-import-node "^2.3.0"
 
-"@babel/plugin-transform-modules-systemjs@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.7.4.tgz#cd98152339d3e763dfe838b7d4273edaf520bb30"
-  integrity sha512-y2c96hmcsUi6LrMqvmNDPBBiGCiQu0aYqpHatVVu6kD4mFEXKjyNxd/drc18XXAf9dv7UXjrZwBVmTTGaGP8iw==
-  dependencies:
-    "@babel/helper-hoist-variables" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    babel-plugin-dynamic-import-node "^2.3.0"
-
 "@babel/plugin-transform-modules-umd@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.0.tgz#d62c7da16670908e1d8c68ca0b5d4c0097b69966"
@@ -961,14 +503,6 @@
     "@babel/helper-module-transforms" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-modules-umd@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.7.4.tgz#1027c355a118de0aae9fee00ad7813c584d9061f"
-  integrity sha512-u2B8TIi0qZI4j8q4C51ktfO7E3cQ0qnaXFI1/OXITordD40tt17g/sXqgNNCcMTcBFKrUPcGDx+TBJuZxLx7tw==
-  dependencies:
-    "@babel/helper-module-transforms" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-named-capturing-groups-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.0.tgz#358e6fd869b9a4d8f5cbc79e4ed4fc340e60dcaf"
@@ -976,13 +510,6 @@
   dependencies:
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
 
-"@babel/plugin-transform-named-capturing-groups-regex@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.7.4.tgz#fb3bcc4ee4198e7385805007373d6b6f42c98220"
-  integrity sha512-jBUkiqLKvUWpv9GLSuHUFYdmHg0ujC1JEYoZUfeOOfNydZXp1sXObgyPatpcwjWgsdBGsagWW0cdJpX/DO2jMw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
-
 "@babel/plugin-transform-new-target@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.4.4.tgz#18d120438b0cc9ee95a47f2c72bc9768fbed60a5"
@@ -990,13 +517,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-new-target@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.7.4.tgz#4a0753d2d60639437be07b592a9e58ee00720167"
-  integrity sha512-CnPRiNtOG1vRodnsyGX37bHQleHE14B9dnnlgSeEs3ek3fHN1A1SScglTCg1sfbe7sRQ2BUcpgpTpWSfMKz3gg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-object-super@^7.5.5":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.5.5.tgz#c70021df834073c65eb613b8679cc4a381d1a9f9"
@@ -1005,14 +525,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-replace-supers" "^7.5.5"
 
-"@babel/plugin-transform-object-super@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.7.4.tgz#48488937a2d586c0148451bf51af9d7dda567262"
-  integrity sha512-ho+dAEhC2aRnff2JCA0SAK7V2R62zJd/7dmtoe7MHcso4C2mS+vZjn1Pb1pCVZvJs1mgsvv5+7sT+m3Bysb6eg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-replace-supers" "^7.7.4"
-
 "@babel/plugin-transform-parameters@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.4.4.tgz#7556cf03f318bd2719fe4c922d2d808be5571e16"
@@ -1022,15 +534,6 @@
     "@babel/helper-get-function-arity" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-parameters@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.7.4.tgz#da4555c97f39b51ac089d31c7380f03bca4075ce"
-  integrity sha512-VJwhVePWPa0DqE9vcfptaJSzNDKrWU/4FbYCjZERtmqEs05g3UMXnYMZoXja7JAJ7Y7sPZipwm/pGApZt7wHlw==
-  dependencies:
-    "@babel/helper-call-delegate" "^7.7.4"
-    "@babel/helper-get-function-arity" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-property-literals@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.2.0.tgz#03e33f653f5b25c4eb572c98b9485055b389e905"
@@ -1038,13 +541,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-property-literals@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.7.4.tgz#2388d6505ef89b266103f450f9167e6bd73f98c2"
-  integrity sha512-MatJhlC4iHsIskWYyawl53KuHrt+kALSADLQQ/HkhTjX954fkxIEh4q5slL4oRAnsm/eDoZ4q0CIZpcqBuxhJQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-react-jsx@^7.0.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.7.0.tgz#834b0723ba78cd4d24d7d629300c2270f516d0b7"
@@ -1061,13 +557,6 @@
   dependencies:
     regenerator-transform "^0.14.0"
 
-"@babel/plugin-transform-regenerator@^7.7.5":
-  version "7.7.5"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.7.5.tgz#3a8757ee1a2780f390e89f246065ecf59c26fce9"
-  integrity sha512-/8I8tPvX2FkuEyWbjRCt4qTAgZK0DVy8QRguhA524UH48RfGJy94On2ri+dCuwOpcerPRl9O4ebQkRcVzIaGBw==
-  dependencies:
-    regenerator-transform "^0.14.0"
-
 "@babel/plugin-transform-reserved-words@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.2.0.tgz#4792af87c998a49367597d07fedf02636d2e1634"
@@ -1075,13 +564,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-reserved-words@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.7.4.tgz#6a7cf123ad175bb5c69aec8f6f0770387ed3f1eb"
-  integrity sha512-OrPiUB5s5XvkCO1lS7D8ZtHcswIC57j62acAnJZKqGGnHP+TIc/ljQSrgdX/QyOTdEK5COAhuc820Hi1q2UgLQ==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-shorthand-properties@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.2.0.tgz#6333aee2f8d6ee7e28615457298934a3b46198f0"
@@ -1089,13 +571,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-shorthand-properties@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.7.4.tgz#74a0a9b2f6d67a684c6fbfd5f0458eb7ba99891e"
-  integrity sha512-q+suddWRfIcnyG5YiDP58sT65AJDZSUhXQDZE3r04AuqD6d/XLaQPPXSBzP2zGerkgBivqtQm9XKGLuHqBID6Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-spread@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.6.2.tgz#fc77cf798b24b10c46e1b51b1b88c2bf661bb8dd"
@@ -1103,13 +578,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-spread@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.7.4.tgz#aa673b356fe6b7e70d69b6e33a17fef641008578"
-  integrity sha512-8OSs0FLe5/80cndziPlg4R0K6HcWSM0zyNhHhLsmw/Nc5MaA49cAsnoJ/t/YZf8qkG7fD+UjTRaApVDB526d7Q==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-sticky-regex@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.2.0.tgz#a1e454b5995560a9c1e0d537dfc15061fd2687e1"
@@ -1118,14 +586,6 @@
     "@babel/helper-plugin-utils" "^7.0.0"
     "@babel/helper-regex" "^7.0.0"
 
-"@babel/plugin-transform-sticky-regex@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.7.4.tgz#ffb68c05090c30732076b1285dc1401b404a123c"
-  integrity sha512-Ls2NASyL6qtVe1H1hXts9yuEeONV2TJZmplLONkMPUG158CtmnrzW5Q5teibM5UVOFjG0D3IC5mzXR6pPpUY7A==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/helper-regex" "^7.0.0"
-
 "@babel/plugin-transform-template-literals@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.4.4.tgz#9d28fea7bbce637fb7612a0750989d8321d4bcb0"
@@ -1134,14 +594,6 @@
     "@babel/helper-annotate-as-pure" "^7.0.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-template-literals@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.7.4.tgz#1eb6411736dd3fe87dbd20cc6668e5121c17d604"
-  integrity sha512-sA+KxLwF3QwGj5abMHkHgshp9+rRz+oY9uoRil4CyLtgEuE/88dpkeWgNk5qKVsJE9iSfly3nvHapdRiIS2wnQ==
-  dependencies:
-    "@babel/helper-annotate-as-pure" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-typeof-symbol@^7.2.0":
   version "7.2.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.2.0.tgz#117d2bcec2fbf64b4b59d1f9819894682d29f2b2"
@@ -1149,13 +601,6 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-typeof-symbol@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.7.4.tgz#3174626214f2d6de322882e498a38e8371b2140e"
-  integrity sha512-KQPUQ/7mqe2m0B8VecdyaW5XcQYaePyl9R7IsKd+irzj6jvbhoGnRE+M0aNkyAzI07VfUQ9266L5xMARitV3wg==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-transform-unicode-regex@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.0.tgz#743d9bcc44080e3cc7d49259a066efa30f9187a3"
@@ -1164,14 +609,6 @@
     "@babel/helper-create-regexp-features-plugin" "^7.7.0"
     "@babel/helper-plugin-utils" "^7.0.0"
 
-"@babel/plugin-transform-unicode-regex@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.7.4.tgz#a3c0f65b117c4c81c5b6484f2a5e7b95346b83ae"
-  integrity sha512-N77UUIV+WCvE+5yHw+oks3m18/umd7y392Zv7mYTpFqHtkpcc+QUz+gLJNTWVlWROIWeLqY0f3OjZxV5TcXnRw==
-  dependencies:
-    "@babel/helper-create-regexp-features-plugin" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/preset-env@^7.4.4":
   version "7.7.1"
   resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.7.1.tgz#04a2ff53552c5885cf1083e291c8dd5490f744bb"
@@ -1229,63 +666,6 @@
     js-levenshtein "^1.1.3"
     semver "^5.5.0"
 
-"@babel/preset-env@^7.7.6":
-  version "7.7.6"
-  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.7.6.tgz#39ac600427bbb94eec6b27953f1dfa1d64d457b2"
-  integrity sha512-k5hO17iF/Q7tR9Jv8PdNBZWYW6RofxhnxKjBMc0nG4JTaWvOTiPoO/RLFwAKcA4FpmuBFm6jkoqaRJLGi0zdaQ==
-  dependencies:
-    "@babel/helper-module-imports" "^7.7.4"
-    "@babel/helper-plugin-utils" "^7.0.0"
-    "@babel/plugin-proposal-async-generator-functions" "^7.7.4"
-    "@babel/plugin-proposal-dynamic-import" "^7.7.4"
-    "@babel/plugin-proposal-json-strings" "^7.7.4"
-    "@babel/plugin-proposal-object-rest-spread" "^7.7.4"
-    "@babel/plugin-proposal-optional-catch-binding" "^7.7.4"
-    "@babel/plugin-proposal-unicode-property-regex" "^7.7.4"
-    "@babel/plugin-syntax-async-generators" "^7.7.4"
-    "@babel/plugin-syntax-dynamic-import" "^7.7.4"
-    "@babel/plugin-syntax-json-strings" "^7.7.4"
-    "@babel/plugin-syntax-object-rest-spread" "^7.7.4"
-    "@babel/plugin-syntax-optional-catch-binding" "^7.7.4"
-    "@babel/plugin-syntax-top-level-await" "^7.7.4"
-    "@babel/plugin-transform-arrow-functions" "^7.7.4"
-    "@babel/plugin-transform-async-to-generator" "^7.7.4"
-    "@babel/plugin-transform-block-scoped-functions" "^7.7.4"
-    "@babel/plugin-transform-block-scoping" "^7.7.4"
-    "@babel/plugin-transform-classes" "^7.7.4"
-    "@babel/plugin-transform-computed-properties" "^7.7.4"
-    "@babel/plugin-transform-destructuring" "^7.7.4"
-    "@babel/plugin-transform-dotall-regex" "^7.7.4"
-    "@babel/plugin-transform-duplicate-keys" "^7.7.4"
-    "@babel/plugin-transform-exponentiation-operator" "^7.7.4"
-    "@babel/plugin-transform-for-of" "^7.7.4"
-    "@babel/plugin-transform-function-name" "^7.7.4"
-    "@babel/plugin-transform-literals" "^7.7.4"
-    "@babel/plugin-transform-member-expression-literals" "^7.7.4"
-    "@babel/plugin-transform-modules-amd" "^7.7.5"
-    "@babel/plugin-transform-modules-commonjs" "^7.7.5"
-    "@babel/plugin-transform-modules-systemjs" "^7.7.4"
-    "@babel/plugin-transform-modules-umd" "^7.7.4"
-    "@babel/plugin-transform-named-capturing-groups-regex" "^7.7.4"
-    "@babel/plugin-transform-new-target" "^7.7.4"
-    "@babel/plugin-transform-object-super" "^7.7.4"
-    "@babel/plugin-transform-parameters" "^7.7.4"
-    "@babel/plugin-transform-property-literals" "^7.7.4"
-    "@babel/plugin-transform-regenerator" "^7.7.5"
-    "@babel/plugin-transform-reserved-words" "^7.7.4"
-    "@babel/plugin-transform-shorthand-properties" "^7.7.4"
-    "@babel/plugin-transform-spread" "^7.7.4"
-    "@babel/plugin-transform-sticky-regex" "^7.7.4"
-    "@babel/plugin-transform-template-literals" "^7.7.4"
-    "@babel/plugin-transform-typeof-symbol" "^7.7.4"
-    "@babel/plugin-transform-unicode-regex" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    browserslist "^4.6.0"
-    core-js-compat "^3.4.7"
-    invariant "^2.2.2"
-    js-levenshtein "^1.1.3"
-    semver "^5.5.0"
-
 "@babel/runtime@^7.4.4":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.2.tgz#111a78002a5c25fc8e3361bedc9529c696b85a6a"
@@ -1293,15 +673,6 @@
   dependencies:
     regenerator-runtime "^0.13.2"
 
-"@babel/template@^7.4.0", "@babel/template@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.7.4.tgz#428a7d9eecffe27deac0a98e23bf8e3675d2a77b"
-  integrity sha512-qUzihgVPguAzXCK7WXw8pqs6cEwi54s3E+HrejlkuWO6ivMKx9hZl3Y2fSXp9i5HgyWmj7RKP+ulaYnKM4yYxw==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@babel/parser" "^7.7.4"
-    "@babel/types" "^7.7.4"
-
 "@babel/template@^7.4.4", "@babel/template@^7.7.0":
   version "7.7.0"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.7.0.tgz#4fadc1b8e734d97f56de39c77de76f2562e597d0"
@@ -1311,21 +682,6 @@
     "@babel/parser" "^7.7.0"
     "@babel/types" "^7.7.0"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.4.3", "@babel/traverse@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.4.tgz#9c1e7c60fb679fe4fcfaa42500833333c2058558"
-  integrity sha512-P1L58hQyupn8+ezVA2z5KBm4/Zr4lCC8dwKCMYzsa5jFMDMQAzaBNy9W5VjB+KAmBjb40U7a/H6ao+Xo+9saIw==
-  dependencies:
-    "@babel/code-frame" "^7.5.5"
-    "@babel/generator" "^7.7.4"
-    "@babel/helper-function-name" "^7.7.4"
-    "@babel/helper-split-export-declaration" "^7.7.4"
-    "@babel/parser" "^7.7.4"
-    "@babel/types" "^7.7.4"
-    debug "^4.1.0"
-    globals "^11.1.0"
-    lodash "^4.17.13"
-
 "@babel/traverse@^7.4.4", "@babel/traverse@^7.7.0", "@babel/traverse@^7.7.2":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.7.2.tgz#ef0a65e07a2f3c550967366b3d9b62a2dcbeae09"
@@ -1341,15 +697,6 @@
     globals "^11.1.0"
     lodash "^4.17.13"
 
-"@babel/types@^7.0.0", "@babel/types@^7.3.0", "@babel/types@^7.4.0", "@babel/types@^7.7.4":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.4.tgz#516570d539e44ddf308c07569c258ff94fde9193"
-  integrity sha512-cz5Ji23KCi4T+YIE/BolWosrJuSmoZeN1EFnRtBwF+KKLi8GG/Z2c2hOJJeCXPk4mwk4QFvTmwIodJowXgttRA==
-  dependencies:
-    esutils "^2.0.2"
-    lodash "^4.17.13"
-    to-fast-properties "^2.0.0"
-
 "@babel/types@^7.4.4", "@babel/types@^7.7.0", "@babel/types@^7.7.1", "@babel/types@^7.7.2":
   version "7.7.2"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.7.2.tgz#550b82e5571dcd174af576e23f0adba7ffc683f7"
@@ -1359,14 +706,6 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
-"@cnakazawa/watch@^1.0.3":
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/@cnakazawa/watch/-/watch-1.0.3.tgz#099139eaec7ebf07a27c1786a3ff64f39464d2ef"
-  integrity sha512-r5160ogAvGyHsal38Kux7YYtodEKOj89RGb28ht1jh3SJb08VwRwAKKJL0bGb04Zd/3r9FL3BFIc3bBidYffCA==
-  dependencies:
-    exec-sh "^0.3.2"
-    minimist "^1.2.0"
-
 "@evocateur/libnpmaccess@^3.1.2":
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/@evocateur/libnpmaccess/-/libnpmaccess-3.1.2.tgz#ecf7f6ce6b004e9f942b098d92200be4a4b1c845"
@@ -1446,154 +785,6 @@
   resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.3.tgz#f060bf6eaafae4d56a7dac618980838b0696e2ab"
   integrity sha512-FmuxfCuolpLl0AnQ2NHSzoUKWEJDFl63qXjzdoWBVyFCXzMGm1spBzk7LeHNoVCiWCF7mRVms9e6jEV9+MoPbg==
 
-"@jest/console@^24.7.1", "@jest/console@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/console/-/console-24.9.0.tgz#79b1bc06fb74a8cfb01cbdedf945584b1b9707f0"
-  integrity sha512-Zuj6b8TnKXi3q4ymac8EQfc3ea/uhLeCGThFqXeC8H9/raaH8ARPUTdId+XyGd03Z4In0/VjD2OYFcBF09fNLQ==
-  dependencies:
-    "@jest/source-map" "^24.9.0"
-    chalk "^2.0.1"
-    slash "^2.0.0"
-
-"@jest/core@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/core/-/core-24.9.0.tgz#2ceccd0b93181f9c4850e74f2a9ad43d351369c4"
-  integrity sha512-Fogg3s4wlAr1VX7q+rhV9RVnUv5tD7VuWfYy1+whMiWUrvl7U3QJSJyWcDio9Lq2prqYsZaeTv2Rz24pWGkJ2A==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/reporters" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-changed-files "^24.9.0"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-resolve-dependencies "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    jest-watcher "^24.9.0"
-    micromatch "^3.1.10"
-    p-each-series "^1.0.0"
-    realpath-native "^1.1.0"
-    rimraf "^2.5.4"
-    slash "^2.0.0"
-    strip-ansi "^5.0.0"
-
-"@jest/environment@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/environment/-/environment-24.9.0.tgz#21e3afa2d65c0586cbd6cbefe208bafade44ab18"
-  integrity sha512-5A1QluTPhvdIPFYnO3sZC3smkNeXPVELz7ikPbhUj0bQjB07EoE9qtLrem14ZUYWdVayYbsjVwIiL4WBIMV4aQ==
-  dependencies:
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-
-"@jest/fake-timers@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/fake-timers/-/fake-timers-24.9.0.tgz#ba3e6bf0eecd09a636049896434d306636540c93"
-  integrity sha512-eWQcNa2YSwzXWIMC5KufBh3oWRIijrQFROsIqt6v/NS9Io/gknw1jsAC9c+ih/RQX4A3O7SeWAhQeN0goKhT9A==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
-
-"@jest/reporters@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/reporters/-/reporters-24.9.0.tgz#86660eff8e2b9661d042a8e98a028b8d631a5b43"
-  integrity sha512-mu4X0yjaHrffOsWmVLzitKmmmWSQ3GGuefgNscUSWNiUNcEOSEQk9k3pERKEQVBb0Cnn88+UESIsZEMH3o88Gw==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    glob "^7.1.2"
-    istanbul-lib-coverage "^2.0.2"
-    istanbul-lib-instrument "^3.0.1"
-    istanbul-lib-report "^2.0.4"
-    istanbul-lib-source-maps "^3.0.1"
-    istanbul-reports "^2.2.6"
-    jest-haste-map "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
-    node-notifier "^5.4.2"
-    slash "^2.0.0"
-    source-map "^0.6.0"
-    string-length "^2.0.0"
-
-"@jest/source-map@^24.3.0", "@jest/source-map@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/source-map/-/source-map-24.9.0.tgz#0e263a94430be4b41da683ccc1e6bffe2a191714"
-  integrity sha512-/Xw7xGlsZb4MJzNDgB7PW5crou5JqWiBQaz6xyPd3ArOg2nfn/PunV8+olXbbEZzNl591o5rWKE9BRDaFAuIBg==
-  dependencies:
-    callsites "^3.0.0"
-    graceful-fs "^4.1.15"
-    source-map "^0.6.0"
-
-"@jest/test-result@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-result/-/test-result-24.9.0.tgz#11796e8aa9dbf88ea025757b3152595ad06ba0ca"
-  integrity sha512-XEFrHbBonBJ8dGp2JmF8kP/nQI/ImPpygKHwQ/SY+es59Z3L5PI4Qb9TQQMAEeYsThG1xF0k6tmG0tIKATNiiA==
-  dependencies:
-    "@jest/console" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/istanbul-lib-coverage" "^2.0.0"
-
-"@jest/test-sequencer@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/test-sequencer/-/test-sequencer-24.9.0.tgz#f8f334f35b625a4f2f355f2fe7e6036dad2e6b31"
-  integrity sha512-6qqsU4o0kW1dvA95qfNog8v8gkRN9ph6Lz7r96IvZpHdNipP2cBcb07J1Z45mz/VIS01OHJ3pY8T5fUY38tg4A==
-  dependencies:
-    "@jest/test-result" "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-runner "^24.9.0"
-    jest-runtime "^24.9.0"
-
-"@jest/transform@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/transform/-/transform-24.9.0.tgz#4ae2768b296553fadab09e9ec119543c90b16c56"
-  integrity sha512-TcQUmyNRxV94S0QpMOnZl0++6RMiqpbH/ZMccFB/amku6Uwvyb1cjYX7xkp5nGNkbX4QPH/FcB6q1HBTHynLmQ==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/types" "^24.9.0"
-    babel-plugin-istanbul "^5.1.0"
-    chalk "^2.0.1"
-    convert-source-map "^1.4.0"
-    fast-json-stable-stringify "^2.0.0"
-    graceful-fs "^4.1.15"
-    jest-haste-map "^24.9.0"
-    jest-regex-util "^24.9.0"
-    jest-util "^24.9.0"
-    micromatch "^3.1.10"
-    pirates "^4.0.1"
-    realpath-native "^1.1.0"
-    slash "^2.0.0"
-    source-map "^0.6.1"
-    write-file-atomic "2.4.1"
-
-"@jest/types@^24.9.0":
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-24.9.0.tgz#63cb26cb7500d069e5a389441a7c6ab5e909fc59"
-  integrity sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^1.1.1"
-    "@types/yargs" "^13.0.0"
-
 "@lerna/add@3.18.4":
   version "3.18.4"
   resolved "https://registry.yarnpkg.com/@lerna/add/-/add-3.18.4.tgz#0d97c75b64febc10a9a38546a3019f0f2c24b0e6"
@@ -2486,39 +1677,6 @@
   resolved "https://registry.yarnpkg.com/@spectrum-css/vars/-/vars-2.0.2.tgz#235ae6965a4e3ffff4884617e583425e382776f6"
   integrity sha512-BKzC3a+gdhsC9tBjenXUmv/lpmrLLYNV6KO0f67HIVJLKcY9Va4uaO0BfWaS3FCEm7msB4R8ANJkZtqNq5NbTg==
 
-"@types/babel__core@^7.1.0":
-  version "7.1.3"
-  resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.3.tgz#e441ea7df63cd080dfcd02ab199e6d16a735fc30"
-  integrity sha512-8fBo0UR2CcwWxeX7WIIgJ7lXjasFxoYgRnFHUj+hRvKkpiBJbxhdAPTCY6/ZKM0uxANFVzt4yObSLuTiTnazDA==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-    "@types/babel__generator" "*"
-    "@types/babel__template" "*"
-    "@types/babel__traverse" "*"
-
-"@types/babel__generator@*":
-  version "7.6.0"
-  resolved "https://registry.yarnpkg.com/@types/babel__generator/-/babel__generator-7.6.0.tgz#f1ec1c104d1bb463556ecb724018ab788d0c172a"
-  integrity sha512-c1mZUu4up5cp9KROs/QAw0gTeHrw/x7m52LcnvMxxOZ03DmLwPV0MlGmlgzV3cnSdjhJOZsj7E7FHeioai+egw==
-  dependencies:
-    "@babel/types" "^7.0.0"
-
-"@types/babel__template@*":
-  version "7.0.2"
-  resolved "https://registry.yarnpkg.com/@types/babel__template/-/babel__template-7.0.2.tgz#4ff63d6b52eddac1de7b975a5223ed32ecea9307"
-  integrity sha512-/K6zCpeW7Imzgab2bLkLEbz0+1JlFSrUMdw7KoIIu+IUdu51GWaBZpd3y1VXGVXzynvGa4DaIaxNZHiON3GXUg==
-  dependencies:
-    "@babel/parser" "^7.1.0"
-    "@babel/types" "^7.0.0"
-
-"@types/babel__traverse@*", "@types/babel__traverse@^7.0.6":
-  version "7.0.8"
-  resolved "https://registry.yarnpkg.com/@types/babel__traverse/-/babel__traverse-7.0.8.tgz#479a4ee3e291a403a1096106013ec22cf9b64012"
-  integrity sha512-yGeB2dHEdvxjP0y4UbRtQaSkXJ9649fYCmIdRoul5kfAoGCwxuCbMhag0k3RPfnuh9kPGm8x89btcfDEXdVWGw==
-  dependencies:
-    "@babel/types" "^7.3.0"
-
 "@types/events@*":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
@@ -2533,26 +1691,6 @@
     "@types/minimatch" "*"
     "@types/node" "*"
 
-"@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0":
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.1.tgz#42995b446db9a48a11a07ec083499a860e9138ff"
-  integrity sha512-hRJD2ahnnpLgsj6KWMYSrmXkM3rm2Dl1qkx6IOFD5FnuNPXJIG5L0dhgKXCYTRMGzU4n0wImQ/xfmRc4POUFlg==
-
-"@types/istanbul-lib-report@*":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-1.1.1.tgz#e5471e7fa33c61358dd38426189c037a58433b8c"
-  integrity sha512-3BUTyMzbZa2DtDI2BkERNC6jJw2Mr2Y0oGI7mRxYNBPxppbtEK1F66u3bKwU2g+wxwWI7PAoRpJnOY1grJqzHg==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-
-"@types/istanbul-reports@^1.1.1":
-  version "1.1.1"
-  resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-1.1.1.tgz#7a8cbf6a406f36c8add871625b278eaf0b0d255a"
-  integrity sha512-UpYjBi8xefVChsCoBpKShdxTllC9pwISirfoZsUa2AAdQg/Jd2KQGtSbw+ya7GPo7x/wAPlH6JBhKhAsXUEZNA==
-  dependencies:
-    "@types/istanbul-lib-coverage" "*"
-    "@types/istanbul-lib-report" "*"
-
 "@types/minimatch@*":
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/@types/minimatch/-/minimatch-3.0.3.tgz#3dca0e3f33b200fc7d1139c0cd96c1268cadfd9d"
@@ -2568,23 +1706,6 @@
   resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.2.tgz#690a1475b84f2a884fd07cd797c00f5f31356ea8"
   integrity sha512-ce5d3q03Ex0sy4R14722Rmt6MT07Ua+k4FwDfdcToYJcMKNtRVQvJ6JCAPdAmAnbRb6CsX6aYb9m96NGod9uTw==
 
-"@types/stack-utils@^1.0.1":
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/@types/stack-utils/-/stack-utils-1.0.1.tgz#0a851d3bd96498fa25c33ab7278ed3bd65f06c3e"
-  integrity sha512-l42BggppR6zLmpfU6fq9HEa2oGPEI8yrSPL3GITjfRInppYFahObbIQOQK3UGxEnyQpltZLaPe75046NOZQikw==
-
-"@types/yargs-parser@*":
-  version "13.1.0"
-  resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-13.1.0.tgz#c563aa192f39350a1d18da36c5a8da382bbd8228"
-  integrity sha512-gCubfBUZ6KxzoibJ+SCUc/57Ms1jz5NjHe4+dI2krNmU5zCPAphyLJYyTOg06ueIyfj+SaCUqmzun7ImlxDcKg==
-
-"@types/yargs@^13.0.0":
-  version "13.0.3"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-13.0.3.tgz#76482af3981d4412d65371a318f992d33464a380"
-  integrity sha512-K8/LfZq2duW33XW/tFwEAfnZlqIfVsoyRB3kfXdPXYhl0nfM8mmh7GS0jg7WrX2Dgq/0Ha/pR1PaR+BvmWwjiQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@zkochan/cmd-shim@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@zkochan/cmd-shim/-/cmd-shim-3.1.0.tgz#2ab8ed81f5bb5452a85f25758eb9b8681982fd2e"
@@ -2612,7 +1733,7 @@ abbrev@1:
   resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
   integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
 
-acorn-globals@^4.1.0, acorn-globals@^4.3.0:
+acorn-globals@^4.3.0:
   version "4.3.4"
   resolved "https://registry.yarnpkg.com/acorn-globals/-/acorn-globals-4.3.4.tgz#9fa1926addc11c97308c4e66d7add0d40c3272e7"
   integrity sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==
@@ -2625,7 +1746,7 @@ acorn-walk@^6.0.1:
   resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
   integrity sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==
 
-acorn@^5.0.0, acorn@^5.5.3:
+acorn@^5.0.0:
   version "5.7.4"
   resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e"
   integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg==
@@ -2671,7 +1792,7 @@ alphanum-sort@^1.0.0:
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
   integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
-ansi-escapes@^3.0.0, ansi-escapes@^3.2.0:
+ansi-escapes@^3.2.0:
   version "3.2.0"
   resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b"
   integrity sha512-cBhpre4ma+U0T1oM5fXg7Dy1Jw7zzwv7lt/GoCpr+hDQJoYnKVPLL4dCvSEFMmQurOQvSrwT7SL/DAlhBI97RQ==
@@ -2686,7 +1807,7 @@ ansi-regex@^3.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-3.0.0.tgz#ed0317c322064f79466c02966bddb605ab37d998"
   integrity sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=
 
-ansi-regex@^4.0.0, ansi-regex@^4.1.0:
+ansi-regex@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.0.tgz#8b9f8f08cf1acb843756a839ca8c7e3168c51997"
   integrity sha512-1apePfXM1UOSqw0o9IiFAovVz9M5S1Dg+4TrDwfMewQ6p/rmMueb7tWZjQ1rx4Loy1ArBggoqGpfqqdI4rondg==
@@ -2852,11 +1973,6 @@ assign-symbols@^1.0.0:
   resolved "https://registry.yarnpkg.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
   integrity sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=
 
-astral-regex@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9"
-  integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg==
-
 async-each@^1.0.1:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
@@ -2893,22 +2009,9 @@ aws-sign2@~0.7.0:
   integrity sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=
 
 aws4@^1.8.0:
-  version "1.8.0"
-  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
-  integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
-
-babel-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-jest/-/babel-jest-24.9.0.tgz#3fc327cb8467b89d14d7bc70e315104a783ccd54"
-  integrity sha512-ntuddfyiN+EhMw58PTNL1ph4C9rECiQXjI4nMMBKBaNjXvqLdkXpPRcMSr4iyBrJg/+wz9brFUD6RhOAT6r4Iw==
-  dependencies:
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/babel__core" "^7.1.0"
-    babel-plugin-istanbul "^5.1.0"
-    babel-preset-jest "^24.9.0"
-    chalk "^2.4.2"
-    slash "^2.0.0"
+  version "1.8.0"
+  resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.8.0.tgz#f0e003d9ca9e7f59c7a508945d7b2ef9a04a542f"
+  integrity sha512-ReZxvNHIOv88FlT7rxcXIIC0fPt4KZqZbOlivyWtXLt8ESx84zd3kMC6iK5jVeS2qt+g7ftS7ye4fi06X5rtRQ==
 
 babel-plugin-dynamic-import-node@^2.3.0:
   version "2.3.0"
@@ -2917,31 +2020,6 @@ babel-plugin-dynamic-import-node@^2.3.0:
   dependencies:
     object.assign "^4.1.0"
 
-babel-plugin-istanbul@^5.1.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-istanbul/-/babel-plugin-istanbul-5.2.0.tgz#df4ade83d897a92df069c4d9a25cf2671293c854"
-  integrity sha512-5LphC0USA8t4i1zCtjbbNb6jJj/9+X6P37Qfirc/70EQ34xKlMW+a1RHGwxGI+SwWpNwZ27HqvzAobeqaXwiZw==
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-    find-up "^3.0.0"
-    istanbul-lib-instrument "^3.3.0"
-    test-exclude "^5.2.3"
-
-babel-plugin-jest-hoist@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-24.9.0.tgz#4f837091eb407e01447c8843cbec546d0002d756"
-  integrity sha512-2EMA2P8Vp7lG0RAzr4HXqtYwacfMErOuv1U3wrvxHX6rD1sV6xS3WXG3r8TRQ2r6w8OhvSdWt+z41hQNwNm3Xw==
-  dependencies:
-    "@types/babel__traverse" "^7.0.6"
-
-babel-preset-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/babel-preset-jest/-/babel-preset-jest-24.9.0.tgz#192b521e2217fb1d1f67cf73f70c336650ad3cdc"
-  integrity sha512-izTUuhE4TMfTRPF92fFwD2QfdXaZW08qvWTFCI51V8rW5x00UuPgc3ajRoWofXOuxjfcOM5zzSYsQS3H8KGCAg==
-  dependencies:
-    "@babel/plugin-syntax-object-rest-spread" "^7.0.0"
-    babel-plugin-jest-hoist "^24.9.0"
-
 babel-runtime@^6.11.6, babel-runtime@^6.26.0:
   version "6.26.0"
   resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
@@ -3087,13 +2165,6 @@ browser-process-hrtime@^0.1.2:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-0.1.3.tgz#616f00faef1df7ec1b5bf9cfe2bdc3170f26c7b4"
   integrity sha512-bRFnI4NnjO6cnyLmOV/7PVoDEMJChlcfN0z4s1YMBY989/SvlfMI1lgCnkFUs53e9gQF+w7qu7XdllSTiSl8Aw==
 
-browser-resolve@^1.11.3:
-  version "1.11.3"
-  resolved "https://registry.yarnpkg.com/browser-resolve/-/browser-resolve-1.11.3.tgz#9b7cbb3d0f510e4cb86bdbd796124d28b5890af6"
-  integrity sha512-exDi1BYWB/6raKHmDTCicQfTkqwN5fioMFV4j8BsfMU4R2DK/QfZfK7kOVkmWCNANf0snkBzqGqAJBao9gZMdQ==
-  dependencies:
-    resolve "1.1.7"
-
 browserify-aes@^1.0.0, browserify-aes@^1.0.4:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/browserify-aes/-/browserify-aes-1.2.0.tgz#326734642f403dabc3003209853bb70ad428ef48"
@@ -3162,22 +2233,6 @@ browserslist@^4.0.0, browserslist@^4.1.0, browserslist@^4.6.0, browserslist@^4.7
     electron-to-chromium "^1.3.306"
     node-releases "^1.1.40"
 
-browserslist@^4.8.2:
-  version "4.8.2"
-  resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.8.2.tgz#b45720ad5fbc8713b7253c20766f701c9a694289"
-  integrity sha512-+M4oeaTplPm/f1pXDw84YohEv7B1i/2Aisei8s4s6k3QsoSHa7i5sz8u/cGQkkatCPxMASKxPualR4wwYgVboA==
-  dependencies:
-    caniuse-lite "^1.0.30001015"
-    electron-to-chromium "^1.3.322"
-    node-releases "^1.1.42"
-
-bser@2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/bser/-/bser-2.1.1.tgz#e6787da20ece9d07998533cfd9de6f5c38f4bc05"
-  integrity sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==
-  dependencies:
-    node-int64 "^0.4.0"
-
 btoa-lite@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/btoa-lite/-/btoa-lite-1.0.0.tgz#337766da15801210fdd956c22e9c6891ab9d0337"
@@ -3287,11 +2342,6 @@ callsites@^2.0.0:
   resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
   integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
 
-callsites@^3.0.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
-  integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
-
 camelcase-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
@@ -3319,7 +2369,7 @@ camelcase@^4.1.0:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
   integrity sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=
 
-camelcase@^5.0.0, camelcase@^5.3.1:
+camelcase@^5.0.0:
   version "5.3.1"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
@@ -3339,18 +2389,6 @@ caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001010:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001010.tgz#397a14034d384260453cc81994f494626d34b938"
   integrity sha512-RA5GH9YjFNea4ZQszdWgh2SC+dpLiRAg4VDQS2b5JRI45OxmbGrYocYHTa9x0bKMQUE7uvHkNPNffUr+pCxSGw==
 
-caniuse-lite@^1.0.30001015:
-  version "1.0.30001015"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001015.tgz#15a7ddf66aba786a71d99626bc8f2b91c6f0f5f0"
-  integrity sha512-/xL2AbW/XWHNu1gnIrO8UitBGoFthcsDgU9VLK1/dpsoxbaD5LscHozKze05R6WLsBvLhqv78dAPozMFQBYLbQ==
-
-capture-exit@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/capture-exit/-/capture-exit-2.0.0.tgz#fb953bfaebeb781f62898239dabb426d08a509a4"
-  integrity sha512-PiT/hQmTonHhl/HFGN+Lx3JJUznrVYJ3+AQsnthneZbvW7x+f08Tk7yLJTLEOUvBTbduLeeBkxEaYXUOUrRq6g==
-  dependencies:
-    rsvp "^4.8.4"
-
 caseless@~0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc"
@@ -3396,7 +2434,7 @@ chardet@^0.7.0:
   optionalDependencies:
     fsevents "~2.1.1"
 
-chokidar@^2.1.5, chokidar@^2.1.8:
+chokidar@^2.1.5:
   version "2.1.8"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
   integrity sha512-ZmZUazfOzf0Nve7duiCKD23PFSCs4JPoYyccjUFF3aQkQadqBhfzhjkwBH2mNOG9cTBwhamM37EIsIkZw3nRgg==
@@ -3488,11 +2526,6 @@ clone@^2.1.1:
   resolved "https://registry.yarnpkg.com/clone/-/clone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
 
-co@^4.6.0:
-  version "4.6.0"
-  resolved "https://registry.yarnpkg.com/co/-/co-4.6.0.tgz#6ea6bdf3d853ae54ccb8e47bfa0bf3f9031fb184"
-  integrity sha1-bqa989hTrlTMuOR7+gvz+QMfsYQ=
-
 coa@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3"
@@ -3594,11 +2627,6 @@ commander@2.9.0:
   dependencies:
     graceful-readlink ">= 1.0.0"
 
-commander@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/commander/-/commander-4.0.1.tgz#b67622721785993182e807f4883633e6401ba53c"
-  integrity sha512-IPF4ouhCP+qdlcmCedhxX4xiGBPyigb8v5NeUp+0LyhwLgxMqyp3S0vl7TAPfS/hiP7FC3caI/PB9lTmP8r1NA==
-
 compare-func@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/compare-func/-/compare-func-1.3.2.tgz#99dd0ba457e1f9bc722b12c08ec33eeab31fa648"
@@ -3743,7 +2771,7 @@ conventional-recommended-bump@^5.0.0:
     meow "^4.0.0"
     q "^1.5.1"
 
-convert-source-map@^1.1.0, convert-source-map@^1.4.0, convert-source-map@^1.5.1, convert-source-map@^1.7.0:
+convert-source-map@^1.5.1, convert-source-map@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.7.0.tgz#17a2cb882d7f77d3490585e2ce6c524424a3a442"
   integrity sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==
@@ -3775,14 +2803,6 @@ core-js-compat@^3.1.1:
     browserslist "^4.7.2"
     semver "^6.3.0"
 
-core-js-compat@^3.4.7:
-  version "3.4.8"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.4.8.tgz#f72e6a4ed76437ea710928f44615f926a81607d5"
-  integrity sha512-l3WTmnXHV2Sfu5VuD7EHE2w7y+K68+kULKt5RJg8ZJk3YhHF1qLD4O8v8AmNq+8vbOwnPFFDvds25/AoEvMqlQ==
-  dependencies:
-    browserslist "^4.8.2"
-    semver "^6.3.0"
-
 core-js@^2.4.0, core-js@^2.6.5:
   version "2.6.10"
   resolved "https://registry.yarnpkg.com/core-js/-/core-js-2.6.10.tgz#8a5b8391f8cc7013da703411ce5b585706300d7f"
@@ -4019,12 +3039,12 @@ csso@^4.0.2:
   dependencies:
     css-tree "1.0.0-alpha.37"
 
-cssom@0.3.x, "cssom@>= 0.3.2 < 0.4.0", cssom@^0.3.4:
+cssom@0.3.x, cssom@^0.3.4:
   version "0.3.8"
   resolved "https://registry.yarnpkg.com/cssom/-/cssom-0.3.8.tgz#9f1276f5b2b463f2114d3f2c75250af8c1a36f4a"
   integrity sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==
 
-cssstyle@^1.0.0, cssstyle@^1.1.1:
+cssstyle@^1.1.1:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-1.4.0.tgz#9d31328229d3c565c61e586b02041a28fccdccf1"
   integrity sha512-GBrLZYZ4X4x6/QEoBnIrqb8B/f5l4+8me2dkom/j1Gtbxy0kBv6OGzKuAsGM75bkGwGAFkt56Iwg28S3XTZgSA==
@@ -4368,7 +3388,7 @@ dashdash@^1.12.0:
   dependencies:
     assert-plus "^1.0.0"
 
-data-urls@^1.0.0, data-urls@^1.1.0:
+data-urls@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-1.1.0.tgz#15ee0582baa5e22bb59c77140da8f9c76963bbfe"
   integrity sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==
@@ -4411,7 +3431,7 @@ debug@^3.1.0, debug@^3.2.6:
   dependencies:
     ms "^2.1.1"
 
-debug@^4.1.0, debug@^4.1.1:
+debug@^4.1.0:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.1.1.tgz#3b72260255109c6b589cee050f1d516139664791"
   integrity sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==
@@ -4540,11 +3560,6 @@ detect-libc@^1.0.2:
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-1.0.3.tgz#fa137c4bd698edf55cd5cd02ac559f91a4c4ba9b"
   integrity sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=
 
-detect-newline@^2.1.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/detect-newline/-/detect-newline-2.1.0.tgz#f41f1c10be4b00e87b5f13da680759f2c5bfd3e2"
-  integrity sha1-9B8cEL5LAOh7XxPaaAdZ8sW/0+I=
-
 dezalgo@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/dezalgo/-/dezalgo-1.0.3.tgz#7f742de066fc748bc8db820569dddce49bf0d456"
@@ -4553,11 +3568,6 @@ dezalgo@^1.0.0:
     asap "^2.0.0"
     wrappy "1"
 
-diff-sequences@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/diff-sequences/-/diff-sequences-24.9.0.tgz#5715d6244e2aa65f48bba0bc972db0b0b11e95b5"
-  integrity sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==
-
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -4683,11 +3693,6 @@ electron-to-chromium@^1.3.306:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.306.tgz#e8265301d053d5f74e36cb876486830261fbe946"
   integrity sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A==
 
-electron-to-chromium@^1.3.322:
-  version "1.3.322"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.322.tgz#a6f7e1c79025c2b05838e8e344f6e89eb83213a8"
-  integrity sha512-Tc8JQEfGQ1MzfSzI/bTlSr7btJv/FFO7Yh6tanqVmIWOuNCu6/D1MilIEgLtmWqIrsv+o4IjpLAhgMBr/ncNAA==
-
 elliptic@^6.0.0:
   version "6.5.1"
   resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.1.tgz#c380f5f909bf1b9b4428d028cd18d3b0efd6b52b"
@@ -4804,7 +3809,7 @@ escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
 
-escodegen@^1.11.0, escodegen@^1.11.1, escodegen@^1.9.1:
+escodegen@^1.11.0, escodegen@^1.11.1:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/escodegen/-/escodegen-1.12.0.tgz#f763daf840af172bb3a2b6dd7219c0e17f7ff541"
   integrity sha512-TuA+EhsanGcme5T3R0L80u4t8CpbXQjegRmf7+FPTJrtCTErXFeelblRgHQa1FofEzqYYJmJ/OqjTwREp9qgmg==
@@ -4871,11 +3876,6 @@ evp_bytestokey@^1.0.0, evp_bytestokey@^1.0.3:
     md5.js "^1.3.4"
     safe-buffer "^5.1.1"
 
-exec-sh@^0.3.2:
-  version "0.3.4"
-  resolved "https://registry.yarnpkg.com/exec-sh/-/exec-sh-0.3.4.tgz#3a018ceb526cc6f6df2bb504b2bfe8e3a4934ec5"
-  integrity sha512-sEFIkc61v75sWeOe72qyrqg2Qg0OuLESziUDk/O/z2qgS15y2gWVFrI6f2Qn/qw/0/NCfCEsmNA4zOjkwEZT1A==
-
 execa@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/execa/-/execa-1.0.0.tgz#c6236a5bb4df6d6f15e88e7f017798216749ddd8"
@@ -4889,11 +3889,6 @@ execa@^1.0.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
-exit@^0.1.2:
-  version "0.1.2"
-  resolved "https://registry.yarnpkg.com/exit/-/exit-0.1.2.tgz#0632638f8d877cc82107d30a0fff1a17cba1cd0c"
-  integrity sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=
-
 expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -4907,18 +3902,6 @@ expand-brackets@^2.1.4:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-expect@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/expect/-/expect-24.9.0.tgz#b75165b4817074fa4a157794f46fe9f1ba15b6ca"
-  integrity sha512-wvVAx8XIol3Z5m9zvZXiyZOQ+sRJqNTIm6sGjdWlaZIeupQGO3WbYI+15D/AmEwZywL6wtJkbAbJtzkOfBuR0Q==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    ansi-styles "^3.2.0"
-    jest-get-type "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-regex-util "^24.9.0"
-
 extend-shallow@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/extend-shallow/-/extend-shallow-2.0.1.tgz#51af7d614ad9a9f610ea1bafbb989d6b1c56890f"
@@ -5014,13 +3997,6 @@ fastparse@^1.1.1:
   resolved "https://registry.yarnpkg.com/fastparse/-/fastparse-1.1.2.tgz#91728c5a5942eced8531283c79441ee4122c35a9"
   integrity sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==
 
-fb-watchman@^2.0.0:
-  version "2.0.1"
-  resolved "https://registry.yarnpkg.com/fb-watchman/-/fb-watchman-2.0.1.tgz#fc84fb39d2709cf3ff6d743706157bb5708a8a85"
-  integrity sha512-DkPJKQeY6kKwmuMretBhr7G6Vodr7bFwDYTXIkfG1gjvNpaxBTQV3PbXg6bR1c1UP4jPOX0jHUbbHANL9vRjVg==
-  dependencies:
-    bser "2.1.1"
-
 figgy-pudding@^3.4.1, figgy-pudding@^3.5.1:
   version "3.5.1"
   resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.1.tgz#862470112901c727a0e495a80744bd5baa1d6790"
@@ -5150,11 +4126,6 @@ fs-minipass@^1.2.5:
   dependencies:
     minipass "^2.6.0"
 
-fs-readdir-recursive@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz#e32fc030a2ccee44a6b5371308da54be0b397d27"
-  integrity sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==
-
 fs-write-stream-atomic@^1.0.8:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/fs-write-stream-atomic/-/fs-write-stream-atomic-1.0.10.tgz#b47df53493ef911df75731e70a9ded0189db40c9"
@@ -5362,7 +4333,7 @@ glob@^6.0.1:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
-glob@^7.0.0, glob@^7.0.3, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
+glob@^7.0.3, glob@^7.1.1, glob@^7.1.3, glob@^7.1.4:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -5435,12 +4406,7 @@ grapheme-breaker@^0.3.2:
     brfs "^1.2.0"
     unicode-trie "^0.3.1"
 
-growly@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
-
-handlebars@^4.1.2, handlebars@^4.4.0:
+handlebars@^4.4.0:
   version "4.5.3"
   resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.5.3.tgz#5cf75bd8714f7605713511a56be7c349becb0482"
   integrity sha512-3yPecJoJHK/4c6aZhSvxOyG4vJKDshV36VHp0iVCDVh7o9w2vwi3NSnL2MMPj3YdduqaBcu7cGbggJQM0br9xA==
@@ -5808,7 +4774,7 @@ inquirer@^6.2.0:
     strip-ansi "^5.1.0"
     through "^2.3.6"
 
-invariant@^2.2.2, invariant@^2.2.4:
+invariant@^2.2.2:
   version "2.2.4"
   resolved "https://registry.yarnpkg.com/invariant/-/invariant-2.2.4.tgz#610f3c92c9359ce1db616e538008d23ff35158e6"
   integrity sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==
@@ -5975,11 +4941,6 @@ is-fullwidth-code-point@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f"
   integrity sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=
 
-is-generator-fn@^2.0.0:
-  version "2.1.0"
-  resolved "https://registry.yarnpkg.com/is-generator-fn/-/is-generator-fn-2.1.0.tgz#7d140adc389aaf3011a8f2a2a4cfa6faadffb118"
-  integrity sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==
-
 is-glob@^3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
@@ -6149,405 +5110,6 @@ isstream@~0.1.2:
   resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
   integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
 
-istanbul-lib-coverage@^2.0.2, istanbul-lib-coverage@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.5.tgz#675f0ab69503fad4b1d849f736baaca803344f49"
-  integrity sha512-8aXznuEPCJvGnMSRft4udDRDtb1V3pkQkMMI5LI+6HuQz5oQ4J2UFn1H82raA3qJtyOLkkwVqICBQkjnGtn5mA==
-
-istanbul-lib-instrument@^3.0.1, istanbul-lib-instrument@^3.3.0:
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-instrument/-/istanbul-lib-instrument-3.3.0.tgz#a5f63d91f0bbc0c3e479ef4c5de027335ec6d630"
-  integrity sha512-5nnIN4vo5xQZHdXno/YDXJ0G+I3dAm4XgzfSVTPLQpj/zAV2dV6Juy0yaf10/zrJOJeHoN3fraFe+XRq2bFVZA==
-  dependencies:
-    "@babel/generator" "^7.4.0"
-    "@babel/parser" "^7.4.3"
-    "@babel/template" "^7.4.0"
-    "@babel/traverse" "^7.4.3"
-    "@babel/types" "^7.4.0"
-    istanbul-lib-coverage "^2.0.5"
-    semver "^6.0.0"
-
-istanbul-lib-report@^2.0.4:
-  version "2.0.8"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-report/-/istanbul-lib-report-2.0.8.tgz#5a8113cd746d43c4889eba36ab10e7d50c9b4f33"
-  integrity sha512-fHBeG573EIihhAblwgxrSenp0Dby6tJMFR/HvlerBsrCTD5bkUuoNtn3gVh29ZCS824cGGBPn7Sg7cNk+2xUsQ==
-  dependencies:
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    supports-color "^6.1.0"
-
-istanbul-lib-source-maps@^3.0.1:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/istanbul-lib-source-maps/-/istanbul-lib-source-maps-3.0.6.tgz#284997c48211752ec486253da97e3879defba8c8"
-  integrity sha512-R47KzMtDJH6X4/YW9XTx+jrLnZnscW4VpNN+1PViSYTejLVPWv7oov+Duf8YQSPyVRUvueQqz1TcsC6mooZTXw==
-  dependencies:
-    debug "^4.1.1"
-    istanbul-lib-coverage "^2.0.5"
-    make-dir "^2.1.0"
-    rimraf "^2.6.3"
-    source-map "^0.6.1"
-
-istanbul-reports@^2.2.6:
-  version "2.2.6"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-2.2.6.tgz#7b4f2660d82b29303a8fe6091f8ca4bf058da1af"
-  integrity sha512-SKi4rnMyLBKe0Jy2uUdx28h8oG7ph2PPuQPvIAh31d+Ci+lSiEu4C+h3oBPuJ9+mPKhOyW0M8gY4U5NM1WLeXA==
-  dependencies:
-    handlebars "^4.1.2"
-
-jest-changed-files@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-24.9.0.tgz#08d8c15eb79a7fa3fc98269bc14b451ee82f8039"
-  integrity sha512-6aTWpe2mHF0DhL28WjdkO8LyGjs3zItPET4bMSeXU6T3ub4FPMw+mcOcbdGXQOAfmLcxofD23/5Bl9Z4AkFwqg==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    execa "^1.0.0"
-    throat "^4.0.0"
-
-jest-cli@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-cli/-/jest-cli-24.9.0.tgz#ad2de62d07472d419c6abc301fc432b98b10d2af"
-  integrity sha512-+VLRKyitT3BWoMeSUIHRxV/2g8y9gw91Jh5z2UmXZzkZKpbC08CSehVxgHUwTpy+HwGcns/tqafQDJW7imYvGg==
-  dependencies:
-    "@jest/core" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    import-local "^2.0.0"
-    is-ci "^2.0.0"
-    jest-config "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    prompts "^2.0.1"
-    realpath-native "^1.1.0"
-    yargs "^13.3.0"
-
-jest-config@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-config/-/jest-config-24.9.0.tgz#fb1bbc60c73a46af03590719efa4825e6e4dd1b5"
-  integrity sha512-RATtQJtVYQrp7fvWg6f5y3pEFj9I+H8sWw4aKxnDZ96mob5i5SD6ZEGWgMLXQ4LE8UurrjbdlLWdUeo+28QpfQ==
-  dependencies:
-    "@babel/core" "^7.1.0"
-    "@jest/test-sequencer" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    babel-jest "^24.9.0"
-    chalk "^2.0.1"
-    glob "^7.1.1"
-    jest-environment-jsdom "^24.9.0"
-    jest-environment-node "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    micromatch "^3.1.10"
-    pretty-format "^24.9.0"
-    realpath-native "^1.1.0"
-
-jest-diff@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-diff/-/jest-diff-24.9.0.tgz#931b7d0d5778a1baf7452cb816e325e3724055da"
-  integrity sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==
-  dependencies:
-    chalk "^2.0.1"
-    diff-sequences "^24.9.0"
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-docblock@^24.3.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-docblock/-/jest-docblock-24.9.0.tgz#7970201802ba560e1c4092cc25cbedf5af5a8ce2"
-  integrity sha512-F1DjdpDMJMA1cN6He0FNYNZlo3yYmOtRUnktrT9Q37njYzC5WEaDdmbynIgy0L/IvXvvgsG8OsqhLPXTpfmZAA==
-  dependencies:
-    detect-newline "^2.1.0"
-
-jest-each@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-each/-/jest-each-24.9.0.tgz#eb2da602e2a610898dbc5f1f6df3ba86b55f8b05"
-  integrity sha512-ONi0R4BvW45cw8s2Lrx8YgbeXL1oCQ/wIDwmsM3CqM/nlblNCPmnC3IPQlMbRFZu3wKdQ2U8BqM6lh3LJ5Bsog==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-environment-jsdom@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-jsdom/-/jest-environment-jsdom-24.9.0.tgz#4b0806c7fc94f95edb369a69cc2778eec2b7375b"
-  integrity sha512-Zv9FV9NBRzLuALXjvRijO2351DRQeLYXtpD4xNvfoVFw21IOKNhZAEUKcbiEtjTkm2GsJ3boMVgkaR7rN8qetA==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
-    jsdom "^11.5.1"
-
-jest-environment-node@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-environment-node/-/jest-environment-node-24.9.0.tgz#333d2d2796f9687f2aeebf0742b519f33c1cbfd3"
-  integrity sha512-6d4V2f4nxzIzwendo27Tr0aFm+IXWa0XEUnaH6nU0FMaozxovt+sfRvh4J47wL1OvF83I3SSTu0XK+i4Bqe7uA==
-  dependencies:
-    "@jest/environment" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-util "^24.9.0"
-
-jest-get-type@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-get-type/-/jest-get-type-24.9.0.tgz#1684a0c8a50f2e4901b6644ae861f579eed2ef0e"
-  integrity sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==
-
-jest-haste-map@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-haste-map/-/jest-haste-map-24.9.0.tgz#b38a5d64274934e21fa417ae9a9fbeb77ceaac7d"
-  integrity sha512-kfVFmsuWui2Sj1Rp1AJ4D9HqJwE4uwTlS/vO+eRUaMmd54BFpli2XhMQnPC2k4cHFVbB2Q2C+jtI1AGLgEnCjQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    anymatch "^2.0.0"
-    fb-watchman "^2.0.0"
-    graceful-fs "^4.1.15"
-    invariant "^2.2.4"
-    jest-serializer "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.9.0"
-    micromatch "^3.1.10"
-    sane "^4.0.3"
-    walker "^1.0.7"
-  optionalDependencies:
-    fsevents "^1.2.7"
-
-jest-jasmine2@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-jasmine2/-/jest-jasmine2-24.9.0.tgz#1f7b1bd3242c1774e62acabb3646d96afc3be6a0"
-  integrity sha512-Cq7vkAgaYKp+PsX+2/JbTarrk0DmNhsEtqBXNwUHkdlbrTBLtMJINADf2mf5FkowNsq8evbPc07/qFO0AdKTzw==
-  dependencies:
-    "@babel/traverse" "^7.1.0"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    co "^4.6.0"
-    expect "^24.9.0"
-    is-generator-fn "^2.0.0"
-    jest-each "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    pretty-format "^24.9.0"
-    throat "^4.0.0"
-
-jest-leak-detector@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-leak-detector/-/jest-leak-detector-24.9.0.tgz#b665dea7c77100c5c4f7dfcb153b65cf07dcf96a"
-  integrity sha512-tYkFIDsiKTGwb2FG1w8hX9V0aUb2ot8zY/2nFg087dUageonw1zrLMP4W6zsRO59dPkTSKie+D4rhMuP9nRmrA==
-  dependencies:
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-matcher-utils@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz#f5b3661d5e628dffe6dd65251dfdae0e87c3a073"
-  integrity sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==
-  dependencies:
-    chalk "^2.0.1"
-    jest-diff "^24.9.0"
-    jest-get-type "^24.9.0"
-    pretty-format "^24.9.0"
-
-jest-message-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-message-util/-/jest-message-util-24.9.0.tgz#527f54a1e380f5e202a8d1149b0ec872f43119e3"
-  integrity sha512-oCj8FiZ3U0hTP4aSui87P4L4jC37BtQwUMqk+zk/b11FR19BJDeZsZAvIHutWnmtw7r85UmR3CEWZ0HWU2mAlw==
-  dependencies:
-    "@babel/code-frame" "^7.0.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/stack-utils" "^1.0.1"
-    chalk "^2.0.1"
-    micromatch "^3.1.10"
-    slash "^2.0.0"
-    stack-utils "^1.0.1"
-
-jest-mock@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-24.9.0.tgz#c22835541ee379b908673ad51087a2185c13f1c6"
-  integrity sha512-3BEYN5WbSq9wd+SyLDES7AHnjH9A/ROBwmz7l2y+ol+NtSFO8DYiEBzoO1CeFc9a8DYy10EO4dDFVv/wN3zl1w==
-  dependencies:
-    "@jest/types" "^24.9.0"
-
-jest-pnp-resolver@^1.2.1:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/jest-pnp-resolver/-/jest-pnp-resolver-1.2.1.tgz#ecdae604c077a7fbc70defb6d517c3c1c898923a"
-  integrity sha512-pgFw2tm54fzgYvc/OHrnysABEObZCUNFnhjoRjaVOCN8NYc032/gVjPaHD4Aq6ApkSieWtfKAFQtmDKAmhupnQ==
-
-jest-regex-util@^24.3.0, jest-regex-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-regex-util/-/jest-regex-util-24.9.0.tgz#c13fb3380bde22bf6575432c493ea8fe37965636"
-  integrity sha512-05Cmb6CuxaA+Ys6fjr3PhvV3bGQmO+2p2La4hFbU+W5uOc479f7FdLXUWXw4pYMAhhSZIuKHwSXSu6CsSBAXQA==
-
-jest-resolve-dependencies@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve-dependencies/-/jest-resolve-dependencies-24.9.0.tgz#ad055198959c4cfba8a4f066c673a3f0786507ab"
-  integrity sha512-Fm7b6AlWnYhT0BXy4hXpactHIqER7erNgIsIozDXWl5dVm+k8XdGVe1oTg1JyaFnOxarMEbax3wyRJqGP2Pq+g==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-snapshot "^24.9.0"
-
-jest-resolve@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-resolve/-/jest-resolve-24.9.0.tgz#dff04c7687af34c4dd7e524892d9cf77e5d17321"
-  integrity sha512-TaLeLVL1l08YFZAt3zaPtjiVvyy4oSA6CRe+0AFPPVX3Q/VI0giIWWoAvoS5L96vj9Dqxj4fB5p2qrHCmTU/MQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    browser-resolve "^1.11.3"
-    chalk "^2.0.1"
-    jest-pnp-resolver "^1.2.1"
-    realpath-native "^1.1.0"
-
-jest-runner@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runner/-/jest-runner-24.9.0.tgz#574fafdbd54455c2b34b4bdf4365a23857fcdf42"
-  integrity sha512-KksJQyI3/0mhcfspnxxEOBueGrd5E4vV7ADQLT9ESaCzz02WnbdbKWIf5Mkaucoaj7obQckYPVX6JJhgUcoWWg==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.4.2"
-    exit "^0.1.2"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-docblock "^24.3.0"
-    jest-haste-map "^24.9.0"
-    jest-jasmine2 "^24.9.0"
-    jest-leak-detector "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
-    jest-runtime "^24.9.0"
-    jest-util "^24.9.0"
-    jest-worker "^24.6.0"
-    source-map-support "^0.5.6"
-    throat "^4.0.0"
-
-jest-runtime@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-runtime/-/jest-runtime-24.9.0.tgz#9f14583af6a4f7314a6a9d9f0226e1a781c8e4ac"
-  integrity sha512-8oNqgnmF3v2J6PVRM2Jfuj8oX3syKmaynlDMMKQ4iyzbQzIG6th5ub/lM2bCMTmoTKM3ykcUYI2Pw9xwNtjMnw==
-  dependencies:
-    "@jest/console" "^24.7.1"
-    "@jest/environment" "^24.9.0"
-    "@jest/source-map" "^24.3.0"
-    "@jest/transform" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    chalk "^2.0.1"
-    exit "^0.1.2"
-    glob "^7.1.3"
-    graceful-fs "^4.1.15"
-    jest-config "^24.9.0"
-    jest-haste-map "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-mock "^24.9.0"
-    jest-regex-util "^24.3.0"
-    jest-resolve "^24.9.0"
-    jest-snapshot "^24.9.0"
-    jest-util "^24.9.0"
-    jest-validate "^24.9.0"
-    realpath-native "^1.1.0"
-    slash "^2.0.0"
-    strip-bom "^3.0.0"
-    yargs "^13.3.0"
-
-jest-serializer@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
-  integrity sha512-DxYipDr8OvfrKH3Kel6NdED3OXxjvxXZ1uIY2I9OFbGg+vUkkg7AGvi65qbhbWNPvDckXmzMPbK3u3HaDO49bQ==
-
-jest-snapshot@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-snapshot/-/jest-snapshot-24.9.0.tgz#ec8e9ca4f2ec0c5c87ae8f925cf97497b0e951ba"
-  integrity sha512-uI/rszGSs73xCM0l+up7O7a40o90cnrk429LOiK3aeTvfC0HHmldbd81/B7Ix81KSFe1lwkbl7GnBGG4UfuDew==
-  dependencies:
-    "@babel/types" "^7.0.0"
-    "@jest/types" "^24.9.0"
-    chalk "^2.0.1"
-    expect "^24.9.0"
-    jest-diff "^24.9.0"
-    jest-get-type "^24.9.0"
-    jest-matcher-utils "^24.9.0"
-    jest-message-util "^24.9.0"
-    jest-resolve "^24.9.0"
-    mkdirp "^0.5.1"
-    natural-compare "^1.4.0"
-    pretty-format "^24.9.0"
-    semver "^6.2.0"
-
-jest-util@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-24.9.0.tgz#7396814e48536d2e85a37de3e4c431d7cb140162"
-  integrity sha512-x+cZU8VRmOJxbA1K5oDBdxQmdq0OIdADarLxk0Mq+3XS4jgvhG/oKGWcIDCtPG0HgjxOYvF+ilPJQsAyXfbNOg==
-  dependencies:
-    "@jest/console" "^24.9.0"
-    "@jest/fake-timers" "^24.9.0"
-    "@jest/source-map" "^24.9.0"
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    callsites "^3.0.0"
-    chalk "^2.0.1"
-    graceful-fs "^4.1.15"
-    is-ci "^2.0.0"
-    mkdirp "^0.5.1"
-    slash "^2.0.0"
-    source-map "^0.6.0"
-
-jest-validate@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-validate/-/jest-validate-24.9.0.tgz#0775c55360d173cd854e40180756d4ff52def8ab"
-  integrity sha512-HPIt6C5ACwiqSiwi+OfSSHbK8sG7akG8eATl+IPKaeIjtPOeBUd/g3J7DghugzxrGjI93qS/+RPKe1H6PqvhRQ==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    camelcase "^5.3.1"
-    chalk "^2.0.1"
-    jest-get-type "^24.9.0"
-    leven "^3.1.0"
-    pretty-format "^24.9.0"
-
-jest-watcher@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-watcher/-/jest-watcher-24.9.0.tgz#4b56e5d1ceff005f5b88e528dc9afc8dd4ed2b3b"
-  integrity sha512-+/fLOfKPXXYJDYlks62/4R4GoT+GU1tYZed99JSCOsmzkkF7727RqKrjNAxtfO4YpGv11wybgRvCjR73lK2GZw==
-  dependencies:
-    "@jest/test-result" "^24.9.0"
-    "@jest/types" "^24.9.0"
-    "@types/yargs" "^13.0.0"
-    ansi-escapes "^3.0.0"
-    chalk "^2.0.1"
-    jest-util "^24.9.0"
-    string-length "^2.0.0"
-
-jest-worker@^24.6.0, jest-worker@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-24.9.0.tgz#5dbfdb5b2d322e98567898238a9697bcce67b3e5"
-  integrity sha512-51PE4haMSXcHohnSMdM42anbvZANYTqMrr52tVKPqqsPJMzoP6FYYDVqahX/HrAoKEKz3uUPzSvKs9A3qR4iVw==
-  dependencies:
-    merge-stream "^2.0.0"
-    supports-color "^6.1.0"
-
-jest@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/jest/-/jest-24.9.0.tgz#987d290c05a08b52c56188c1002e368edb007171"
-  integrity sha512-YvkBL1Zm7d2B1+h5fHEOdyjCG+sGMz4f8D86/0HiqJ6MB4MnDc8FgP5vdWsGnemOQro7lnYo8UakZ3+5A0jxGw==
-  dependencies:
-    import-local "^2.0.0"
-    jest-cli "^24.9.0"
-
 js-levenshtein@^1.1.3:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/js-levenshtein/-/js-levenshtein-1.1.6.tgz#c6cee58eb3550372df8deb85fad5ce66ce01d59d"
@@ -6571,38 +5133,6 @@ jsbn@~0.1.0:
   resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513"
   integrity sha1-peZUwuWi3rXyAdls77yoDA7y9RM=
 
-jsdom@^11.5.1:
-  version "11.12.0"
-  resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-11.12.0.tgz#1a80d40ddd378a1de59656e9e6dc5a3ba8657bc8"
-  integrity sha512-y8Px43oyiBM13Zc1z780FrfNLJCXTL40EWlty/LXUtcjykRBNgLlCjWXpfSPBl2iv+N7koQN+dvqszHZgT/Fjw==
-  dependencies:
-    abab "^2.0.0"
-    acorn "^5.5.3"
-    acorn-globals "^4.1.0"
-    array-equal "^1.0.0"
-    cssom ">= 0.3.2 < 0.4.0"
-    cssstyle "^1.0.0"
-    data-urls "^1.0.0"
-    domexception "^1.0.1"
-    escodegen "^1.9.1"
-    html-encoding-sniffer "^1.0.2"
-    left-pad "^1.3.0"
-    nwsapi "^2.0.7"
-    parse5 "4.0.0"
-    pn "^1.1.0"
-    request "^2.87.0"
-    request-promise-native "^1.0.5"
-    sax "^1.2.4"
-    symbol-tree "^3.2.2"
-    tough-cookie "^2.3.4"
-    w3c-hr-time "^1.0.1"
-    webidl-conversions "^4.0.2"
-    whatwg-encoding "^1.0.3"
-    whatwg-mimetype "^2.1.0"
-    whatwg-url "^6.4.1"
-    ws "^5.2.0"
-    xml-name-validator "^3.0.0"
-
 jsdom@^14.1.0:
   version "14.1.0"
   resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-14.1.0.tgz#916463b6094956b0a6c1782c94e380cd30e1981b"
@@ -6725,16 +5255,6 @@ kind-of@^6.0.0, kind-of@^6.0.2:
   resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.2.tgz#01146b36a6218e64e58f3a8d66de5d7fc6f6d051"
   integrity sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==
 
-kleur@^3.0.3:
-  version "3.0.3"
-  resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e"
-  integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==
-
-left-pad@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/left-pad/-/left-pad-1.3.0.tgz#5b8a3a7765dfe001261dde915589e782f8c94d1e"
-  integrity sha512-XI5MPzVNApjAyhQzphX8BkmKsKUxD4LdyK24iZeQGinBN9yTQT3bFlCBy/aVx2HrNcqQGsdot8ghrjyrvMCoEA==
-
 lerna@^3.16.4:
   version "3.18.4"
   resolved "https://registry.yarnpkg.com/lerna/-/lerna-3.18.4.tgz#132858cabb8fc8393341ddddbbbd85dd0ca82a79"
@@ -6758,11 +5278,6 @@ lerna@^3.16.4:
     import-local "^2.0.0"
     npmlog "^4.1.2"
 
-leven@^3.1.0:
-  version "3.1.0"
-  resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2"
-  integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==
-
 levn@~0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/levn/-/levn-0.3.0.tgz#3b09924edf9f083c0490fdd4c0bc4421e04764ee"
@@ -6962,13 +5477,6 @@ make-fetch-happen@^5.0.0:
     socks-proxy-agent "^4.0.0"
     ssri "^6.0.0"
 
-makeerror@1.0.x:
-  version "1.0.11"
-  resolved "https://registry.yarnpkg.com/makeerror/-/makeerror-1.0.11.tgz#e01a5c9109f2af79660e4e8b9587790184f5a96c"
-  integrity sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=
-  dependencies:
-    tmpl "1.0.x"
-
 map-cache@^0.2.2:
   version "0.2.2"
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
@@ -7058,11 +5566,6 @@ merge-source-map@1.0.4:
   dependencies:
     source-map "^0.5.6"
 
-merge-stream@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
-  integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
-
 merge2@^1.2.3:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.3.0.tgz#5b366ee83b2f1582c48f87e47cf1a9352103ca81"
@@ -7152,7 +5655,7 @@ minimist@0.0.8:
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.8.tgz#857fcabfc3397d2625b8228262e86aa7a011b05d"
   integrity sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=
 
-minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0:
+minimist@^1.1.3, minimist@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.0.tgz#a35008b20f41383eec1fb914f4cd5df79a264284"
   integrity sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=
@@ -7298,11 +5801,6 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
 
-natural-compare@^1.4.0:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
-  integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-
 needle@^2.2.1:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/needle/-/needle-2.4.0.tgz#6833e74975c444642590e15a750288c5f939b57c"
@@ -7363,11 +5861,6 @@ node-gyp@^5.0.2:
     tar "^4.4.12"
     which "1"
 
-node-int64@^0.4.0:
-  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/node-int64/-/node-int64-0.4.0.tgz#87a9065cdb355d3182d8f94ce11188b825c68a3b"
-  integrity sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=
-
 node-libs-browser@^2.0.0:
   version "2.2.1"
   resolved "https://registry.yarnpkg.com/node-libs-browser/-/node-libs-browser-2.2.1.tgz#b64f513d18338625f90346d27b0d235e631f6425"
@@ -7397,22 +5890,6 @@ node-libs-browser@^2.0.0:
     util "^0.11.0"
     vm-browserify "^1.0.1"
 
-node-modules-regexp@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
-  integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
-
-node-notifier@^5.4.2:
-  version "5.4.3"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
-  integrity sha512-M4UBGcs4jeOK9CjTsYwkvH6/MzuUmGCyTW+kCY7uO+1ZVr0+FHGdPdIf5CCLqAaxnRrWidyoQlNkMIIVwbKB8Q==
-  dependencies:
-    growly "^1.3.0"
-    is-wsl "^1.1.0"
-    semver "^5.5.0"
-    shellwords "^0.1.1"
-    which "^1.3.0"
-
 node-pre-gyp@^0.12.0:
   version "0.12.0"
   resolved "https://registry.yarnpkg.com/node-pre-gyp/-/node-pre-gyp-0.12.0.tgz#39ba4bb1439da030295f899e3b520b7785766149"
@@ -7436,13 +5913,6 @@ node-releases@^1.1.40:
   dependencies:
     semver "^6.3.0"
 
-node-releases@^1.1.42:
-  version "1.1.42"
-  resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.42.tgz#a999f6a62f8746981f6da90627a8d2fc090bbad7"
-  integrity sha512-OQ/ESmUqGawI2PRX+XIRao44qWYBBfN54ImQYdWVTQqUckuejOg76ysSqDBK8NG3zwySRVnX36JwDQ6x+9GxzA==
-  dependencies:
-    semver "^6.3.0"
-
 "nopt@2 || 3":
   version "3.0.6"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
@@ -7565,7 +6035,7 @@ number-is-nan@^1.0.0:
   resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d"
   integrity sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=
 
-nwsapi@^2.0.7, nwsapi@^2.1.3:
+nwsapi@^2.1.3:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.0.tgz#204879a9e3d068ff2a55139c2c772780681a38b7"
   integrity sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==
@@ -7754,13 +6224,6 @@ osenv@^0.1.4, osenv@^0.1.5:
     os-homedir "^1.0.0"
     os-tmpdir "^1.0.0"
 
-p-each-series@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-1.0.0.tgz#930f3d12dd1f50e7434457a22cd6f04ac6ad7f71"
-  integrity sha1-kw89Et0fUOdDRFeiLNbwSsatf3E=
-  dependencies:
-    p-reduce "^1.0.0"
-
 p-finally@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-finally/-/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
@@ -7979,11 +6442,6 @@ parse-url@^5.0.0:
     parse-path "^4.0.0"
     protocols "^1.4.0"
 
-parse5@4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/parse5/-/parse5-4.0.0.tgz#6d78656e3da8d78b4ec0b906f7c08ef1dfe3f608"
-  integrity sha512-VrZ7eOd3T1Fk4XWNXMgiGBK/z0MG48BWG2uQNU4I72fkQuKUTZpl+u9k+CxEG0twMVzSmXEEz12z5Fnw1jIQFA==
-
 parse5@5.1.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-5.1.0.tgz#c59341c9723f414c452975564c7c00a68d58acd2"
@@ -8105,13 +6563,6 @@ pinkie@^2.0.0:
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
   integrity sha1-clVrgM+g1IqXToDnckjoDtT3+HA=
 
-pirates@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/pirates/-/pirates-4.0.1.tgz#643a92caf894566f91b2b986d2c66950a8e2fb87"
-  integrity sha512-WuNqLTbMI3tmfef2TKxlQmAiLHKtFhlsCZnPIpuv2Ow0RDVO8lfy1Opf4NUzlMXLjPl+Men7AuVdX6TA+s+uGA==
-  dependencies:
-    node-modules-regexp "^1.0.0"
-
 pkg-dir@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-3.0.0.tgz#2749020f239ed990881b1f71210d51eb6523bea3"
@@ -8500,16 +6951,6 @@ prelude-ls@~1.1.2:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.1.2.tgz#21932a549f5e52ffd9a827f570e04be62a97da54"
   integrity sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=
 
-pretty-format@^24.9.0:
-  version "24.9.0"
-  resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-24.9.0.tgz#12fac31b37019a4eea3c11aa9a959eb7628aa7c9"
-  integrity sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==
-  dependencies:
-    "@jest/types" "^24.9.0"
-    ansi-regex "^4.0.0"
-    ansi-styles "^3.2.0"
-    react-is "^16.8.4"
-
 private@^0.1.6:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -8538,14 +6979,6 @@ promise-retry@^1.1.1:
     err-code "^1.0.0"
     retry "^0.10.0"
 
-prompts@^2.0.1:
-  version "2.3.0"
-  resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.3.0.tgz#a444e968fa4cc7e86689a74050685ac8006c4cc4"
-  integrity sha512-NfbbPPg/74fT7wk2XYQ7hAIp9zJyZp5Fu19iRbORqqy1BhtrkZ0fPafBU+7bmn8ie69DpT0R6QpJIN2oisYjJg==
-  dependencies:
-    kleur "^3.0.3"
-    sisteransi "^1.0.3"
-
 promzard@^0.3.0:
   version "0.3.0"
   resolved "https://registry.yarnpkg.com/promzard/-/promzard-0.3.0.tgz#26a5d6ee8c7dee4cb12208305acfb93ba382a9ee"
@@ -8723,11 +7156,6 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-is@^16.8.4:
-  version "16.12.0"
-  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.12.0.tgz#2cc0fe0fba742d97fd527c42a13bec4eeb06241c"
-  integrity sha512-rPCkf/mWBtKc97aLL9/txD8DZdemK0vkA3JMLShjlJB3Pj3s+lpf1KaBzMfQrAmhMQB0n1cU/SUGgKKBCe837Q==
-
 read-cmd-shim@^1.0.1:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/read-cmd-shim/-/read-cmd-shim-1.0.5.tgz#87e43eba50098ba5a32d0ceb583ab8e43b961c16"
@@ -8772,14 +7200,6 @@ read-pkg-up@^3.0.0:
     find-up "^2.0.0"
     read-pkg "^3.0.0"
 
-read-pkg-up@^4.0.0:
-  version "4.0.0"
-  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-4.0.0.tgz#1b221c6088ba7799601c808f91161c66e58f8978"
-  integrity sha512-6etQSH7nJGsK0RbG/2TeDzZFa8shjQ1um+SwQQ5cwKy0dhSXdOncEhb1CPpvQG4h7FyOV6EB6YlV0yJvZQNAkA==
-  dependencies:
-    find-up "^3.0.0"
-    read-pkg "^3.0.0"
-
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -8853,13 +7273,6 @@ readdirp@~3.2.0:
   dependencies:
     picomatch "^2.0.4"
 
-realpath-native@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/realpath-native/-/realpath-native-1.1.0.tgz#2003294fea23fb0672f2476ebe22fcf498a2d65c"
-  integrity sha512-wlgPA6cCIIg9gKz0fgAPjnzh4yR/LnXovwuo9hvyGvx3h8nX4+/iLZplfUWasXpqD8BdnGnP5njOFjkUwPzvjA==
-  dependencies:
-    util.promisify "^1.0.0"
-
 redent@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
@@ -9054,11 +7467,6 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@1.1.7:
-  version "1.1.7"
-  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.1.7.tgz#203114d82ad2c5ed9e8e0411b3932875e889e97b"
-  integrity sha1-IDEU2CrSxe2ejgQRs5ModeiJ6Xs=
-
 resolve@^1.1.5, resolve@^1.10.0, resolve@^1.3.2, resolve@^1.4.0:
   version "1.12.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.12.0.tgz#3fc644a35c84a48554609ff26ec52b66fa577df6"
@@ -9109,11 +7517,6 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
-rsvp@^4.8.4:
-  version "4.8.5"
-  resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
-  integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
-
 run-async@^2.2.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.3.0.tgz#0371ab4ae0bdd720d4166d7dfda64ff7a445a6c0"
@@ -9162,21 +7565,6 @@ safe-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
-sane@^4.0.3:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/sane/-/sane-4.1.0.tgz#ed881fd922733a6c461bc189dc2b6c006f3ffded"
-  integrity sha512-hhbzAgTIX8O7SHfp2c8/kREfEn4qO/9q8C9beyY6+tvZ87EpoZ3i1RIEvp27YBswnNbY9mWd6paKVmKbAgLfZA==
-  dependencies:
-    "@cnakazawa/watch" "^1.0.3"
-    anymatch "^2.0.0"
-    capture-exit "^2.0.0"
-    exec-sh "^0.3.2"
-    execa "^1.0.0"
-    fb-watchman "^2.0.0"
-    micromatch "^3.1.4"
-    minimist "^1.1.1"
-    walker "~1.0.5"
-
 sass@^1.23.6:
   version "1.23.6"
   resolved "https://registry.yarnpkg.com/sass/-/sass-1.23.6.tgz#7cce6dbeac1b8caeb33301a817642ee2708f7d7e"
@@ -9300,11 +7688,6 @@ shebang-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-1.0.0.tgz#da42f49740c0b42db2ca9728571cb190c98efea3"
   integrity sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=
 
-shellwords@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
-
 signal-exit@^3.0.0, signal-exit@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
@@ -9317,11 +7700,6 @@ simple-swizzle@^0.2.2:
   dependencies:
     is-arrayish "^0.3.1"
 
-sisteransi@^1.0.3:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/sisteransi/-/sisteransi-1.0.4.tgz#386713f1ef688c7c0304dc4c0632898941cad2e3"
-  integrity sha512-/ekMoM4NJ59ivGSfKapeG+FWtrmWvA1p6FBZwXrqojw90vJu8lBmrTxCMuBCydKtkaUe2zt4PlxeTKpjwMbyig==
-
 slash@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/slash/-/slash-1.0.0.tgz#c41f2f6c39fc16d1cd17ad4b5d896114ae470d55"
@@ -9406,7 +7784,7 @@ source-map-resolve@^0.5.0:
     source-map-url "^0.4.0"
     urix "^0.1.0"
 
-source-map-support@^0.5.6, source-map-support@~0.5.10, source-map-support@~0.5.12:
+source-map-support@~0.5.10, source-map-support@~0.5.12:
   version "0.5.16"
   resolved "https://registry.yarnpkg.com/source-map-support/-/source-map-support-0.5.16.tgz#0ae069e7fe3ba7538c64c98515e35339eac5a042"
   integrity sha512-efyLRJDr68D9hBBNIPWFjhpFzURh+KJykQwvMyW5UiZzYwoF6l4YMMDIJJEyFWxWCqfyxLzz6tSfUFR+kXXsVQ==
@@ -9508,11 +7886,6 @@ stable@^0.1.8:
   resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"
   integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==
 
-stack-utils@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/stack-utils/-/stack-utils-1.0.2.tgz#33eba3897788558bebfc2db059dc158ec36cebb8"
-  integrity sha512-MTX+MeG5U994cazkjd/9KNAapsHnibjMLnfXodlkXw76JEea0UiNzrqidzo1emMwk7w5Qhc9jd4Bn9TBb1MFwA==
-
 static-eval@^2.0.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/static-eval/-/static-eval-2.0.3.tgz#cb62fc79946bd4d5f623a45ad428233adace4d72"
@@ -9590,14 +7963,6 @@ stream-shift@^1.0.0:
   resolved "https://registry.yarnpkg.com/stream-shift/-/stream-shift-1.0.0.tgz#d5c752825e5367e786f78e18e445ea223a155952"
   integrity sha1-1cdSgl5TZ+eG944Y5EXqIjoVWVI=
 
-string-length@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/string-length/-/string-length-2.0.0.tgz#d40dbb686a3ace960c1cffca562bf2c45f8363ed"
-  integrity sha1-1A27aGo6zpYMHP/KVivyxF+DY+0=
-  dependencies:
-    astral-regex "^1.0.0"
-    strip-ansi "^4.0.0"
-
 string-width@^1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3"
@@ -9825,16 +8190,6 @@ terser@^4.3.9:
     source-map "~0.6.1"
     source-map-support "~0.5.12"
 
-test-exclude@^5.2.3:
-  version "5.2.3"
-  resolved "https://registry.yarnpkg.com/test-exclude/-/test-exclude-5.2.3.tgz#c3d3e1e311eb7ee405e092dac10aefd09091eac0"
-  integrity sha512-M+oxtseCFO3EDtAaGH7iiej3CBkzXqFMbzqYAACdzKui4eZA+pq3tZEwChvOdNfa7xxy8BfbmgJSIr43cC/+2g==
-  dependencies:
-    glob "^7.1.3"
-    minimatch "^3.0.4"
-    read-pkg-up "^4.0.0"
-    require-main-filename "^2.0.0"
-
 text-extensions@^1.0.0:
   version "1.9.0"
   resolved "https://registry.yarnpkg.com/text-extensions/-/text-extensions-1.9.0.tgz#1853e45fee39c945ce6f6c36b2d659b5aabc2a26"
@@ -9854,11 +8209,6 @@ thenify-all@^1.0.0:
   dependencies:
     any-promise "^1.0.0"
 
-throat@^4.0.0:
-  version "4.1.0"
-  resolved "https://registry.yarnpkg.com/throat/-/throat-4.1.0.tgz#89037cbc92c56ab18926e6ba4cbb200e15672a6a"
-  integrity sha1-iQN8vJLFarGJJua6TLsgDhVnKmo=
-
 through2@^2.0.0, through2@^2.0.2, through2@~2.0.3:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
@@ -9908,11 +8258,6 @@ tmp@^0.0.33:
   dependencies:
     os-tmpdir "~1.0.2"
 
-tmpl@1.0.x:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
-  integrity sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=
-
 to-arraybuffer@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -9965,7 +8310,7 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
-tough-cookie@^2.3.3, tough-cookie@^2.3.4, tough-cookie@^2.5.0:
+tough-cookie@^2.3.3, tough-cookie@^2.5.0:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2"
   integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==
@@ -10212,7 +8557,7 @@ util-promisify@^2.1.0:
   dependencies:
     object.getownpropertydescriptors "^2.0.3"
 
-util.promisify@^1.0.0, util.promisify@~1.0.0:
+util.promisify@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.0.tgz#440f7165a459c9a16dc145eb8e72f35687097030"
   integrity sha512-i+6qA2MPhvoKLuxnJNpXAGhg7HphQOSUq2LKMZD0m15EiskXUkMvKdF4Uui0WYeCUGea+o2cw/ZuwehtfsrNkA==
@@ -10299,13 +8644,6 @@ w3c-xmlserializer@^1.1.2:
     webidl-conversions "^4.0.2"
     xml-name-validator "^3.0.0"
 
-walker@^1.0.7, walker@~1.0.5:
-  version "1.0.7"
-  resolved "https://registry.yarnpkg.com/walker/-/walker-1.0.7.tgz#2f7f9b8fd10d677262b18a884e28d19618e028fb"
-  integrity sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=
-  dependencies:
-    makeerror "1.0.x"
-
 wcwidth@^1.0.0, wcwidth@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/wcwidth/-/wcwidth-1.0.1.tgz#f0b0dcf915bc5ff1528afadb2c0e17b532da2fe8"
@@ -10323,27 +8661,18 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==
 
-whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
+whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"
   integrity sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==
   dependencies:
     iconv-lite "0.4.24"
 
-whatwg-mimetype@^2.1.0, whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
+whatwg-mimetype@^2.2.0, whatwg-mimetype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz#3d4b1e0312d2079879f826aff18dbeeca5960fbf"
   integrity sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==
 
-whatwg-url@^6.4.1:
-  version "6.5.0"
-  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-6.5.0.tgz#f2df02bff176fd65070df74ad5ccbb5a199965a8"
-  integrity sha512-rhRZRqx/TLJQWUpQ6bmrt2UV4f0HCQ463yQuONJqC6fO2VoEb1pTYddbe59SkYq87aoM5A3bdhMZiUiVws+fzQ==
-  dependencies:
-    lodash.sortby "^4.7.0"
-    tr46 "^1.0.1"
-    webidl-conversions "^4.0.2"
-
 whatwg-url@^7.0.0:
   version "7.1.0"
   resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-7.1.0.tgz#c2c492f1eca612988efd3d2266be1b9fc6170d06"
@@ -10358,7 +8687,7 @@ which-module@^2.0.0:
   resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a"
   integrity sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=
 
-which@1, which@^1.2.9, which@^1.3.0, which@^1.3.1:
+which@1, which@^1.2.9, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -10408,15 +8737,6 @@ wrench@1.5.8:
   resolved "https://registry.yarnpkg.com/wrench/-/wrench-1.5.8.tgz#7a31c97f7869246d76c5cf2f5c977a1c4c8e5ab5"
   integrity sha1-ejHJf3hpJG12xc8vXJd6HEyOWrU=
 
-write-file-atomic@2.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.1.tgz#d0b05463c188ae804396fd5ab2a370062af87529"
-  integrity sha512-TGHFeZEZMnv+gBFRfjAcxL5bPHrsGKtnb4qsFAws7/vlh+QfwAaySIw4AXP9ZskTTh5GWu3FLuJhsWVdiJPGvg==
-  dependencies:
-    graceful-fs "^4.1.11"
-    imurmurhash "^0.1.4"
-    signal-exit "^3.0.2"
-
 write-file-atomic@^2.0.0, write-file-atomic@^2.3.0, write-file-atomic@^2.4.2:
   version "2.4.3"
   resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-2.4.3.tgz#1fd2e9ae1df3e75b8d8c367443c692d4ca81f481"
@@ -10458,7 +8778,7 @@ write-pkg@^3.1.0:
     sort-keys "^2.0.0"
     write-json-file "^2.2.0"
 
-ws@^5.1.1, ws@^5.2.0:
+ws@^5.1.1:
   version "5.2.2"
   resolved "https://registry.yarnpkg.com/ws/-/ws-5.2.2.tgz#dffef14866b8e8dc9133582514d1befaf96e980f"
   integrity sha512-jaHFD6PFv6UgoIVda6qZllptQsMlDEJkTQcybzzXDYM1XO9Y8em691FGMPmM46WGyLU4z9KMgQN+qrux/nhlHA==
@@ -10504,14 +8824,6 @@ yargs-parser@^10.0.0:
   dependencies:
     camelcase "^4.1.0"
 
-yargs-parser@^13.1.1:
-  version "13.1.1"
-  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.1.tgz#d26058532aa06d365fe091f6a1fc06b2f7e5eca0"
-  integrity sha512-oVAVsHz6uFrg3XQheFII8ESO2ssAf9luWuAd6Wexsu4F3OtIW0o8IribPXYrD4WC24LWtPrJlGy87y5udK+dxQ==
-  dependencies:
-    camelcase "^5.0.0"
-    decamelize "^1.2.0"
-
 yargs-parser@^15.0.0:
   version "15.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-15.0.0.tgz#cdd7a97490ec836195f59f3f4dbe5ea9e8f75f08"
@@ -10520,22 +8832,6 @@ yargs-parser@^15.0.0:
     camelcase "^5.0.0"
     decamelize "^1.2.0"
 
-yargs@^13.3.0:
-  version "13.3.0"
-  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.0.tgz#4c657a55e07e5f2cf947f8a366567c04a0dedc83"
-  integrity sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==
-  dependencies:
-    cliui "^5.0.0"
-    find-up "^3.0.0"
-    get-caller-file "^2.0.1"
-    require-directory "^2.1.1"
-    require-main-filename "^2.0.0"
-    set-blocking "^2.0.0"
-    string-width "^3.0.0"
-    which-module "^2.0.0"
-    y18n "^4.0.0"
-    yargs-parser "^13.1.1"
-
 yargs@^14.0.0, yargs@^14.2.0:
   version "14.2.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-14.2.2.tgz#2769564379009ff8597cdd38fba09da9b493c4b5"

From 8c35b317fb90e7707a8f3f72f33727bbf8925065 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Mon, 4 May 2020 13:50:27 -0600
Subject: [PATCH 52/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.5
 - @adobe/leonardo-ui@1.2.2
---
 packages/contrast-colors/CHANGELOG.md | 12 ++++++++++++
 packages/contrast-colors/package.json |  2 +-
 packages/ui/CHANGELOG.md              | 11 +++++++++++
 packages/ui/package.json              |  4 ++--
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 6c553bc7..55066f88 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.5](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.4...@adobe/leonardo-contrast-colors@1.0.0-alpha.5) (2020-05-04)
+
+
+### Bug Fixes
+
+* ensured smooth is false by default & verified tests passing and UI not impacted by addition ([9722d5b](https://github.com/adobe/leonardo/commit/9722d5b422e60c62243cfae58f21bafbb286854c))
+* remove Babel, use ESM wrapper approach for Node 13.x ESM support + CJS support ([#72](https://github.com/adobe/leonardo/issues/72)) ([7541dc1](https://github.com/adobe/leonardo/commit/7541dc1189403039b900ef08ca82023d31063b58))
+
+
+
+
+
 # [1.0.0-alpha.4](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.3...@adobe/leonardo-contrast-colors@1.0.0-alpha.4) (2020-02-28)
 
 **Note:** Version bump only for package @adobe/leonardo-contrast-colors
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 63f9a06e..4879d3aa 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "main": "./index.js",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 12dbe532..8bfcfd17 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.2.2](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.1...@adobe/leonardo-ui@1.2.2) (2020-05-04)
+
+
+### Bug Fixes
+
+* remove Babel, use ESM wrapper approach for Node 13.x ESM support + CJS support ([#72](https://github.com/adobe/leonardo/issues/72)) ([7541dc1](https://github.com/adobe/leonardo/commit/7541dc1189403039b900ef08ca82023d31063b58))
+
+
+
+
+
 ## [1.2.1](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.0...@adobe/leonardo-ui@1.2.1) (2020-02-28)
 
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index c31b442c..14515069 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.4",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.5",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From 6e311c85e9647e2b4961cec5d90c27b44c1f12e8 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 4 May 2020 14:04:48 -0700
Subject: [PATCH 53/74] docs: add note about CJS/ESM imports (#73)

* fix a few other style things
---
 packages/contrast-colors/README.md | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/README.md b/packages/contrast-colors/README.md
index 0c638176..c70c45a7 100644
--- a/packages/contrast-colors/README.md
+++ b/packages/contrast-colors/README.md
@@ -7,15 +7,29 @@ This package contains all the functions for generating colors by target contrast
 
 ## Using Leonardo Contrast Colors
 
-### Installing
+### Install the package:
+
 ```
 npm i @adobe/leonardo-contrast-colors
 ```
 
-Pass your colors and desired ratios. See additional options below.
+### Import the package:
+
+#### CJS (Node 12.x)
+
+```js
+const { generateAdaptiveTheme } = require('@adobe/leonardo-contrast-colors');
+```
+
+#### ESM (Node 13.x)
+
 ```js
 import { generateAdaptiveTheme } from '@adobe/leonardo-contrast-colors';
+```
 
+### Pass your colors and desired ratios (see additional options below):
+
+```js
 // returns theme colors as JSON
 let myTheme = generateAdaptiveTheme({
   colorScales: [
@@ -45,7 +59,7 @@ let myTheme = generateAdaptiveTheme({
 
 ## API Reference
 
-### generateAdaptiveTheme
+### `generateAdaptiveTheme`
 
 Function used to create a fully adaptive contrast-based color palette/theme using Leonardo. Parameters are destructured and need to be explicitly called, such as `colorKeys: ["#f26322"]`. Parameters can be passed as a config JSON file for modularity and simplicity.
 

From 5103d68675231f6d17b37ed43beb14378618db45 Mon Sep 17 00:00:00 2001
From: Larry Davis <lawdavis@adobe.com>
Date: Mon, 4 May 2020 14:10:41 -0700
Subject: [PATCH 54/74] docs: remove broken API reference link

---
 README.md | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 6d54931a..ed373585 100644
--- a/README.md
+++ b/README.md
@@ -16,11 +16,10 @@ To make it easier for designers and engineers to leverage color science to creat
 2. [Show me a demo](#show-me-a-demo)
 3. [What is "adaptive color"?](#what-is-adaptive-color)
 4. [Using Leonardo](#using-leonardo)
-5. [API Reference](#api-reference)
-6. [Why are not all contrast ratios available?](#why-are-not-all-contrast-ratios-available)
-7. [D3 Color](#d3-color)
-8. [Contributing](#contributing)
-9. [Licensing](#licensing)
+5. [Why are not all contrast ratios available?](#why-are-not-all-contrast-ratios-available)
+6. [D3 Color](#d3-color)
+7. [Contributing](#contributing)
+8. [Licensing](#licensing)
 
 
 ## Leonardo web application

From da4f9f78be8260fddb80ae1673dcd7088978ad69 Mon Sep 17 00:00:00 2001
From: Federico Ciardi <38510000+fedeci@users.noreply.github.com>
Date: Wed, 12 Aug 2020 18:15:04 +0200
Subject: [PATCH 55/74] feat: add support to numeric-only hex values in bulk
 import (#83) (#87)

---
 packages/ui/src/index.js | 5 +++++
 packages/ui/src/theme.js | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 7e4a6dd4..65897ef6 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -326,6 +326,11 @@ window.cancelBulk = function cancelBulk() {
 window.bulkColorInput = function bulkColorInput() {
   let bulkInputs = document.getElementById('bulkColors');
   let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").split("\n");
+  for (let i=0; i<bulkValues.length; i++) {
+    if (!bulkValues[i].startsWith('#')) {
+      bulkValues[i] = '#' + bulkValues[i]
+    }
+  }
   let isSwatch = document.getElementById('importAsSwatch').checked;
   let bgInput = document.getElementById('bgField_2').value; // input in Dialog
   let bg = document.getElementById('bgField'); // input in UI
diff --git a/packages/ui/src/theme.js b/packages/ui/src/theme.js
index b5b4094a..ad879ab3 100644
--- a/packages/ui/src/theme.js
+++ b/packages/ui/src/theme.js
@@ -978,6 +978,11 @@ window.bulkItemColorInput = function bulkItemColorInput(e) {
 
   let bulkInputs = document.getElementById('bulkColors');
   let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").split("\n");
+  for (let i=0; i<bulkValues.length; i++) {
+    if (!bulkValues[i].startsWith('#')) {
+      bulkValues[i] = '#' + bulkValues[i]
+    }
+  }
   // let isSwatch = document.getElementById('importAsSwatch').checked;
   let bgInput = currentBackgroundColor;
 

From 9c842556321a294055962bfcf4aa6a6f1ba95151 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2020 10:17:14 -0600
Subject: [PATCH 56/74] build(deps): bump lodash from 4.17.15 to 4.17.19 (#84)

Bumps [lodash](https://github.com/lodash/lodash) from 4.17.15 to 4.17.19.
- [Release notes](https://github.com/lodash/lodash/releases)
- [Commits](https://github.com/lodash/lodash/compare/4.17.15...4.17.19)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index f3f134ca..090d694a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5400,9 +5400,9 @@ lodash.uniq@^4.5.0:
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
 lodash@^4.17.12, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4, lodash@^4.2.1:
-  version "4.17.15"
-  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
-  integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
+  version "4.17.19"
+  resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.19.tgz#e48ddedbe30b3321783c5b4301fbd353bc1e4a4b"
+  integrity sha512-JNvd8XER9GQX0v2qJgsaN/mzFCNA5BRe/j8JN9d+tWyGLSodKQHKFicdwNYzWwI3wjRnaKPsGj1XkBjx/F96DQ==
 
 log-symbols@^2.2.0:
   version "2.2.0"

From e936ca4e8364b91115bb5119c1dec2fb7f9ea6b4 Mon Sep 17 00:00:00 2001
From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com>
Date: Wed, 12 Aug 2020 10:17:52 -0600
Subject: [PATCH 57/74] build(deps): bump elliptic from 6.5.1 to 6.5.3 (#86)

Bumps [elliptic](https://github.com/indutny/elliptic) from 6.5.1 to 6.5.3.
- [Release notes](https://github.com/indutny/elliptic/releases)
- [Commits](https://github.com/indutny/elliptic/compare/v6.5.1...v6.5.3)

Signed-off-by: dependabot[bot] <support@github.com>

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
---
 yarn.lock | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 090d694a..72e2995d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2105,9 +2105,9 @@ bluebird@^3.5.1, bluebird@^3.5.3, bluebird@^3.5.5:
   integrity sha512-DdmyoGCleJnkbp3nkbxTLJ18rjDsE4yCggEwKNXkeV123sPNfOCYeDoeuOY+F2FrSjO1YXcTU+dsy96KMy+gcg==
 
 bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
-  version "4.11.8"
-  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
-  integrity sha512-ItfYfPLkWHUjckQCk8xC+LwxgK8NYcXywGigJgSwOP8Y2iyWT4f2vsZnoOXTTbo+o5yXmIUJ4gn5538SO5S3gA==
+  version "4.11.9"
+  resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.9.tgz#26d556829458f9d1e81fc48952493d0ba3507828"
+  integrity sha512-E6QoYqCKZfgatHTdHzs1RRKP7ip4vvm+EyRUeE2RF0NblwVvb0p6jSVeNTOFxPn26QXN2o6SMfNxKp6kU8zQaw==
 
 boolbase@^1.0.0, boolbase@~1.0.0:
   version "1.0.0"
@@ -3694,9 +3694,9 @@ electron-to-chromium@^1.3.306:
   integrity sha512-frDqXvrIROoYvikSKTIKbHbzO6M3/qC6kCIt/1FOa9kALe++c4VAJnwjSFvf1tYLEUsP2n9XZ4XSCyqc3l7A/A==
 
 elliptic@^6.0.0:
-  version "6.5.1"
-  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.1.tgz#c380f5f909bf1b9b4428d028cd18d3b0efd6b52b"
-  integrity sha512-xvJINNLbTeWQjrl6X+7eQCrIy/YPv5XCpKW6kB5mKvtnGILoLDcySuwomfdzt0BMdLNVnuRNTuzKNHj0bva1Cg==
+  version "6.5.3"
+  resolved "https://registry.yarnpkg.com/elliptic/-/elliptic-6.5.3.tgz#cb59eb2efdaf73a0bd78ccd7015a62ad6e0f93d6"
+  integrity sha512-IMqzv5wNQf+E6aHeIqATs0tOLeOTwj1QKbRcS3jBbYkl5oLAserA8yJTT7/VyHUYG91PRmPyeQDObKLPpeS4dw==
   dependencies:
     bn.js "^4.4.0"
     brorand "^1.0.1"

From 89f54a44eb39ab7eed2d224a12f79bfbac22fa3b Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 12 Aug 2020 10:24:47 -0600
Subject: [PATCH 58/74] fix: string separated by commas and space resulted in
 extra space in array (#89)

---
 packages/ui/src/index.js | 2 +-
 packages/ui/src/theme.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/index.js b/packages/ui/src/index.js
index 65897ef6..127150de 100644
--- a/packages/ui/src/index.js
+++ b/packages/ui/src/index.js
@@ -325,7 +325,7 @@ window.cancelBulk = function cancelBulk() {
 
 window.bulkColorInput = function bulkColorInput() {
   let bulkInputs = document.getElementById('bulkColors');
-  let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").split("\n");
+  let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").replace(" ", "").split("\n");
   for (let i=0; i<bulkValues.length; i++) {
     if (!bulkValues[i].startsWith('#')) {
       bulkValues[i] = '#' + bulkValues[i]
diff --git a/packages/ui/src/theme.js b/packages/ui/src/theme.js
index ad879ab3..8d3f8631 100644
--- a/packages/ui/src/theme.js
+++ b/packages/ui/src/theme.js
@@ -977,7 +977,7 @@ window.bulkItemColorInput = function bulkItemColorInput(e) {
   let keyInputs = document.getElementById(keyInputId);
 
   let bulkInputs = document.getElementById('bulkColors');
-  let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").split("\n");
+  let bulkValues = bulkInputs.value.replace(/\r\n/g,"\n").replace(/[,\/]/g,"\n").replace(" ", "").replace(/['\/]/g, "").replace(/["\/]/g, "").replace(" ", "").split("\n");
   for (let i=0; i<bulkValues.length; i++) {
     if (!bulkValues[i].startsWith('#')) {
       bulkValues[i] = '#' + bulkValues[i]

From 4e518edfc3cf6fc88541a117ed5cf6ce9572ff19 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 12 Aug 2020 11:05:29 -0600
Subject: [PATCH 59/74] Custom output color names option (#81)

* added  option for color scales in

* updated test for error

* updated to allow ratios input as an object
---
 packages/contrast-colors/README.md            | 47 ++++++++--
 packages/contrast-colors/index.js             | 35 ++++++-
 .../test/generateAdaptiveTheme.test.js        | 93 +++++++++++++++++++
 3 files changed, 162 insertions(+), 13 deletions(-)

diff --git a/packages/contrast-colors/README.md b/packages/contrast-colors/README.md
index c70c45a7..a20553a7 100644
--- a/packages/contrast-colors/README.md
+++ b/packages/contrast-colors/README.md
@@ -36,20 +36,28 @@ let myTheme = generateAdaptiveTheme({
     {
       name: 'gray',
       colorKeys: ['#cacaca'],
-      colorspace: 'HSL',
-      ratios: [1, 2, 3, 4.5, 8, 12]
+      ratios: {
+        'GRAY_LOW_CONTRAST': 2,
+        'GRAY_LARGE_TEXT': 3,
+        'GRAY_TEXT': 4.5,
+        'GRAY_HIGH_CONTRAST': 8
+      }
     },
     {
       name: 'blue',
       colorKeys: ['#5CDBFF', '#0000FF'],
-      colorspace: 'HSL',
-      ratios: [3, 4.5]
+      ratios: {
+        'BLUE_LARGE_TEXT': 3,
+        'BLUE_TEXT': 4.5
+      }
     },
     {
       name: 'red',
       colorKeys: ['#FF9A81', '#FF0000'],
-      colorspace: 'HSL',
-      ratios: [3, 4.5]
+      ratios: {
+        'RED_LARGE_TEXT': 3,
+        'RED_TEXT': 4.5
+      }
     }
   ],
   baseScale: 'gray',
@@ -74,13 +82,32 @@ myTheme(brightness, contrast);
 ```
 
 #### `colorScales` *[array of objects]*:
-Each object contains the necessary parameters for [generating colors by contrast](#generateContrastColors) with the exception of the `name` parameter.
+Each object contains the necessary parameters for [generating colors by contrast](#generateContrastColors) with the exception of the `name` and `ratios` parameter. For `generateAdaptiveTheme`, [ratios can be an array or an object](#ratios-array-or-object).
+
+Example of `colorScales` object with all options:
+
+```js
+  {
+    name: 'blue',
+    colorKeys: ['#5CDBFF', '#0000FF'],
+    colorSpace: 'LCH',
+    ratios: {
+      'blue--largeText': 3,
+      'blue--normalText': 4.5
+    }
+  }
+```
 
 #### `baseScale` *string (enum)*:
 String value matching the `name` of a `colorScales` object to be used as a [base scale](#generateBaseScale) (background color). This creates a scale of values from 0-100 in lightness, which is used for `brightness` parameter. Ie. `brightness: 90` returns the 90% lightness value of the base scale.
 
 #### `name` *string*:
-Unique name for each color scale. This value will be used for the output color keys, ie `blue100: '#5CDBFF'`
+Unique name for each color scale. This value refers to the entire color group _(eg "blue")_ and will be used for the output color keys, ie `blue100: '#5CDBFF'`
+
+#### `ratios` *array* or *object*:
+List of numbers to be used as target contrast ratios. If entered as an array, swatch names are incremented in `100`s such as `blue100`, `blue200` based on the color scale [name](#name-string).
+
+Alternatively, `ratios` can be an object with custom keys to name each color, such as `['Blue_Large_Text', 'Blue_Normal_Text']`.
 
 #### `brightness` *number*:
 Optional value from 0-100 indicating the brightness of the base / background color. If undefined, `generateAdaptiveTheme` will return a function
@@ -201,8 +228,8 @@ List of numbers to be used as target contrast ratios.
 #### `colorspace` *string*:
 The colorspace in which the key colors will be interpolated within. Below are the available options:
 
-- [Lch](https://en.wikipedia.org/wiki/HCL_color_space)
-- [Lab](https://en.wikipedia.org/wiki/CIELAB_color_space)
+- [LCH](https://en.wikipedia.org/wiki/HCL_color_space)
+- [LAB](https://en.wikipedia.org/wiki/CIELAB_color_space)
 - [CAM02](https://en.wikipedia.org/wiki/CIECAM02)
 - [HSL](https://en.wikipedia.org/wiki/HSL_and_HSV)
 - [HSLuv](https://en.wikipedia.org/wiki/HSLuv)
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index 16e49558..f708cbe4 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -13,6 +13,7 @@ governing permissions and limitations under the License.
 const d3 = require('./d3.js');
 
 const { catmullRom2bezier, prepareCurve } = require('./curve.js');
+const { color } = require('./d3.js');
 
 function smoothScale(ColorsArray, domains, space) {
   const points = space.channels.map(() => []);
@@ -450,6 +451,16 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
   if (!Array.isArray(colorScales)) {
     throw new Error('colorScales must be an array of objects');
   }
+  for (let i=0; i < colorScales.length; i ++) {
+    // if (colorScales[i].swatchNames) { // if the scale has custom swatch names
+    //   let ratioLength = colorScales[i].ratios.length;
+    //   let swatchNamesLength = colorScales[i].swatchNames.length;
+
+    //   if (ratioLength !== swatchNamesLength) {
+    //     throw new Error('`${colorScales[i].name}`ratios and swatchNames must be equal length')
+    //   }
+    // }
+  }
 
   if (brightness === undefined) {
     return function(brightness, contrast) {
@@ -478,7 +489,18 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
         throw new Error('Color missing name');
       }
       let name = colorScales[i].name;
-      let ratios = colorScales[i].ratios;
+
+      let ratioInput = colorScales[i].ratios;
+      let ratios;
+      let swatchNames;
+      // assign ratios array whether input is array or object
+      if(Array.isArray(ratioInput)) {
+        ratios = ratioInput;
+      } else {
+        ratios = Object.values(ratioInput);
+        swatchNames = Object.keys(ratioInput);
+      }
+
       let smooth = colorScales[i].smooth;
       let newArr = [];
       let colorObj = {
@@ -509,8 +531,14 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
       });
 
       for (let i=0; i < outputColors.length; i++) {
-        let rVal = ratioName(ratios)[i];
-        let n = name.concat(rVal);
+        let n;
+        if(!swatchNames) {
+          let rVal = ratioName(ratios)[i];
+          n = name.concat(rVal);
+        }
+        else {
+          n = swatchNames[i];
+        }
 
         let obj = {
           name: n,
@@ -520,6 +548,7 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
         newArr.push(obj)
       }
       arr.push(colorObj);
+      
     }
 
     return arr;
diff --git a/packages/contrast-colors/test/generateAdaptiveTheme.test.js b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
index 7fa9366a..98c4ae1e 100644
--- a/packages/contrast-colors/test/generateAdaptiveTheme.test.js
+++ b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
@@ -415,6 +415,99 @@ test('should generate dark theme with increased contrast', function() {
 });
 
 
+test('should generate colors with user-defined names', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: 'gray',
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca'],
+        colorspace: 'HSL',
+        ratios: {
+          'GRAY_1': -1.8,
+          'GRAY_2': -1.2,
+          'GRAY_3': 1,
+          'GRAY_4': 1.2,
+          'GRAY_5': 1.4,
+          'GRAY_6': 2,
+          'GRAY_7': 3,
+          'GRAY_8': 4.5,
+          'GRAY_9': 6,
+          'GRAY_10': 8,
+          'GRAY_11': 12,
+          'GRAY_12': 21
+        }
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: {
+          'BLUE_LOW_CONTRAST': 2,
+          'BLUE_LARGE_TEXT': 3,
+          'BLUE_TEXT': 4.5,
+          'BLUE_HIGH_CONTRAST': 8,
+          'BLUE_HIGHEST_CONTRAST': 12
+        }
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: {
+          'red--lowContrast': 2,
+          'red--largeText': 3,
+          'red--text': 4.5,
+          'red--highContrast': 8,
+          'red--highestContrast': 12
+        }
+      }
+    ]});
+    let themeLight = theme(20, 1.5);;
+
+    expect(themeLight).toEqual([
+      { background: "#303030" },
+      {
+        name: 'gray',
+        values: [
+          {name: "GRAY_1", contrast: -2.2, value: "#000000"},
+          {name: "GRAY_2", contrast: -1.3, value: "#1c1c1c"},
+          {name: "GRAY_3", contrast: 1, value: "#303030"},
+          {name: "GRAY_4", contrast: 1.3, value: "#414141"},
+          {name: "GRAY_5", contrast: 1.6, value: "#4f4f4f"},
+          {name: "GRAY_6", contrast: 2.5, value: "#6b6b6b"},
+          {name: "GRAY_7", contrast: 4, value: "#8e8e8e"},
+          {name: "GRAY_8", contrast: 6.25, value: "#b3b3b3"},
+          {name: "GRAY_9", contrast: 8.5, value: "#d0d0d0"},
+          {name: "GRAY_10", contrast: 11.5, value: "#efefef"},
+          {name: "GRAY_11", contrast: 17.5, value: "#ffffff"},
+          {name: "GRAY_12", contrast: 31, value: "#ffffff"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "BLUE_LOW_CONTRAST", contrast: 2.5, value: "#6f45ff"},
+          {name: "BLUE_LARGE_TEXT", contrast: 4, value: "#9d73ff"},
+          {name: "BLUE_TEXT", contrast: 6.25, value: "#c3a3ff"},
+          {name: "BLUE_HIGH_CONTRAST", contrast: 11.5, value: "#f4edff"},
+          {name: "BLUE_HIGHEST_CONTRAST", contrast: 17.5, value: "#ffffff"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red--lowContrast", contrast: 2.5, value: "#da0000"},
+          {name: "red--largeText", contrast: 4, value: "#ff4b4b"},
+          {name: "red--text", contrast: 6.25, value: "#ff9494"},
+          {name: "red--highContrast", contrast: 11.5, value: "#ffebeb"},
+          {name: "red--highestContrast", contrast: 17.5, value: "#ffffff"}
+        ]
+      }
+    ]);
+});
+
+
 // Should throw errors
 test('should throw error, not valid base scale option', function() {
   expect(

From 72094f88106cecd4059042c1658949412be38c8c Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 12 Aug 2020 11:07:29 -0600
Subject: [PATCH 60/74] Output format (#78)

* Added color format output functionality to contrast-colors package

* readme update

* readme update
---
 packages/contrast-colors/README.md            |  18 +-
 packages/contrast-colors/index.js             | 159 ++++++++++++++++--
 .../test/fixColorValue.test.js                | 142 ++++++++++++++++
 .../test/generateAdaptiveTheme.test.js        |  67 ++++++++
 .../test/generateContrastColors.test.js       |  32 ++++
 5 files changed, 402 insertions(+), 16 deletions(-)
 create mode 100644 packages/contrast-colors/test/fixColorValue.test.js

diff --git a/packages/contrast-colors/README.md b/packages/contrast-colors/README.md
index a20553a7..1c9f0cf6 100644
--- a/packages/contrast-colors/README.md
+++ b/packages/contrast-colors/README.md
@@ -115,7 +115,23 @@ Optional value from 0-100 indicating the brightness of the base / background col
 #### `contrast` *integer*:
 Optional value to increase contrast of your generated colors. This value is multiplied against all ratios defined for each color scale.
 
-#### Output
+#### `output` *string (enum)*:
+String value of the desired color space and output format for the generated colors. Output formats conform to the [W3C CSS Color Module Level 4](https://www.w3.org/TR/css-color-4/) spec for the supported options.
+
+| Output option | Sample value |
+|---------------|--------------|
+| `'HEX'`  _(default)_ | `#RRGGBB` |
+| `'RGB'`       | `rgb(255, 255, 255)` |
+| `'HSL'`       | `hsl(360deg, 0%, 100%)` |
+| `'HSV'`       | `hsv(360deg, 0%, 100%)` |
+| `'HSLuv'`     | `hsluv(360, 0, 100)` |
+| `'LAB'`       | `lab(100%, 0, 0)` |
+| `'LCH'`       | `lch(100%, 0, 360deg)` |
+| `'CAM02'`     | `jab(100%, 0, 0)`|
+| `'CAM02p'`    | `jch(100%, 0, 360deg)` |
+
+
+#### Function outputs and examples
 The `generateAdaptiveTheme` function returns an array of color objects. Each key is named by concatenating the user-defined color name (above) with a numeric value.
 
 Colors with a **positive contrast ratio** with the base (ie, 2:1) will be named in increments of 100. For example, `gray100`, `gray200`.
diff --git a/packages/contrast-colors/index.js b/packages/contrast-colors/index.js
index f708cbe4..9cbfed22 100644
--- a/packages/contrast-colors/index.js
+++ b/packages/contrast-colors/index.js
@@ -112,46 +112,60 @@ const colorSpaces = {
   CAM02: {
     name: 'jab',
     channels: ['J', 'a', 'b'],
-    interpolator: d3.interpolateJab
+    interpolator: d3.interpolateJab,
+    function: d3.jab
   },
   CAM02p: {
     name: 'jch',
     channels: ['J', 'C', 'h'],
-    interpolator: d3.interpolateJch
+    interpolator: d3.interpolateJch,
+    function: d3.jch
   },
   LCH: {
-    name: 'hcl',
+    name: 'lch', // named per correct color definition order
     channels: ['h', 'c', 'l'],
     interpolator: d3.interpolateHcl,
     white: d3.hcl(NaN, 0, 100),
-    black: d3.hcl(NaN, 0, 0)
+    black: d3.hcl(NaN, 0, 0),
+    function: d3.hcl
   },
   LAB: {
     name: 'lab',
     channels: ['l', 'a', 'b'],
-    interpolator: d3.interpolateLab
+    interpolator: d3.interpolateLab,
+    function: d3.lab
   },
   HSL: {
     name: 'hsl',
     channels: ['h', 's', 'l'],
-    interpolator: d3.interpolateHsl
+    interpolator: d3.interpolateHsl,
+    function: d3.hsl
   },
   HSLuv: {
     name: 'hsluv',
     channels: ['l', 'u', 'v'],
     interpolator: d3.interpolateHsluv,
     white: d3.hsluv(NaN, NaN, 100),
-    black: d3.hsluv(NaN, NaN, 0)
+    black: d3.hsluv(NaN, NaN, 0),
+    function: d3.hsluv
   },
   RGB: {
     name: 'rgb',
     channels: ['r', 'g', 'b'],
-    interpolator: d3.interpolateRgb
+    interpolator: d3.interpolateRgb,
+    function: d3.rgb
   },
   HSV: {
     name: 'hsv',
     channels: ['h', 's', 'v'],
-    interpolator: d3.interpolateHsv
+    interpolator: d3.interpolateHsv,
+    function: d3.hsv
+  },
+  HEX: {
+    name: 'hex',
+    channels: ['r', 'g', 'b'],
+    interpolator: d3.interpolateRgb,
+    function: d3.rgb
   }
 };
 
@@ -309,7 +323,8 @@ function generateContrastColors({
   base,
   ratios,
   colorspace = 'LAB',
-  smooth = false
+  smooth = false,
+  output = 'HEX'
 } = {}) {
   if (!base) {
     throw new Error(`Base is undefined`);
@@ -328,6 +343,10 @@ function generateContrastColors({
   if (!ratios) {
     throw new Error(`Ratios are undefined`);
   }
+  const outputFormat = colorSpaces[output];
+  if (!outputFormat) {
+    throw new Error(`Colorspace “${output}” not supported`);
+  }
 
   let swatches = 3000;
 
@@ -350,12 +369,114 @@ function generateContrastColors({
   // Return color matching target ratio, or closest number
   for (let i=0; i < ratios.length; i++){
     let r = binarySearch(contrasts, ratios[i], baseV);
-    newColors.push(d3.rgb(scaleData.colors[r]).hex());
+
+    // use fixColorValue function to convert each color to the specified
+    // output format. 
+    newColors.push(fixColorValue(scaleData.colors[r], output));
+    
   }
 
   return newColors;
 }
 
+// Helper function to change any NaN to a zero
+function filterNaN(x) {
+  if(isNaN(x)) {
+    return 0;
+  } else {
+    return x;
+  }
+}
+
+// Helper function for rounding color values to whole numbers
+function fixColorValue(color, format, object = false) {
+  let colorObj = colorSpaces[format].function(color);
+  let propArray = colorSpaces[format].channels;
+
+  let newColorObj = {
+    [propArray[0]]: filterNaN(colorObj[propArray[0]]),
+    [propArray[1]]: filterNaN(colorObj[propArray[1]]),
+    [propArray[2]]: filterNaN(colorObj[propArray[2]])
+  }
+
+  // HSLuv
+  if (format === "HSLuv") {
+    for (let i = 0; i < propArray.length; i++) {
+
+      let roundedPct = Math.round(newColorObj[propArray[i]]);
+      newColorObj[propArray[i]] = roundedPct;
+    }
+  }
+  // LAB, LCH, JAB, JCH
+  else if (format === "LAB" || format === "LCH" || format === "CAM02" || format === "CAM02p") {
+    for (let i = 0; i < propArray.length; i++) {
+      let roundedPct = Math.round(newColorObj[propArray[i]]);
+
+      if (propArray[i] === "h" && !object) {
+        roundedPct = roundedPct + "deg";
+      }
+      if (propArray[i] === "l" && !object || propArray[i] === "J" && !object) {
+        roundedPct = roundedPct + "%";
+      }
+
+      newColorObj[propArray[i]] = roundedPct;
+      
+    }
+  }
+  else {
+    for (let i = 0; i < propArray.length; i++) {
+      if (propArray[i] === "s" || propArray[i] === "l" || propArray[i] === "v") {
+        // leave as decimal format
+        let roundedPct = parseFloat(newColorObj[propArray[i]].toFixed(2));
+        if(object) {
+          newColorObj[propArray[i]] = roundedPct;
+        }
+        else {
+          newColorObj[propArray[i]] = Math.round(roundedPct * 100) + "%";
+        }
+      }
+      else {
+        let roundedPct = parseFloat(newColorObj[propArray[i]].toFixed());
+        if (propArray[i] === "h" && !object) {
+          roundedPct = roundedPct + "deg";
+        } 
+        newColorObj[propArray[i]] = roundedPct;
+      }
+    }
+  }
+
+  let stringName = colorSpaces[format].name;
+  let stringValue;
+
+  if (format === "HEX") {
+    stringValue = d3.rgb(color).formatHex();
+  } else {
+    let str0, srt1, str2;
+    if (format === "LCH") {
+      // Have to force opposite direction of array index for LCH
+      // because d3 defines the channel order as "h, c, l" but we
+      // want the output to be in the correct format
+      str0 = newColorObj[propArray[2]] + ", ";
+      str1 = newColorObj[propArray[1]] + ", ";
+      str2 = newColorObj[propArray[0]];
+    }
+    else {
+      str0 = newColorObj[propArray[0]] + ", ";
+      str1 = newColorObj[propArray[1]] + ", ";
+      str2 = newColorObj[propArray[2]];
+    }
+
+    stringValue = stringName + "(" + str0 + str1 + str2 + ")";
+  }
+
+  if (object) { 
+    // return colorObj;
+    return newColorObj;
+  } else {
+    return stringValue;
+  }
+}
+
 function luminance(r, g, b) {
   let a = [r, g, b].map((v) => {
     v /= 255;
@@ -431,7 +552,13 @@ function ratioName(r) {
   return nArr;
 }
 
-function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1}) {
+function generateAdaptiveTheme({
+  colorScales, 
+  baseScale, 
+  brightness, 
+  contrast = 1,
+  output = 'HEX'
+}) {
   if (!baseScale) {
     throw new Error('baseScale is undefined');
   }
@@ -464,7 +591,7 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
 
   if (brightness === undefined) {
     return function(brightness, contrast) {
-      return generateAdaptiveTheme({baseScale: baseScale, colorScales: colorScales, brightness: brightness, contrast: contrast});
+      return generateAdaptiveTheme({baseScale: baseScale, colorScales: colorScales, brightness: brightness, contrast: contrast, output: output});
     }
   }
   else {
@@ -527,7 +654,8 @@ function generateAdaptiveTheme({colorScales, baseScale, brightness, contrast = 1
         colorspace: colorScales[i].colorspace,
         ratios: ratios,
         base: bval,
-        smooth: smooth
+        smooth: smooth,
+        output: output
       });
 
       for (let i=0; i < outputColors.length; i++) {
@@ -605,5 +733,6 @@ module.exports = {
   generateContrastColors,
   minPositive,
   ratioName,
-  generateAdaptiveTheme
+  generateAdaptiveTheme,
+  fixColorValue
 };
diff --git a/packages/contrast-colors/test/fixColorValue.test.js b/packages/contrast-colors/test/fixColorValue.test.js
new file mode 100644
index 00000000..75dad0c6
--- /dev/null
+++ b/packages/contrast-colors/test/fixColorValue.test.js
@@ -0,0 +1,142 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the 'License');
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+const { fixColorValue } = require('../index.js');
+
+test('should return color object for HSL color', function() {
+  let result = fixColorValue('#2c66f1', 'HSL', true);;
+
+  expect(result).toEqual({ "h": 222, "s": 0.88, "l": 0.56});
+
+});
+
+test('should return string format for HSL color', function() {
+  let result = fixColorValue('#2c66f1', 'HSL');;
+
+  expect(result).toEqual('hsl(222deg, 88%, 56%)');
+
+});
+
+
+test('should return color object for RGB color', function() {
+  let result = fixColorValue('#2c66f1', 'RGB', true);;
+
+  expect(result).toEqual({ "r": 44, "g": 102, "b": 241});
+
+});
+
+test('should return string format for RGB color', function() {
+  let result = fixColorValue('#2c66f1', 'RGB');;
+
+  expect(result).toEqual('rgb(44, 102, 241)');
+
+});
+
+
+test('should return color object for HEX color', function() {
+  let result = fixColorValue('#2c66f1', 'HEX', true);;
+
+  expect(result).toEqual({ "r": 44, "g": 102, "b": 241});
+
+});
+
+test('should return string format for HEX color', function() {
+  let result = fixColorValue('#2c66f1', 'HEX');;
+
+  expect(result).toEqual('#2c66f1');
+
+});
+
+test('should return color object for HSV color', function() {
+  let result = fixColorValue('#2c66f1', 'HSV', true);;
+
+  expect(result).toEqual({ "h": 222, "s": 0.82, "v": 0.95});
+
+});
+
+test('should return string format for HSV color', function() {
+  let result = fixColorValue('#2c66f1', 'HSV');;
+
+  expect(result).toEqual('hsv(222deg, 82%, 95%)');
+
+});
+
+
+test('should return color object for HSLuv color', function() {
+  let result = fixColorValue('#2c66f1', 'HSLuv', true);;
+
+  expect(result).toEqual({ "l": 260, "u": 91, "v": 47});
+
+});
+
+test('should return string format for HSLuv color', function() {
+  let result = fixColorValue('#2c66f1', 'HSLuv');;
+
+  expect(result).toEqual('hsluv(260, 91, 47)');
+
+});
+
+test('should return color object for LAB color', function() {
+  let result = fixColorValue('#2c66f1', 'LAB', true);;
+
+  expect(result).toEqual({ "l": 46, "a": 22, "b": -77});
+
+});
+
+test('should return string format for LAB color', function() {
+  let result = fixColorValue('#2c66f1', 'LAB');;
+
+  expect(result).toEqual('lab(46%, 22, -77)');
+
+});
+
+test('should return color object for LCH color', function() {
+  let result = fixColorValue('#2c66f1', 'LCH', true);;
+
+  expect(result).toEqual({ "l": 46, "c": 80, "h": 286});
+
+});
+
+test('should return string format for LCH color', function() {
+  let result = fixColorValue('#2c66f1', 'LCH');;
+
+  expect(result).toEqual('lch(46%, 80, 286deg)');
+
+});
+
+
+test('should return color object for CAM02 color', function() {
+  let result = fixColorValue('#2c66f1', 'CAM02', true);;
+
+  expect(result).toEqual({ "J": 48, "a": -7, "b": -35});
+
+});
+
+test('should return string format for CAM02 color', function() {
+  let result = fixColorValue('#2c66f1', 'CAM02');;
+
+  expect(result).toEqual('jab(48%, -7, -35)');
+
+});
+
+test('should return color object for CAM02 (polar) color', function() {
+  let result = fixColorValue('#2c66f1', 'CAM02p', true);;
+
+  expect(result).toEqual({ "J": 35, "C": 75, "h": 258});
+
+});
+
+test('should return string format for CAM02 (polar) color', function() {
+  let result = fixColorValue('#2c66f1', 'CAM02p');;
+
+  expect(result).toEqual('jch(35%, 75, 258deg)');
+
+});
\ No newline at end of file
diff --git a/packages/contrast-colors/test/generateAdaptiveTheme.test.js b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
index 98c4ae1e..19958886 100644
--- a/packages/contrast-colors/test/generateAdaptiveTheme.test.js
+++ b/packages/contrast-colors/test/generateAdaptiveTheme.test.js
@@ -77,6 +77,73 @@ test('should generate theme for three colors', function() {
 
 });
 
+test('should generate theme for three colors in LCH format', function() {
+  let theme = generateAdaptiveTheme({
+    baseScale: "gray",
+    colorScales: [
+      {
+        name: "gray",
+        colorKeys: ['#cacaca', '#323232'],
+        colorspace: 'HSL',
+        ratios: [1, 1.2, 1.4, 2, 3, 4.5, 6, 8, 12, 21]
+      },
+      {
+        name: "blue",
+        colorKeys: ['#0000ff'],
+        colorspace: 'LAB',
+        ratios: [2, 3, 4.5, 8, 12]
+      },
+      {
+        name: "red",
+        colorKeys: ['#ff0000'],
+        colorspace: 'RGB',
+        ratios: [2, 3, 4.5, 8, 12]
+      }
+    ],
+    output: "LCH"});
+    let themeLight = theme(90);;
+
+    expect(themeLight).toEqual([
+      { background: "#e1e1e1" },
+      {
+        name: 'gray',
+        values: [
+          {name: "gray100", contrast: 1, value: "lch(89%, 0, 0deg)"},
+          {name: "gray200", contrast: 1.2, value: "lch(83%, 0, 0deg)"},
+          {name: "gray300", contrast: 1.4, value: "lch(77%, 0, 0deg)"},
+          {name: "gray400", contrast: 2, value: "lch(66%, 0, 0deg)"},
+          {name: "gray500", contrast: 3, value: "lch(54%, 0, 0deg)"},
+          {name: "gray600", contrast: 4.5, value: "lch(42%, 0, 0deg)"},
+          {name: "gray700", contrast: 6, value: "lch(35%, 0, 0deg)"},
+          {name: "gray800", contrast: 8, value: "lch(27%, 0, 0deg)"},
+          {name: "gray900", contrast: 12, value: "lch(14%, 0, 0deg)"},
+          {name: "gray1000", contrast: 21, value: "lch(0%, 0, 0deg)"}
+        ]
+      },
+      {
+        name: 'blue',
+        values: [
+          {name: "blue100", contrast: 2, value: "lch(65%, 62, 302deg)"},
+          {name: "blue200", contrast: 3, value: "lch(53%, 86, 301deg)"},
+          {name: "blue300", contrast: 4.5, value: "lch(41%, 109, 301deg)"},
+          {name: "blue400", contrast: 8, value: "lch(25%, 110, 301deg)"},
+          {name: "blue500", contrast: 12, value: "lch(13%, 57, 301deg)"}
+        ]
+      },
+      {
+        name: 'red',
+        values: [
+          {name: "red100", contrast: 2, value: "lch(66%, 61, 27deg)"},
+          {name: "red200", contrast: 3, value: "lch(55%, 103, 39deg)"},
+          {name: "red300", contrast: 4.5, value: "lch(43%, 90, 41deg)"},
+          {name: "red400", contrast: 8, value: "lch(28%, 65, 39deg)"},
+          {name: "red500", contrast: 12, value: "lch(14%, 42, 33deg)"}
+        ]
+      }
+    ]);
+
+});
+
 test('should generate theme for three colors with negative ratios', function() {
   let theme = generateAdaptiveTheme({
     baseScale: "gray",
diff --git a/packages/contrast-colors/test/generateContrastColors.test.js b/packages/contrast-colors/test/generateContrastColors.test.js
index 6ebc0a1b..a5049b0b 100644
--- a/packages/contrast-colors/test/generateContrastColors.test.js
+++ b/packages/contrast-colors/test/generateContrastColors.test.js
@@ -128,6 +128,38 @@ test('should generate slightly lighter & darker oranges on a lighter midtone sla
   expect(colors).toEqual([ '#b84601', '#d76202' ]);
 });
 
+// Output formats 
+test('should generate 2 colors in HEX format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02'});;
+
+  expect(colors).toEqual([ '#5490e0', '#2c66f1' ]);
+});
+test('should generate 2 colors in RGB format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02', output: 'RGB'});;
+
+  expect(colors).toEqual([ 'rgb(84, 144, 224)', 'rgb(44, 102, 241)' ]);
+});
+test('should generate 2 colors in HSL format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02', output: 'HSL'});;
+
+  expect(colors).toEqual([ 'hsl(214deg, 69%, 60%)', 'hsl(222deg, 88%, 56%)' ]);
+});
+test('should generate 2 colors in HSV format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02', output: 'HSV'});;
+
+  expect(colors).toEqual([ 'hsv(214deg, 63%, 88%)', 'hsv(222deg, 82%, 95%)' ]);
+});
+test('should generate 2 colors in LAB format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02', output: 'LAB'});;
+
+  expect(colors).toEqual([ 'lab(58%, -1, -47)', 'lab(46%, 22, -77)' ]);
+});
+test('should generate 2 colors in LCH format', function() {
+  let colors = generateContrastColors({colorKeys: ['#2451FF', '#C9FEFE', '#012676'], base: '#f5f5f5', ratios: [3, 4.5], colorspace: 'CAM02', output: 'LCH'});;
+
+  expect(colors).toEqual([ 'lch(58%, 47, 269deg)', 'lch(46%, 80, 286deg)' ]);
+});
+
 // Expected errors
 test('should generate no colors, missing colorKeys', function() {
   expect(

From 34d38f01b38e3fd038f45605faffbcc7c1f45e43 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Wed, 12 Aug 2020 11:15:42 -0600
Subject: [PATCH 61/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.6
 - @adobe/leonardo-ui@1.3.0
---
 packages/contrast-colors/CHANGELOG.md |  8 ++++++++
 packages/contrast-colors/package.json |  2 +-
 packages/ui/CHANGELOG.md              | 16 ++++++++++++++++
 packages/ui/package.json              |  4 ++--
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 55066f88..78794130 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.6](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.5...@adobe/leonardo-contrast-colors@1.0.0-alpha.6) (2020-08-12)
+
+**Note:** Version bump only for package @adobe/leonardo-contrast-colors
+
+
+
+
+
 # [1.0.0-alpha.5](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.4...@adobe/leonardo-contrast-colors@1.0.0-alpha.5) (2020-05-04)
 
 
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index 4879d3aa..fa760416 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.5",
+  "version": "1.0.0-alpha.6",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "main": "./index.js",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 8bfcfd17..3a28352d 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.3.0](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.2...@adobe/leonardo-ui@1.3.0) (2020-08-12)
+
+
+### Bug Fixes
+
+* string separated by commas and space resulted in extra space in array ([#89](https://github.com/adobe/leonardo/issues/89)) ([89f54a4](https://github.com/adobe/leonardo/commit/89f54a44eb39ab7eed2d224a12f79bfbac22fa3b))
+
+
+### Features
+
+* add support to numeric-only hex values in bulk import ([#83](https://github.com/adobe/leonardo/issues/83)) ([#87](https://github.com/adobe/leonardo/issues/87)) ([da4f9f7](https://github.com/adobe/leonardo/commit/da4f9f78be8260fddb80ae1673dcd7088978ad69))
+
+
+
+
+
 ## [1.2.2](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.1...@adobe/leonardo-ui@1.2.2) (2020-05-04)
 
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 14515069..5757b626 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.2.2",
+  "version": "1.3.0",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.5",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.6",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From 15de9aef98b51dc76a5cb8596414aee3ce73061b Mon Sep 17 00:00:00 2001
From: Federico Ciardi <fed.ciardi@gmail.com>
Date: Tue, 18 Aug 2020 15:48:19 +0200
Subject: [PATCH 62/74] Add Typescript support (#90)

* feat: add Typescript support

* feat: update index.d.ts
---
 packages/contrast-colors/index.d.ts | 117 ++++++++++++++++++++++++++++
 1 file changed, 117 insertions(+)
 create mode 100644 packages/contrast-colors/index.d.ts

diff --git a/packages/contrast-colors/index.d.ts b/packages/contrast-colors/index.d.ts
new file mode 100644
index 00000000..24f7e37a
--- /dev/null
+++ b/packages/contrast-colors/index.d.ts
@@ -0,0 +1,117 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+export as namespace ContrastColors;
+export = ContrastColors;
+
+declare namespace ContrastColors {
+  type Colorspace = 'CAM02' | 'CAM02p' | 'LCH' | 'LAB' | 'HSL' | 'HSLuv' | 'RGB' | 'HSV' | 'HEX';
+  
+  type RGBArray = number[];
+  
+  type AdaptiveTheme = (brightness: number, constrast: number) => AdaptiveTheme | ({ 
+    background: string 
+  } | {
+    name: string,
+    values: {
+      name: string,
+      contrast: number,
+      value: string
+    }[]
+  })[];
+
+  interface ColorScale {
+    colorKeys: string[],
+    colorspace: Colorspace,
+    shift: number,
+    colors: string[],
+    scale: ((d: any) => string) | d3.ScaleLinear<number, number>,
+    colorsHex: string[]
+  }
+
+  function createScale({
+    swatches,
+    colorKeys,
+    colorspace,
+    shift,
+    fullScale,
+    smooth
+  }: {
+    swatches: number,
+    colorKeys: string[],
+    colorspace?: Colorspace,
+    shift?: number,
+    fullScale?: boolean,
+    smooth?: boolean
+  }): ColorScale | never;
+  
+  function luminance(r: number, g: number, b: number): number;
+  
+  function contrast(color: RGBArray, base: RGBArray, baseV: number): number;
+  
+  function binarySearch(list: number[], value: number, baseLum: number): number;
+  
+  function generateBaseScale({
+    colorKeys,
+    colorspace,
+    smooth
+  }: {
+    colorKeys: string[],
+    colorspace?: Colorspace,
+    smooth: boolean
+  }): string[];
+  
+  function generateContrastColors({
+    colorKeys,
+    base,
+    ratios,
+    colorspace,
+    smooth,
+    output
+  }: {
+    colorKeys: string[],
+    base: string,
+    ratios: number[],
+    colorspace?: Colorspace,
+    smooth?: boolean,
+    output?: Colorspace
+  }): string[] | never;
+  
+  function minPositive(r: number[]): number | never;
+  
+  function ratioName(r: number[]): number[] | never;
+  
+  function generateAdaptiveTheme({ 
+    colorScales, 
+    baseScale,
+    brightness,
+    contrast, 
+    output
+  }: {
+    colorScales: {
+      name: string,
+      colorKeys: string[],
+      colorspace: Colorspace,
+      ratios: number[] | { [key: string]: number }
+    }[],
+    baseScale: string,
+    brightness?: number,
+    contrast?: number,
+    output?: Colorspace,
+  }): AdaptiveTheme | never;
+  
+  function fixColorValue(
+    color: string, 
+    format: Colorspace, 
+    object?: boolean
+  ): string | { [key: string]: number };
+}
\ No newline at end of file

From fd557435e606ba11059b5d92ce00a779e7c9823e Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 18 Aug 2020 09:11:41 -0600
Subject: [PATCH 63/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.7
 - @adobe/leonardo-ui@1.3.1
---
 packages/contrast-colors/CHANGELOG.md | 8 ++++++++
 packages/contrast-colors/package.json | 2 +-
 packages/ui/CHANGELOG.md              | 8 ++++++++
 packages/ui/package.json              | 4 ++--
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 78794130..8d5addac 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.7](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.6...@adobe/leonardo-contrast-colors@1.0.0-alpha.7) (2020-08-18)
+
+**Note:** Version bump only for package @adobe/leonardo-contrast-colors
+
+
+
+
+
 # [1.0.0-alpha.6](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.5...@adobe/leonardo-contrast-colors@1.0.0-alpha.6) (2020-08-12)
 
 **Note:** Version bump only for package @adobe/leonardo-contrast-colors
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index fa760416..e67fe1c4 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-alpha.7",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "main": "./index.js",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 3a28352d..39d35165 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.1](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.3.0...@adobe/leonardo-ui@1.3.1) (2020-08-18)
+
+**Note:** Version bump only for package @adobe/leonardo-ui
+
+
+
+
+
 # [1.3.0](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.2.2...@adobe/leonardo-ui@1.3.0) (2020-08-12)
 
 
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 5757b626..9ced8d4c 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.6",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.7",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From 66c9b3a786fda8db88a484ca346e0e9b1780c22a Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Thu, 3 Sep 2020 11:13:51 -0600
Subject: [PATCH 64/74] Contrast checker (#92)

* added contrast checker to Leonardo

* enhancements to checker

* fixed converter layout

* added conversion support for contrast inputs
---
 packages/ui/package-lock.json         | 510 ++++++++++++++++++++++++++
 packages/ui/package.json              |   4 +-
 packages/ui/src/contrast-checker.html | 126 +++++++
 packages/ui/src/contrast-checker.js   | 318 ++++++++++++++++
 packages/ui/src/converter.html        |  66 ++--
 packages/ui/src/converter.js          |   2 +-
 packages/ui/src/index.html            |   1 +
 packages/ui/src/scss/converter.scss   | 119 +++++-
 packages/ui/src/theme.html            |   1 +
 9 files changed, 1112 insertions(+), 35 deletions(-)
 create mode 100644 packages/ui/package-lock.json
 create mode 100644 packages/ui/src/contrast-checker.html
 create mode 100644 packages/ui/src/contrast-checker.js

diff --git a/packages/ui/package-lock.json b/packages/ui/package-lock.json
new file mode 100644
index 00000000..1615986a
--- /dev/null
+++ b/packages/ui/package-lock.json
@@ -0,0 +1,510 @@
+{
+  "name": "@adobe/leonardo-ui",
+  "version": "1.3.1",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@adobe/focus-ring-polyfill": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@adobe/focus-ring-polyfill/-/focus-ring-polyfill-0.1.5.tgz",
+      "integrity": "sha512-OLa/TlzPv6vzMPi3DT9/Gefu/HJptcBcFmMYTpeNTZ6Y+t2TL+CZtjGlu438O2V03c86KEEgMlm9nQ70kW3bPw=="
+    },
+    "@adobe/leonardo-contrast-colors": {
+      "version": "1.0.0-alpha.7",
+      "resolved": "https://registry.npmjs.org/@adobe/leonardo-contrast-colors/-/leonardo-contrast-colors-1.0.0-alpha.7.tgz",
+      "integrity": "sha512-S0u1fpE2RvP180I+r7YVaNMxibp54SR3wl9PGjb70sJJolOtMtCG6n8lA9ry4MDORtqOyfAMIGMuvD3Xuj2y+g==",
+      "requires": {
+        "d3": "^5.14.2",
+        "d3-3d": "0.0.9",
+        "d3-cam02": "^0.1.5",
+        "d3-hsluv": "^0.1.2",
+        "d3-hsv": "^0.1.0"
+      }
+    },
+    "@adobe/spectrum-css-workflow-icons": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@adobe/spectrum-css-workflow-icons/-/spectrum-css-workflow-icons-1.0.0.tgz",
+      "integrity": "sha512-aJbk7XhsUNefoufMpneq2aIT3VuD++KUY0C08VKbt5p/WOW0aDX8WYavUxW4oiK5cAgsvapcaPaS+eWpBMwXLg=="
+    },
+    "@spectrum-css/alert": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/alert/-/alert-2.0.5.tgz",
+      "integrity": "sha512-dBC5vLSkNazPs5w7nz6hH5QBLTujosJh4PhwpKOS9BXWtx5HzmpA0ZoEpJJOWbfAwwT0x93F+eqHOfup7WBV4g=="
+    },
+    "@spectrum-css/button": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/button/-/button-2.2.0.tgz",
+      "integrity": "sha512-1dccGF47Xf8uKEThnAjwXMsOE5PPMDrWK1S1x6ZWWXHJ1kQAkx7ZtekLYLvh588/IuEHUcPW3M4r9gvUuGXR5g=="
+    },
+    "@spectrum-css/buttongroup": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/buttongroup/-/buttongroup-2.2.1.tgz",
+      "integrity": "sha512-9yMsNuvF9LQVSMOJlkwi2cWY0vAj1Z/ic3xoTcKkm8WTTJHv7lHVwU+XF0L2XpmnYNsMVICLB5YhCzjTu5GEsg=="
+    },
+    "@spectrum-css/checkbox": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/checkbox/-/checkbox-2.1.0.tgz",
+      "integrity": "sha512-par9qG6+3hxNrPzg1mx46OZHsViSKlOKJIGoa8L2kTS5XLVWCTl7XH+QE55X/QPcUrmItX72terrJr0FZu9pjw=="
+    },
+    "@spectrum-css/dialog": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/dialog/-/dialog-2.0.5.tgz",
+      "integrity": "sha512-GKyRtwoUCJVu4toMOTtvFo+nH/O5nwaqzaz7Z/R6RznbzhZAyrEuVCdKHQLnfCuhX/kGVSEu54w/H9KWu1UPRg=="
+    },
+    "@spectrum-css/dropdown": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/dropdown/-/dropdown-2.1.5.tgz",
+      "integrity": "sha512-v1LVDuF0KZBSqmSyv67w2VXCpd9L2hdqFDFuTogQeBMrvvS3A1Go2JPmwnZXZLH0wDKqzuoExNMcG0JAvgJO/A=="
+    },
+    "@spectrum-css/fieldgroup": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/fieldgroup/-/fieldgroup-2.0.6.tgz",
+      "integrity": "sha512-ISjr23n2QYlG1PhNzbw7Ja9Bd41tuNwAxQrAJyyr1lTCxIq/hHOHm5XPEympRshvUOnLiumpjsAYvK9Cr2lTjQ=="
+    },
+    "@spectrum-css/fieldlabel": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/fieldlabel/-/fieldlabel-2.0.6.tgz",
+      "integrity": "sha512-ejfgMksfVWUlKWGHNUwlyYI/QEVWMKVZMgRIEYrWhPk1fPykEJPt3YMXprHFj3auzQPR+Y6thSsVlfxJ1kmUAg=="
+    },
+    "@spectrum-css/icon": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/icon/-/icon-2.1.1.tgz",
+      "integrity": "sha512-Ddnjw3YTZiuJC8uVJ9x6i+ufQN+Vp4vibc+YxE7nXn8tWzT8zTRzwv6oHwSG9m+KzonTfnwqPuQx6ZA8vbK9xA=="
+    },
+    "@spectrum-css/illustratedmessage": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/illustratedmessage/-/illustratedmessage-2.0.0.tgz",
+      "integrity": "sha512-8AN8K0QJB9pBofjfje+jNSzML+d21tRLkI2CtziyzvQfKOHj0u7ofxHQqP/r08Ot/lC54gGA3dcHxDjCjhv6gA=="
+    },
+    "@spectrum-css/link": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/link/-/link-2.0.6.tgz",
+      "integrity": "sha512-vXs5JyDTxc/zk+Kuj8UTIg2NqkSWkVwg71TbL3o5K90c5xvmDIX1B/j8eFj7WPJiwsYSDJJKiBvXlTvpWrTgqA=="
+    },
+    "@spectrum-css/menu": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/menu/-/menu-2.1.5.tgz",
+      "integrity": "sha512-NJjiYpCFrBDLs0bjBAZFZO3/4Nz9Z8X/FFebFkbKYbOnECS9ZUe2mXvDhNB1yDRQksBWwo3m76+/OU2VfBYDQg=="
+    },
+    "@spectrum-css/page": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/page/-/page-2.0.7.tgz",
+      "integrity": "sha512-0e8gne8/3yuEjkbbT7F+K/E15Z2BbL/q/r+Z2KM9Kew6uLnTJawFzUPR67zcSVZw8LicWVMxVu9o5KbhEhXMcw==",
+      "requires": {
+        "@spectrum-css/vars": "^2.3.0"
+      }
+    },
+    "@spectrum-css/radio": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/radio/-/radio-2.1.0.tgz",
+      "integrity": "sha512-FuCnFu8qOZ1IK/vboWv/SBxEy88qmhAj0BWKi5c1KVrYpujPpxJ03QzBy2dd9we3Yh28XOObbnda+6qXVVzyWg=="
+    },
+    "@spectrum-css/slider": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/slider/-/slider-2.1.0.tgz",
+      "integrity": "sha512-oROCNx6HMY5nPPXBmH515dDpE/45hssaUleIC/HtgdOdwHiNdbGVFV3IK5xpPgYPCAzNlrB9BRsL8DSz2nDUQw=="
+    },
+    "@spectrum-css/tabs": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/tabs/-/tabs-2.1.5.tgz",
+      "integrity": "sha512-k6Gw6cuSPu8DZGS+pGRB/0HsInjFR5TlYeOYcIXMUQ1iQAofqsFkc+RV7aRYpNNYeq+xkBTq8wGEvKVQXzOm9Q=="
+    },
+    "@spectrum-css/textfield": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/textfield/-/textfield-2.0.6.tgz",
+      "integrity": "sha512-lbr9HuXGOjmZ6K0MmODA3u7DRaaVk1P2aqqJkKy6xIY9u2nRKg/nna3TANJRqVnYMvRAdsWiH2vTWTBkRrCsGg=="
+    },
+    "@spectrum-css/toast": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/toast/-/toast-2.0.5.tgz",
+      "integrity": "sha512-oXiLO6GdgGy79NRIAuinQNw0IVhklVoAlRj2gjUtXOz1Avik5r2QaZrH31BvjLvlnf56Va3d9XFQg9eXcCby4Q=="
+    },
+    "@spectrum-css/tooltip": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/tooltip/-/tooltip-2.0.5.tgz",
+      "integrity": "sha512-AmPTbrm54TPzB7hHi0H31EbP0Q0DzZxprQ3xEtWy6ps6TCThIS2GkAOEKg3MdMQxcGu/QwQM9TrgBdALNQp/XA=="
+    },
+    "@spectrum-css/typography": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/typography/-/typography-2.1.3.tgz",
+      "integrity": "sha512-73lu0Le1zt+etNTS+kJsn+0TJzpy8aiTT6TCkVuJyUY9yxLcKXdV7mYRaz4U7jEYn39MKpndGFXkA7Qq0u16dw=="
+    },
+    "@spectrum-css/underlay": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/underlay/-/underlay-2.0.7.tgz",
+      "integrity": "sha512-KF3Yre/y89enQpoaFEwuPCx8tHTYeQJBjpxqAgamo+XS2ENz4Cbxxy+xJJX9AUiGwNe3LNKN5iSTnZ655DBmEA=="
+    },
+    "@spectrum-css/vars": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/vars/-/vars-2.3.0.tgz",
+      "integrity": "sha512-k4YwFbv9+7QzBrc3ezvGuHxI3nDTG/6qJsAmhYS1vEyxpxjKmRfiz59P+fqT12PQNjxeNYHyVz1kRgaLA6gw2w=="
+    },
+    "clipboard": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.6.tgz",
+      "integrity": "sha512-g5zbiixBRk/wyKakSwCKd7vQXDjFnAMGHoEyBogG/bw9kTD9GvdAvaoRR1ALcEzt3pVKxZR0pViekPMIS0QyGg==",
+      "requires": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
+    "color-blind": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/color-blind/-/color-blind-0.1.1.tgz",
+      "integrity": "sha1-1s+XtjX7ZgXJ3MSO+1jV65cqNx4=",
+      "requires": {
+        "onecolor": "^2.5.0"
+      }
+    },
+    "commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "d3": {
+      "version": "5.16.0",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-5.16.0.tgz",
+      "integrity": "sha512-4PL5hHaHwX4m7Zr1UapXW23apo6pexCgdetdJ5kTmADpG/7T9Gkxw0M0tf/pjoB63ezCCm0u5UaFYy2aMt0Mcw==",
+      "requires": {
+        "d3-array": "1",
+        "d3-axis": "1",
+        "d3-brush": "1",
+        "d3-chord": "1",
+        "d3-collection": "1",
+        "d3-color": "1",
+        "d3-contour": "1",
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-dsv": "1",
+        "d3-ease": "1",
+        "d3-fetch": "1",
+        "d3-force": "1",
+        "d3-format": "1",
+        "d3-geo": "1",
+        "d3-hierarchy": "1",
+        "d3-interpolate": "1",
+        "d3-path": "1",
+        "d3-polygon": "1",
+        "d3-quadtree": "1",
+        "d3-random": "1",
+        "d3-scale": "2",
+        "d3-scale-chromatic": "1",
+        "d3-selection": "1",
+        "d3-shape": "1",
+        "d3-time": "1",
+        "d3-time-format": "2",
+        "d3-timer": "1",
+        "d3-transition": "1",
+        "d3-voronoi": "1",
+        "d3-zoom": "1"
+      }
+    },
+    "d3-3d": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/d3-3d/-/d3-3d-0.0.9.tgz",
+      "integrity": "sha512-Rvcgy5QZriGQAgoCzxyBkC8yZXKghCFw1RHARp/ybvrapFseMDyIbVPaBUgtNt8k3JDeEOdgN7OhFWhWB9m4Gg=="
+    },
+    "d3-array": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-1.2.4.tgz",
+      "integrity": "sha512-KHW6M86R+FUPYGb3R5XiYjXPq7VzwxZ22buHhAEVG5ztoEcZZMLov530mmccaqA1GghZArjQV46fuc8kUqhhHw=="
+    },
+    "d3-axis": {
+      "version": "1.0.12",
+      "resolved": "https://registry.npmjs.org/d3-axis/-/d3-axis-1.0.12.tgz",
+      "integrity": "sha512-ejINPfPSNdGFKEOAtnBtdkpr24c4d4jsei6Lg98mxf424ivoDP2956/5HDpIAtmHo85lqT4pruy+zEgvRUBqaQ=="
+    },
+    "d3-brush": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/d3-brush/-/d3-brush-1.1.6.tgz",
+      "integrity": "sha512-7RW+w7HfMCPyZLifTz/UnJmI5kdkXtpCbombUSs8xniAyo0vIbrDzDwUJB6eJOgl9u5DQOt2TQlYumxzD1SvYA==",
+      "requires": {
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
+      }
+    },
+    "d3-cam02": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/d3-cam02/-/d3-cam02-0.1.5.tgz",
+      "integrity": "sha1-5+s00G3gOtDJJBNKCoRmbZCWges=",
+      "requires": {
+        "d3-color": "1"
+      }
+    },
+    "d3-chord": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-chord/-/d3-chord-1.0.6.tgz",
+      "integrity": "sha512-JXA2Dro1Fxw9rJe33Uv+Ckr5IrAa74TlfDEhE/jfLOaXegMQFQTAgAw9WnZL8+HxVBRXaRGCkrNU7pJeylRIuA==",
+      "requires": {
+        "d3-array": "1",
+        "d3-path": "1"
+      }
+    },
+    "d3-collection": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-collection/-/d3-collection-1.0.7.tgz",
+      "integrity": "sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A=="
+    },
+    "d3-color": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-1.4.1.tgz",
+      "integrity": "sha512-p2sTHSLCJI2QKunbGb7ocOh7DgTAn8IrLx21QRc/BSnodXM4sv6aLQlnfpvehFMLZEfBc6g9pH9SWQccFYfJ9Q=="
+    },
+    "d3-contour": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-contour/-/d3-contour-1.3.2.tgz",
+      "integrity": "sha512-hoPp4K/rJCu0ladiH6zmJUEz6+u3lgR+GSm/QdM2BBvDraU39Vr7YdDCicJcxP1z8i9B/2dJLgDC1NcvlF8WCg==",
+      "requires": {
+        "d3-array": "^1.1.1"
+      }
+    },
+    "d3-dispatch": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-dispatch/-/d3-dispatch-1.0.6.tgz",
+      "integrity": "sha512-fVjoElzjhCEy+Hbn8KygnmMS7Or0a9sI2UzGwoB7cCtvI1XpVN9GpoYlnb3xt2YV66oXYb1fLJ8GMvP4hdU1RA=="
+    },
+    "d3-drag": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/d3-drag/-/d3-drag-1.2.5.tgz",
+      "integrity": "sha512-rD1ohlkKQwMZYkQlYVCrSFxsWPzI97+W+PaEIBNTMxRuxz9RF0Hi5nJWHGVJ3Om9d2fRTe1yOBINJyy/ahV95w==",
+      "requires": {
+        "d3-dispatch": "1",
+        "d3-selection": "1"
+      }
+    },
+    "d3-dsv": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-dsv/-/d3-dsv-1.2.0.tgz",
+      "integrity": "sha512-9yVlqvZcSOMhCYzniHE7EVUws7Fa1zgw+/EAV2BxJoG3ME19V6BQFBwI855XQDsxyOuG7NibqRMTtiF/Qup46g==",
+      "requires": {
+        "commander": "2",
+        "iconv-lite": "0.4",
+        "rw": "1"
+      }
+    },
+    "d3-ease": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-1.0.7.tgz",
+      "integrity": "sha512-lx14ZPYkhNx0s/2HX5sLFUI3mbasHjSSpwO/KaaNACweVwxUruKyWVcb293wMv1RqTPZyZ8kSZ2NogUZNcLOFQ=="
+    },
+    "d3-fetch": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/d3-fetch/-/d3-fetch-1.2.0.tgz",
+      "integrity": "sha512-yC78NBVcd2zFAyR/HnUiBS7Lf6inSCoWcSxFfw8FYL7ydiqe80SazNwoffcqOfs95XaLo7yebsmQqDKSsXUtvA==",
+      "requires": {
+        "d3-dsv": "1"
+      }
+    },
+    "d3-force": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/d3-force/-/d3-force-1.2.1.tgz",
+      "integrity": "sha512-HHvehyaiUlVo5CxBJ0yF/xny4xoaxFxDnBXNvNcfW9adORGZfyNF1dj6DGLKyk4Yh3brP/1h3rnDzdIAwL08zg==",
+      "requires": {
+        "d3-collection": "1",
+        "d3-dispatch": "1",
+        "d3-quadtree": "1",
+        "d3-timer": "1"
+      }
+    },
+    "d3-format": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-1.4.5.tgz",
+      "integrity": "sha512-J0piedu6Z8iB6TbIGfZgDzfXxUFN3qQRMofy2oPdXzQibYGqPB/9iMcxr/TGalU+2RsyDO+U4f33id8tbnSRMQ=="
+    },
+    "d3-geo": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/d3-geo/-/d3-geo-1.12.1.tgz",
+      "integrity": "sha512-XG4d1c/UJSEX9NfU02KwBL6BYPj8YKHxgBEw5om2ZnTRSbIcego6dhHwcxuSR3clxh0EpE38os1DVPOmnYtTPg==",
+      "requires": {
+        "d3-array": "1"
+      }
+    },
+    "d3-hierarchy": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/d3-hierarchy/-/d3-hierarchy-1.1.9.tgz",
+      "integrity": "sha512-j8tPxlqh1srJHAtxfvOUwKNYJkQuBFdM1+JAUfq6xqH5eAqf93L7oG1NVqDa4CpFZNvnNKtCYEUC8KY9yEn9lQ=="
+    },
+    "d3-hsluv": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/d3-hsluv/-/d3-hsluv-0.1.2.tgz",
+      "integrity": "sha512-nDmxHpYqjrDSEaS9F0S8lufW75Xs+JuzbVBTJsgUMTDhZVNTwVZsNVG9uiGv62KwL0HR5Fe2bxO0/Z0ZAMOu2g==",
+      "requires": {
+        "d3-color": "^1.0.3"
+      }
+    },
+    "d3-hsv": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/d3-hsv/-/d3-hsv-0.1.0.tgz",
+      "integrity": "sha1-yVvomzQXeinnCghI25XX8CYeqZs=",
+      "requires": {
+        "d3-color": "1"
+      }
+    },
+    "d3-interpolate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-1.4.0.tgz",
+      "integrity": "sha512-V9znK0zc3jOPV4VD2zZn0sDhZU3WAE2bmlxdIwwQPPzPjvyLkd8B3JUVdS1IDUFDkWZ72c9qnv1GK2ZagTZ8EA==",
+      "requires": {
+        "d3-color": "1"
+      }
+    },
+    "d3-path": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-1.0.9.tgz",
+      "integrity": "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg=="
+    },
+    "d3-polygon": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/d3-polygon/-/d3-polygon-1.0.6.tgz",
+      "integrity": "sha512-k+RF7WvI08PC8reEoXa/w2nSg5AUMTi+peBD9cmFc+0ixHfbs4QmxxkarVal1IkVkgxVuk9JSHhJURHiyHKAuQ=="
+    },
+    "d3-quadtree": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/d3-quadtree/-/d3-quadtree-1.0.7.tgz",
+      "integrity": "sha512-RKPAeXnkC59IDGD0Wu5mANy0Q2V28L+fNe65pOCXVdVuTJS3WPKaJlFHer32Rbh9gIo9qMuJXio8ra4+YmIymA=="
+    },
+    "d3-random": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/d3-random/-/d3-random-1.1.2.tgz",
+      "integrity": "sha512-6AK5BNpIFqP+cx/sreKzNjWbwZQCSUatxq+pPRmFIQaWuoD+NrbVWw7YWpHiXpCQ/NanKdtGDuB+VQcZDaEmYQ=="
+    },
+    "d3-scale": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-2.2.2.tgz",
+      "integrity": "sha512-LbeEvGgIb8UMcAa0EATLNX0lelKWGYDQiPdHj+gLblGVhGLyNbaCn3EvrJf0A3Y/uOOU5aD6MTh5ZFCdEwGiCw==",
+      "requires": {
+        "d3-array": "^1.2.0",
+        "d3-collection": "1",
+        "d3-format": "1",
+        "d3-interpolate": "1",
+        "d3-time": "1",
+        "d3-time-format": "2"
+      }
+    },
+    "d3-scale-chromatic": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/d3-scale-chromatic/-/d3-scale-chromatic-1.5.0.tgz",
+      "integrity": "sha512-ACcL46DYImpRFMBcpk9HhtIyC7bTBR4fNOPxwVSl0LfulDAwyiHyPOTqcDG1+t5d4P9W7t/2NAuWu59aKko/cg==",
+      "requires": {
+        "d3-color": "1",
+        "d3-interpolate": "1"
+      }
+    },
+    "d3-selection": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/d3-selection/-/d3-selection-1.4.2.tgz",
+      "integrity": "sha512-SJ0BqYihzOjDnnlfyeHT0e30k0K1+5sR3d5fNueCNeuhZTnGw4M4o8mqJchSwgKMXCNFo+e2VTChiSJ0vYtXkg=="
+    },
+    "d3-shape": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-1.3.7.tgz",
+      "integrity": "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==",
+      "requires": {
+        "d3-path": "1"
+      }
+    },
+    "d3-time": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-1.1.0.tgz",
+      "integrity": "sha512-Xh0isrZ5rPYYdqhAVk8VLnMEidhz5aP7htAADH6MfzgmmicPkTo8LhkLxci61/lCB7n7UmE3bN0leRt+qvkLxA=="
+    },
+    "d3-time-format": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-2.3.0.tgz",
+      "integrity": "sha512-guv6b2H37s2Uq/GefleCDtbe0XZAuy7Wa49VGkPVPMfLL9qObgBST3lEHJBMUp8S7NdLQAGIvr2KXk8Hc98iKQ==",
+      "requires": {
+        "d3-time": "1"
+      }
+    },
+    "d3-timer": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-1.0.10.tgz",
+      "integrity": "sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw=="
+    },
+    "d3-transition": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/d3-transition/-/d3-transition-1.3.2.tgz",
+      "integrity": "sha512-sc0gRU4PFqZ47lPVHloMn9tlPcv8jxgOQg+0zjhfZXMQuvppjG6YuwdMBE0TuqCZjeJkLecku/l9R0JPcRhaDA==",
+      "requires": {
+        "d3-color": "1",
+        "d3-dispatch": "1",
+        "d3-ease": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "^1.1.0",
+        "d3-timer": "1"
+      }
+    },
+    "d3-voronoi": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/d3-voronoi/-/d3-voronoi-1.1.4.tgz",
+      "integrity": "sha512-dArJ32hchFsrQ8uMiTBLq256MpnZjeuBtdHpaDlYuQyjU0CVzCJl/BVW+SkszaAeH95D/8gxqAhgx0ouAWAfRg=="
+    },
+    "d3-zoom": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/d3-zoom/-/d3-zoom-1.8.3.tgz",
+      "integrity": "sha512-VoLXTK4wvy1a0JpH2Il+F2CiOhVu7VRXWF5M/LroMIh3/zBAC3WAt7QoIvPibOavVo20hN6/37vwAsdBejLyKQ==",
+      "requires": {
+        "d3-dispatch": "1",
+        "d3-drag": "1",
+        "d3-interpolate": "1",
+        "d3-selection": "1",
+        "d3-transition": "1"
+      }
+    },
+    "delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+      "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
+    },
+    "good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+      "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=",
+      "requires": {
+        "delegate": "^3.1.2"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "loadicons": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/loadicons/-/loadicons-1.0.0.tgz",
+      "integrity": "sha512-KSywiudfuOK5sTdhNMM8hwRpMxZ5TbQlU4ZijMxUFwRW7jpxUmb9YJoLIzDn7+xuxeLzCZWBmLJS2JDjDWCpsw=="
+    },
+    "onecolor": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/onecolor/-/onecolor-2.5.0.tgz",
+      "integrity": "sha1-Ila2UdyAfBAfAK7b1JklxXpEMcE="
+    },
+    "rw": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/rw/-/rw-1.3.3.tgz",
+      "integrity": "sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q="
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+      "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0="
+    },
+    "tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
+    }
+  }
+}
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 9ced8d4c..176c1f3b 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -6,14 +6,14 @@
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
   "scripts": {
-    "serve": "npx parcel src/index.html src/theme.html src/converter.html src/demo.html --no-hmr",
+    "serve": "npx parcel src/index.html src/theme.html src/converter.html src/contrast-checker.html src/demo.html --no-hmr",
     "dev": "yarn copyIcons && yarn serve",
     "copyIcons": "mkdir -p dist && yarn copyWorkflowIcons && yarn copyUIIcons",
     "copyWorkflowIcons": "cp -r ../../node_modules/@adobe/spectrum-css-workflow-icons/dist/spectrum-icons.svg dist/",
     "copyUIIcons": "cp -r ../../node_modules/@spectrum-css/icon/dist/spectrum-css-icons.svg dist/",
     "copyCNAME": "cp -r src/CNAME dist/CNAME",
     "postPublish": "yarn deploySite",
-    "buildSite": "npx parcel build src/index.html src/theme.html src/converter.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
+    "buildSite": "npx parcel build src/index.html src/theme.html src/converter.html src/contrast-checker.html src/demo.html --public-url ./ && yarn copyCNAME && yarn copyIcons",
     "deploySite": "yarn buildSite && npx ghpages -p dist"
   },
   "keywords": [
diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
new file mode 100644
index 00000000..0a36a3f0
--- /dev/null
+++ b/packages/ui/src/contrast-checker.html
@@ -0,0 +1,126 @@
+<html>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>Leonardo: Color Converter</title>
+  <meta property="og:title" content="Leonardo: Color Converter">
+  <meta name="description" content="Color converter for multiple color spaces">
+  <meta property="og:description" content="Color converter for multiple color spaces">
+  <meta property="og:image" content="">
+  <meta property="og:url" content="">
+  <!-- <meta name="twitter:card" content="repository-open-graph-leonardo"> -->
+
+  <meta property="og:site_name" content="Leonardo: Color Converter">
+  <meta name="twitter:image:alt" content="Color converter for multiple color spaces">
+
+  <meta name="twitter:site" content="@Leonardo_Color">
+
+  <link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="favicons/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="favicons/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
+  <link rel="manifest" href="favicons/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="favicons/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap">
+  <link href="https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700&display=swap" rel="stylesheet">
+
+</head>
+<body class="spectrum spectrum spectrum--light spectrum--medium">
+<header class="spectrum-AppHeader">
+  <a href="/" id="logoTitle">
+    <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
+    <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
+  </a>
+  <div class="spectrum-AppHeader_item">
+    <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
+    <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
+    <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
+    <a href="converter.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Converter</a>
+    <a href="/" class="spectrum-ActionButton spectrum-ActionButton--quiet is-selected">Contrast checker</a>
+    <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
+  </div>
+</header>
+<main id="converterWrapper">
+  <div id="converterGroup">
+    <div>
+      <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Color Contrast Checker </h1>
+      <p class="spectrum-Body spectrum-Body--S"> WCAG relative luminance formula and Level AA criteria</p>
+    </div>
+
+    <div class="converter--row">
+      <div class="converter--column">
+        <div id="inputWrapper">
+          <div class="spectrum-Form">
+            <div class="spectrum-Form-item">
+              <!-- <div class="spectrum-Form-item">
+                <label for="formula" class="spectrum-FieldLabel">Contrast formula:</label>
+                <div class="spectrum-Dropdown">
+                  <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="formula" id="formula">
+                    <option>WCAG relative luminance</option>
+                    <option>SAPC (beta)</option>
+                  </select>
+                  <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                    <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+                  </svg>
+                </div>
+              </div> -->
+      
+            </div>
+            <div class="spectrum-Form-item--row">
+              <div class="spectrum-Form-item">
+                <label for="input" class="spectrum-FieldLabel">Text color</label>
+                <input type="text" id="foregroundInput" placeholder="Enter color value" class="spectrum-Textfield"></input>
+                <input type="color" class="" id="foregroundColorInput"></input>
+              </div>
+              <div class="spectrum-Form-item">
+                <label for="input" class="spectrum-FieldLabel">Background color</label>
+                <input type="text" id="backgroundInput" placeholder="Enter color value" class="spectrum-Textfield"></input>
+                <input type="color" class="" id="backgroundColorInput"></input>
+              </div>
+            </div>
+            <p class="spectrum-Body spectrum-Body--XS">Supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02)</p>
+          </div>
+        </div>
+        
+        <div id="outputWrapper">
+            <h2>Contrast ratio:</h2>
+            <div id="ratioOutput"></div>
+        </div>
+      </div>
+          
+      <div id="demoWrapper">
+        <span id="largeText">Large text is 18pt or 14pt bold.</span>
+        <span id="smallText">Small text is less than 18pt or less than 14pt bold.</span>
+        <span id="uiDemo">
+          <button class="spectrum-Button" id="demoButton">
+            <svg id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
+              <use xlink:href="#spectrum-icon-18-Edit" />
+            </svg>          
+            <span id="demoButtonText" class="spectrum-Button-label">Button</span>
+          </button>
+        </span>
+      </div>
+    </div>
+    
+    <footer>
+      <p class="footer--cta">Try <a class="spectrum-Link" href="index.html">generating color by desired contrast ratio</a> instead.</p>
+    </footer>
+   </div>
+</main>
+<script src="contrast-checker.js"></script>
+
+</body>
+</html>
diff --git a/packages/ui/src/contrast-checker.js b/packages/ui/src/contrast-checker.js
new file mode 100644
index 00000000..e120a59d
--- /dev/null
+++ b/packages/ui/src/contrast-checker.js
@@ -0,0 +1,318 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import '@spectrum-css/vars/dist/spectrum-global.css';
+import '@spectrum-css/vars/dist/spectrum-medium.css';
+import '@spectrum-css/vars/dist/spectrum-light.css';
+
+import '@spectrum-css/page/dist/index-vars.css';
+import '@spectrum-css/icon/dist/index-vars.css';
+import '@spectrum-css/link/dist/index-vars.css';
+import '@spectrum-css/alert/dist/index-vars.css';
+import '@spectrum-css/radio/dist/index-vars.css';
+import '@spectrum-css/dialog/dist/index-vars.css';
+import '@spectrum-css/button/dist/index-vars.css';
+import '@spectrum-css/fieldgroup/dist/index-vars.css';
+import '@spectrum-css/textfield/dist/index-vars.css';
+import '@spectrum-css/dropdown/dist/index-vars.css';
+import '@spectrum-css/fieldlabel/dist/index-vars.css';
+import '@spectrum-css/checkbox/dist/index-vars.css';
+import '@spectrum-css/buttongroup/dist/index-vars.css';
+import '@spectrum-css/tooltip/dist/index-vars.css';
+import '@spectrum-css/slider/dist/index-vars.css';
+import '@spectrum-css/tabs/dist/index-vars.css';
+import '@spectrum-css/typography/dist/index-vars.css';
+
+import './scss/style.scss';
+import './scss/colorinputs.scss';
+import './scss/converter.scss';
+
+import '@adobe/focus-ring-polyfill';
+
+import loadIcons from 'loadicons';
+loadIcons('./spectrum-css-icons.svg');
+loadIcons('./spectrum-icons.svg');
+
+import * as d3 from 'd3';
+
+// Import d3 plugins and add them to the d3 namespace
+import * as d3cam02 from 'd3-cam02';
+import * as d3hsluv from 'd3-hsluv';
+import * as d3hsv from 'd3-hsv';
+import * as d33d from 'd3-3d';
+Object.assign(d3, d3cam02, d3hsluv, d3hsv, d33d);
+
+import * as contrastColors from '@adobe/leonardo-contrast-colors';
+
+// expose functions so they can be ran in the console
+window.luminance = contrastColors.luminance;
+window.contrast = contrastColors.contrast;
+window.contrastColors = contrastColors;
+
+let inputForeground = document.getElementById('foregroundInput');
+let inputBackground = document.getElementById('backgroundInput');
+let output = document.getElementById('output');
+// let type = document.getElementById('type');
+let colorInputForeground = document.getElementById('foregroundColorInput');
+let colorInputBackground = document.getElementById('backgroundColorInput');
+
+function setup() {
+  inputForeground.defaultValue = 'rgb(0, 0, 0)';
+  inputBackground.defaultValue = 'rgb(255, 255, 255)';
+}
+
+function convert(c, typeId = 'RGB') {
+  let A, B, C;
+
+  if(typeId == 'Hex') {
+    return d3.rgb(c).formatHex();
+  }
+
+  else {
+    if(typeId == 'HSLuv') {
+      A = d3.hsluv(c).l;
+      B = d3.hsluv(c).u;
+      C = d3.hsluv(c).v;
+    }
+    if(typeId == 'HSL') {
+      A = d3.hsl(c).h;
+      B = d3.hsl(c).s * 100;
+      C = d3.hsl(c).l * 100;
+    }
+    if(typeId == 'HSV') {
+      A = d3.hsv(c).h;
+      B = d3.hsv(c).s * 100;
+      C = d3.hsv(c).v * 100;
+    }
+    if(typeId == 'CAM02') {
+      A = d3.jab(c).J;
+      B = d3.jab(c).a;
+      C = d3.jab(c).b;
+    }
+    if(typeId == 'Lab') {
+      A = d3.lab(c).l;
+      B = d3.lab(c).a;
+      C = d3.lab(c).b;
+    }
+    if(typeId == 'Lch') {
+      A = d3.hcl(c).l;
+      B = d3.hcl(c).c;
+      C = d3.hcl(c).h;
+    }
+    if(typeId == 'RGB') {
+      A = d3.rgb(c).r;
+      B = d3.rgb(c).g;
+      C = d3.rgb(c).b;
+    }
+
+    return new Array(A.toFixed(), B.toFixed(), C.toFixed());
+  }
+}
+
+function inputConvert(val) {
+  let valNums, valArr;
+
+  if(val.match(/^hsl\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    // convert to proper format (percentages)
+    val = d3.hsl(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
+  }
+  if(val.match(/^hsv\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsv(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
+  }
+  if(val.match(/^lab\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.lab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+  if(val.match(/^lch\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hcl(Number(valArr[2]), Number(valArr[1]), Number(valArr[0])).formatHsl();
+  }
+  if(val.match(/^jab\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.jab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+  if(val.match(/^hsluv\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsluv(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
+  }
+  let r = d3.rgb(val).r;
+  let g = d3.rgb(val).g;
+  let b = d3.rgb(val).b;
+  return [r.toFixed(), g.toFixed(), b.toFixed()];
+}
+
+function colorInputSync() {
+  let valFg = inputForeground.value;
+  let colorInputForeground = document.getElementById('foregroundColorInput');
+  let valFgRgb = inputConvert(valFg);
+  let colorInputFgVal = d3.rgb(valFgRgb[0], valFgRgb[1], valFgRgb[2]).formatHex();
+  colorInputForeground.value = colorInputFgVal;
+
+  let valBg = inputBackground.value;
+  let colorInputBackground = document.getElementById('backgroundColorInput');
+  let valBgRgb = inputConvert(valBg);
+  let colorInputBgVal = d3.rgb(valBgRgb[0], valBgRgb[1], valBgRgb[2]).formatHex();
+  colorInputBackground.value = colorInputBgVal;
+}
+
+function returnContrast() {
+  colorInputSync();
+
+  let foregroundInput = inputForeground.value;
+  let backgroundInput = inputBackground.value;
+  let output = document.getElementById('ratioOutput');
+  output.innerHTML = ' ';
+
+  let rat = document.createElement('span');
+  rat.className = 'contrastRatio';
+
+  // let fg = [d3.rgb(foreground).r, d3.rgb(foreground).g, d3.rgb(foreground).b];
+  // let bg = [d3.rgb(background).r, d3.rgb(background).g, d3.rgb(background).b];
+
+  let fg = inputConvert(foregroundInput);
+  let bg = inputConvert(backgroundInput)
+
+  let foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ')';
+  let background = 'rgb('+ bg[0] + ', ' + bg[1] + ', ' + bg[2] + ')';
+
+  let baseV = (d3.hsluv(backgroundInput).v) / 100;
+  console.log(baseV);
+
+  let ratio = contrastColors.contrast(fg, bg, baseV);
+  // get rid of that negative ratio...
+  if (ratio < 0) {
+    ratio = ratio * -1;
+  }
+  if (isNaN(ratio)) {
+    ratio = '-';
+  }
+
+  let ratioText = document.createTextNode(ratio.toFixed(2));
+  let ratioToOneText = document.createTextNode(':1');
+  let ratioToOne = document.createElement('span');
+  ratioToOne.classList.add('ratioToOne');
+  ratioToOne.appendChild(ratioToOneText);
+
+  let lgTextWrap = document.createElement('div');
+  let smTextWrap = document.createElement('div');
+  let uiTextWrap = document.createElement('div');
+  lgTextWrap.classList.add('passFail');
+  smTextWrap.classList.add('passFail');
+  uiTextWrap.classList.add('passFail');
+  let lgTextHead = document.createTextNode('Large text');
+  let smTextHead = document.createTextNode('Small text');
+  let uiTextHead = document.createTextNode('Graphics and UI components');
+  let lgHeading = document.createElement('span');
+  lgHeading.classList.add('heading--passFail', 'spectrum-Detail', 'spectrum-Detail--M');
+  let smHeading = document.createElement('span');
+  smHeading.classList.add('heading--passFail', 'spectrum-Detail', 'spectrum-Detail--M');
+  let uiHeading = document.createElement('span');
+  uiHeading.classList.add('heading--passFail', 'spectrum-Detail', 'spectrum-Detail--M');
+
+  lgHeading.appendChild(lgTextHead);
+  smHeading.appendChild(smTextHead);
+  uiHeading.appendChild(uiTextHead);
+
+  let badgeLg = document.createElement('div');
+  badgeLg.className = 'badge';
+  let badgeSm = document.createElement('div');
+  badgeSm.className = 'badge';
+  let badgeUi = document.createElement('div');
+  badgeUi.className = 'badge';
+
+  if(ratio < 3) {
+    badgeLg.classList.add('badge--error');
+    badgeLg.classList.remove('badge--success');
+    badgeLg.innerHTML = 'Fail (AA)';
+    badgeSm.classList.add('badge--error');
+    badgeSm.classList.remove('badge--success');
+    badgeSm.innerHTML = 'Fail (AA)';
+    badgeUi.classList.add('badge--error');
+    badgeUi.classList.remove('badge--success');
+    badgeUi.innerHTML = 'Fail (AA)';
+  }
+  if(ratio > 3 && ratio < 4.5) {
+    badgeLg.classList.add('badge--success');
+    badgeLg.classList.remove('badge--error');
+    badgeLg.innerHTML = 'Pass (AA)';
+    badgeSm.classList.add('badge--error');
+    badgeSm.classList.remove('badge--success');
+    badgeSm.innerHTML = 'Fail (AA)';
+    badgeUi.classList.add('badge--success');
+    badgeUi.classList.remove('badge--error');
+    badgeUi.innerHTML = 'Pass (AA)';
+  }
+  if(ratio > 4.5) {
+    badgeLg.classList.add('badge--success');
+    badgeLg.classList.remove('badge--error');
+    badgeLg.innerHTML = 'Pass (AA)';
+    badgeSm.classList.add('badge--success');
+    badgeSm.classList.remove('badge--error');
+    badgeSm.innerHTML = 'Pass (AA)';
+    badgeUi.classList.add('badge--success');
+    badgeUi.classList.remove('badge--error');
+    badgeUi.innerHTML = 'Pass (AA)';
+  }
+
+  lgTextWrap.appendChild(lgHeading);
+  lgTextWrap.appendChild(badgeLg);
+  smTextWrap.appendChild(smHeading);
+  smTextWrap.appendChild(badgeSm);
+  uiTextWrap.appendChild(uiHeading);
+  uiTextWrap.appendChild(badgeUi);
+
+  rat.appendChild(ratioText);
+  rat.appendChild(ratioToOne);
+  output.appendChild(rat);
+  output.appendChild(lgTextWrap);
+  output.appendChild(smTextWrap);
+  output.appendChild(uiTextWrap);
+
+  buildDemo(foreground, background);
+}
+
+function buildDemo(text, background) {
+  let demo = document.getElementById('demoWrapper');
+  let largeTxt = document.getElementById('largeText');
+  let smallTxt = document.getElementById('smallText');
+  let button = document.getElementById('demoButton');
+  let icon = document.getElementById('demoIcon');
+  let buttonText = document.getElementById('demoButtonText');
+
+  demo.style.backgroundColor = background;
+  button.style.backgroundColor = background;
+  button.style.borderColor = text;
+  icon.style.color = text;
+  buttonText.style.color = text;
+  largeTxt.style.color = text;  
+  smallTxt.style.color = text;  
+}
+
+colorInputForeground.addEventListener('input', function() { inputForeground.value = colorInputForeground.value; returnContrast(); });
+colorInputBackground.addEventListener('input', function() { inputBackground.value = colorInputBackground.value; returnContrast(); });
+inputForeground.addEventListener('input', returnContrast);
+inputBackground.addEventListener('input', returnContrast);
+// type.addEventListener('input', returnColor);
+
+setup();
+returnContrast();
+
+export {
+  returnContrast
+}
diff --git a/packages/ui/src/converter.html b/packages/ui/src/converter.html
index 5a3d6c5d..9ece4e89 100644
--- a/packages/ui/src/converter.html
+++ b/packages/ui/src/converter.html
@@ -44,45 +44,51 @@
     <img src="images/Leonardo_Logo_sm.svg" alt="Leonardo logo" id="headerLogo">
     <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   </a>
-  <div class="spectrum-AppHeader--right">
+  <div class="spectrum-AppHeader_item">
     <a href="https://medium.com/@NateBaldwin/leonardo-an-open-source-contrast-based-color-generator-92d61b6521d2" class="spectrum-ActionButton spectrum-ActionButton--quiet">About</a>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
     <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
     <a href="/" class="spectrum-ActionButton spectrum-ActionButton--quiet is-selected">Converter</a>
+    <a href="contrast-checker.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Contrast checker</a>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
 <main id="converterWrapper">
   <div id="converterGroup">
-    <h1> Color Converter </h1>
-    <cite>Built using d3-color</cite>
-    <p> Text field supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02) inputs. Color input only supports rgb colors.</p>
-    <div class="spectrum-Form">
-      <div class="spectrum-Form-item">
-        <label for="input" class="spectrum-FieldLabel">Color value:</label>
-        <input type="text" id="input" placeholder="Enter color value" class="spectrum-Textfield"></input>
-        <input type="color" class="" id="colorInput"></input>
-       </div>
-       <div class="spectrum-Form-item">
-         <label for="type" class="spectrum-FieldLabel">Convert to:</label>
-         <div class="spectrum-Dropdown">
-           <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="type" id="type">
-             <option>CAM02</option>
-             <option>Lch</option>
-             <option>Lab</option>
-             <option>HSL</option>
-             <option>HSLuv</option>
-             <option>HSV</option>
-             <option>RGB</option>
-             <option>Hex</option>
-           </select>
-           <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
-             <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
-           </svg>
-         </div>
-       </div>
-     </div>
-     <div id="output"></div>
+    <div>
+      <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Color Converter </h1>
+      <cite>Built using d3-color</cite>
+      <p> Text field supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02).</p>
+      <div class="converter--row">
+        <div class="spectrum-Form">
+          <div class="spectrum-Form-item">
+            <label for="input" class="spectrum-FieldLabel">Color value:</label>
+            <input type="text" id="input" placeholder="Enter color value" class="spectrum-Textfield"></input>
+            <input type="color" class="" id="colorInput"></input>
+          </div>
+          <div class="spectrum-Form-item">
+            <label for="type" class="spectrum-FieldLabel">Convert to:</label>
+            <div class="spectrum-Dropdown">
+              <select class="spectrum-FieldButton spectrum-Dropdown-trigger" name="type" id="type">
+                <option>CAM02</option>
+                <option>Lch</option>
+                <option>Lab</option>
+                <option>HSL</option>
+                <option>HSLuv</option>
+                <option>HSV</option>
+                <option>RGB</option>
+                <option>Hex</option>
+              </select>
+              <svg xmlns:xlink="http://www.w3.org/1999/xlink" class="spectrum-Icon spectrum-UIIcon-ChevronDownMedium spectrum-Dropdown-icon">
+                <use xlink:href="#spectrum-css-icon-ChevronDownMedium"></use>
+              </svg>
+            </div>
+          </div>
+        </div>
+        <div id="output"></div>
+      </div>
+    </div>
+    
    </div>
 </main>
 <script src="converter.js"></script>
diff --git a/packages/ui/src/converter.js b/packages/ui/src/converter.js
index 0c0254cb..f5f3efb4 100644
--- a/packages/ui/src/converter.js
+++ b/packages/ui/src/converter.js
@@ -14,7 +14,6 @@ import '@spectrum-css/vars/dist/spectrum-medium.css';
 import '@spectrum-css/vars/dist/spectrum-light.css';
 
 import '@spectrum-css/page/dist/index-vars.css';
-import '@spectrum-css/typography/dist/index-vars.css';
 import '@spectrum-css/icon/dist/index-vars.css';
 import '@spectrum-css/link/dist/index-vars.css';
 import '@spectrum-css/alert/dist/index-vars.css';
@@ -30,6 +29,7 @@ import '@spectrum-css/buttongroup/dist/index-vars.css';
 import '@spectrum-css/tooltip/dist/index-vars.css';
 import '@spectrum-css/slider/dist/index-vars.css';
 import '@spectrum-css/tabs/dist/index-vars.css';
+import '@spectrum-css/typography/dist/index-vars.css';
 
 import './scss/style.scss';
 import './scss/colorinputs.scss';
diff --git a/packages/ui/src/index.html b/packages/ui/src/index.html
index 93332374..5c6b3bfb 100644
--- a/packages/ui/src/index.html
+++ b/packages/ui/src/index.html
@@ -69,6 +69,7 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
     <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
     <a href="converter.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Converter</a>
+    <a href="contrast-checker.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Contrast checker</a>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>
diff --git a/packages/ui/src/scss/converter.scss b/packages/ui/src/scss/converter.scss
index c72eae15..9eb7cf74 100644
--- a/packages/ui/src/scss/converter.scss
+++ b/packages/ui/src/scss/converter.scss
@@ -31,18 +31,31 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow: auto;
 }
 
 #converterGroup {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  width: 300px;
+  max-width: 100%;
+  width: 860px;
+  height: calc(100vh - 58px);
+  max-height: 100%;
+  justify-content: space-between;
+  gap: 32px;
 }
 
-h1 {
+#converterGroup h1 {
   margin-top: 64px;
 }
+#converterGroup p {
+  max-width: 60ch;
+}
+
+#converterGroup input[type=text] + input[type=color] {
+  margin-left: 6px;
+}
 
 cite {
   color: #707070;
@@ -52,3 +65,105 @@ h1 + cite {
     margin-top: -4px;
     margin-bottom: 8px;
 }
+
+.spectrum-Form-item--row {
+  display: flex;
+  flex-direction: row;
+  gap: 32px;
+
+  // For some reason have to do this to retain proper width and keep from wrapping
+  .spectrum-Form-item {
+    width: 182px;
+  }
+}
+
+
+.spectrum-Textfield {
+  width: 20ch;
+}
+
+.converter--column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.converter--row {
+  display: flex;
+  flex-direction: row;
+  gap: 64px;
+  justify-content: flex-start;
+}
+
+#demoWrapper {
+  padding: 72px 48px;
+  border-radius: 8px;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  height: 168px;
+  display: flex;
+  justify-content: center;
+
+  #smallText {
+    margin-top: 0.5rem;
+    margin-bottom: 1rem;
+  }
+}
+#largeText {
+  font-size: 18.666px;
+  font-weight: bold;
+}
+#smallText {
+  font-size: 14px;
+}
+
+.contrastRatio {
+  font-size: 64px;
+  line-height: 1;
+  color: #000;
+  display: block;
+  margin-bottom: 3rem;
+  font-weight: 600;
+}
+
+#outputWrapper {
+  h2 {
+    margin-bottom: 0px;
+    margin-top: 2rem;
+  }
+}
+
+.badge {
+  font-size: 14px;
+  color: #ffffff;
+  padding: 6px 8px;
+  border-radius: 4px;
+  display: inline-block;
+  font-weight: 600;
+}
+
+.badge--error {
+  background-color: #d60000;
+}
+.badge--success {
+  background-color: #158000;
+}
+
+.passFail {
+  display: inline-block;
+  & + .passFail {
+    margin-left: 24px;
+  }
+}
+.heading--passFail {
+  display: block;
+  margin-bottom: 4px;
+}
+.ratioToOne {
+  color: #6e6e6e;
+  font-weight: 400;
+}
+
+#converterGroup .footer--cta {
+  margin-bottom: 2em;
+  margin-top: 4em;
+  font-size: 14px;
+}
\ No newline at end of file
diff --git a/packages/ui/src/theme.html b/packages/ui/src/theme.html
index 04c05c73..225a1248 100644
--- a/packages/ui/src/theme.html
+++ b/packages/ui/src/theme.html
@@ -69,6 +69,7 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
     <a href="https://www.github.com/adobe/leonardo#leonardo" class="spectrum-ActionButton spectrum-ActionButton--quiet">Docs</a>
     <a href="demo.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Demo</a>
     <a href="converter.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Converter</a>
+    <a href="contrast-checker.html" class="spectrum-ActionButton spectrum-ActionButton--quiet">Contrast checker</a>
     <a href="https://www.github.com/adobe/leonardo" id="octo-link"> <img id="octocat" src="images/GitHub-Mark-120px-plus.png" alt="Github octocat"/> </a>
   </div>
 </header>

From 273dd7498a64359fb20d21f7a6bf4a1c004c2e61 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Thu, 3 Sep 2020 13:52:54 -0600
Subject: [PATCH 65/74] added missing xlink

---
 packages/ui/src/contrast-checker.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index 0a36a3f0..f9baf1a8 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -106,7 +106,7 @@ <h2>Contrast ratio:</h2>
         <span id="smallText">Small text is less than 18pt or less than 14pt bold.</span>
         <span id="uiDemo">
           <button class="spectrum-Button" id="demoButton">
-            <svg id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
               <use xlink:href="#spectrum-icon-18-Edit" />
             </svg>          
             <span id="demoButtonText" class="spectrum-Button-label">Button</span>

From c32af395f4b08d7d98ad107e2e2b9608ed028065 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Thu, 3 Sep 2020 14:08:08 -0600
Subject: [PATCH 66/74] bugfix: icon color in contrast checker

---
 packages/ui/src/contrast-checker.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index f9baf1a8..05807014 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -106,8 +106,8 @@ <h2>Contrast ratio:</h2>
         <span id="smallText">Small text is less than 18pt or less than 14pt bold.</span>
         <span id="uiDemo">
           <button class="spectrum-Button" id="demoButton">
-            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit">
-              <use xlink:href="#spectrum-icon-18-Edit" />
+            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit"  viewBox="0 0 48 48">
+              <path d="M17.054 37.145c-3.1 1.116-6.975 2.517-9.652 3.475l3.456-9.653zm16.64-32.727L8.82 29.292a2.233 2.233 0 00-.521.814L4.115 41.659a1.655 1.655 0 002.171 2.186L17.9 39.713a2.231 2.231 0 00.827-.526L43.59 14.274a1.887 1.887 0 00.173-2.653l-7.42-7.382a1.889 1.889 0 00-2.649.179z"></path>
             </svg>          
             <span id="demoButtonText" class="spectrum-Button-label">Button</span>
           </button>

From b402eaebe24308a2620f8ad643edede08dc85831 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Thu, 3 Sep 2020 14:13:11 -0600
Subject: [PATCH 67/74] removed icon from contrast demo

---
 packages/ui/src/contrast-checker.html | 5 +----
 packages/ui/src/contrast-checker.js   | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index 05807014..8f7365c5 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -105,10 +105,7 @@ <h2>Contrast ratio:</h2>
         <span id="largeText">Large text is 18pt or 14pt bold.</span>
         <span id="smallText">Small text is less than 18pt or less than 14pt bold.</span>
         <span id="uiDemo">
-          <button class="spectrum-Button" id="demoButton">
-            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="demoIcon" class="spectrum-Icon spectrum-Icon--sizeS" focusable="false" aria-hidden="true" aria-label="Edit"  viewBox="0 0 48 48">
-              <path d="M17.054 37.145c-3.1 1.116-6.975 2.517-9.652 3.475l3.456-9.653zm16.64-32.727L8.82 29.292a2.233 2.233 0 00-.521.814L4.115 41.659a1.655 1.655 0 002.171 2.186L17.9 39.713a2.231 2.231 0 00.827-.526L43.59 14.274a1.887 1.887 0 00.173-2.653l-7.42-7.382a1.889 1.889 0 00-2.649.179z"></path>
-            </svg>          
+          <button class="spectrum-Button" id="demoButton">    
             <span id="demoButtonText" class="spectrum-Button-label">Button</span>
           </button>
         </span>
diff --git a/packages/ui/src/contrast-checker.js b/packages/ui/src/contrast-checker.js
index e120a59d..897bed8e 100644
--- a/packages/ui/src/contrast-checker.js
+++ b/packages/ui/src/contrast-checker.js
@@ -292,13 +292,13 @@ function buildDemo(text, background) {
   let largeTxt = document.getElementById('largeText');
   let smallTxt = document.getElementById('smallText');
   let button = document.getElementById('demoButton');
-  let icon = document.getElementById('demoIcon');
+  // let icon = document.getElementById('demoIcon');
   let buttonText = document.getElementById('demoButtonText');
 
   demo.style.backgroundColor = background;
   button.style.backgroundColor = background;
   button.style.borderColor = text;
-  icon.style.color = text;
+  // icon.style.color = text;
   buttonText.style.color = text;
   largeTxt.style.color = text;  
   smallTxt.style.color = text;  

From a436b67e2382cb620952238c4951a195e6ea4ca7 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Thu, 3 Sep 2020 14:22:23 -0600
Subject: [PATCH 68/74] trivial: style fix

---
 packages/ui/src/contrast-checker.html | 2 +-
 packages/ui/src/scss/converter.scss   | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index 8f7365c5..41f3b8f2 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -61,7 +61,7 @@ <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Colo
     </div>
 
     <div class="converter--row">
-      <div class="converter--column">
+      <div class="converter--column" id="contrastCheckInput">
         <div id="inputWrapper">
           <div class="spectrum-Form">
             <div class="spectrum-Form-item">
diff --git a/packages/ui/src/scss/converter.scss b/packages/ui/src/scss/converter.scss
index 9eb7cf74..b3931b2e 100644
--- a/packages/ui/src/scss/converter.scss
+++ b/packages/ui/src/scss/converter.scss
@@ -166,4 +166,8 @@ h1 + cite {
   margin-bottom: 2em;
   margin-top: 4em;
   font-size: 14px;
+}
+
+#contrastCheckInput {
+  height: 340px;
 }
\ No newline at end of file

From 7d3dedf5f8a5943bb71ba249de32caae877d2778 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Fri, 4 Sep 2020 11:58:24 -0600
Subject: [PATCH 69/74] added linear interpolation to resolve alpha
 transparency for calculating contrast (#93)

---
 packages/ui/src/contrast-checker.js | 145 ++++++++++++++++++----------
 1 file changed, 94 insertions(+), 51 deletions(-)

diff --git a/packages/ui/src/contrast-checker.js b/packages/ui/src/contrast-checker.js
index 897bed8e..8d8100ce 100644
--- a/packages/ui/src/contrast-checker.js
+++ b/packages/ui/src/contrast-checker.js
@@ -69,92 +69,127 @@ function setup() {
   inputBackground.defaultValue = 'rgb(255, 255, 255)';
 }
 
-function convert(c, typeId = 'RGB') {
-  let A, B, C;
-
-  if(typeId == 'Hex') {
-    return d3.rgb(c).formatHex();
-  }
-
-  else {
-    if(typeId == 'HSLuv') {
-      A = d3.hsluv(c).l;
-      B = d3.hsluv(c).u;
-      C = d3.hsluv(c).v;
-    }
-    if(typeId == 'HSL') {
-      A = d3.hsl(c).h;
-      B = d3.hsl(c).s * 100;
-      C = d3.hsl(c).l * 100;
-    }
-    if(typeId == 'HSV') {
-      A = d3.hsv(c).h;
-      B = d3.hsv(c).s * 100;
-      C = d3.hsv(c).v * 100;
-    }
-    if(typeId == 'CAM02') {
-      A = d3.jab(c).J;
-      B = d3.jab(c).a;
-      C = d3.jab(c).b;
-    }
-    if(typeId == 'Lab') {
-      A = d3.lab(c).l;
-      B = d3.lab(c).a;
-      C = d3.lab(c).b;
-    }
-    if(typeId == 'Lch') {
-      A = d3.hcl(c).l;
-      B = d3.hcl(c).c;
-      C = d3.hcl(c).h;
-    }
-    if(typeId == 'RGB') {
-      A = d3.rgb(c).r;
-      B = d3.rgb(c).g;
-      C = d3.rgb(c).b;
-    }
-
-    return new Array(A.toFixed(), B.toFixed(), C.toFixed());
-  }
+function alphaBlend(c1, c2) {
+  let r1, g1, b1, a1;
+  let r2, g2, b2;
+  
+  r1 = c1[0];
+  g1 = c1[1];
+  b1 = c1[2];
+  a1 = c1[3];
+  
+  r2 = c2[0];
+  g2 = c2[1];
+  b2 = c2[2];
+  
+  let r3 = r2 + (r1-r2)*a1
+  let g3 = g2 + (g1-g2)*a1
+  let b3 = b2 + (b1-b2)*a1
+  
+  let c3 = [r3, g3, b3];
+
+  return c3;
 }
 
 function inputConvert(val) {
   let valNums, valArr;
+  let a = 1;
 
+  if(val.match(/^rgb\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    // convert to proper format (percentages)
+    val = d3.rgb(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatRgb();
+  }
+  // RGBa
+  if(val.match(/^rgba\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    // convert to proper format (percentages)
+    val = d3.rgb(Number(valArr[0]), Number(valArr[1]), Number(valArr[2]), Number(valArr[3])).formatRgb();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^hsl\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     // convert to proper format (percentages)
     val = d3.hsl(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
   }
+  // HSLa
+  if(val.match(/^hsla\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    // convert to proper format (percentages)
+    val = d3.hsl(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^hsv\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     val = d3.hsv(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100)).formatHsl();
   }
+  // HSVa
+  if(val.match(/^hsva\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsv(Number(valArr[0]), Number(valArr[1]/100), Number(valArr[2]/100), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^lab\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     val = d3.lab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
   }
+  // LABa
+  if(val.match(/^laba\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.lab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2]), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^lch\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     val = d3.hcl(Number(valArr[2]), Number(valArr[1]), Number(valArr[0])).formatHsl();
   }
+  // LCHa
+  if(val.match(/^lcha\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hcl(Number(valArr[2]), Number(valArr[1]), Number(valArr[0]), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^jab\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     val = d3.jab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
   }
+  // JABa
+  if(val.match(/^jaba\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.jab(Number(valArr[0]), Number(valArr[1]), Number(valArr[2]), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   if(val.match(/^hsluv\(/)) {
     valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
     valArr = valNums.split(','); // split numbers into array
     val = d3.hsluv(Number(valArr[0]), Number(valArr[1]), Number(valArr[2])).formatHsl();
   }
+  // HSLuva
+  if(val.match(/^hsluva\(/)) {
+    valNums = val.match(/\(.*?\)/g).toString().replace("(", "").replace(")", "").trim(); // find numbers only
+    valArr = valNums.split(','); // split numbers into array
+    val = d3.hsluv(Number(valArr[0]), Number(valArr[1]), Number(valArr[2]), Number(valArr[3])).formatHsl();
+    a = d3.rgb(val).opacity;
+  }
   let r = d3.rgb(val).r;
   let g = d3.rgb(val).g;
   let b = d3.rgb(val).b;
-  return [r.toFixed(), g.toFixed(), b.toFixed()];
+
+  console.log(valArr);
+
+  return [Number(r.toFixed()), Number(g.toFixed()), Number(b.toFixed()), Number(a.toFixed(2))];
 }
 
 function colorInputSync() {
@@ -186,15 +221,23 @@ function returnContrast() {
   // let bg = [d3.rgb(background).r, d3.rgb(background).g, d3.rgb(background).b];
 
   let fg = inputConvert(foregroundInput);
-  let bg = inputConvert(backgroundInput)
+  let bg = inputConvert(backgroundInput);
 
-  let foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ')';
+  let foreground;
+  if (fg.length > 3 ) {
+    foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ', ' + fg[3] + ')';
+  }
+  else {
+    foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ')';
+  }
   let background = 'rgb('+ bg[0] + ', ' + bg[1] + ', ' + bg[2] + ')';
 
   let baseV = (d3.hsluv(backgroundInput).v) / 100;
-  console.log(baseV);
 
-  let ratio = contrastColors.contrast(fg, bg, baseV);
+  // blend alpha foreground over background in case color is transparent
+  let fgBlend = alphaBlend(fg, bg);
+
+  let ratio = contrastColors.contrast(fgBlend, bg, baseV);
   // get rid of that negative ratio...
   if (ratio < 0) {
     ratio = ratio * -1;

From e616997a64a3c0a5a6b60f6b49ad005dc34587d4 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Fri, 4 Sep 2020 12:02:14 -0600
Subject: [PATCH 70/74] Alpha contrast (missing commits) (#94)

* added linear interpolation to resolve alpha transparency for calculating contrast

* added missing commits
---
 packages/ui/package-lock.json         | 15 +++++
 packages/ui/package.json              |  3 +
 packages/ui/src/contrast-checker.html | 25 +++++++-
 packages/ui/src/contrast-checker.js   | 88 ++++++++++++++++++++++++++-
 packages/ui/src/scss/converter.scss   | 17 +++++-
 5 files changed, 140 insertions(+), 8 deletions(-)

diff --git a/packages/ui/package-lock.json b/packages/ui/package-lock.json
index 1615986a..4956561b 100644
--- a/packages/ui/package-lock.json
+++ b/packages/ui/package-lock.json
@@ -46,6 +46,21 @@
       "resolved": "https://registry.npmjs.org/@spectrum-css/checkbox/-/checkbox-2.1.0.tgz",
       "integrity": "sha512-par9qG6+3hxNrPzg1mx46OZHsViSKlOKJIGoa8L2kTS5XLVWCTl7XH+QE55X/QPcUrmItX72terrJr0FZu9pjw=="
     },
+    "@spectrum-css/colorhandle": {
+      "version": "1.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/colorhandle/-/colorhandle-1.0.0-beta.1.tgz",
+      "integrity": "sha512-f0efiI3axD15lyRffU7XLu0Mx0EHBEhsbWaBg54AL6mANT8WrmdayDM+/UR0fOUlY7SXt7R5ErpmSQ8XvJ6siQ=="
+    },
+    "@spectrum-css/colorloupe": {
+      "version": "1.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/colorloupe/-/colorloupe-1.0.0-beta.1.tgz",
+      "integrity": "sha512-/XrkAO2jwb0DEODu9IHHJmZsv3pi0RETgizvVXIENBiY6bGUGtSc2sP2nNK6gh26Ju/KfCixcmPT4Cu3MC+bYQ=="
+    },
+    "@spectrum-css/colorslider": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/@spectrum-css/colorslider/-/colorslider-1.0.0-beta.2.tgz",
+      "integrity": "sha512-M1XdTU5ok/4EqsTJ5gogtk6T1m9rhqxeaF7KNK1zvBktmBVNr6BRyTEimGGhG1Ngv7yUNdQJXcV7cMiPLVesDg=="
+    },
     "@spectrum-css/dialog": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@spectrum-css/dialog/-/dialog-2.0.5.tgz",
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 176c1f3b..0831221d 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -49,6 +49,9 @@
     "@spectrum-css/button": "^2.0.2",
     "@spectrum-css/buttongroup": "^2.0.2",
     "@spectrum-css/checkbox": "^2.0.2",
+    "@spectrum-css/colorhandle": "^1.0.0-beta.1",
+    "@spectrum-css/colorloupe": "^1.0.0-beta.1",
+    "@spectrum-css/colorslider": "^1.0.0-beta.2",
     "@spectrum-css/dialog": "^2.0.2",
     "@spectrum-css/dropdown": "^2.1.1",
     "@spectrum-css/fieldgroup": "^2.0.2",
diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index 41f3b8f2..f4991fb9 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -57,7 +57,7 @@ <h1 class="spectrum-Heading5 spectrum-AppHeader-Title">Leonardo</h1>
   <div id="converterGroup">
     <div>
       <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Color Contrast Checker </h1>
-      <p class="spectrum-Body spectrum-Body--S"> WCAG relative luminance formula and Level AA criteria</p>
+      <p class="spectrum-Body spectrum-Body--S"> Uses WCAG relative luminance formula and Level AA criteria      </p>
     </div>
 
     <div class="converter--row">
@@ -81,9 +81,28 @@ <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Colo
             </div>
             <div class="spectrum-Form-item--row">
               <div class="spectrum-Form-item">
-                <label for="input" class="spectrum-FieldLabel">Text color</label>
+                <label for="input" class="spectrum-FieldLabel">Foreground color</label>
                 <input type="text" id="foregroundInput" placeholder="Enter color value" class="spectrum-Textfield"></input>
                 <input type="color" class="" id="foregroundColorInput"></input>
+
+                <!-- color slider for alpha -->
+                <div id="alphaSlider" class="spectrum-ColorSlider">
+                  <div class="spectrum-ColorSlider-checkerboard" role="presentation">
+                    <div id="alphaSliderGradient" class="spectrum-ColorSlider-gradient" role="presentation" ></div>
+                  </div>
+                
+                  <div id="alphaSliderHandleWrap" class="spectrum-ColorHandle spectrum-ColorSlider-handle">
+                    <div id="alphaSliderHandle" class="spectrum-ColorHandle-color"></div>
+                    <!-- <svg class="spectrum-ColorLoupe">
+                      <g transform="translate(1 1)">
+                        <path class="spectrum-ColorLoupe-inner" d="M24,0A24,24,0,0,1,48,24c0,16.255-24,40-24,40S0,40.255,0,24A24,24,0,0,1,24,0Z" fill="rgb(255, 0, 0)" />
+                        <path class="spectrum-ColorLoupe-outer" d="M24,2A21.98,21.98,0,0,0,2,24c0,6.2,4,14.794,11.568,24.853A144.233,144.233,0,0,0,24,61.132,144.085,144.085,0,0,0,34.4,48.893C41.99,38.816,46,30.209,46,24A21.98,21.98,0,0,0,24,2m0-2A24,24,0,0,1,48,24c0,16.255-24,40-24,40S0,40.255,0,24A24,24,0,0,1,24,0Z"/>
+                      </g>
+                    </svg> -->
+                  </div>
+                
+                  <input id="alphaSliderRange" type="range" class="spectrum-ColorSlider-slider" min="0" max="100" step="1" onchange="sliderRangeInteraction(this.value)">
+                </div>
               </div>
               <div class="spectrum-Form-item">
                 <label for="input" class="spectrum-FieldLabel">Background color</label>
@@ -91,7 +110,7 @@ <h1 class="spectrum-Heading spectrum-Heading--XXL spectrum-Heading--heavy"> Colo
                 <input type="color" class="" id="backgroundColorInput"></input>
               </div>
             </div>
-            <p class="spectrum-Body spectrum-Body--XS">Supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab (CAM02)</p>
+            <p class="spectrum-Body spectrum-Body--XS">Supports hex, rgb, hsl, hsv, hsluv, lab, lch, and jab with alpha</p>
           </div>
         </div>
         
diff --git a/packages/ui/src/contrast-checker.js b/packages/ui/src/contrast-checker.js
index 8d8100ce..699420aa 100644
--- a/packages/ui/src/contrast-checker.js
+++ b/packages/ui/src/contrast-checker.js
@@ -28,6 +28,9 @@ import '@spectrum-css/checkbox/dist/index-vars.css';
 import '@spectrum-css/buttongroup/dist/index-vars.css';
 import '@spectrum-css/tooltip/dist/index-vars.css';
 import '@spectrum-css/slider/dist/index-vars.css';
+import '@spectrum-css/colorslider/dist/index-vars.css';
+import '@spectrum-css/colorhandle/dist/index-vars.css';
+import '@spectrum-css/colorloupe/dist/index-vars.css';
 import '@spectrum-css/tabs/dist/index-vars.css';
 import '@spectrum-css/typography/dist/index-vars.css';
 
@@ -187,7 +190,6 @@ function inputConvert(val) {
   let g = d3.rgb(val).g;
   let b = d3.rgb(val).b;
 
-  console.log(valArr);
 
   return [Number(r.toFixed()), Number(g.toFixed()), Number(b.toFixed()), Number(a.toFixed(2))];
 }
@@ -206,8 +208,87 @@ function colorInputSync() {
   colorInputBackground.value = colorInputBgVal;
 }
 
+function colorSlider() {
+  let input = document.getElementById('foregroundInput');
+  let inputColor = input.value;
+  let grad = document.getElementById('alphaSliderGradient');
+  let range = document.getElementById('alphaSliderRange');
+  let handle = document.getElementById('alphaSliderHandle');
+  let handleWrap = document.getElementById('alphaSliderHandleWrap');
+  let sliderWidth = 208;
+
+  let c = inputConvert(inputColor);
+  let color = 'rgba('+ c[0] + ', ' + c[1] + ', ' + c[2] + ', ' + c[3] + ')';
+
+  let start = 'rgba(' + d3.rgb(color).r + ', ' + d3.rgb(color).g + ', ' + d3.rgb(color).b + ', ' + '0' + ')'; // transform this to rgba fomat 
+  let end = 'rgba(' + d3.rgb(color).r + ', ' + d3.rgb(color).g + ', ' + d3.rgb(color).b + ', ' + '1' + ')'; // transform this to rgba fomat 
+  let linearGrad = 'linear-gradient(to right, ' + start + ' 0%, ' + end + ' 100%)';
+
+  handle.style.backgroundColor = color;
+
+  grad.style.backgroundImage = linearGrad;
+  range.value = c[3] * 100;
+  handleWrap.style.left = sliderWidth * c[3];
+}
+
+function sliderRangeInteraction(value) {
+  let sliderWidth = 208;
+  let handleWrap = document.getElementById('alphaSliderHandleWrap');
+  let pos = value / 100;
+  let posString = ', ' + `${pos}` + ')';
+
+  let colorInput = document.getElementById('foregroundInput');
+  let inputVal = colorInput.value;
+  let newVal = inputVal;
+
+  if(inputVal.match(/^#/)) {
+    let rgb = d3.rgb(inputVal).formatRgb(); // first put in RGB format 
+    newVal = rgb.replace('rgb', 'rgba').replace(')', posString);
+  }
+  if(inputVal.match(/^rgb\(/)) {
+    newVal = inputVal.replace('rgb', 'rgba').replace(')', posString);
+  }
+  if(inputVal.match(/^hsl\(/)) {
+    newVal = inputVal.replace('hsl', 'hsla').replace(')', posString);
+  }
+  if(inputVal.match(/^hsv\(/)) {
+    newVal = inputVal.replace('hsv', 'hsva').replace(')', posString);
+  }
+  if(inputVal.match(/^lab\(/)) {
+    newVal = inputVal.replace('lab', 'laba').replace(')', posString);
+  }
+  if(inputVal.match(/^lch\(/)) {
+    newVal = inputVal.replace('lch', 'lcha').replace(')', posString);
+  }
+  if(inputVal.match(/^jab\(/)) {
+    newVal = inputVal.replace('jab', 'jaba').replace(')', posString);
+  }
+  if(inputVal.match(/^hsluv\(/)) {
+    newVal = inputVal.replace('hsluv', 'hsluva').replace(')', posString);
+  }
+  if(
+    inputVal.match(/^rgba\(/)
+    || inputVal.match(/^hsla\(/)
+    || inputVal.match(/^hsva\(/)
+    || inputVal.match(/^laba\(/)
+    || inputVal.match(/^lcha\(/)
+    || inputVal.match(/^jaba\(/)
+    || inputVal.match(/^hsluva\(/)
+    ) {
+    let alphaString = pos + ')';
+    newVal = inputVal.replace(/[^,]+$/, alphaString);
+  }
+
+  colorInput.value = newVal;
+  handleWrap.style.left = sliderWidth * pos;
+
+  returnContrast();
+}
+
+
 function returnContrast() {
   colorInputSync();
+  colorSlider();
 
   let foregroundInput = inputForeground.value;
   let backgroundInput = inputBackground.value;
@@ -225,7 +306,7 @@ function returnContrast() {
 
   let foreground;
   if (fg.length > 3 ) {
-    foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ', ' + fg[3] + ')';
+    foreground = 'rgba('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ', ' + fg[3] + ')';
   }
   else {
     foreground = 'rgb('+ fg[0] + ', ' + fg[1] + ', ' + fg[2] + ')';
@@ -356,6 +437,9 @@ inputBackground.addEventListener('input', returnContrast);
 setup();
 returnContrast();
 
+window.sliderRangeInteraction = sliderRangeInteraction;
+
 export {
+  sliderRangeInteraction,
   returnContrast
 }
diff --git a/packages/ui/src/scss/converter.scss b/packages/ui/src/scss/converter.scss
index b3931b2e..93bebc00 100644
--- a/packages/ui/src/scss/converter.scss
+++ b/packages/ui/src/scss/converter.scss
@@ -73,13 +73,13 @@ h1 + cite {
 
   // For some reason have to do this to retain proper width and keep from wrapping
   .spectrum-Form-item {
-    width: 182px;
+    width: 210px;
   }
 }
 
 
 .spectrum-Textfield {
-  width: 20ch;
+  width: 24ch;
 }
 
 .converter--column {
@@ -98,7 +98,7 @@ h1 + cite {
   padding: 72px 48px;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.15);
-  height: 168px;
+  height: 218px;
   display: flex;
   justify-content: center;
 
@@ -170,4 +170,15 @@ h1 + cite {
 
 #contrastCheckInput {
   height: 340px;
+}
+
+#alphaSlider {
+  width: 208px;
+}
+.spectrum-ColorSlider-slider {
+  z-index: 1;
+  pointer-events: all;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: transparent;
 }
\ No newline at end of file

From a70813cd7104c993a1ef30c698cc78e30931b072 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 8 Sep 2020 11:49:04 -0600
Subject: [PATCH 71/74] fix: title/description for contrast checker page

---
 packages/ui/src/contrast-checker.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/contrast-checker.html b/packages/ui/src/contrast-checker.html
index f4991fb9..4568feeb 100644
--- a/packages/ui/src/contrast-checker.html
+++ b/packages/ui/src/contrast-checker.html
@@ -4,8 +4,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <title>Leonardo: Color Converter</title>
-  <meta property="og:title" content="Leonardo: Color Converter">
-  <meta name="description" content="Color converter for multiple color spaces">
+  <meta property="og:title" content="Leonardo: Color Contrast Checker">
+  <meta name="description" content="Check contrast of colors against WCAG AA criteria">
   <meta property="og:description" content="Color converter for multiple color spaces">
   <meta property="og:image" content="">
   <meta property="og:url" content="">

From e8ade27a4aa414624d307824e0c9d84eab4a17fb Mon Sep 17 00:00:00 2001
From: Federico Ciardi <fed.ciardi@gmail.com>
Date: Tue, 8 Sep 2020 23:10:54 +0200
Subject: [PATCH 72/74] Improve typescript support (#97)

* fix: remove 'HEX' and 'CAM02p' from color spaces used to interpolate values

* feat: add 'NamedColorScale' interface
---
 packages/contrast-colors/index.d.ts | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/packages/contrast-colors/index.d.ts b/packages/contrast-colors/index.d.ts
index 24f7e37a..87436341 100644
--- a/packages/contrast-colors/index.d.ts
+++ b/packages/contrast-colors/index.d.ts
@@ -14,6 +14,7 @@ export as namespace ContrastColors;
 export = ContrastColors;
 
 declare namespace ContrastColors {
+  type InterpolationColorspace = 'CAM02' | 'LCH' | 'LAB' | 'HSL' | 'HSLuv' | 'RGB' | 'HSV';
   type Colorspace = 'CAM02' | 'CAM02p' | 'LCH' | 'LAB' | 'HSL' | 'HSLuv' | 'RGB' | 'HSV' | 'HEX';
   
   type RGBArray = number[];
@@ -38,6 +39,14 @@ declare namespace ContrastColors {
     colorsHex: string[]
   }
 
+  interface NamedColorScale {
+    name: string,
+    colorKeys: string[],
+    colorspace: InterpolationColorspace,
+    ratios: number[] | { [key: string]: number },
+    smooth?: boolean
+  }
+
   function createScale({
     swatches,
     colorKeys,
@@ -48,7 +57,7 @@ declare namespace ContrastColors {
   }: {
     swatches: number,
     colorKeys: string[],
-    colorspace?: Colorspace,
+    colorspace?: InterpolationColorspace,
     shift?: number,
     fullScale?: boolean,
     smooth?: boolean
@@ -67,7 +76,7 @@ declare namespace ContrastColors {
   }: {
     colorKeys: string[],
     colorspace?: Colorspace,
-    smooth: boolean
+    smooth?: boolean
   }): string[];
   
   function generateContrastColors({
@@ -81,7 +90,7 @@ declare namespace ContrastColors {
     colorKeys: string[],
     base: string,
     ratios: number[],
-    colorspace?: Colorspace,
+    colorspace?: InterpolationColorspace,
     smooth?: boolean,
     output?: Colorspace
   }): string[] | never;
@@ -97,12 +106,7 @@ declare namespace ContrastColors {
     contrast, 
     output
   }: {
-    colorScales: {
-      name: string,
-      colorKeys: string[],
-      colorspace: Colorspace,
-      ratios: number[] | { [key: string]: number }
-    }[],
+    colorScales: NamedColorScale[],
     baseScale: string,
     brightness?: number,
     contrast?: number,

From 636c6d29b83bd392db0cb63c4d908c5dc802b940 Mon Sep 17 00:00:00 2001
From: Nate Baldwin <nbaldwin@adobe.com>
Date: Tue, 8 Sep 2020 15:13:34 -0600
Subject: [PATCH 73/74] chore(release): release

 - @adobe/leonardo-contrast-colors@1.0.0-alpha.8
 - @adobe/leonardo-ui@1.3.2
---
 packages/contrast-colors/CHANGELOG.md |  8 ++++++++
 packages/contrast-colors/package.json |  2 +-
 packages/ui/CHANGELOG.md              | 11 +++++++++++
 packages/ui/package-lock.json         |  2 +-
 packages/ui/package.json              |  4 ++--
 5 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/packages/contrast-colors/CHANGELOG.md b/packages/contrast-colors/CHANGELOG.md
index 8d5addac..32563260 100644
--- a/packages/contrast-colors/CHANGELOG.md
+++ b/packages/contrast-colors/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.0.0-alpha.8](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.7...@adobe/leonardo-contrast-colors@1.0.0-alpha.8) (2020-09-08)
+
+**Note:** Version bump only for package @adobe/leonardo-contrast-colors
+
+
+
+
+
 # [1.0.0-alpha.7](https://github.com/adobe/leonardo/compare/@adobe/leonardo-contrast-colors@1.0.0-alpha.6...@adobe/leonardo-contrast-colors@1.0.0-alpha.7) (2020-08-18)
 
 **Note:** Version bump only for package @adobe/leonardo-contrast-colors
diff --git a/packages/contrast-colors/package.json b/packages/contrast-colors/package.json
index e67fe1c4..d84a2374 100644
--- a/packages/contrast-colors/package.json
+++ b/packages/contrast-colors/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-contrast-colors",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "Generate colors based on a desired contrast ratio",
   "repository": "git@github.com:adobe/leonardo.git",
   "main": "./index.js",
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
index 39d35165..f2a97b65 100644
--- a/packages/ui/CHANGELOG.md
+++ b/packages/ui/CHANGELOG.md
@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.2](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.3.1...@adobe/leonardo-ui@1.3.2) (2020-09-08)
+
+
+### Bug Fixes
+
+* title/description for contrast checker page ([a70813c](https://github.com/adobe/leonardo/commit/a70813cd7104c993a1ef30c698cc78e30931b072))
+
+
+
+
+
 ## [1.3.1](https://github.com/adobe/leonardo/compare/@adobe/leonardo-ui@1.3.0...@adobe/leonardo-ui@1.3.1) (2020-08-18)
 
 **Note:** Version bump only for package @adobe/leonardo-ui
diff --git a/packages/ui/package-lock.json b/packages/ui/package-lock.json
index 4956561b..2f2a97cd 100644
--- a/packages/ui/package-lock.json
+++ b/packages/ui/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@adobe/leonardo-ui",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 0831221d..09734a74 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@adobe/leonardo-ui",
   "private": true,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "Demonstration UI for Leonardo",
   "repository": "git@github.com:adobe/leonardo.git",
   "author": "Nate Baldwin <nbaldwin@adobe.com>",
@@ -43,7 +43,7 @@
   },
   "dependencies": {
     "@adobe/focus-ring-polyfill": "^0.1.5",
-    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.7",
+    "@adobe/leonardo-contrast-colors": "^1.0.0-alpha.8",
     "@adobe/spectrum-css-workflow-icons": "^1.0.0",
     "@spectrum-css/alert": "^2.0.2",
     "@spectrum-css/button": "^2.0.2",

From dcf48b7f9e4d3bff407b9dcbf47574acaccc9335 Mon Sep 17 00:00:00 2001
From: Federico Ciardi <fed.ciardi@gmail.com>
Date: Sat, 12 Sep 2020 11:53:03 +0200
Subject: [PATCH 74/74] feat: split types returned from 'generateAdaptiveTheme'
 and 'fixColorValue'

---
 packages/contrast-colors/index.d.ts | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/packages/contrast-colors/index.d.ts b/packages/contrast-colors/index.d.ts
index 87436341..50103c8e 100644
--- a/packages/contrast-colors/index.d.ts
+++ b/packages/contrast-colors/index.d.ts
@@ -15,20 +15,23 @@ export = ContrastColors;
 
 declare namespace ContrastColors {
   type InterpolationColorspace = 'CAM02' | 'LCH' | 'LAB' | 'HSL' | 'HSLuv' | 'RGB' | 'HSV';
+
   type Colorspace = 'CAM02' | 'CAM02p' | 'LCH' | 'LAB' | 'HSL' | 'HSLuv' | 'RGB' | 'HSV' | 'HEX';
   
   type RGBArray = number[];
-  
-  type AdaptiveTheme = (brightness: number, constrast: number) => AdaptiveTheme | ({ 
-    background: string 
-  } | {
+
+  type AdaptiveThemeBackground = { background: string };
+
+  type AdaptiveThemeColorScheme = {
     name: string,
     values: {
       name: string,
       contrast: number,
       value: string
-    }[]
-  })[];
+    }[];
+  };
+  
+  type AdaptiveTheme = (AdaptiveThemeBackground | AdaptiveThemeColorScheme)[];
 
   interface ColorScale {
     colorKeys: string[],
@@ -99,7 +102,7 @@ declare namespace ContrastColors {
   
   function ratioName(r: number[]): number[] | never;
   
-  function generateAdaptiveTheme({ 
+  function generateAdaptiveTheme<T>({ 
     colorScales, 
     baseScale,
     brightness,
@@ -108,14 +111,14 @@ declare namespace ContrastColors {
   }: {
     colorScales: NamedColorScale[],
     baseScale: string,
-    brightness?: number,
+    brightness?: T,
     contrast?: number,
     output?: Colorspace,
-  }): AdaptiveTheme | never;
+  }): T extends number ? AdaptiveTheme : (brightness: number, constrast?: number) => AdaptiveTheme | never;
   
-  function fixColorValue(
+  function fixColorValue<T extends boolean = false>(
     color: string, 
     format: Colorspace, 
-    object?: boolean
-  ): string | { [key: string]: number };
+    object?: T
+  ): T extends false ? string : { [key: string]: number };
 }
\ No newline at end of file