@pnx-mixtape/mxds 0.0.3 → 0.0.4

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>
-`;