Watcha op316 show differently the users that have not accepted the invitation to the server yet (#27)

* feat: replace textual account status with icon

* feat: add the UserAccountStatusHeader component that provides help for users

* refactor(logo.svg): remove useless metadata to improve file size

* refactor: replace tabs with spaces for indentation

* feat: update i18n

* feat: replace <li> with <p>

* feat: improve userAccountStatusHeader popover layout

* cmd: yarn add node-sass

* feat: add icons in popover

* feat: add image alt prop

* fix: add missing key prop for array of components

* feat: add Status component

* fix: equal columns

* refactor: sass @extend Status_base

* refactor: remove useless sass import

* fix: improve i18n

* fix: improve text

package.json

@@ -13,6 +13,7 @@
     "i18next-http-backend": "^1.0.3",
     "match-sorter": "^4.1.0",
     "moment": "^2.24.0",
+    "node-sass": "^4.14.1",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-i18next": "^11.3.4",

public/locales/en/common.json

@@ -16,5 +16,6 @@
     "success": "Successfull transaction",
     "danger": "An error has occurred",
     "filter": "Filter",
-    "clear": "Clear"
+    "clear": "Clear",
+    "help": "Help"
 }

public/locales/en/usersTab.json

@@ -22,7 +22,15 @@
         "emailAddress": "Email address",
         "lastSeen": "Last activity on",
         "role": "Role",
-        "status": "Account status"
+        "status": "Status"
+    },
+    "statusHelp": {
+        "title": "Account status",
+        "content": {
+            "active": "<strong>Active</strong>: the user can log in to Watcha.",
+            "inactive": "<strong>Inactive</strong>: the user cannot log in to Watcha. A deactivated user can be reactivated; an email will be sent asking them to set a new password.",
+            "invited": "<strong>Invitation sent</strong>: an invitation email has been sent to the user, but the user has not yet finalized the registration process, and has not yet logged in to Watcha."
+        }
     },
     "roles": {
         "administrator": "Administrator",
@@ -30,8 +38,8 @@
         "partner": "Partner"
     },
     "status": {
-        "active": "enabled",
-        "inactive": "disabled",
-        "invited": "invitation sent"
+        "active": "Account enabled",
+        "inactive": "Account disabled",
+        "invited": "Invitation sent"
     }
 }

public/locales/fr/common.json

@@ -40,5 +40,6 @@
     "success": "Opération terminée avec succès",
     "danger": "Une erreur s'est produite",
     "filter": "Filtrer",
-    "clear": "Effacer"
+    "clear": "Effacer",
+    "help": "Aide"
 }

public/locales/fr/usersTab.json

@@ -22,7 +22,15 @@
         "emailAddress": "Adresse électronique",
         "lastSeen": "Dernière activité le",
         "role": "Rôle",
-        "status": "Statut du compte"
+        "status": "Statut"
+    },
+    "statusHelp": {
+        "title": "Statut du compte",
+        "content": {
+            "active": "<strong>Activé</strong> : l'utilisateur peut se connecter à Watcha.",
+            "inactive": "<strong>Désactivé</strong> : l'utilisateur ne peut pas se connecter à Watcha. Un utilisateur désactivé peut être réactivé ; un email lui demandant de définir un nouveau mot de passe lui sera envoyé.",
+            "invited": "<strong>Invitation envoyée</strong> : un email d'invitation a été envoyé à l'utilisateur, mais ce dernier n'a pas encore finalisé la procédure d'inscription, et ne s'est pas encore connecté à Watcha."
+        }
     },
     "roles": {
         "administrator": "Administrateur",
@@ -30,8 +38,8 @@
         "partner": "Partenaire"
     },
     "status": {
-        "active": "activé",
-        "inactive": "désactivé",
-        "invited": "invitation envoyée"
+        "active": "Compte activé",
+        "inactive": "Compte désactivé",
+        "invited": "Invitation envoyée"
     }
 }

src/App.css

@@ -98,6 +98,7 @@
 }
 
 th {
+    z-index: 1;
     position: sticky;
     top: 0;
     border: 0 !important;
@@ -121,6 +122,24 @@ th:hover {
 .tableHeader {
     display: flex;
     align-items: center;
+    white-space: nowrap;
+}
+
+.tableHeader img {
+    margin-left: 0.5em;
+}
+
+tr,
+td {
+    height: 100%;
+}
+
+col {
+    width: 1%;
+}
+
+col.status {
+    width: 0.0001%;
 }
 
 .chevron {
@@ -146,14 +165,6 @@ th:hover {
     background-color: darkgrey !important;
 }
 
-td .active {
-    color: green;
-}
-
-td .inactive {
-    color: red;
-}
-
 .bottomButtons {
     margin: auto;
     width: 200px;
@@ -165,7 +176,6 @@ td .inactive {
     width: 30vw;
 }
 
-
 .header-with-button {
     display: flex;
     justify-content: space-between;
@@ -189,7 +199,7 @@ td .inactive {
     color: white;
 }
 
-.statsPanelFooter:hover{
+.statsPanelFooter:hover {
     cursor: pointer;
     background-color: darkturquoise;
     text-decoration: underline;

src/Status.js

@@ -0,0 +1,7 @@
+import React from "react";
+
+import "./css/Status.scss";
+
+export default ({ status, t }) => (
+    <span className={`Status ${status}`} title={t(`status.${status}`)} />
+);

src/Table.js

@@ -57,6 +57,12 @@ export default ({ tableInstance, itemId }) => {
 
     return (
         <Table hover size="sm" {...getTableProps()}>
+            <colgroup>
+                {tableInstance.columns.map(column => (
+                    <col key={column.id} className={column.id} />
+                ))}
+            </colgroup>
+
             <thead>
                 {headerGroups.map(headerGroup => (
                     <tr {...headerGroup.getHeaderGroupProps()}>
@@ -71,6 +77,7 @@ export default ({ tableInstance, itemId }) => {
                     </tr>
                 ))}
             </thead>
+
             <tbody {...getTableBodyProps()}>
                 {rows.map(row => {
                     prepareRow(row);

src/UserAccountStatusHeader.js

@@ -0,0 +1,40 @@
+import React from "react";
+import { Trans, useTranslation } from "react-i18next";
+import OverlayTrigger from "react-bootstrap/OverlayTrigger";
+import Popover from "react-bootstrap/Popover";
+
+import "./css/UserAccountStatusHeader.scss";
+import infoCircle from "./images/info-circle.svg";
+
+export default () => {
+    const { t } = useTranslation("usersTab");
+
+    const popover = (
+        <Popover className="UserAccountStatusHeader_Popover">
+            <Popover.Title as="h3">{t("statusHelp.title")}</Popover.Title>
+            <Popover.Content>
+                <p>
+                    <span className="status active" />
+                    <Trans t={t} i18nKey={"statusHelp.content.active"} />
+                </p>
+                <p>
+                    <span className="status inactive" />
+                    <Trans t={t} i18nKey={"statusHelp.content.inactive"} />
+                </p>
+                <p>
+                    <span className="status invited" />
+                    <Trans t={t} i18nKey={"statusHelp.content.invited"} />
+                </p>
+            </Popover.Content>
+        </Popover>
+    );
+
+    return (
+        <>
+            {t("headers.status")}
+            <OverlayTrigger placement="left" overlay={popover}>
+                <img src={infoCircle} alt={t("help")} />
+            </OverlayTrigger>
+        </>
+    );
+};

src/UsersTab.js

@@ -8,6 +8,9 @@ import NewUserModal from "./NewUserModal";
 import TableTab, { compareLowerCase } from "./TableTab";
 import UserRightPanel from "./UserRightPanel";
 
+import Status from "./Status";
+import UserAccountStatusHeader from "./UserAccountStatusHeader";
+
 const ns = "usersTab";
 
 export default ({ userId }) => {
@@ -74,12 +77,10 @@ export default ({ userId }) => {
                 Cell: ({ value }) => t(`roles.${value}`),
             },
             {
-                Header: t("headers.status"),
+                Header: <UserAccountStatusHeader />,
                 accessor: "status",
                 disableGlobalFilter: true,
-                Cell: ({ value }) => (
-                    <span className={value}>{t(`status.${value}`)}</span>
-                ),
+                Cell: ({ value }) => <Status status={value} t={t} />,
             },
         ],
         [t]

src/css/Status.scss

@@ -0,0 +1,35 @@
+@import "util.scss";
+
+.Status_base {
+    mask-size: contain !important;
+    mask-repeat: no-repeat !important;
+
+    &.active,
+    &.inactive {
+        mask: url("#{$img}/status.svg");
+    }
+
+    &.active {
+        background-color: limegreen;
+    }
+
+    &.inactive {
+        background-color: red;
+    }
+
+    &.invited {
+        mask: url("#{$img}/pending-invitation.svg");
+        background-color: black;
+    }
+}
+
+.Status {
+    @extend .Status_base;
+    display: block;
+    height: 80%;
+    margin-left: 1em;
+}
+
+.selectedRow .Status {
+    background-color: white !important;
+}

src/css/UserAccountStatusHeader.scss

@@ -0,0 +1,13 @@
+@import "Status.scss";
+
+.UserAccountStatusHeader_Popover {
+    max-width: 25em;
+
+    .status {
+        @extend .Status_base;
+        display: inline-block;
+        height: 1em;
+        width: 1em;
+        margin-right: 0.5em;
+    }
+}

src/css/util.scss

@@ -0,0 +1 @@
+$img: "../images";

src/images/info-circle.svg

@@ -0,0 +1,6 @@
+<svg class="bi bi-info-circle" width="1em" height="1em" viewBox="0 0 16 16" 
+  xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
+  <path d="M8.93 6.588l-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588z"/>
+  <circle cx="8" cy="4.5" r="1"/>
+</svg>

src/images/logo.svg

@@ -1,155 +1,29 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   id="Calque_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 416.72935 492.70134"
-   xml:space="preserve"
-   sodipodi:docname="watcha-title.svg"
-   inkscape:version="0.92.1 r15371"
-   width="110.25964mm"
-   height="130.36057mm"
-   inkscape:export-filename="C:\Users\xavie\Documents\Watcha\05_design\logo\test V2\vf\logo watcha app.png"
-   inkscape:export-xdpi="300"
-   inkscape:export-ydpi="300"><metadata
-     id="metadata1015"><rdf:RDF><cc:Work
-         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
-     id="defs1013" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1023"
-     id="namedview1011"
-     showgrid="false"
-     inkscape:zoom="1.1212982"
-     inkscape:cx="95.638922"
-     inkscape:cy="267.68247"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g94"
-     fit-margin-top="2"
-     fit-margin-bottom="2"
-     fit-margin-left="2"
-     fit-margin-right="2"
-     units="mm" /><style
-     type="text/css"
-     id="style933">
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="Calque_1" x="0px" y="0px" viewBox="0 0 416.72935 492.70134" xml:space="preserve" width="110.25964mm" height="130.36057mm">
+  <defs id="defs1013" />
+  <style type="text/css" id="style933">
 	.st0{fill:#2E2F76;}
 	.st1{fill:#5AC1D0;}
 	.st2{fill:#222A57;}
-</style><g
-     id="layer3"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer"><g
-       id="g94"><g
-         id="g1857-6"
-         transform="matrix(3.1072268,0,0,3.1072268,13317.89,9662.4253)"><path
-           style="fill:#414141;fill-opacity:1"
-           d="m -6310.3403,-4819.4998 c 0,0 -13,64.3 -13.2,64.6 -8.4,-2.9 -21.1,1.6 -21.1,1.6 z"
-           class="st0"
-           inkscape:connector-curvature="0"
-           id="path3772-19-3-7-5-5-9" /><path
-           style="fill:#00e5e5;fill-opacity:1"
-           d="m -6306.0403,-4814.4998 15,38.8 -26.7,17.8 z"
-           class="st1"
-           inkscape:connector-curvature="0"
-           id="path3776-0-5-2-2-2-8" /><path
-           style="fill:#00e5e5;fill-opacity:1"
-           d="m -6262.3403,-4768.5998 28,-25.1 -12.2,52.4 z"
-           class="st0"
-           inkscape:connector-curvature="0"
-           id="path3778-0-8-1-2-5-6" /><path
-           style="fill:#414141;fill-opacity:1"
-           d="m -6271.7403,-4784.9998 8.4,-26.1 15.4,24.9 -16.1,14.3 z"
-           class="st2"
-           inkscape:connector-curvature="0"
-           id="path3786-4-4-0-7-4-1" /><path
-           style="fill:#414141;fill-opacity:1"
-           d="m -6295.1403,-4795.1998 28.7,-17.1 c 0,0 -8.4,26 -8.5,26.1 -0.2,0.1 -13.4,8.6 -13.4,8.6 0,0 -6.8,-17.6 -6.8,-17.6 z"
-           class="st2"
-           inkscape:connector-curvature="0"
-           id="path3788-7-5-8-8-4-5" /><path
-           style="fill:#414141;fill-opacity:1"
-           d="m -6243.1403,-4734.8998 14.3,-61.5 c 0.5,16.6 12.5,68.8 12.5,68.8 z"
-           class="st1"
-           sodipodi:nodetypes="ccccc"
-           inkscape:connector-curvature="0"
-           id="path3790-1-8-6-1-0-9" /><path
-           style="fill:#414141;fill-opacity:1"
-           d="m -6274.8403,-4780.2998 -41.9,27.8 23.2,52.1 44.2,-35.4 z"
-           class="st0"
-           sodipodi:nodetypes="ccccc"
-           inkscape:connector-curvature="0"
-           id="path3780-5-6-4-2-7-49" /></g><g
-         style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-         id="XMLID_75_-6-3-9-5"
-         transform="translate(-6719.7802,-4991.1704)"><polygon
-           transform="matrix(1.1510356,0,0,1.2508868,-41.958124,-38.338967)"
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:2.50016046;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           points="353.9,101.4 338.7,143.3 323.5,101.4 317.8,101.4 336.4,152.7 338.5,152.7 338.9,152.7 340.9,152.7 356.2,110.8 371.4,152.7 373.5,152.7 373.9,152.7 375.9,152.7 394.5,101.4 388.8,101.4 373.7,143.3 358.5,101.4 356.4,101.4 355.9,101.4 "
-           class="st0"
-           id="XMLID_85_-6-8-3-4" /><path
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 469.9,108.6 c -0.3,-0.3 -0.6,-0.7 -0.9,-1 -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.5 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.5,0 14.1,-2.7 19.5,-8.1 0.3,-0.3 0.6,-0.6 0.9,-1 v 7.2 h 5.2 v -51.3 h -5.2 z m -20.4,40.7 c -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.4,-4.4 9.5,-6.5 15.7,-6.5 6.2,0 11.4,2.1 15.7,6.5 2,2 3.6,4.3 4.7,6.7 v 18.1 c -1.1,2.4 -2.6,4.7 -4.7,6.7 -4.3,4.3 -9.5,6.4 -15.7,6.4 z"
-           class="st0"
-           id="XMLID_82_-8-2-6-8"
-           inkscape:connector-curvature="0" /><polygon
-           transform="translate(14)"
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           points="491.9,152.7 491.9,106.7 502.7,106.7 502.7,101.4 491.9,101.4 491.9,88.5 486.6,88.5 486.6,152.7 "
-           class="st0"
-           id="XMLID_81_-3-8-2-4" /><path
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 556.8,104.8 c 6.2,0 11.4,2.1 15.7,6.5 l 1.4,1.4 3.8,-3.6 -1.5,-1.5 c -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.6 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.3,0 13.7,-2.6 19,-7.6 l 1.2,-1.2 -3.6,-3.8 -1.2,1.2 c -4.3,4.1 -9.3,6.1 -15.4,6.1 -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.5,-4.2 9.6,-6.4 15.8,-6.4 z"
-           class="st0"
-           id="XMLID_80_-1-2-7-8"
-           inkscape:connector-curvature="0" /><path
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 623.2,99.5 c -7.1,0 -13.2,2.5 -18.2,7.5 -0.4,0.4 -0.8,0.8 -1.1,1.2 V 88.5 h -5.2 v 64.1 h 5.2 v -34.2 l 0.1,-0.2 c 0.9,-2.8 2.6,-5.3 4.8,-7.6 4,-4 8.7,-6 14.4,-6 5.7,0 10.4,2 14.4,6 4,4 6,8.7 6,14.4 v 27.5 h 5.2 V 125 c 0,-7.1 -2.5,-13.2 -7.5,-18.1 -4.9,-4.9 -11,-7.4 -18.1,-7.4 z"
-           class="st0"
-           id="XMLID_79_-0-5-8-1"
-           inkscape:connector-curvature="0" /><path
-           style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-           d="m 716.7,101.4 v 7.2 c -0.3,-0.3 -0.6,-0.7 -0.9,-1 -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.5 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.5,0 14.1,-2.7 19.5,-8.1 0.3,-0.3 0.6,-0.6 0.9,-1 v 7.2 h 5.2 v -51.3 h -5.2 z m -20.4,47.9 c -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.4,-4.4 9.5,-6.5 15.7,-6.5 6.2,0 11.4,2.1 15.7,6.5 2,2 3.6,4.3 4.7,6.7 v 18.1 c -1.1,2.4 -2.6,4.7 -4.7,6.7 -4.3,4.3 -9.4,6.4 -15.7,6.4 z"
-           class="st0"
-           id="XMLID_76_-9-8-1-8"
-           inkscape:connector-curvature="0" /></g></g></g><g
-     id="layer3_3_"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer" /><g
-     id="layer3_1_"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer" /><g
-     id="layer3_5_"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer" /><g
-     id="layer3_4_"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer" /><g
-     id="layer3_2_"
-     transform="translate(6405.5505,5320.4127)"
-     inkscape:label="Layer 3"
-     inkscape:groupmode="layer" /></svg>
+  </style>
+  <g id="layer3" transform="translate(6405.5505,5320.4127)">
+    <g id="g1857-6" transform="matrix(3.1072268,0,0,3.1072268,13317.89,9662.4253)">
+      <path style="fill:#414141;fill-opacity:1" d="m -6310.3403,-4819.4998 c 0,0 -13,64.3 -13.2,64.6 -8.4,-2.9 -21.1,1.6 -21.1,1.6 z" class="st0" id="path3772-19-3-7-5-5-9" />
+      <path style="fill:#00e5e5;fill-opacity:1" d="m -6306.0403,-4814.4998 15,38.8 -26.7,17.8 z" class="st1" id="path3776-0-5-2-2-2-8" />
+      <path style="fill:#00e5e5;fill-opacity:1" d="m -6262.3403,-4768.5998 28,-25.1 -12.2,52.4 z" class="st0" id="path3778-0-8-1-2-5-6" />
+      <path style="fill:#414141;fill-opacity:1" d="m -6271.7403,-4784.9998 8.4,-26.1 15.4,24.9 -16.1,14.3 z" class="st2" id="path3786-4-4-0-7-4-1" />
+      <path style="fill:#414141;fill-opacity:1" d="m -6295.1403,-4795.1998 28.7,-17.1 c 0,0 -8.4,26 -8.5,26.1 -0.2,0.1 -13.4,8.6 -13.4,8.6 0,0 -6.8,-17.6 -6.8,-17.6 z" class="st2" id="path3788-7-5-8-8-4-5" />
+      <path style="fill:#414141;fill-opacity:1" d="m -6243.1403,-4734.8998 14.3,-61.5 c 0.5,16.6 12.5,68.8 12.5,68.8 z" class="st1" id="path3790-1-8-6-1-0-9" />
+      <path style="fill:#414141;fill-opacity:1" d="m -6274.8403,-4780.2998 -41.9,27.8 23.2,52.1 44.2,-35.4 z" class="st0" id="path3780-5-6-4-2-7-49" />
+    </g>
+    <g style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" id="XMLID_75_-6-3-9-5" transform="translate(-6719.7802,-4991.1704)">
+      <polygon transform="matrix(1.1510356,0,0,1.2508868,-41.958124,-38.338967)" style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:2.50016046;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" points="353.9,101.4 338.7,143.3 323.5,101.4 317.8,101.4 336.4,152.7 338.5,152.7 338.9,152.7 340.9,152.7 356.2,110.8 371.4,152.7 373.5,152.7 373.9,152.7 375.9,152.7 394.5,101.4 388.8,101.4 373.7,143.3 358.5,101.4 356.4,101.4 355.9,101.4 " class="st0" id="XMLID_85_-6-8-3-4" />
+      <path style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 469.9,108.6 c -0.3,-0.3 -0.6,-0.7 -0.9,-1 -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.5 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.5,0 14.1,-2.7 19.5,-8.1 0.3,-0.3 0.6,-0.6 0.9,-1 v 7.2 h 5.2 v -51.3 h -5.2 z m -20.4,40.7 c -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.4,-4.4 9.5,-6.5 15.7,-6.5 6.2,0 11.4,2.1 15.7,6.5 2,2 3.6,4.3 4.7,6.7 v 18.1 c -1.1,2.4 -2.6,4.7 -4.7,6.7 -4.3,4.3 -9.5,6.4 -15.7,6.4 z" class="st0" id="XMLID_82_-8-2-6-8" />
+      <polygon transform="translate(14)" style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" points="491.9,152.7 491.9,106.7 502.7,106.7 502.7,101.4 491.9,101.4 491.9,88.5 486.6,88.5 486.6,152.7 " class="st0" id="XMLID_81_-3-8-2-4" />
+      <path style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 556.8,104.8 c 6.2,0 11.4,2.1 15.7,6.5 l 1.4,1.4 3.8,-3.6 -1.5,-1.5 c -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.6 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.3,0 13.7,-2.6 19,-7.6 l 1.2,-1.2 -3.6,-3.8 -1.2,1.2 c -4.3,4.1 -9.3,6.1 -15.4,6.1 -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.5,-4.2 9.6,-6.4 15.8,-6.4 z" class="st0" id="XMLID_80_-1-2-7-8" />
+      <path style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 623.2,99.5 c -7.1,0 -13.2,2.5 -18.2,7.5 -0.4,0.4 -0.8,0.8 -1.1,1.2 V 88.5 h -5.2 v 64.1 h 5.2 v -34.2 l 0.1,-0.2 c 0.9,-2.8 2.6,-5.3 4.8,-7.6 4,-4 8.7,-6 14.4,-6 5.7,0 10.4,2 14.4,6 4,4 6,8.7 6,14.4 v 27.5 h 5.2 V 125 c 0,-7.1 -2.5,-13.2 -7.5,-18.1 -4.9,-4.9 -11,-7.4 -18.1,-7.4 z" class="st0" id="XMLID_79_-0-5-8-1" />
+      <path style="fill:#414141;fill-opacity:1;stroke:#414141;stroke-width:3;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" d="m 716.7,101.4 v 7.2 c -0.3,-0.3 -0.6,-0.7 -0.9,-1 -5.4,-5.3 -11.9,-8 -19.5,-8 -7.6,0 -14.1,2.7 -19.4,8 -5.3,5.3 -8,11.9 -8,19.4 0,7.5 2.7,14.1 8,19.4 5.3,5.3 11.9,8 19.4,8 7.5,0 14.1,-2.7 19.5,-8.1 0.3,-0.3 0.6,-0.6 0.9,-1 v 7.2 h 5.2 v -51.3 h -5.2 z m -20.4,47.9 c -6.2,0 -11.4,-2.1 -15.7,-6.5 -4.4,-4.4 -6.5,-9.5 -6.5,-15.7 0,-6.2 2.1,-11.4 6.5,-15.7 4.4,-4.4 9.5,-6.5 15.7,-6.5 6.2,0 11.4,2.1 15.7,6.5 2,2 3.6,4.3 4.7,6.7 v 18.1 c -1.1,2.4 -2.6,4.7 -4.7,6.7 -4.3,4.3 -9.4,6.4 -15.7,6.4 z" class="st0" id="XMLID_76_-9-8-1-8" />
+    </g>
+  </g>
+</svg>

src/images/pending-invitation.svg

@@ -0,0 +1,7 @@
+<svg enable-background="new 0 0 24 24" height="512" viewBox="0 0 24 24" width="512" 
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="m20.25 18.25h-2.75c-.414 0-.75-.336-.75-.75v-2.75c0-.414.336-.75.75-.75s.75.336.75.75v2h2c.414 0 .75.336.75.75s-.336.75-.75.75z"/>
+    <path d="m17.5 24c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5zm0-11.5c-2.757 0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5z"/>
+    <path d="m9.25 15h-7c-1.24 0-2.25-1.009-2.25-2.25v-9.5c0-1.241 1.01-2.25 2.25-2.25h17.5c1.24 0 2.25 1.009 2.25 2.25v6c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-6c0-.414-.337-.75-.75-.75h-17.5c-.413 0-.75.336-.75.75v9.5c0 .414.337.75.75.75h7c.414 0 .75.336.75.75s-.336.75-.75.75z"/>
+    <path d="m11.001 9.827c-.404 0-.809-.092-1.177-.277l-9.407-4.658c-.371-.184-.522-.633-.339-1.005.184-.371.631-.524 1.005-.339l9.41 4.66c.311.155.706.155 1.011.001l9.413-4.661c.374-.186.821-.032 1.005.339.184.372.032.821-.339 1.005l-9.41 4.66c-.366.183-.769.275-1.172.275z"/>
+</svg>

src/images/status.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" 
+    xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="28.408px" height="28.408px" viewBox="0 0 28.408 28.408" style="enable-background:new 0 0 28.408 28.408;" xml:space="preserve">
+    <g>
+        <path d="M14.206,28.408c-3.387,0-6.772-1.289-9.351-3.867c-2.498-2.497-3.875-5.818-3.875-9.352c0-3.532,1.377-6.854,3.875-9.352
+        c0.977-0.977,2.559-0.977,3.535,0c0.976,0.978,0.977,2.56,0,3.535c-1.555,1.554-2.41,3.618-2.41,5.814
+        c0,2.197,0.855,4.263,2.41,5.814c1.554,1.553,3.617,2.408,5.814,2.408c2.197,0,4.262-0.855,5.814-2.408
+        c1.556-1.554,2.41-3.617,2.41-5.814c0-2.196-0.854-4.262-2.41-5.814c-0.978-0.977-0.978-2.56,0-3.535
+        c0.976-0.977,2.56-0.977,3.535,0c2.498,2.497,3.875,5.818,3.875,9.352s-1.377,6.854-3.875,9.352
+        C20.978,27.119,17.592,28.408,14.206,28.408z M16.207,12.441V2c0-1.104-0.896-2-2-2s-2,0.896-2,2v10.441c0,1.104,0.896,2,2,2
+        S16.207,13.546,16.207,12.441z"/>
+    </g>
+</svg>

yarn.lock

@@ -1712,6 +1712,11 @@ abab@^2.0.0:
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.3.tgz#623e2075e02eb2d3f2475e49f99c91846467907a"
   integrity sha512-tsFzPpcttalNjFBCFMqsKYQcWxxen1pgJR56by//QwvJc4/OUS3kPOOttx2tSIfjsylB0pYu7f5D3K1RCxUnUg==
 
+abbrev@1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
 accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.7:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.7.tgz#531bc726517a3b2b41f850021c6cc15eaab507cd"
@@ -1812,6 +1817,11 @@ alphanum-sort@^1.0.0:
   resolved "https://registry.yarnpkg.com/alphanum-sort/-/alphanum-sort-1.0.2.tgz#97a1119649b211ad33691d9f9f486a8ec9fbe0a3"
   integrity sha1-l6ERlkmyEa0zaR2fn0hqjsn74KM=
 
+amdefine@>=0.0.4:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
+  integrity sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=
+
 ansi-align@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
@@ -1897,11 +1907,19 @@ anymatch@~3.1.1:
     normalize-path "^3.0.0"
     picomatch "^2.0.4"
 
-aproba@^1.1.1:
+aproba@^1.0.3, aproba@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a"
   integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==
 
+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"
+  integrity sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==
+  dependencies:
+    delegates "^1.0.0"
+    readable-stream "^2.0.6"
+
 argparse@^1.0.7:
   version "1.0.10"
   resolved "https://registry.yarnpkg.com/argparse/-/argparse-1.0.10.tgz#bcd6791ea5ae09725e17e5ad988134cd40b3d911"
@@ -1942,6 +1960,11 @@ array-equal@^1.0.0:
   resolved "https://registry.yarnpkg.com/array-equal/-/array-equal-1.0.0.tgz#8c2a5ef2472fd9ea742b04c77a75093ba2757c93"
   integrity sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=
 
+array-find-index@^1.0.1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
+  integrity sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=
+
 array-flatten@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2"
@@ -2052,6 +2075,11 @@ async-each@^1.0.1:
   resolved "https://registry.yarnpkg.com/async-each/-/async-each-1.0.3.tgz#b727dbf87d7651602f06f4d4ac387f47d91b0cbf"
   integrity sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==
 
+async-foreach@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542"
+  integrity sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=
+
 async-limiter@~1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/async-limiter/-/async-limiter-1.0.1.tgz#dd379e94f0db8310b08291f9d64c3209766617fd"
@@ -2327,6 +2355,13 @@ bindings@^1.5.0:
   dependencies:
     file-uri-to-path "1.0.0"
 
+block-stream@*:
+  version "0.0.9"
+  resolved "https://registry.yarnpkg.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
+  integrity sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=
+  dependencies:
+    inherits "~2.0.0"
+
 bluebird@^3.5.5:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
@@ -2658,6 +2693,14 @@ camel-case@^4.1.1:
     pascal-case "^3.1.1"
     tslib "^1.10.0"
 
+camelcase-keys@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-2.1.0.tgz#308beeaffdf28119051efa1d932213c91b8f92e7"
+  integrity sha1-MIvur/3ygRkFHvodkyITyRuPkuc=
+  dependencies:
+    camelcase "^2.0.0"
+    map-obj "^1.0.0"
+
 camelcase@5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.0.0.tgz#03295527d58bd3cd4aa75363f35b2e8d97be2f42"
@@ -2668,6 +2711,11 @@ camelcase@5.3.1, camelcase@^5.0.0, camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
+camelcase@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-2.1.1.tgz#7c1d16d679a1bbe59ca02cacecfb011e201f5a1f"
+  integrity sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=
+
 camelcase@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-4.1.0.tgz#d545635be1e33c542649c69173e5de6acfae34dd"
@@ -2724,7 +2772,7 @@ chalk@2.4.2, chalk@^2.0.0, chalk@^2.0.1, chalk@^2.1.0, chalk@^2.4.1, chalk@^2.4.
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^1.1.3:
+chalk@^1.1.1, chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
   integrity sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=
@@ -3081,6 +3129,11 @@ console-browserify@^1.1.0:
   resolved "https://registry.yarnpkg.com/console-browserify/-/console-browserify-1.2.0.tgz#67063cef57ceb6cf4993a2ab3a55840ae8c49336"
   integrity sha512-ZMkYO/LkF17QvCPqM0gxw8yUzigAOZOSWSHg91FH6orS7vcEj5dVZTidN2fQ14yBSdg97RqhSNwLUXInd52OTA==
 
+console-control-strings@^1.0.0, console-control-strings@~1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e"
+  integrity sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=
+
 constants-browserify@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/constants-browserify/-/constants-browserify-1.0.0.tgz#c20b96d8c617748aaf1c16021760cd27fcb8cb75"
@@ -3238,6 +3291,14 @@ cross-spawn@7.0.1:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+cross-spawn@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-3.0.1.tgz#1256037ecb9f0c5f79e3d6ef135e30770184b982"
+  integrity sha1-ElYDfsufDF9549bvE14wdwGEuYI=
+  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"
@@ -3501,6 +3562,13 @@ csstype@^2.2.0, csstype@^2.6.7:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.10.tgz#e63af50e66d7c266edb6b32909cfd0aabe03928b"
   integrity sha512-D34BqZU4cIlMCY93rZHbrq9pjTAQJ3U8S8rfBqjwHxkGPThWFjzZDQpgMJY0QViLxth6ZKYiwFBo14RdN44U/w==
 
+currently-unhandled@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
+  integrity sha1-mI3zP+qxke95mmE2nddsF635V+o=
+  dependencies:
+    array-find-index "^1.0.1"
+
 cyclist@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/cyclist/-/cyclist-1.0.1.tgz#596e9698fd0c80e12038c2b82d6eb1b35b6224d9"
@@ -3556,7 +3624,7 @@ debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-decamelize@^1.2.0:
+decamelize@^1.1.2, decamelize@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290"
   integrity sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=
@@ -3655,6 +3723,11 @@ delayed-stream@~1.0.0:
   resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
   integrity sha1-3zrhmayt+31ECqrgsp4icrJOxhk=
 
+delegates@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a"
+  integrity sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=
+
 depd@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9"
@@ -4873,6 +4946,16 @@ fsevents@^1.2.7:
     bindings "^1.5.0"
     nan "^2.12.1"
 
+fstream@^1.0.0, fstream@^1.0.12:
+  version "1.0.12"
+  resolved "https://registry.yarnpkg.com/fstream/-/fstream-1.0.12.tgz#4e8ba8ee2d48be4f7d0de505455548eae5932045"
+  integrity sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==
+  dependencies:
+    graceful-fs "^4.1.2"
+    inherits "~2.0.0"
+    mkdirp ">=0.5 0"
+    rimraf "2"
+
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
@@ -4883,6 +4966,27 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
+gauge@~2.7.3:
+  version "2.7.4"
+  resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7"
+  integrity sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=
+  dependencies:
+    aproba "^1.0.3"
+    console-control-strings "^1.0.0"
+    has-unicode "^2.0.0"
+    object-assign "^4.1.0"
+    signal-exit "^3.0.0"
+    string-width "^1.0.1"
+    strip-ansi "^3.0.1"
+    wide-align "^1.1.0"
+
+gaze@^1.0.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.3.tgz#c441733e13b927ac8c0ff0b4c3b033f28812924a"
+  integrity sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==
+  dependencies:
+    globule "^1.0.0"
+
 gensync@^1.0.0-beta.1:
   version "1.0.0-beta.1"
   resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.1.tgz#58f4361ff987e5ff6e1e7a210827aa371eaac269"
@@ -4903,6 +5007,11 @@ get-own-enumerable-property-symbols@^3.0.0:
   resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664"
   integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==
 
+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"
@@ -4947,7 +5056,7 @@ glob-to-regexp@^0.3.0:
   resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.3.0.tgz#8c5a1494d2066c570cc3bfe4496175acc4d502ab"
   integrity sha1-jFoUlNIGbFcMw7/kSWF1rMTVAqs=
 
-glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6:
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.1, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6, glob@~7.1.1:
   version "7.1.6"
   resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.6.tgz#141f33b81a7c2492e125594307480c46679278a6"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -5018,6 +5127,15 @@ globby@^6.1.0:
     pify "^2.0.0"
     pinkie-promise "^2.0.0"
 
+globule@^1.0.0:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/globule/-/globule-1.3.2.tgz#d8bdd9e9e4eef8f96e245999a5dee7eb5d8529c4"
+  integrity sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==
+  dependencies:
+    glob "~7.1.1"
+    lodash "~4.17.10"
+    minimatch "~3.0.2"
+
 got@^6.7.1:
   version "6.7.1"
   resolved "https://registry.yarnpkg.com/got/-/got-6.7.1.tgz#240cd05785a9a18e561dc1b44b41c763ef1e8db0"
@@ -5103,6 +5221,11 @@ has-symbols@^1.0.0, has-symbols@^1.0.1:
   resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.1.tgz#9f5214758a44196c406d9bd76cebf81ec2dd31e8"
   integrity sha512-PLcsoqu++dmEIZB+6totNFKq/7Do+Z0u4oT0zKOJNl3lYK6vGwwu2hjHs+68OEZbTjiUE9bgOABXbP/GvrS0Kg==
 
+has-unicode@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9"
+  integrity sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=
+
 has-value@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/has-value/-/has-value-0.3.1.tgz#7b1f58bada62ca827ec0a2078025654845995e1f"
@@ -5492,6 +5615,18 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha1-khi5srkoojixPcT7a21XbyMUU+o=
 
+in-publish@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/in-publish/-/in-publish-2.0.1.tgz#948b1a535c8030561cea522f73f78f4be357e00c"
+  integrity sha512-oDM0kUSNFC31ShNxHKUyfZKy8ZeXZBWMjMdZHKLOk13uvT27VTL/QzRGfRUcevJhpkZAvlhPYuXkF7eNWrtyxQ==
+
+indent-string@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-2.1.0.tgz#8e2d48348742121b4a8218b7a137e9a52049dc80"
+  integrity sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=
+  dependencies:
+    repeating "^2.0.0"
+
 indent-string@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
@@ -5515,7 +5650,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.1, inherits@~2.0.3:
+inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.0, inherits@~2.0.1, inherits@~2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -5770,6 +5905,11 @@ is-extglob@^2.1.0, is-extglob@^2.1.1:
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
+is-finite@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/is-finite/-/is-finite-1.1.0.tgz#904135c77fb42c0641d6aa1bcdbc4daa8da082f3"
+  integrity sha512-cdyMtqX/BOqqNBBiKlIVkytNHm49MtMlYyn1zxzvJKWmFMlGzm+ry5BBfYyeY9YmNKbRSo/o7OX9w9ale0wg3w==
+
 is-fullwidth-code-point@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb"
@@ -5945,6 +6085,11 @@ is-typedarray@~1.0.0:
   resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a"
   integrity sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=
 
+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=
+
 is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -6419,6 +6564,11 @@ jest@24.9.0:
     import-local "^2.0.0"
     jest-cli "^24.9.0"
 
+js-base64@^2.1.8:
+  version "2.5.2"
+  resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.2.tgz#313b6274dda718f714d00b3330bbae6e38e90209"
+  integrity sha512-Vg8czh0Q7sFBSUMWWArX/miJeBWYBPpdU/3M/DKSaekLMqrqVPaedp+5mZhie/r0lgrcaYBfwXatEew6gwgiQQ==
+
 "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"
@@ -6740,6 +6890,17 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.yarnpkg.com/lines-and-columns/-/lines-and-columns-1.1.6.tgz#1c00c743b433cd0a4e80758f7b64a57440d9ff00"
   integrity sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=
 
+load-json-file@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-1.1.0.tgz#956905708d58b4bab4c2261b04f59f31c99374c0"
+  integrity sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^2.2.0"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+    strip-bom "^2.0.0"
+
 load-json-file@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/load-json-file/-/load-json-file-2.0.0.tgz#7947e42149af80d696cbf797bcaabcfe1fe29ca8"
@@ -6854,7 +7015,7 @@ lodash.uniq@^4.5.0:
   resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
   integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
 
-"lodash@>=3.5 <5", lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.5:
+"lodash@>=3.5 <5", lodash@^4.0.0, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.5, lodash@~4.17.10:
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
@@ -6871,6 +7032,14 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
+loud-rejection@^1.0.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/loud-rejection/-/loud-rejection-1.6.0.tgz#5b46f80147edee578870f086d04821cf998e551f"
+  integrity sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=
+  dependencies:
+    currently-unhandled "^0.4.1"
+    signal-exit "^3.0.0"
+
 lower-case@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.1.tgz#39eeb36e396115cc05e29422eaea9e692c9408c7"
@@ -6944,6 +7113,11 @@ map-cache@^0.2.2:
   resolved "https://registry.yarnpkg.com/map-cache/-/map-cache-0.2.2.tgz#c32abd0bd6525d9b051645bb4f26ac5dc98a0dbf"
   integrity sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=
 
+map-obj@^1.0.0, map-obj@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
+  integrity sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=
+
 map-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/map-visit/-/map-visit-1.0.0.tgz#ecdca8f13144e660f1b5bd41f12f3479d98dfb8f"
@@ -7015,6 +7189,22 @@ memory-fs@^0.5.0:
     errno "^0.1.3"
     readable-stream "^2.0.1"
 
+meow@^3.7.0:
+  version "3.7.0"
+  resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
+  integrity sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=
+  dependencies:
+    camelcase-keys "^2.0.0"
+    decamelize "^1.1.2"
+    loud-rejection "^1.0.0"
+    map-obj "^1.0.1"
+    minimist "^1.1.3"
+    normalize-package-data "^2.3.4"
+    object-assign "^4.0.1"
+    read-pkg-up "^1.0.1"
+    redent "^1.0.0"
+    trim-newlines "^1.0.0"
+
 merge-deep@^3.0.2:
   version "3.0.2"
   resolved "https://registry.yarnpkg.com/merge-deep/-/merge-deep-3.0.2.tgz#f39fa100a4f1bd34ff29f7d2bf4508fbb8d83ad2"
@@ -7123,14 +7313,14 @@ minimalistic-crypto-utils@^1.0.0, minimalistic-crypto-utils@^1.0.1:
   resolved "https://registry.yarnpkg.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
   integrity sha1-9sAMHAsIIkblxNmd+4x8CDsrWCo=
 
-minimatch@3.0.4, minimatch@^3.0.4:
+minimatch@3.0.4, minimatch@^3.0.4, minimatch@~3.0.2:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.4.tgz#5166e286457f03306064be5497e8dbb0c3d32083"
   integrity sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==
   dependencies:
     brace-expansion "^1.1.7"
 
-minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5:
+minimist@^1.1.1, minimist@^1.1.3, minimist@^1.2.0, minimist@^1.2.5:
   version "1.2.5"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602"
   integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==
@@ -7195,7 +7385,7 @@ mixin-object@^2.0.1:
     for-in "^0.1.3"
     is-extendable "^0.1.1"
 
-mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
+"mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1:
   version "0.5.5"
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.5.tgz#d91cefd62d1436ca0f41620e251288d420099def"
   integrity sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==
@@ -7257,6 +7447,11 @@ nan@^2.12.1:
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.0.tgz#7818f722027b2459a86f0295d434d1fc2336c52c"
   integrity sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==
 
+nan@^2.13.2:
+  version "2.14.1"
+  resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.1.tgz#d7be34dfa3105b91494c3147089315eff8874b01"
+  integrity sha512-isWHgVjnFjh2x2yuJ/tj3JbwoHu3UC2dX5G/88Cm24yB6YopVgxvBObDY7n5xW6ExmFhJpSEQqFPvq9zaXc8Jw==
+
 nanomatch@^1.2.9:
   version "1.2.13"
   resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.13.tgz#b87a8aa4fc0de8fe6be88895b38983ff265bd119"
@@ -7324,6 +7519,24 @@ node-forge@0.9.0:
   resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-0.9.0.tgz#d624050edbb44874adca12bb9a52ec63cb782579"
   integrity sha512-7ASaDa3pD+lJ3WvXFsxekJQelBKRpne+GOVbLbtHYdd7pFspyeuJHnWfLplGf3SwKGbfs/aYl5V/JCIaHVUKKQ==
 
+node-gyp@^3.8.0:
+  version "3.8.0"
+  resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-3.8.0.tgz#540304261c330e80d0d5edce253a68cb3964218c"
+  integrity sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==
+  dependencies:
+    fstream "^1.0.0"
+    glob "^7.0.3"
+    graceful-fs "^4.1.2"
+    mkdirp "^0.5.0"
+    nopt "2 || 3"
+    npmlog "0 || 1 || 2 || 3 || 4"
+    osenv "0"
+    request "^2.87.0"
+    rimraf "2"
+    semver "~5.3.0"
+    tar "^2.0.0"
+    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"
@@ -7386,7 +7599,37 @@ node-releases@^1.1.52, node-releases@^1.1.53:
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-1.1.53.tgz#2d821bfa499ed7c5dffc5e2f28c88e78a08ee3f4"
   integrity sha512-wp8zyQVwef2hpZ/dJH7SfSrIPD6YoJz6BDQDpGEkcA0s3LpAQoxBIYmfIq6QAhC1DhwsyCgTaTTcONwX8qzCuQ==
 
-normalize-package-data@^2.3.2:
+node-sass@^4.14.1:
+  version "4.14.1"
+  resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-4.14.1.tgz#99c87ec2efb7047ed638fb4c9db7f3a42e2217b5"
+  integrity sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==
+  dependencies:
+    async-foreach "^0.1.3"
+    chalk "^1.1.1"
+    cross-spawn "^3.0.0"
+    gaze "^1.0.0"
+    get-stdin "^4.0.1"
+    glob "^7.0.3"
+    in-publish "^2.0.0"
+    lodash "^4.17.15"
+    meow "^3.7.0"
+    mkdirp "^0.5.1"
+    nan "^2.13.2"
+    node-gyp "^3.8.0"
+    npmlog "^4.0.0"
+    request "^2.88.0"
+    sass-graph "2.2.5"
+    stdout-stream "^1.4.0"
+    "true-case-path" "^1.0.2"
+
+"nopt@2 || 3":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/nopt/-/nopt-3.0.6.tgz#c6465dbf08abcd4db359317f79ac68a646b28ff9"
+  integrity sha1-xkZdvwirzU2zWTF/eaxopkayj/k=
+  dependencies:
+    abbrev "1"
+
+normalize-package-data@^2.3.2, normalize-package-data@^2.3.4:
   version "2.5.0"
   resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==
@@ -7435,6 +7678,16 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
+"npmlog@0 || 1 || 2 || 3 || 4", npmlog@^4.0.0:
+  version "4.1.2"
+  resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b"
+  integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==
+  dependencies:
+    are-we-there-yet "~1.1.2"
+    console-control-strings "~1.1.0"
+    gauge "~2.7.3"
+    set-blocking "~2.0.0"
+
 nth-check@^1.0.2, nth-check@~1.0.1:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c"
@@ -7703,6 +7956,11 @@ os-browserify@^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:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-homedir/-/os-homedir-1.0.2.tgz#ffbc4988336e0e833de0c168c7ef152121aa7fb3"
+  integrity sha1-/7xJiDNuDoM94MFox+8VISGqf7M=
+
 os-locale@^3.0.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/os-locale/-/os-locale-3.1.0.tgz#a802a6ee17f24c10483ab9935719cef4ed16bf1a"
@@ -7712,11 +7970,19 @@ os-locale@^3.0.0:
     lcid "^2.0.0"
     mem "^4.0.0"
 
-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=
 
+osenv@0:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/osenv/-/osenv-0.1.5.tgz#85cdfafaeb28e8677f416e287592b5f3f49ea410"
+  integrity sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==
+  dependencies:
+    os-homedir "^1.0.0"
+    os-tmpdir "^1.0.0"
+
 p-defer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/p-defer/-/p-defer-1.0.0.tgz#9f6eb182f6c9aa8cd743004a7d4f96b196b0fb0c"
@@ -7976,6 +8242,15 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-type@^1.0.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/path-type/-/path-type-1.1.0.tgz#59c44f7ee491da704da415da5a4070ba4f8fe441"
+  integrity sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=
+  dependencies:
+    graceful-fs "^4.1.2"
+    pify "^2.0.0"
+    pinkie-promise "^2.0.0"
+
 path-type@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/path-type/-/path-type-2.0.0.tgz#f012ccb8415b7096fc2daa1054c3d72389594c73"
@@ -9237,6 +9512,14 @@ react@^16.13.1:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
+read-pkg-up@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-1.0.1.tgz#9d63c13276c065918d57f002a57f40a1b643fb02"
+  integrity sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=
+  dependencies:
+    find-up "^1.0.0"
+    read-pkg "^1.0.0"
+
 read-pkg-up@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-2.0.0.tgz#6b72a8048984e0c41e79510fd5e9fa99b3b549be"
@@ -9253,6 +9536,15 @@ read-pkg-up@^4.0.0:
     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"
+  integrity sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=
+  dependencies:
+    load-json-file "^1.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^1.0.0"
+
 read-pkg@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-2.0.0.tgz#8ef1c0623c6a6db0dc6713c4bfac46332b2368f8"
@@ -9271,7 +9563,7 @@ read-pkg@^3.0.0:
     normalize-package-data "^2.3.2"
     path-type "^3.0.0"
 
-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==
@@ -9323,6 +9615,14 @@ recursive-readdir@2.2.2:
   dependencies:
     minimatch "3.0.4"
 
+redent@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/redent/-/redent-1.0.0.tgz#cf916ab1fd5f1f16dfb20822dd6ec7f730c2afde"
+  integrity sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=
+  dependencies:
+    indent-string "^2.1.0"
+    strip-indent "^1.0.1"
+
 reftools@^1.1.0, reftools@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/reftools/-/reftools-1.1.1.tgz#09cff48f62c09cae40bd1fe9683f5412d2a4656d"
@@ -9464,6 +9764,13 @@ repeat-string@^1.6.1:
   resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
   integrity sha1-jcrkcOHIirwtYA//Sndihtp15jc=
 
+repeating@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/repeating/-/repeating-2.0.1.tgz#5214c53a926d3552707527fbab415dbc08d06dda"
+  integrity sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=
+  dependencies:
+    is-finite "^1.0.0"
+
 request-promise-core@1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/request-promise-core/-/request-promise-core-1.1.3.tgz#e9a3c081b51380dfea677336061fea879a829ee9"
@@ -9651,6 +9958,13 @@ rgba-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/rgba-regex/-/rgba-regex-1.0.0.tgz#43374e2e2ca0968b0ef1523460b7d730ff22eeb3"
   integrity sha1-QzdOLiyglosO8VI0YLfXMP8i7rM=
 
+rimraf@2, rimraf@^2.5.4, rimraf@^2.6.3, rimraf@^2.7.1:
+  version "2.7.1"
+  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
 rimraf@2.6.3:
   version "2.6.3"
   resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@@ -9658,13 +9972,6 @@ rimraf@2.6.3:
   dependencies:
     glob "^7.1.3"
 
-rimraf@^2.5.4, rimraf@^2.6.3, rimraf@^2.7.1:
-  version "2.7.1"
-  resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
-  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
-  dependencies:
-    glob "^7.1.3"
-
 ripemd160@^2.0.0, ripemd160@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c"
@@ -9741,6 +10048,16 @@ sanitize.css@^10.0.0:
   resolved "https://registry.yarnpkg.com/sanitize.css/-/sanitize.css-10.0.0.tgz#b5cb2547e96d8629a60947544665243b1dc3657a"
   integrity sha512-vTxrZz4dX5W86M6oVWVdOVe72ZiPs41Oi7Z6Km4W5Turyz28mrXSJhhEBZoRtzJWIv3833WKVwLSDWWkEfupMg==
 
+sass-graph@2.2.5:
+  version "2.2.5"
+  resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.5.tgz#a981c87446b8319d96dce0671e487879bd24c2e8"
+  integrity sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==
+  dependencies:
+    glob "^7.0.0"
+    lodash "^4.0.0"
+    scss-tokenizer "^0.2.3"
+    yargs "^13.3.2"
+
 sass-loader@8.0.2:
   version "8.0.2"
   resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-8.0.2.tgz#debecd8c3ce243c76454f2e8290482150380090d"
@@ -9797,6 +10114,14 @@ schema-utils@^2.5.0, schema-utils@^2.6.0, schema-utils@^2.6.1, schema-utils@^2.6
     ajv "^6.12.0"
     ajv-keywords "^3.4.1"
 
+scss-tokenizer@^0.2.3:
+  version "0.2.3"
+  resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1"
+  integrity sha1-jrBtualyMzOCTT9VMGQRSYR85dE=
+  dependencies:
+    js-base64 "^2.1.8"
+    source-map "^0.4.2"
+
 select-hose@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/select-hose/-/select-hose-2.0.0.tgz#625d8658f865af43ec962bfc376a37359a4994ca"
@@ -9831,6 +10156,11 @@ semver@7.0.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.0.0.tgz#5f3ca35761e47e05b206c6daff2cf814f0316b8e"
   integrity sha512-+GB6zVA9LWh6zovYQLALHwv5rb2PHGlJi3lfiqIHxR0uuwCgefcOJc59v9fv1w8GbStwxuuqqAjI9NMAOOgq1A==
 
+semver@~5.3.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/semver/-/semver-5.3.0.tgz#9b2ce5d3de02d17c6012ad326aa6b4d0cf54f94f"
+  integrity sha1-myzl094C0XxgEq0yaqa00M9U+U8=
+
 send@0.17.1:
   version "0.17.1"
   resolved "https://registry.yarnpkg.com/send/-/send-0.17.1.tgz#c1d8b059f7900f7466dd4938bdc44e11ddb376c8"
@@ -9878,7 +10208,7 @@ serve-static@1.14.1:
     parseurl "~1.3.3"
     send "0.17.1"
 
-set-blocking@^2.0.0:
+set-blocking@^2.0.0, set-blocking@~2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7"
   integrity sha1-BF+XgtARrppoA93TgrJDkrPYkPc=
@@ -10151,6 +10481,13 @@ source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, sourc
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
+source-map@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b"
+  integrity sha1-66T12pwNyZneaAMti092FzZSA2s=
+  dependencies:
+    amdefine ">=0.0.4"
+
 source-map@^0.5.0, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
@@ -10270,6 +10607,13 @@ static-extend@^0.1.1:
   resolved "https://registry.yarnpkg.com/statuses/-/statuses-1.5.0.tgz#161c7dac177659fd9811f43771fa99381478628c"
   integrity sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=
 
+stdout-stream@^1.4.0:
+  version "1.4.1"
+  resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de"
+  integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==
+  dependencies:
+    readable-stream "^2.0.1"
+
 stealthy-require@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/stealthy-require/-/stealthy-require-1.1.1.tgz#35b09875b4ff49f26a777e509b3090a3226bf24b"
@@ -10337,7 +10681,7 @@ string-width@^1.0.1:
     is-fullwidth-code-point "^1.0.0"
     strip-ansi "^3.0.0"
 
-string-width@^2.0.0, string-width@^2.1.1:
+"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e"
   integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==
@@ -10460,6 +10804,13 @@ strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   dependencies:
     ansi-regex "^4.1.0"
 
+strip-bom@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-2.0.0.tgz#6219a85616520491f35788bdbf1447a99c7e6b0e"
+  integrity sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=
+  dependencies:
+    is-utf8 "^0.2.0"
+
 strip-bom@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/strip-bom/-/strip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
@@ -10478,6 +10829,13 @@ strip-eof@^1.0.0:
   resolved "https://registry.yarnpkg.com/strip-eof/-/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
   integrity sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=
 
+strip-indent@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-1.0.1.tgz#0c7962a6adefa7bbd4ac366460a638552ae1a0a2"
+  integrity sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=
+  dependencies:
+    get-stdin "^4.0.1"
+
 strip-json-comments@^3.0.1:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.0.tgz#7638d31422129ecf4457440009fba03f9f9ac180"
@@ -10597,6 +10955,15 @@ tapable@^1.0.0, tapable@^1.1.3:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
   integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==
 
+tar@^2.0.0:
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/tar/-/tar-2.2.2.tgz#0ca8848562c7299b8b446ff6a4d60cdbb23edc40"
+  integrity sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==
+  dependencies:
+    block-stream "*"
+    fstream "^1.0.12"
+    inherits "2"
+
 term-size@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/term-size/-/term-size-1.2.0.tgz#458b83887f288fc56d6fffbfad262e26638efa69"
@@ -10782,6 +11149,18 @@ tr46@^1.0.1:
   dependencies:
     punycode "^2.1.0"
 
+trim-newlines@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-1.0.0.tgz#5887966bb582a4503a41eb524f7d35011815a613"
+  integrity sha1-WIeWa7WCpFA6QetST301ARgVphM=
+
+"true-case-path@^1.0.2":
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d"
+  integrity sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==
+  dependencies:
+    glob "^7.1.2"
+
 ts-pnp@1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/ts-pnp/-/ts-pnp-1.1.6.tgz#389a24396d425a0d3162e96d2b4638900fdc289a"
@@ -11349,7 +11728,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.2.9, which@^1.3.0, which@^1.3.1:
+which@1, which@^1.2.9, which@^1.3.0, which@^1.3.1:
   version "1.3.1"
   resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a"
   integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==
@@ -11363,6 +11742,13 @@ which@^2.0.1:
   dependencies:
     isexe "^2.0.0"
 
+wide-align@^1.1.0:
+  version "1.1.3"
+  resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.3.tgz#ae074e6bdc0c14a431e804e624549c633b000457"
+  integrity sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==
+  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"
@@ -11710,7 +12096,7 @@ yargs@12.0.5, yargs@^12.0.5:
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^11.1.1"
 
-yargs@^13.3.0:
+yargs@^13.3.0, yargs@^13.3.2:
   version "13.3.2"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
   integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==