@pnx-mixtape/mxds 0.0.2 → 0.0.4

package/dist/build/tiles.css

@@ -1,61 +0,0 @@
-/**
- * Tiles
- */
-@layer components {
-  .tile {
-    --outline-offset: -0.125rem;
-    --gap: var(--gap-s);
-
-    overflow: hidden;
-    position: relative;
-    border-radius: var(--border-radius);
-    background: var(--tile-background, var(--colour-background-alt));
-    color: var(--tile-foreground var(--colour-foreground));
-    min-block-size: 160px;
-    min-block-size: var(--height, 160px);
-    transition:
-      0.2s background-color,
-      0.2s background-image,
-      0.2s color,
-      0.2s border-color;
-  }
-
-    .tile:is(.tile--has-link, :has(> a[href])) {
-      cursor: pointer;
-    }
-
-    .tile > a[href] {
-      display: block;
-      text-indent: -10000%;
-      block-size: 100%;
-    }
-
-    .tile .tile__content {
-      padding: var(--spacing-m);
-      position: relative;
-    }
-
-  .tile--medium:root {
-    --height: 15rem;
-  }
-
-  .tile--large:root {
-    --height: 27.0625rem;
-  }
-}
-
-/**
- * Print stylesheet
- */
-
-@media print {
-  .tile {
-    display: block;
-    background-color: transparent;
-    background-image: none;
-    color: var(--colour-foreground);
-    min-block-size: 0;
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRpbGVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7RUFFRTtBQUNGO0VBQ0U7SUFDRSwyQkFBc0I7SUFDdEIsbUJBQW1COztJQUVuQixnQkFBZ0I7SUFDaEIsa0JBQWtCO0lBQ2xCLG1DQUFtQztJQUNuQyxnRUFBZ0U7SUFDaEUsc0RBQXNEO0lBQ3RELHFCQUFvQztJQUFwQyxvQ0FBb0M7SUFDcEM7Ozs7dUJBSW1CO0VBZ0JyQjs7SUFkRTtNQUNFLGVBQWU7SUFDakI7O0lBRUE7TUFDRSxjQUFjO01BQ2Qsb0JBQW9CO01BQ3BCLGdCQUFnQjtJQUNsQjs7SUFFQTtNQUNFLHlCQUF5QjtNQUN6QixrQkFBa0I7SUFDcEI7O0VBR0Y7SUFDRSxlQUFlO0VBQ2pCOztFQUVBO0lBQ0Usb0JBQWU7RUFDakI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtFQUNFO0lBQ0UsY0FBYztJQUNkLDZCQUE2QjtJQUM3QixzQkFBc0I7SUFDdEIsK0JBQStCO0lBQy9CLGlCQUFpQjtFQUNuQjtBQUNGIiwiZmlsZSI6InRpbGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogVGlsZXNcbiAqL1xuQGxheWVyIGNvbXBvbmVudHMge1xuICAudGlsZSB7XG4gICAgLS1vdXRsaW5lLW9mZnNldDogLTJweDtcbiAgICAtLWdhcDogdmFyKC0tZ2FwLXMpO1xuXG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tYm9yZGVyLXJhZGl1cyk7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tdGlsZS1iYWNrZ3JvdW5kLCB2YXIoLS1jb2xvdXItYmFja2dyb3VuZC1hbHQpKTtcbiAgICBjb2xvcjogdmFyKC0tdGlsZS1mb3JlZ3JvdW5kIHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKSk7XG4gICAgbWluLWJsb2NrLXNpemU6IHZhcigtLWhlaWdodCwgMTYwcHgpO1xuICAgIHRyYW5zaXRpb246XG4gICAgICAwLjJzIGJhY2tncm91bmQtY29sb3IsXG4gICAgICAwLjJzIGJhY2tncm91bmQtaW1hZ2UsXG4gICAgICAwLjJzIGNvbG9yLFxuICAgICAgMC4ycyBib3JkZXItY29sb3I7XG5cbiAgICAmOmlzKC50aWxlLS1oYXMtbGluaywgOmhhcyg+IGFbaHJlZl0pKSB7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgfVxuXG4gICAgJiA+IGFbaHJlZl0ge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICB0ZXh0LWluZGVudDogLTEwMDAwJTtcbiAgICAgIGJsb2NrLXNpemU6IDEwMCU7XG4gICAgfVxuXG4gICAgJiAudGlsZV9fY29udGVudCB7XG4gICAgICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLW0pO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIH1cbiAgfVxuXG4gICYudGlsZS0tbWVkaXVtIHtcbiAgICAtLWhlaWdodDogMjQwcHg7XG4gIH1cblxuICAmLnRpbGUtLWxhcmdlIHtcbiAgICAtLWhlaWdodDogNDMzcHg7XG4gIH1cbn1cblxuLyoqXG4gKiBQcmludCBzdHlsZXNoZWV0XG4gKi9cblxuQG1lZGlhIHByaW50IHtcbiAgLnRpbGUge1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IG5vbmU7XG4gICAgY29sb3I6IHZhcigtLWNvbG91ci1mb3JlZ3JvdW5kKTtcbiAgICBtaW4tYmxvY2stc2l6ZTogMDtcbiAgfVxufVxuIl19 */

package/dist/build/utilities.css

@@ -1,175 +0,0 @@
-@layer utilities {
-  .stack {
-    display: grid;
-    grid-template-areas: "stack";
-  }
-
-    .stack > * {
-      grid-area: stack;
-    }
-
-  .flex {
-    display: flex;
-  }
-
-  .place-center {
-    align-content: center;
-    justify-content: center;
-    place-content: center;
-  }
-
-  .align--center {
-    margin-inline: auto;
-  }
-
-  .align--left {
-    margin-inline-end: auto;
-  }
-
-  .align--right {
-    margin-inline-start: auto;
-  }
-
-  .align--bottom {
-    margin-block-start: auto;
-  }
-
-  .align--top {
-    margin-block-end: auto;
-  }
-
-  .order--start {
-    order: -1;
-  }
-
-  .order--1 {
-    order: 1;
-  }
-
-  .order--2 {
-    order: 2;
-  }
-
-  .order--3 {
-    order: 3;
-  }
-
-  .gap--s {
-    gap: var(--gap-s);
-  }
-
-  .gap--m {
-    gap: var(--gap);
-  }
-
-  .gap--l {
-    gap: var(--gap-l);
-  }
-
-  .gap--xl {
-    gap: var(--gap-xl);
-  }
-
-  .gap--section-l {
-    gap: var(--section-l, var(--spacing-xl));
-  }
-
-  .gap--section-xl {
-    gap: var(--section-xl, var(--spacing-uul));
-  }
-}
-
-@layer utilities {
-  .hidden,
-  .visually-hidden,
-  .sr-only {
-    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
-    box-sizing: border-box;
-    position: absolute !important;
-    margin: 0;
-    padding: 0;
-  }
-
-  .visually-hidden.visually-hidden--focussable:focus,
-  .sr-only.sr-only--focussable:focus {
-    clip-path: none;
-    position: revert !important;
-    margin: revert;
-    padding: revert;
-  }
-}
-
-/**
- * Responsive utility class
- */
-
-@layer utilities {
-    @media (min-width: 946px) {
-  .mobile-only {
-      display: none;
-  }
-    }
-    @media (max-width: 945.98px) {
-
-  .desktop-only,
-  .global .desktop-only {
-      display: none;
-  }
-    }
-
-  .print-only {
-    display: none !important;
-  }
-
-    @media print {
-
-  .print-only {
-      display: block !important;
-  }
-    }
-    @media print {
-
-  .screen-only {
-      display: none !important;
-  }
-    }
-}
-
-/**
- * Skeleton and loading UI.
- */
-
-@layer utilities {
-  .skeleton {
-    --background: hsla(0, 0%, 0%, 0.1);
-    --opacity-low: 0.5;
-    --opacity-high: 0.75;
-    --duration: 1500ms;
-
-    animation: pulse 1500ms ease infinite;
-
-    animation: pulse var(--duration) ease infinite;
-  }
-
-  .skeleton--bg {
-    background-color: var(--background);
-    border-radius: var(--border-radius);
-    z-index: -1;
-  }
-}
-
-@keyframes pulse {
-  0% {
-    opacity: var(--opacity-low);
-  }
-
-  75% {
-    opacity: var(--opacity-high);
-  }
-
-  100% {
-    opacity: var(--opacity-low);
-  }
-}
-
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIl9sYXlvdXQtdXRpbHMuY3NzIiwidXRpbGl0aWVzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFO0lBQ0UsYUFBYTtJQUNiLDRCQUE0QjtFQUs5Qjs7SUFIRTtNQUNFLGdCQUFnQjtJQUNsQjs7RUFHRjtJQUNFLGFBQWE7RUFDZjs7RUFFQTtJQUNFLHFCQUFxQjtJQUFyQix1QkFBcUI7SUFBckIscUJBQXFCO0VBQ3ZCOztFQUVBO0lBQ0UsbUJBQW1CO0VBQ3JCOztFQUVBO0lBQ0UsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UseUJBQXlCO0VBQzNCOztFQUVBO0lBQ0Usd0JBQXdCO0VBQzFCOztFQUVBO0lBQ0Usc0JBQXNCO0VBQ3hCOztFQUVBO0lBQ0UsU0FBUztFQUNYOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsUUFBUTtFQUNWOztFQUVBO0lBQ0UsaUJBQWlCO0VBQ25COztFQUVBO0lBQ0UsZUFBZTtFQUNqQjs7RUFFQTtJQUNFLGlCQUFpQjtFQUNuQjs7RUFFQTtJQUNFLGtCQUFrQjtFQUNwQjs7RUFFQTtJQUNFLHdDQUF3QztFQUMxQzs7RUFFQTtJQUNFLDBDQUEwQztFQUM1QztBQUNGOztBQzNFQTtFQUNFOzs7SUFHRSxzQ0FBc0M7SUFDdEMsc0JBQXNCO0lBQ3RCLDZCQUE2QjtJQUM3QixTQUFTO0lBQ1QsVUFBVTtFQUNaOztFQUVBOztJQUVFLGVBQWU7SUFDZiwyQkFBMkI7SUFDM0IsY0FBYztJQUNkLGVBQWU7RUFDakI7QUFDRjs7QUFFQTs7RUFFRTs7QUFFRjtJQUVJO0VBREY7TUFFSSxhQUFhO0VBRWpCO0lBREU7SUFLQTs7RUFGRjs7TUFHSSxhQUFhO0VBRWpCO0lBREU7O0VBR0Y7SUFDRSx3QkFBd0I7RUFLMUI7O0lBSEU7O0VBSEY7TUFJSSx5QkFBeUI7RUFFN0I7SUFERTtJQUlBOztFQURGO01BRUksd0JBQXdCO0VBRTVCO0lBREU7QUFFSjs7QUFFQTs7RUFFRTs7QUFDRjtFQUNFO0lBQ0Usa0NBQW1DO0lBQ25DLGtCQUFrQjtJQUNsQixvQkFBb0I7SUFDcEIsa0JBQWtCOztJQUVsQixxQ0FBOEM7O0lBQTlDLDhDQUE4QztFQUNoRDs7RUFFQTtJQUNFLG1DQUFtQztJQUNuQyxtQ0FBbUM7SUFDbkMsV0FBVztFQUNiO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLDJCQUEyQjtFQUM3Qjs7RUFFQTtJQUNFLDRCQUE0QjtFQUM5Qjs7RUFFQTtJQUNFLDJCQUEyQjtFQUM3QjtBQUNGIiwiZmlsZSI6InV0aWxpdGllcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAbGF5ZXIgdXRpbGl0aWVzIHtcbiAgLnN0YWNrIHtcbiAgICBkaXNwbGF5OiBncmlkO1xuICAgIGdyaWQtdGVtcGxhdGUtYXJlYXM6IFwic3RhY2tcIjtcblxuICAgICYgPiAqIHtcbiAgICAgIGdyaWQtYXJlYTogc3RhY2s7XG4gICAgfVxuICB9XG5cbiAgLmZsZXgge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gIH1cblxuICAucGxhY2UtY2VudGVyIHtcbiAgICBwbGFjZS1jb250ZW50OiBjZW50ZXI7XG4gIH1cblxuICAuYWxpZ24tLWNlbnRlciB7XG4gICAgbWFyZ2luLWlubGluZTogYXV0bztcbiAgfVxuXG4gIC5hbGlnbi0tbGVmdCB7XG4gICAgbWFyZ2luLWlubGluZS1lbmQ6IGF1dG87XG4gIH1cblxuICAuYWxpZ24tLXJpZ2h0IHtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiBhdXRvO1xuICB9XG5cbiAgLmFsaWduLS1ib3R0b20ge1xuICAgIG1hcmdpbi1ibG9jay1zdGFydDogYXV0bztcbiAgfVxuXG4gIC5hbGlnbi0tdG9wIHtcbiAgICBtYXJnaW4tYmxvY2stZW5kOiBhdXRvO1xuICB9XG5cbiAgLm9yZGVyLS1zdGFydCB7XG4gICAgb3JkZXI6IC0xO1xuICB9XG5cbiAgLm9yZGVyLS0xIHtcbiAgICBvcmRlcjogMTtcbiAgfVxuXG4gIC5vcmRlci0tMiB7XG4gICAgb3JkZXI6IDI7XG4gIH1cblxuICAub3JkZXItLTMge1xuICAgIG9yZGVyOiAzO1xuICB9XG5cbiAgLmdhcC0tcyB7XG4gICAgZ2FwOiB2YXIoLS1nYXAtcyk7XG4gIH1cblxuICAuZ2FwLS1tIHtcbiAgICBnYXA6IHZhcigtLWdhcCk7XG4gIH1cblxuICAuZ2FwLS1sIHtcbiAgICBnYXA6IHZhcigtLWdhcC1sKTtcbiAgfVxuXG4gIC5nYXAtLXhsIHtcbiAgICBnYXA6IHZhcigtLWdhcC14bCk7XG4gIH1cblxuICAuZ2FwLS1zZWN0aW9uLWwge1xuICAgIGdhcDogdmFyKC0tc2VjdGlvbi1sLCB2YXIoLS1zcGFjaW5nLXhsKSk7XG4gIH1cblxuICAuZ2FwLS1zZWN0aW9uLXhsIHtcbiAgICBnYXA6IHZhcigtLXNlY3Rpb24teGwsIHZhcigtLXNwYWNpbmctdXVsKSk7XG4gIH1cbn1cbiIsIkBpbXBvcnQgXCJfbGF5b3V0LXV0aWxzLmNzc1wiO1xuXG5AbGF5ZXIgdXRpbGl0aWVzIHtcbiAgLmhpZGRlbixcbiAgLnZpc3VhbGx5LWhpZGRlbixcbiAgLnNyLW9ubHkge1xuICAgIGNsaXAtcGF0aDogcG9seWdvbigwIDAsIDAgMCwgMCAwLCAwIDApO1xuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gICAgbWFyZ2luOiAwO1xuICAgIHBhZGRpbmc6IDA7XG4gIH1cblxuICAudmlzdWFsbHktaGlkZGVuLnZpc3VhbGx5LWhpZGRlbi0tZm9jdXNzYWJsZTpmb2N1cyxcbiAgLnNyLW9ubHkuc3Itb25seS0tZm9jdXNzYWJsZTpmb2N1cyB7XG4gICAgY2xpcC1wYXRoOiBub25lO1xuICAgIHBvc2l0aW9uOiByZXZlcnQgIWltcG9ydGFudDtcbiAgICBtYXJnaW46IHJldmVydDtcbiAgICBwYWRkaW5nOiByZXZlcnQ7XG4gIH1cbn1cblxuLyoqXG4gKiBSZXNwb25zaXZlIHV0aWxpdHkgY2xhc3NcbiAqL1xuXG5AbGF5ZXIgdXRpbGl0aWVzIHtcbiAgLm1vYmlsZS1vbmx5IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtdXApIHtcbiAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgfVxuICB9XG5cbiAgLmRlc2t0b3Atb25seSxcbiAgLmdsb2JhbCAuZGVza3RvcC1vbmx5IHtcbiAgICBAbWVkaWEgKC0tbGFyZ2UtZG93bikge1xuICAgICAgZGlzcGxheTogbm9uZTtcbiAgICB9XG4gIH1cblxuICAucHJpbnQtb25seSB7XG4gICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuXG4gICAgQG1lZGlhIHByaW50IHtcbiAgICAgIGRpc3BsYXk6IGJsb2NrICFpbXBvcnRhbnQ7XG4gICAgfVxuICB9XG5cbiAgLnNjcmVlbi1vbmx5IHtcbiAgICBAbWVkaWEgcHJpbnQge1xuICAgICAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xuICAgIH1cbiAgfVxufVxuXG4vKipcbiAqIFNrZWxldG9uIGFuZCBsb2FkaW5nIFVJLlxuICovXG5AbGF5ZXIgdXRpbGl0aWVzIHtcbiAgLnNrZWxldG9uIHtcbiAgICAtLWJhY2tncm91bmQ6IGhzbCgwZGVnIDAlIDAlIC8gMTAlKTtcbiAgICAtLW9wYWNpdHktbG93OiAwLjU7XG4gICAgLS1vcGFjaXR5LWhpZ2g6IDAuNzU7XG4gICAgLS1kdXJhdGlvbjogMTUwMG1zO1xuXG4gICAgYW5pbWF0aW9uOiBwdWxzZSB2YXIoLS1kdXJhdGlvbikgZWFzZSBpbmZpbml0ZTtcbiAgfVxuXG4gIC5za2VsZXRvbi0tYmcge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhY2tncm91bmQpO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLWJvcmRlci1yYWRpdXMpO1xuICAgIHotaW5kZXg6IC0xO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgcHVsc2Uge1xuICAwJSB7XG4gICAgb3BhY2l0eTogdmFyKC0tb3BhY2l0eS1sb3cpO1xuICB9XG5cbiAgNzUlIHtcbiAgICBvcGFjaXR5OiB2YXIoLS1vcGFjaXR5LWhpZ2gpO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgb3BhY2l0eTogdmFyKC0tb3BhY2l0eS1sb3cpO1xuICB9XG59XG4iXX0= */

package/src/Component/Card/__snapshots__/CardGrid.stories.ts.snap

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Components/Card/CardGrid CardGrid smoke-test 1`] = `
-<section class="section section--l">
-  <div class="grid grid--md-3-cols">
-    <div class="container">
-      <article class="card">
-        <figure class="card__media stack">
-          <div class="skeleton skeleton--bg">
-          </div>
-          <img loading="lazy"
-               src="https://picsum.photos/id/56/558/418?grayscale"
-               width="558"
-               height="418"
-               alt
-          >
-        </figure>
-        <div class="card__content vertical-flow-flex">
-          <h3>
-            Card Title
-          </h3>
-          <p class="text--lede">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-          <a href="#"
-             class="link--more"
-          >
-            Learn more
-          </a>
-        </div>
-      </article>
-    </div>
-    <div class="container">
-      <article class="card">
-        <figure class="card__media stack">
-          <div class="skeleton skeleton--bg">
-          </div>
-          <img loading="lazy"
-               src="https://picsum.photos/id/56/558/418?grayscale"
-               width="558"
-               height="418"
-               alt
-          >
-        </figure>
-        <div class="card__content vertical-flow-flex">
-          <h3>
-            Card Title
-          </h3>
-          <p class="text--lede">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-          <a href="#"
-             class="link--more"
-          >
-            Learn more
-          </a>
-        </div>
-      </article>
-    </div>
-    <div class="container">
-      <article class="card">
-        <figure class="card__media stack">
-          <div class="skeleton skeleton--bg">
-          </div>
-          <img loading="lazy"
-               src="https://picsum.photos/id/56/558/418?grayscale"
-               width="558"
-               height="418"
-               alt
-          >
-        </figure>
-        <div class="card__content vertical-flow-flex">
-          <h3>
-            Card Title
-          </h3>
-          <p class="text--lede">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-          </p>
-          <a href="#"
-             class="link--more"
-          >
-            Learn more
-          </a>
-        </div>
-      </article>
-    </div>
-  </div>
-</section>
-`;

package/src/Component/HeroBanner/__snapshots__/PageTitle.stories.ts.snap

@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Components/HeroBanner/HeroBanner Hero smoke-test 1`] = `
-<section class="section section--dark">
-  <figure class="background--image section__full"
-          role="presentation"
-  >
-    <img src="https://picsum.photos/id/56/1642/560?grayscale"
-         alt
-    >
-  </figure>
-  <div class="section--xl">
-    <div class="page-title vertical-flow page-title--hero">
-      <h1 class="headline">
-        Prudential and Reporting Standards for Authorised deposit-taking institutions
-      </h1>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Components/HeroBanner/HeroBanner HeroBanner smoke-test 1`] = `
-<div class="page-title vertical-flow ">
-  <h1 class="headline">
-    Prudential and Reporting Standards for Authorised deposit-taking institutions
-  </h1>
-  <p class="text--m">
-    Make the most of the opportunity by encouraging an action and keeping your copy clear and concise.
-  </p>
-</div>
-`;

package/src/Layout/Section/__snapshots__/SectionBackground.stories.ts.snap

@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Layout/Section/Background Image BackgroundImage smoke-test 1`] = `
-<section class="section ">
-  <figure class="background--image section__full"
-          role="presentation"
-  >
-    <img src="https://picsum.photos/id/56/1642/560?grayscale"
-         alt
-    >
-  </figure>
-  <div class="section--l">
-    <div class="vertical-flow">
-      <h2>
-        Key feature or Section Name
-      </h2>
-      <p>
-        A short description to help explain enough about the subject matter to encourage visitors to learn more.
-      </p>
-      <a class="button button--primary"
-         href="#"
-      >
-        Learn more
-      </a>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Layout/Section/Background Image Dark smoke-test 1`] = `
-<section class="section background--reverse">
-  <figure class="background--image section__full"
-          role="presentation"
-  >
-    <img src="https://picsum.photos/id/56/1642/560?grayscale"
-         alt
-    >
-  </figure>
-  <div class="section--l">
-    <div class="vertical-flow">
-      <h2>
-        Key feature or Section Name
-      </h2>
-      <p>
-        A short description to help explain enough about the subject matter to encourage visitors to learn more.
-      </p>
-      <a class="button button--primary"
-         href="#"
-      >
-        Learn more
-      </a>
-    </div>
-  </div>
-</section>
-`;

package/src/Layout/Section/__snapshots__/SectionsBreakouts.stories.ts.snap

@@ -1,78 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Layout/Section/Breakoout Breakoout smoke-test 1`] = `
-<section class="section section--flow">
-  <p>
-    Default is container width, with an inline gutter for smaller screens.
-  </p>
-</section>
-<section class="section section__full section--flow">
-  <p>
-    Section can have children with different content widths;
-  </p>
-  <p class="section__narrow">
-    like the optimum content width with .section__narrow
-  </p>
-  <p class="section__feature">
-    or slightly larger feature widths with .section__feature
-  </p>
-  <p class="section__full">
-    or full width with .section__full
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    Sections can be nested
-  </p>
-  <section class="section">
-    <p>
-      and have the same content width options are un-nested ones;
-    </p>
-    <p class="section__narrow">
-      like the optimum content widths with .section__narrow
-    </p>
-    <p class="section__feature">
-      or slightly larger feature widths with .section__feature
-    </p>
-    <p class="section__full">
-      or full width with .section__full
-    </p>
-  </section>
-</section>
-<section class="section section__narrow section--flow">
-  <p>
-    Sections can say for all children to have a certain width
-  </p>
-  <p>
-    by using .section__narrow or .section__feature or .section__full
-  </p>
-  <p>
-    on the parent.
-  </p>
-</section>
-<section class="section section--flow background--primary background--reverse">
-  <p>
-    Any section can have a background color, or utilise any of the section vertical spacing classes
-  </p>
-  <section class="section--bottom-l">
-    <p>
-      even children
-    </p>
-  </section>
-  <section class="section--l background--primary-light background--reset">
-    <p>
-      and ones with their own backgrounds.
-    </p>
-  </section>
-</section>
-<section class="section section--group">
-  <p>
-    Sections can be grouped together
-  </p>
-</section>
-<section class="section section__feature section--group">
-  <p>
-    even if they have different content widths.
-  </p>
-</section>
-`;

package/src/Layout/Section/__snapshots__/SectionsFlowsGroups.stories.ts.snap

@@ -1,89 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Layout/Section/Flow Flow smoke-test 1`] = `
-<section class="section section--flow">
-  <p>
-    first section has top and bottom spacing
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section with normal flow
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section with normal flow
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    certain sections can be
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    grouped togther as siblings
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    with their own spacing rules
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section on it's own has top and bottom spacing
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    groups can be combined with flow
-  </p>
-</section>
-<section class="section section--flow section--group background--alt">
-  <p>
-    for standard spacing
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section after group own has top and bottom spacing
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section with normal flow
-  </p>
-</section>
-<section class="section section--flow background--alt">
-  <p>
-    section with background that breaks the flow, also has top and bottom spacing
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section after background own has top and bottom spacing
-  </p>
-</section>
-<section class="section section--flow">
-  <p>
-    section with normal flow
-  </p>
-</section>
-<section class="section section--group">
-  <p>
-    groups can be used normally for larger spacing
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    adding a background breaks the grouping
-  </p>
-</section>
-<section class="section section--group background--alt">
-  <p>
-    into a new group
-  </p>
-</section>
-`;

package/src/index.css

@@ -1,27 +0,0 @@
-@import "constants.css";
-@import "./Atom/base.css";
-@import "./Layout/Section/section.css";
-@import "./Layout/Grid/grid.css";
-@import "./Layout/Page/page.css";
-@import "./Component/Accordion/accordion.css";
-@import "./Atom/Button/button.css";
-@import "./Atom/Icon/icon.css";
-@import "./Form/form.css";
-@import "./Layout/Masthead/masthead.css";
-@import "./Layout/Header/header.css";
-@import "./Layout/Footer/footer.css";
-@import "./Component/Navigation/navigation.css";
-@import "./Component/Tile/tiles.css";
-@import "./Component/Pagination/pagination.css";
-@import "./Component/InPageNavigation/in-page-navigation.css";
-@import "./Component/Sticky/sticky.css";
-@import "./Component/Tag/tag.css";
-@import "./Component/Card/card.css";
-@import "./Component/Dialog/dialog.css";
-@import "./Component/DropMenu/drop-menu.css";
-@import "./Component/ContentBlock/content-block.css";
-@import "./Component/LinkList/link-list.css";
-@import "./Component/Tabs/tabs.css";
-@import "./Component/InPageAlert/in-page-alert.css";
-@import "./Component/Callout/callout.css";
-@import "./Utility/utilities.css";