@cdc/core 1.1.4 → 9.22.9

package/styles/v2/layout/_data-table.scss

@@ -1,24 +1,28 @@
-.collapsed + .table-container {
+.cove-data-table {
+  position: relative;
+}
+
+.collapsed + .cove-data-table__table-wrapper {
   border-bottom: none;
 }
 
-.table-container {
-  overflow-x: auto;
+.cove-data-table__table-wrapper {
   border-right: 1px solid $lightGray;
   border-left: 1px solid $lightGray;
   border-bottom: 1px solid $lightGray;
+  overflow-x: auto;
 }
 
-div.data-table-heading {
-  background: rgba(0, 0, 0, 0.05);
-  padding: .5em .7em;
-  border: $lightGray 1px solid;
-  border-bottom: 0;
-  cursor: pointer;
-  background-image: url(~@cdc/core/assets/minus.svg);
+.cove-data-table__table-heading {
+  padding: 0.5em 0.7em;
+  //TODO find fix
+  //background-image: url(~@cdc/core/assets/icon-minus.svg);
   background-size: 15px 15px; // Need to define both for IE11
   background-position: right .7em center;
   background-repeat: no-repeat;
+  border: $lightGray 1px solid;
+  border-bottom: 0;
+  cursor: pointer;
 
   &:focus {
     z-index: 2;
@@ -26,20 +30,17 @@ div.data-table-heading {
   }
 
   &.collapsed {
-    background-image: url(~@cdc/core/assets/plus.svg);
-    background-size: 15px 15px; // Need to define both for IE11
-    background-position: right .7em center;
-    background-repeat: no-repeat;
+    //TODO find fix
+    //background-image: url(~@cdc/core/core/assets/icon-plus.svg);
     border-bottom: $lightGray 1px solid;
   }
 }
 
-table.data-table {
+.cove-data-table__table {
   width: 100%;
   background: #fff;
   position: relative;
   border: none;
-  overflow-x: auto;
   border-collapse: collapse;
   overflow: auto;
   appearance: none;
@@ -48,32 +49,14 @@ table.data-table {
     box-sizing: border-box
   }
 
-  thead {
-    user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-
-    tr {
-      background: none;
-    }
-  }
-
   thead {
     color: #fff;
     background-color: $mediumGray;
-
-    .resizer {
-      cursor: e-resize;
-      width: 10px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      touch-action: none;
-    }
+    user-select: none;
 
     tr {
       text-align: left;
+      background: none;
     }
 
     th,
@@ -90,23 +73,6 @@ table.data-table {
       }
     }
 
-    th.sort {
-      background-color: darken($mediumGray, 10%);
-      background-repeat: no-repeat;
-      background-position: right .5em center;
-      background-size: 10px 5px;
-    }
-
-    th.sort-asc,
-    td.sort-asc {
-      background-image: url(~@cdc/core/assets/asc.svg);
-    }
-
-    th.sort-desc,
-    td.sort-desc {
-      background-image: url(~@cdc/core/assets/desc.svg);
-    }
-
     th:last-child,
     td:last-child {
       border-right: 0
@@ -124,16 +90,30 @@ table.data-table {
   }
 
   tr {
-    border-bottom: solid 1px #E5E5E5;
+    border-bottom: solid 1px #e5e5e5;
     min-width: 100%; // Needed to fill content up
+
     &:last-child {
       border-bottom: 0
     }
   }
 
   td {
+    position: relative;
     padding: .3em .7em;
     border-right: 1px solid rgba(0, 0, 0, 0.1);
+
+    a {
+      padding: .3em .7em;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      right: 0;
+      left: 0;
+      display: block;
+      color: inherit;
+      text-decoration: none;
+    }
   }
 
   th,
@@ -151,23 +131,7 @@ table.data-table {
     }
   }
 
-  td {
-    position: relative;
-  }
-
-  td a {
-    padding: .3em .7em;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    display: block;
-    color: inherit;
-    text-decoration: none;
-  }
-
-  td span.table-link {
+  .table-link {
     text-decoration: underline;
     cursor: pointer;
     color: #075290;
@@ -178,101 +142,58 @@ table.data-table {
       margin-left: 5px;
     }
   }
-}
-
-.no-data {
-  position: relative;
-
-  .no-data-message {
-    @include emptyState;
 
-    h3 {
-      font-size: 1.3rem;
-      font-weight: 600;
-      margin-bottom: .3rem;
-    }
+  .sort {
+    background-color: darken($mediumGray, 10%);
+    background-repeat: no-repeat;
+    background-position: right .5em center;
+    background-size: 10px 5px;
   }
 
-  tr:hover {
-    background: #fff;
+  .sort-asc {
+    //TODO find fix
+    //background-image: url(~@cdc/core/assets/icon-caret-filled-up.svg);
   }
 
-  th, td {
-    width: 50%;
+  .sort-desc {
+    //TODO find fix
+    //background-image: url(~@cdc/core/assets/icon-caret-filled-down.svg);
+  }
 
-    &::before {
-      content: "\00a0";
-    }
+  .resizer {
+    cursor: e-resize;
+    width: 10px;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    right: 0;
+    touch-action: none;
   }
 }
 
-.data-table-pagination {
-  margin: 1rem 0;
-  display: flex;
-  align-items: center;
-
-  ul {
-    list-style: none;
-    margin: 0 1rem 0 0;
-    display: flex;
-
-    li + li {
-      margin-left: .3rem;
-    }
-
-    button {
-      background: $mediumGray;
-      padding: .6rem .8rem;
+.cove-data-table__footer {
+  margin-top: 1rem;
+}
 
-      &:hover {
-        background: lighten($mediumGray, 5%);
-      }
-    }
+.cove-data-table__pagination {
+}
 
-    button.btn-next {
-      &::before {
-        content: " ";
-        background-image: url(~@cdc/core/assets/asc.svg);
-        background-size: 10px 5px;
-        width: 10px;
-        height: 5px;
-        display: block;
-        transform: rotate(90deg);
-      }
-    }
+.cove-data-table__pagination--index {
+}
 
-    button.btn-prev {
-      &::before {
-        content: " ";
-        background-image: url(~@cdc/core/assets/asc.svg);
-        background-size: 10px 5px;
-        width: 10px;
-        height: 5px;
-        display: block;
-        transform: rotate(-90deg);
-      }
-    }
+.cove-data-table__no-data {
+  position: relative;
+  user-select: none;
 
-    button[disabled] {
-      background: $mediumGray;
-      opacity: .3;
-      cursor: default;
+  th, td {
+    width: 50%;
 
-      &:hover {
-        background: $mediumGray;
-      }
+    &::before {
+      content: "\00a0";
     }
   }
 }
 
-.btn-download {
-  color: #fff;
-  float: right;
-  text-decoration: none;
-  transition: .3s all;
-  margin: 1em 0;
-
-  &:hover {
-    transition: .3s all;
-  }
+.cove-data-table__no-data--message {
+  @include emptyState;
 }

package/styles/v2/layout/_progression.scss

@@ -1,4 +1,5 @@
-.waiting {
+//TODO: Replace any '.waiting' classes with below
+.waiting-splash {
   @include emptyState;
   padding-top: 0;
 
@@ -25,7 +26,8 @@
   }
 }
 
-.loading {
+//TODO: Replace any '.loading' classes with below
+.loading-splash {
   position: absolute;
   top: 0;
   right: 0;

package/styles/v2/layout/index.scss

@@ -1,7 +1,5 @@
 @import "alert";
 @import "component";
 @import "data-table";
-@import "header";
-@import "link";
 @import "progression";
 @import "tooltip";

package/styles/v2/main.scss

@@ -1,15 +1,65 @@
 @import 'utils';
-@import 'base';
 @import 'themes';
 
 .cove {
+  @import 'base';
   color: $baseColor;
   font-size: 16px;
   line-height: 1.4;
 
+  :focus,
+  [tabindex]:focus-visible {
+    outline: 2px solid rgba(255,102,1,.9);
+  }
+
+  margin: 0;
+  font: 1em/1.6 system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Fira Sans, sans-serif;
+  font-weight: 400;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  color: #111;
+
+  strong {
+    font-weight: 600;
+  }
+
+  .subtext {
+    margin-top: 1em;
+  }
+
+  .warning {
+    padding: .75em 1em;
+    margin: 1em 0;
+    background-color: #FFD2D2;
+    color: #D8000C;
+    font-size: .8em;
+    border: #D8000C 1px solid;
+    border-radius: .4em;
+
+    strong {
+      font-weight: 600;
+      display: block;
+    }
+  }
+
+  .sr-only,
+  .sr-only-focusable:not(:focus) {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    margin: -1px !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important;
+    border: 0 !important;
+    display: flex;
+  }
+
   @import 'layout';
 
   @include breakpointClass(md) {
     font-size: 16px;
   }
-}
+}

package/styles/v2/themes/_color-definitions.scss

@@ -4,7 +4,7 @@ $theme: (
         'amber':  ('#fbab18', '#ffd54f', '#ffecb3', '#fff7e1'),
         'blue':   ('#005eaa', '#88c3ea', '#c0e9ff', '#edf9ff'),
         'brown':  ('#705043', '#ad907b', '#d7ccc8', '#f2ebe8'),
-        'cyan':   ('#006778', '#65b0bd', '#cce5e9', '#ebf5f6'),
+        'cyan':   ('#007B91', '#65b0bd', '#cce5e9', '#ebf5f6'),
         'green':  ('#4b830d', '#84bc49', '#dcedc8', '#f1f8e9'),
         'indigo': ('#26418f', '#92a6dd', '#dee8ff', '#f2f6ff'),
         'orange': ('#bb4d00', '#ffad42', '#ffe97d', '#fff4cf'),
@@ -44,6 +44,36 @@ $theme: (
         border-top: 1px solid string.unquote(nth($theme-colors, 1));
       }
       
+      .cove-component__inner:not(.component--has-title) .cove-component__content {
+        border-top: 1px solid #ccc;
+      }
+
+      .cove-component__header {
+        border-color: string.unquote(nth($theme-colors, 2));
+      }
+
+      .cove-component__content.component--has-accent {
+        border-left: .5rem solid string.unquote(nth($theme-colors, 1)) !important;
+      }
+
+      .cove-component__content.component--has-background:not(.component--hideBackgroundColor) {
+        background: string.unquote(nth($theme-colors, 3));
+      }
+    }
+
+    &.theme-#{$theme-name} {
+
+      .cove-component__content:not(.no-borders).component--has-borderColorTheme {
+        border-left: 1px solid string.unquote(nth($theme-colors, 1));
+        border-right: 1px solid string.unquote(nth($theme-colors, 1));
+        border-bottom: 1px solid string.unquote(nth($theme-colors, 1));
+      }
+
+      // when component doesn't have a title add border top
+      .cove-component__inner:not(.component--has-title) .cove-component__content.component--has-borderColorTheme:not(.no-borders) {
+        border-top: 1px solid string.unquote(nth($theme-colors, 1));
+      }
+      
       // should probably be in color definitions but logically makes sense here.
       .cove-component__inner:not(.component--has-title) .cove-component__content {
         border-top: 1px solid #ccc;

package/styles/v2/utils/_align.scss

@@ -0,0 +1,17 @@
+// Content Align Classes
+@mixin align($propNames, $className, $valueName) {
+  @each $propName in $propNames {
+    #{'.align-' + $propName + '-' + $className} {
+      #{'align-' + $propName}: #{$valueName} !important;
+    }
+  }
+}
+
+@include align(('content', 'items', 'self'), 'start', 'flex-start');
+@include align(('content', 'items', 'self'), 'end', 'flex-end');
+@include align(('content', 'items', 'self'), 'center', 'center');
+@include align(('content', 'items', 'self'), 'stretch', 'stretch');
+
+@include align(('items', 'self'), 'baseline', 'baseline');
+@include align('content', 'around', 'space-around');
+@include align('content', 'between', 'space-between');

package/styles/v2/utils/_breakpoints.scss

@@ -0,0 +1,18 @@
+// Breakpoint Classes
+@mixin breakpoint($class) {
+  @if $class == xs {@media (max-width: 767.98px) { @content; }}
+  @else if $class == sm {@media (min-width: 768px) { @content; }}
+  @else if $class == md {@media (min-width: 960px) { @content; }}
+  @else if $class == lg {@media (min-width: 1170px) { @content; }}
+  @else if $class == xl {@media (min-width: 1280px) { @content; }}
+  @else {@warn "Breakpoint mixin supports: xs, sm, md, lg, xl";}
+}
+
+@mixin breakpointClass($class) {
+  @if $class == xs { &.xs, &.xxs {@content;} }
+  @else if $class == sm { &.sm, &.md, &.lg, &.xl {@content;} }
+  @else if $class == md { &.md, &.lg, &.xl {@content;} }
+  @else if $class == lg { &.lg, &.xl {@content;} }
+  @else if $class == xl { &.xl {@content;} }
+  @else {@warn "Breakpoint Class mixin supports: xs, sm, md, lg, xl";}
+}

package/styles/v2/utils/_grid.scss

@@ -0,0 +1,47 @@
+$grid-gap-offset: 8;
+$grid-gap-max: 64;
+$grid-columns: 12;
+
+@mixin create-grid-selectors($breakpoint: null) {
+  $infix: if($breakpoint == null, '', '-#{$breakpoint}');
+
+  @for $i from 1 through $grid-columns {
+    .col#{$infix}-#{$i} {
+      grid-column-end: span $i;
+    }
+    .col-offset#{$infix}-#{$i} {
+      grid-column-start: $i + 1;
+    }
+    .row#{$infix}-#{$i} {
+      grid-row-end: span $i;
+    }
+    .row-offset#{$infix}-#{$i} {
+      grid-row-start: $i + 1;
+    }
+  }
+}
+
+@mixin grid-gaps() {
+  $i: 0;
+  @while ($i * $grid-gap-offset) <= $grid-gap-max {
+    .grid-gap-#{$i} {
+      grid-gap: #{($i * $grid-gap-offset) + 'px'};
+      gap: #{($i * $grid-gap-offset) + 'px'};
+    }
+    $i: $i + 1;
+  }
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat($grid-columns, 1fr);
+}
+
+@include create-grid-selectors;
+@include grid-gaps;
+
+@each $breakpoint, $width in $cove-breakpoints {
+  @media (min-width: $width) {
+    @include create-grid-selectors($breakpoint);
+  }
+}

package/styles/v2/utils/_mixins.scss

@@ -11,19 +11,3 @@
   justify-content: center;
   z-index: 7;
 }
-
-@mixin breakpoint($class) {
-  @if $class == xs {@media (max-width: 767px) { @content; }}
-  @else if $class == sm {@media (min-width: 768px) { @content; }}
-  @else if $class == md {@media (min-width: 960px) { @content; }}
-  @else if $class == lg {@media (min-width: 1300px) { @content; }}
-  @else {@warn "Breakpoint mixin supports: xs, sm, md, lg";}
-}
-
-@mixin breakpointClass($class) {
-  @if $class == xs { &.xs, &.xxs {@content;} }
-  @else if $class == sm { &.sm, &.md, &.lg {@content;} }
-  @else if $class == md { &.md, &.lg {@content;} }
-  @else if $class == lg { &.lg {@content;} }
-  @else {@warn "Breakpoint Class mixin supports: xs, sm, md, lg";}
-}

package/styles/v2/utils/_spacers.scss

@@ -0,0 +1,31 @@
+// Content Spacer Classes
+$cove-spacers-offset: 8;
+$cove-spacers-max: 64;
+
+@mixin spacers($className, $styleNameCollection) {
+  $i: 0;
+  @while ($i * $cove-spacers-offset) <= $cove-spacers-max {
+    #{$className + $i} {
+      @each $styleName in $styleNameCollection {
+        #{$styleName}: #{($i * $cove-spacers-offset) + 'px'} !important;
+      }
+    }
+    $i: $i + 1;
+  }
+}
+
+@include spacers('.p-', 'padding');
+@include spacers('.pt-', 'padding-top');
+@include spacers('.pr-', 'padding-right');
+@include spacers('.pb-', 'padding-bottom');
+@include spacers('.pl-', 'padding-left');
+@include spacers('.px-', ('padding-left', 'padding-right'));
+@include spacers('.py-', ('padding-top', 'padding-bottom'));
+
+@include spacers('.m-', 'margin');
+@include spacers('.mt-', 'margin-top');
+@include spacers('.mr-', 'margin-right');
+@include spacers('.mb-', 'margin-bottom');
+@include spacers('.ml-', 'margin-left');
+@include spacers('.mx-', ('margin-left', 'margin-right'));
+@include spacers('.mx-', ('margin-top', 'margin-bottom'));

package/styles/v2/utils/_variables.scss

@@ -1,2 +1,9 @@
+$cove-breakpoints: (
+        xs: 480px,
+        sm: 768px,
+        md: 960px,
+        lg: 1170px,
+        xl: 1280px
+);
 $editorWidth: 350px;
 $transition-expo-out: cubic-bezier(0.16, 1, 0.3, 1);

package/styles/v2/utils/index.scss

@@ -1,4 +1,9 @@
+@import "variables";
+@import "mixins";
+
+@import "align";
 @import "animations";
+@import "breakpoints";
 @import "functions";
-@import "mixins";
-@import "variables";
+@import "grid";
+@import "spacers";

package/assets/asc.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg"><path d="M0 5l5-5 5 5z" fill="#FFF" fill-rule="nonzero"/></svg>

package/assets/chart-bar-solid.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chart-bar" class="svg-inline--fa fa-chart-bar fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M332.8 320h38.4c6.4 0 12.8-6.4 12.8-12.8V172.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v134.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V76.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v230.4c0 6.4 6.4 12.8 12.8 12.8zm-288 0h38.4c6.4 0 12.8-6.4 12.8-12.8v-70.4c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v70.4c0 6.4 6.4 12.8 12.8 12.8zm96 0h38.4c6.4 0 12.8-6.4 12.8-12.8V108.8c0-6.4-6.4-12.8-12.8-12.8h-38.4c-6.4 0-12.8 6.4-12.8 12.8v198.4c0 6.4 6.4 12.8 12.8 12.8zM496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path></svg>

package/assets/chart-line-solid.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chart-line" class="svg-inline--fa fa-chart-line fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path></svg>

package/assets/chart-pie-solid.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chart-pie" class="svg-inline--fa fa-chart-pie fa-w-17" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544 512"><path fill="currentColor" d="M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6.14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z"></path></svg>

package/assets/check.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-    <path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/>
-</svg>

package/assets/dashboard.svg

@@ -1,11 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
-	<svg x="0" y="0" width="512" height="512" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chart-line" class="svg-inline--fa fa-chart-line fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-        <path fill="currentColor" d="M496 384H64V80c0-8.84-7.16-16-16-16H16C7.16 64 0 71.16 0 80v336c0 17.67 14.33 32 32 32h464c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zM464 96H345.94c-21.38 0-32.09 25.85-16.97 40.97l32.4 32.4L288 242.75l-73.37-73.37c-12.5-12.5-32.76-12.5-45.25 0l-68.69 68.69c-6.25 6.25-6.25 16.38 0 22.63l22.62 22.62c6.25 6.25 16.38 6.25 22.63 0L192 237.25l73.37 73.37c12.5 12.5 32.76 12.5 45.25 0l96-96 32.4 32.4c15.12 15.12 40.97 4.41 40.97-16.97V112c.01-8.84-7.15-16-15.99-16z"></path>
-    </svg>
-	<svg x="512" y="0" width="512" height="512" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="chart-pie" class="svg-inline--fa fa-chart-pie fa-w-17" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 544 512">
-        <path fill="currentColor" d="M527.79 288H290.5l158.03 158.03c6.04 6.04 15.98 6.53 22.19.68 38.7-36.46 65.32-85.61 73.13-140.86 1.34-9.46-6.51-17.85-16.06-17.85zm-15.83-64.8C503.72 103.74 408.26 8.28 288.8.04 279.68-.59 272 7.1 272 16.24V240h223.77c9.14 0 16.82-7.68 16.19-16.8zM224 288V50.71c0-9.55-8.39-17.4-17.84-16.06C86.99 51.49-4.1 155.6.14 280.37 4.5 408.51 114.83 513.59 243.03 511.98c50.4-.63 96.97-16.87 135.26-44.03 7.9-5.6 8.42-17.23 1.57-24.08L224 288z"></path>
-    </svg>
-	<svg x="0" y="512" width="1024" height="512" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 137">
-        <path fill="currentColor" d="M10.834,5.084 L11.167,7.251 L12.834,10.751 L12,14.418 L10.167,12.085 L9,9.418 L6.334,8.918 L2.167,8.418 L1,8.418 L1.667,10.751 L4,14.084 L4,17.417 L4.667,21.084 L7.667,21.417 L8.834,23.084 L5.167,22.584 L4,23.417 L4.5,26.917 L3.834,30.75 L4,35.25 L2.834,38.25 L1.5,42.583 L2.5,45.583 L3.167,49.416 L3.667,52.249 L3,56.082 L3.5,58.749 L4.667,61.416 L5.667,64.749 L6.5,66.916 L10,69.749 L11.667,69.582 L14,69.915 L11.5,70.582 L12.167,71.749 L10,72.082 L12,74.249 L14,76.416 L13.334,78.249 L16,82.082 L18.834,84.415 L19.167,87.248 L21.5,88.415 L24.667,89.415 L27.167,91.582 L29.334,92.915 L31.667,94.748 L33,95.748 L34.5,99.081 L43,98.914 L59.667,104.747 L73.5,104.747 L73.167,103.414 L79.834,103.414 L82.5,104.914 L84,106.414 L87.834,109.081 L89.167,113.914 L93,115.914 L95.334,116.914 L98.5,113.081 L102.667,113.581 L104.334,114.914 L108.834,122.247 L110.334,124.081 L111.5,128.247 L120.334,131.747 L120,128.747 L119.667,124.581 L122.5,121.247 L122,120.247 L124.834,117.914 L126.334,118.747 L128.834,115.914 L130.334,113.914 L132.5,113.914 L137.334,112.914 L140.834,114.414 L143.5,114.414 L144.5,113.247 L145.667,114.081 L145.834,115.581 L149.334,116.747 L152.667,116.247 L155.5,116.414 L153.167,114.581 L153,113.581 L154.5,112.747 L154.334,111.914 L152,111.914 L149.334,112.247 L151,110.747 L151.834,109.747 L152.667,110.581 L157.5,109.914 L158.167,110.747 L161.5,110.747 L163.334,110.247 L166,110.081 L168.5,111.081 L170,110.914 L171.5,113.081 L174.5,113.247 L176.167,111.914 L177.834,111.914 L181.167,114.747 L183,116.747 L183.5,119.414 L183.167,122.747 L184.334,126.247 L187.5,130.247 L189.334,134.081 L190,135.581 L193.334,134.914 L194.167,131.247 L194.167,125.747 L192.5,121.247 L192,120.081 L191.667,116.747 L188.834,113.414 L188.334,109.414 L188.5,106.081 L189.834,102.414 L192.334,100.414 L192.167,98.914 L195.167,98.414 L199.5,93.581 L201.5,91.914 L203.667,92.247 L205.667,88.414 L208.5,86.914 C208.5,86.914 210.668,87.247 210.834,86.414 C211,85.581 213.167,81.581 213.167,81.581 L210.834,80.248 L212.167,79.081 L212.5,78.248 L211.167,74.915 L209.834,73.415 L211.5,71.582 L210.167,69.915 L209.834,66.582 L209.667,63.749 L210.667,62.916 L211.334,67.083 L211.834,69.083 L213,70.916 L212.667,73.916 L214.5,70.249 L215.667,67.416 L215.834,65.749 L214.167,63.749 L214,62.916 L214.5,62.416 L217.167,64.083 L218,62.083 L219.834,60.25 L220.167,58.25 L219.834,55.917 L220,54.75 L220.334,53.083 L221.667,54.916 L222.334,54.916 L224.334,54.583 L226.334,54.416 L229,53.583 L228.5,52.583 L225.834,52.75 L223.334,53.417 L222.167,54.084 L222,52.917 L222.834,51.917 L225,51.417 L227.667,50.917 L229.5,50.417 L231,49.417 L234.5,50.25 C234.5,50.25 236,51.083 236.167,50.583 C236.334,50.083 236.834,48.75 236.834,48.75 L235.667,47.417 L235.167,45.417 L235.5,42.084 L235.834,39.417 L237.334,37.417 L237.667,36.584 L238.667,37.084 L241.834,33.584 L243,33.584 L245.667,33.251 L246.5,31.584 L248.834,31.584 L250.834,29.917 L250.084,29 L249.167,26.75 L248.167,26 L248.584,20.417 L248.084,15.334 L245.084,14.417 L242.5,15.334 L241.084,15.167 L235.334,28.584 L232.667,28.751 L231.5,29.751 L217.334,29.668 L213.834,32.918 L211.667,34.251 L210.667,37.084 L210.167,38.584 L207.667,40.251 L205.167,40.251 L203.334,39.418 L201,39.751 L198,40.751 L198.167,42.251 L198,44.918 L196.5,46.251 L193.5,46.918 L188.834,49.251 L185.334,50.418 L182,50.585 L180,49.085 L181,47.252 L181.5,46.752 L182.167,44.919 L183.417,44.169 L185,41.419 L183.334,39.252 L183,35.752 L180.834,35.085 L178,37.085 L179,34.752 L180.667,32.419 L180,30.252 L179.5,27.752 L176.834,26.752 L174.5,24.752 L171.667,25.919 L171.834,28.086 L170.167,30.086 L168.834,29.419 L166.334,32.252 L166.334,35.585 L166.667,38.918 L168.167,41.251 L168,46.251 L164.834,49.251 L162.5,49.418 L161.334,45.918 L160.167,43.418 L160.667,40.085 L160.167,36.752 L161.334,34.585 L162,32.418 L163.167,28.751 L160.5,31.751 L162,26.584 L164.334,24.584 L167.167,24.417 L169.334,23.417 L172.834,23.417 L175.667,23.417 L177.5,22.917 L179.667,23.25 L180.667,24.917 L184.834,26.417 L185.667,24.084 L182.834,24.417 L181,24.25 L178.334,22.25 L176.667,21.25 L174.75,19.833 L172.834,20.416 L171,19.083 L166.667,19.25 L164.334,20.75 L162.5,19.583 L160.334,18.25 L157.167,18.083 L160.334,13.583 L156.667,15.25 L153.667,17.583 L150.667,19.25 L148,19.583 L147.667,17.916 L142.167,19.083 L146.792,15.041 L150.042,12.666 L154.084,9.499 L152.417,9.249 L146.917,9.416 L144.417,8.916 L142.167,8.541 L139.917,6.916 L137.417,7.083 L132.667,5.916 L131.417,4.416 L130.75,2.083 L129.584,1 L129.667,2.25 L128.5,4.083 L11.5,4.166 L10.834,5.084 L10.834,5.084 Z"/>
-    </svg>
-</svg>

package/assets/data-bite-graphic.svg

@@ -1,3 +0,0 @@
-<svg viewBox="0 0 308 151">
-  <path fill="currentColor" d="M293,0 C301.284271,-3.29815278e-15 308,6.71572875 308,15 L308,136 C308,144.284271 301.284271,151 293,151 L15,151 C6.71572875,151 1.01453063e-15,144.284271 0,136 L0,15 C-1.01453063e-15,6.71572875 6.71572875,1.52179594e-15 15,0 L293,0 Z M62,32 C37.699471,32 18,51.699471 18,76 C18,100.300529 37.699471,120 62,120 C86.300529,120 106,100.300529 106,76 C106,51.699471 86.300529,32 62,32 Z M287,102 L124,102 C122.343146,102 121,103.343146 121,105 L121,105 L121,115 C121,116.656854 122.343146,118 124,118 L124,118 L287,118 C288.656854,118 290,116.656854 290,115 L290,115 L290,105 C290,103.343146 288.656854,102 287,102 L287,102 Z M287,68 L124,68 C122.343146,68 121,69.3431458 121,71 L121,71 L121,81 C121,82.6568542 122.343146,84 124,84 L124,84 L287,84 C288.656854,84 290,82.6568542 290,81 L290,81 L290,71 C290,69.3431458 288.656854,68 287,68 L287,68 Z M287,34 L124,34 C122.343146,34 121,35.3431458 121,37 L121,37 L121,47 C121,48.6568542 122.343146,50 124,50 L124,50 L287,50 C288.656854,50 290,48.6568542 290,47 L290,47 L290,37 C290,35.3431458 288.656854,34 287,34 L287,34 Z"/>
-</svg>

package/assets/desc.svg

@@ -1 +0,0 @@
-<svg viewBox="0 0 10 5" xmlns="http://www.w3.org/2000/svg"><path d="M0 0l5 5 5-5z" fill="#FFF" fill-rule="nonzero"/></svg>

package/assets/file-upload-solid.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm65.18 216.01H224v80c0 8.84-7.16 16-16 16h-32c-8.84 0-16-7.16-16-16v-80H94.82c-14.28 0-21.41-17.29-11.27-27.36l96.42-95.7c6.65-6.61 17.39-6.61 24.04 0l96.42 95.7c10.15 10.07 3.03 27.36-11.25 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z"/></svg>