mp-design-system 1.0.4 → 1.2.1

package/src/patterns/off-canvas.njk

@@ -1,42 +0,0 @@
----
-title: Off canvas
-layout: patterns-page
----
-
-{%- from "components/button/macro.njk" import button -%}
-{%- from "components/input/macro.njk" import checkbox -%}
-
-<div class="u-flow">
-  <button class="c-button c-button--off-canvas-toggle" aria-controls="areas-of-interest" aria-expanded="false" data-target="areas-of-interest" aria-label="Toggle areas of interest">Add areas of interest</button>
-  <aside class="o-off-canvas" id="areas-of-interest" tabindex="-1" aria-hidden="true">
-    <div class="o-off-canvas__backdrop" role="presentation"></div>
-    <div class="o-off-canvas__content" role="dialog" aria-modal="true" aria-labelledby="c-label">
-      <header class="o-off-canvas__header">
-          <label class="c-label">Areas of interest</label>
-      </header>
-      <main class="o-off-canvas__main">
-        <div class="u-flow--m">
-          {% for _ in ["3D structure / imaging", "Binding affinity", "Binding kinetics", "Chemical identification", "Contaminant detection and analysis", "Crystal structure determination", "Elemental analysis", "Elemental quantification", "Enzyme kinetics", "Epitaxy analysis", "Ground truthing", "Interface roughness", "Label-free analysis", "Microrheology", "Moisture content", "Molecular size", "Molecular structure", "Molecular weight", "Particle concentration", "Particle shape", "Particle size", "Phase identification", "Phase quantification", "Pore size distribution", "Powder flow", "Protein aggregation", "Protein mobility", "Protein stability", "Reciprocal space analysis", "Remote sensing", "Residual stress", "Texture analysis", "Thin film metrology", "Viscosity", "Zeta potential"] %}
-              <div>
-                  {{ checkbox({
-                      label: _,
-                      name: 'tenets',
-                      id: _,
-                      value: _
-                  })}}
-              </div>
-          {% endfor %}
-        </div>
-      </main>
-      <footer class="o-off-canvas__footer">
-        {{ button({ label: 'Update', type: 'a', classes: 'o-off-canvas__update' }) }}
-        <button class="mp c-twi o-off-canvas__close c-twi--left">
-          <span>Cancel</span>
-          <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
-            <use xlink:href="/static/svg/sprite.svg#cross"></use>
-          </svg>
-        </button>
-      </footer>
-    </div>
-  </aside>
-</div>