@papillonarts/components 0.16.0 → 0.18.0

package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.ts.snap

@@ -1,259 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<UnderlineNav /> Render must match fullContainer() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav UnderlineNav--full"
-  >
-    <div
-      class="container-lg UnderlineNav-container"
-    >
-      <div
-        class="UnderlineNav-body"
-        role="tablist"
-      >
-        <a
-          aria-current="page"
-          class="UnderlineNav-item"
-        >
-          Item 1
-        </a>
-        <a
-          class="UnderlineNav-item"
-        >
-          Item 2
-        </a>
-        <a
-          class="UnderlineNav-item"
-        >
-          Item 3
-        </a>
-        <a
-          class="UnderlineNav-item"
-        >
-          Item 4
-        </a>
-      </div>
-      <div
-        class="UnderlineNav-actions"
-      >
-        <a
-          class="btn"
-          href="#url"
-        >
-          Button
-        </a>
-      </div>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<UnderlineNav /> Render must match regular() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav"
-  >
-    <div
-      class="UnderlineNav-body"
-      role="tablist"
-    >
-      <button
-        aria-selected="true"
-        class="UnderlineNav-item"
-        role="tab"
-        type="button"
-      >
-        Item 1
-      </button>
-      <button
-        class="UnderlineNav-item"
-        role="tab"
-        type="button"
-      >
-        Item 2
-      </button>
-      <button
-        class="UnderlineNav-item"
-        role="tab"
-        type="button"
-      >
-        Item 3
-      </button>
-      <button
-        class="UnderlineNav-item"
-        role="tab"
-        type="button"
-      >
-        Item 4
-      </button>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<UnderlineNav /> Render must match rightAligned() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav UnderlineNav--right"
-  >
-    <div
-      class="UnderlineNav-body"
-      role="tablist"
-    >
-      <a
-        aria-current="page"
-        class="UnderlineNav-item"
-      >
-        Item 1
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 2
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 3
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 4
-      </a>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<UnderlineNav /> Render must match rightAlignedWithActions() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav UnderlineNav--right"
-  >
-    <div
-      class="UnderlineNav-actions"
-    >
-      <a
-        class="btn"
-        href="#url"
-      >
-        Button
-      </a>
-    </div>
-    <div
-      class="UnderlineNav-body"
-      role="tablist"
-    >
-      <a
-        aria-current="page"
-        class="UnderlineNav-item"
-      >
-        Item 1
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 2
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 3
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 4
-      </a>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<UnderlineNav /> Render must match withActions() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav"
-  >
-    <div
-      class="UnderlineNav-body"
-      role="tablist"
-    >
-      <a
-        aria-current="page"
-        class="UnderlineNav-item"
-      >
-        Item 1
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 2
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 3
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 4
-      </a>
-    </div>
-    <div
-      class="UnderlineNav-actions"
-    >
-      <a
-        class="btn"
-        href="#url"
-      >
-        Button
-      </a>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<UnderlineNav /> Render must match withIcons() 1`] = `
-<div>
-  <nav
-    aria-label="Foo bar"
-    class="UnderlineNav"
-  >
-    <div
-      class="UnderlineNav-body"
-      role="tablist"
-    >
-      <a
-        aria-current="page"
-        class="UnderlineNav-item"
-      >
-        Item 1
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 2
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 3
-      </a>
-      <a
-        class="UnderlineNav-item"
-      >
-        Item 4
-      </a>
-    </div>
-  </nav>
-</div>
-`;

package/build/primer/Pagination/PreviousNext/PreviousNext.mdx

@@ -1,20 +0,0 @@
-# PreviousNext
-
-> Use the pagination component to apply button styles to a connected set of links that go to related pages (for example, previous, next, or page numbers).
-> You can make a very simple pagination container with just the Previous and Next buttons. Add the aria-disabled="true" attribute to the Previous button if there isn't a preceding page, or to the Next button if there isn't a succeeding page.
-
-# Variants
-
-> - Default, Inactive
-
-## Default
-
-```jsx
-<PreviousNext ariaAttr={ariaAttr} currentPage={currentPage} onClick={action('onClick')} />
-```
-
-## Inactive
-
-```jsx
-<PreviousNext ariaAttr={ariaAttr} currentPage={currentPage} onClick={action('onClick')} state={previousNextState.inactive} />
-```

package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.ts.snap

@@ -1,63 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<PreviousNext /> Render must match inactive() 1`] = `
-<div>
-  <nav
-    aria-label="Pagination"
-    class="paginate-container previousnext-inactive"
-  >
-    <div
-      class="pagination d-flex"
-    >
-      <a
-        aria-label="Previous"
-        href="#url"
-        rel="previous"
-      >
-        &lt;
-      </a>
-      <span>
-        Viewing 3 to 7
-      </span>
-      <a
-        aria-label="Next"
-        href="#url"
-        rel="next"
-      >
-        &gt;
-      </a>
-    </div>
-  </nav>
-</div>
-`;
-
-exports[`<PreviousNext /> Render must match regular() 1`] = `
-<div>
-  <nav
-    aria-label="Pagination"
-    class="paginate-container"
-  >
-    <div
-      class="pagination d-flex"
-    >
-      <a
-        aria-label="Previous"
-        href="#url"
-        rel="previous"
-      >
-        &lt;
-      </a>
-      <span>
-        Viewing 3 to 7
-      </span>
-      <a
-        aria-label="Next"
-        href="#url"
-        rel="next"
-      >
-        &gt;
-      </a>
-    </div>
-  </nav>
-</div>
-`;

package/build/primer/Popover/Popover.mdx

@@ -1,190 +0,0 @@
-# Popover
-
-- Default, DefaultLarge
-- Bottom, BottomRight, BottomLeft
-- Left, LeftBottom, LeftTop
-- Right, RightBottom, RightTop
-- TopLeft, TopRight
-
-> Popovers are used to bring attention to specific user interface elements, typically to suggest an action or to guide users through a new experience.
-
-## Default
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## DefaultLarge
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  size={popoverSize.large}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## Bottom
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.bottom}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## BottomRight
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.bottomRight}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## BottomLeft
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.bottomLeft}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## Left
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.left}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## LeftBottom
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.leftBottom}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## LeftTop
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.leftTop}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## Right
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.right}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## RightBottom
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.rightBottom}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## RightTop
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.rightTop}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## TopLeft
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.topLeft}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```
-
-## TopRight
-
-```jsx
-<Popover
-  intro={intro}
-  heading={heading}
-  message={message}
-  acknowledge={acknowledge}
-  variant={popoverVariant.topRight}
-  introOnClick={action('introOnClick')}
-  acknowledgeOnClick={action('acknowledgeOnClick')}
-/>
-```

package/build/primer/Progress/Progress.mdx

@@ -1,31 +0,0 @@
-# Progress
-
-> Use progress components to visualize task completion. The Progress class adds a background color and aligns its children horizontally with flexbox. The children (Progress-item) should be individually colored with background utilities and sized with inline width styles in percentages. Overflow is hidden, so children that overflow will be clipped.
-
-# Variants
-
-> - Normal, Large, Small
-
-## Normal
-
-> Normal progress bars have default height.
-
-```jsx
-<Progress variant={progressVariant.normal} percentage={50} />
-```
-
-## Large
-
-> Large progress bars are slightly taller than the default.
-
-```jsx
-<Progress variant={progressVariant.large} percentage={50} />
-```
-
-## Small
-
-> Small progress bars are shorter than the default.
-
-```jsx
-<Progress variant={progressVariant.small} percentage={50} />
-```

package/build/primer/Select/Select.mdx

@@ -1,19 +0,0 @@
-# Select
-
-> Selects are lightweight context menus for housing navigation and actions. They're great for instances where you don't need the full power (and code) of the select menu.
-
-# Variants
-
-> - Regular, Inactive
-
-## Regular
-
-```jsx
-<Select selectedText={selectedText} items={items} onChange={action('onChange')} />
-```
-
-## Inactive
-
-```jsx
-<Select selectedText={selectedText} items={items} onChange={action('onChange')} state={selectState.inactive} />
-```

package/build/primer/SelectMenu/SelectMenu.mdx

@@ -1,13 +0,0 @@
-# SelectMenu
-
-> The SelectMenu component provides advanced support for navigation, filtering, and more. Any menu can make use of JavaScript-enabled live filtering, selected states, tabbed lists, and keyboard navigation with a bit of markup.
-
-# Variants
-
-> - Default
-
-## Default
-
-```jsx
-<SelectMenu summary={summary} icon={iconName.ChevronDown16} title={title} ariaAttr={ariaAttr} items={items} onClick={action('onClick')} />
-```

package/build/primer/Subhead/Subhead.mdx

@@ -1,20 +0,0 @@
-# Subhead
-
-> The basic Subhead consists of a .Subhead container, which has a light gray bottom border. Use .Subhead-heading for the heading itself. It's an `<h2>` sized heading with normal font-weight.
-> Use a heading element whenever possible as they can be used as navigation for assistive technologies, and avoid skipping levels.
-
-# Variants
-
-> - Plain, Spacious
-
-## Plain
-
-```jsx
-<Subhead heading="Plain subhead" />
-```
-
-## Spacious
-
-```jsx
-<Subhead heading="Spacious subhead" isSpacious={true} />
-```