@pnx-mixtape/mxds 0.0.6 → 0.0.8

package/src/Layout/Grid/twig/old-grid.twig

@@ -1,46 +0,0 @@
-<div class="grid">
-  <div class="grid--12-col">12</div>
-</div>
-
-<div class="grid">
-  <div class="grid--11-col">11</div>
-  <div class="grid--1-col">1</div>
-</div>
-
-<div class="grid">
-  <div class="grid--10-col">10</div>
-  <div class="grid--2-col">2</div>
-</div>
-
-<div class="grid">
-  <div class="grid--9-col">9</div>
-  <div class="grid--3-col">3</div>
-</div>
-
-<div class="grid">
-  <div class="grid--8-col">8</div>
-  <div class="grid--4-col">4</div>
-</div>
-
-<div class="grid">
-  <div class="grid--7-col">7</div>
-  <div class="grid--5-col">5</div>
-</div>
-
-<div class="grid">
-  <div class="grid--6-col">6</div>
-  <div class="grid--6-col">6</div>
-</div>
-
-<div class="grid">
-  <div class="grid--4-col">4</div>
-  <div class="grid--4-col">4</div>
-  <div class="grid--4-col">4</div>
-</div>
-
-<div class="grid">
-  <div class="grid--3-col">3</div>
-  <div class="grid--3-col">3</div>
-  <div class="grid--3-col">3</div>
-  <div class="grid--3-col">3</div>
-</div>

package/src/Layout/Header/Stacked/Stacked.stories.ts

@@ -1,16 +0,0 @@
-import { Meta, StoryObj } from "@storybook/html"
-import Component from "./header-stacked.twig"
-import "../header.css"
-import "../Elements/GlobalToggle"
-
-const meta: Meta<typeof Component> = {
-  tags: ["autodocs"],
-  component: Component,
-}
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Stacked: Story = {
-  args: {},
-}

package/src/Layout/Header/Stacked/__snapshots__/Stacked.stories.ts.snap

@@ -1,353 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Layout/Header/Stacked Stacked smoke-test 1`] = `
-<div class="header section section--s">
-  <div class="flex">
-    <a class="logo "
-       href="#"
-    >
-      <img alt="Mixtape"
-           src="./mixtape-logo.png"
-           width="120"
-           height="49"
-      >
-    </a>
-    <div class="header__toggles">
-      <mx-global-toggle hidemenu>
-        <button aria-controls="unique-0"
-                class="button button--icon-only icon icon--search"
-        >
-          Open Search
-        </button>
-      </mx-global-toggle>
-      <mx-global-toggle>
-        <button aria-controls="unique-1"
-                class="button button--primary button--icon-only icon icon--menu"
-        >
-          Open Menu
-        </button>
-      </mx-global-toggle>
-    </div>
-    <div id="unique-0"
-         class="header__search"
-         aria-label="Search"
-         role="region"
-    >
-      <label for="global-search"
-             class="visually-hidden"
-      >
-        Search
-      </label>
-      <span class="header__search-input input__text--icon icon icon--search">
-        <input id="global-search"
-               type="text"
-               placeholder="Search..."
-        >
-      </span>
-    </div>
-  </div>
-</div>
-<div id="unique-1"
-     class="header__nav section section--s"
-     aria-label="Menu"
-     role="region"
->
-  <div class="flex">
-    <div class="header__nav-left">
-      <mx-nav flyout
-              edgecheck
-      >
-        <nav class="nav nav--dropdown nav--mega-nav ">
-          <ul class="nav__level-1">
-            <li class="nav__has-subnav">
-              <a href="#"
-                 aria-current="page"
-              >
-                1.1 Level 1 Title
-              </a>
-              <button class="nav__toggle icon icon--chevron-down icon--only">
-                Sub-navigation
-              </button>
-              <ul class="nav__level-2"
-                  inert
-              >
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.1.1 Level 2 Title
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.1.1.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.2 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.3 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.4 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.5 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.6 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.7 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.8 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.1.9 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.1.2 Level 2 Title
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.1.2.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.2.2 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.2.3 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.1.3 Level 2 Title Longer
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.1.3.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.3.2 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.3.3 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.1.4 Level 2 Title
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.1.4.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.4.2 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.4.3 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.1.5 Level 2 Title
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.1.5.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.5.2 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.1.5.3 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li class="nav__separator">
-                  <a href="/">
-                    1.1.6 Level 2 Title Separator
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav__has-subnav">
-              <a href="/">
-                1.2 Level 1 Title
-              </a>
-              <button class="nav__toggle icon icon--chevron-down icon--only">
-                Sub-navigation
-              </button>
-              <ul class="nav__level-2"
-                  inert
-              >
-                <li>
-                  <a href="/">
-                    1.2.1 Level 2 Title
-                  </a>
-                </li>
-                <li>
-                  <a href="/">
-                    1.2.2 Level 2 Title Longer
-                  </a>
-                </li>
-                <li>
-                  <a href="/">
-                    1.2.1 Level 2 Title
-                  </a>
-                </li>
-              </ul>
-            </li>
-            <li class="nav__has-subnav nav--reverse">
-              <a href="/">
-                1.3 Level 1 Title
-              </a>
-              <button class="nav__toggle icon icon--chevron-down icon--only">
-                Sub-navigation
-              </button>
-              <ul class="nav__level-2"
-                  inert
-              >
-                <li class="nav__has-subnav">
-                  <a href="/">
-                    1.3.1 Level 2 Title
-                  </a>
-                  <button class="nav__toggle icon icon--chevron-down icon--only">
-                    Sub-navigation
-                  </button>
-                  <ul class="nav__level-3">
-                    <li>
-                      <a href="/">
-                        1.3.1.1 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.2 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.3 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.4 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.5 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.6 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.7 Level 3 Title
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.8 Level 3 Title Longer
-                      </a>
-                    </li>
-                    <li>
-                      <a href="/">
-                        1.3.1.9 Level 3 Title
-                      </a>
-                    </li>
-                  </ul>
-                </li>
-                <li>
-                  <a href="/">
-                    1.3.2 Level 2 Title
-                  </a>
-                </li>
-                <li>
-                  <a href="/">
-                    1.3.3 Level 2 Title
-                  </a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </nav>
-      </mx-nav>
-    </div>
-    <div class="header__nav-right">
-      <a href="#"
-         class="button button--primary icon icon--info button--right"
-      >
-        Primary Button
-      </a>
-    </div>
-  </div>
-</div>
-`;

package/src/Layout/Header/Stacked/header-stacked.twig

@@ -1,33 +0,0 @@
-<div class="header section section--s">
-  <div class="flex">
-    {% block logo %}
-      {% include "@mixtape/Layout/Header/twig/logo.twig" %}
-    {% endblock %}
-    <div class="header__toggles">
-      <mx-global-toggle hideMenu><button aria-controls="primary-search" class="button button--icon-only icon icon--search" disabled>Open Search</button></mx-global-toggle>
-      <mx-global-toggle><button aria-controls="primary-nav" class="button button--primary button--icon-only icon icon--menu" disabled>Open Menu</button></mx-global-toggle>
-    </div>
-    <div id="primary-search" class="header__search global-nav-up-only" aria-label="Search">
-      {% block search %}
-        <label for="global-search" class="visually-hidden">Search</label>
-        <span class="header__search-input input__text--icon icon icon--search">
-          <input id="global-search" type="text" placeholder="Search...">
-        </span>
-      {% endblock %}
-    </div>
-  </div>
-</div>
-<div id="primary-nav" class="header__nav section section--s global-nav-up-only" aria-label="Menu">
-  <div class="flex">
-    <div class="header__nav-left">
-      {% block navleft %}
-        {% include "@mixtape/Component/Navigation/navigation-mega-nav.twig" %}
-      {% endblock %}
-    </div>
-    <div class="header__nav-right">
-      {% block navright %}
-        <a href="#" class="button button--primary icon icon--info button--right">Primary Button</a>
-      {% endblock %}
-    </div>
-  </div>
-</div>

package/src/Layout/Header/twig/global-header.twig

@@ -1,4 +0,0 @@
-<header class="section">
-  {% include "@mixtape/global/twig/secondary-header.twig" %}
-  {% include "@mixtape/global/twig/primary-header.twig" %}
-</header>

package/src/Layout/Section/twig/section-story.twig

@@ -1,14 +0,0 @@
-{% extends "../section.twig" %}
-{% set title %}
-  {% include '@mixtape/Atom/Heading/heading.twig' with { title: title.title, as: title.as } only %}
-{% endset %}
-{% if link %}
-  {% set link %}
-    {% include '@mixtape/Atom/Link/twig/story-link.twig' with { href: link.href, title: link.title, more: link.more, iconEnd: link.iconEnd } only %}
-  {% endset %}
-{% endif %}
-{% if content %}
-  {% set content %}
-    <p class="text--lede">{{ content }}</p>
-  {% endset %}
-{% endif %}