@papillonarts/components 0.16.0 → 0.18.0

package/build/primer/Label/Label.mdx

@@ -1,13 +0,0 @@
-# Label
-
-> Labels add metadata or indicate status of items and navigational elements. Three different types of labels are available: Labels for adding metadata, States for indicating status, and Counters for showing the count for a number of items.
-
-# Variants
-
-> - Default
-
-## Default
-
-```jsx
-<Label text="default label" />
-```

package/build/primer/Loader/Loader.mdx

@@ -1,31 +0,0 @@
-# Loader
-
-> Loaders inform users that an action is still in progress and might take a while to complete.
-
-## Variants
-
-> - Heading, Text, Label, Button
-
-## Heading
-
-```jsx
-<Loader variant={loaderVariant.heading} text={text} />
-```
-
-## Text
-
-```jsx
-<Loader variant={loaderVariant.text} text={text} />
-```
-
-## Label
-
-```jsx
-<Loader variant={loaderVariant.label} text={text} />
-```
-
-## Button
-
-```jsx
-<Loader variant={loaderVariant.button} text={text} />
-```

package/build/primer/Navigation/Menu/Menu.mdx

@@ -1,25 +0,0 @@
-# Menu
-
-> The menu is a vertical list of navigational links. A menu's width and placement must be set by you. If you like, just use our grid columns as a parent. Otherwise, apply a custom width.
-
-# Variants
-
-> - Default, WithIcons, WithHeading
-
-## Default
-
-```jsx
-<Menu ariaAttr={ariaAttr} items={defaultItems} onClick={action('onClick')} />
-```
-
-## WithIcons
-
-```jsx
-<Menu ariaAttr={ariaAttr} items={iconItems} onClick={action('onClick')} />
-```
-
-## WithHeading
-
-```jsx
-<Menu heading={heading} ariaAttr={ariaAttr} items={defaultItems} onClick={action('onClick')} />
-```

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

@@ -1,114 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<Menu /> Render must match regular() 1`] = `
-<div>
-  <nav
-    aria-label="Person settings"
-    aria-labelledby="menu-heading"
-    class="menu"
-  >
-    <a
-      aria-current="page"
-      class="menu-item"
-      href="#url"
-    >
-      Account
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Profile
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Emails
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Notifications
-    </a>
-  </nav>
-</div>
-`;
-
-exports[`<Menu /> Render must match withHeading() 1`] = `
-<div>
-  <nav
-    aria-label="Person settings"
-    aria-labelledby="menu-heading"
-    class="menu"
-  >
-    <span
-      class="menu-heading"
-    >
-      Menu heading
-    </span>
-    <a
-      aria-current="page"
-      class="menu-item"
-      href="#url"
-    >
-      Account
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Profile
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Emails
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Notifications
-    </a>
-  </nav>
-</div>
-`;
-
-exports[`<Menu /> Render must match withIcons() 1`] = `
-<div>
-  <nav
-    aria-label="Person settings"
-    aria-labelledby="menu-heading"
-    class="menu"
-  >
-    <a
-      aria-current="page"
-      class="menu-item"
-      href="#url"
-    >
-      Account
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Profile
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Emails
-    </a>
-    <a
-      class="menu-item"
-      href="#url"
-    >
-      Notifications
-    </a>
-  </nav>
-</div>
-`;

package/build/primer/Navigation/TabNav/TabNav.mdx

@@ -1,56 +0,0 @@
-# TabNav
-
-> When you need to toggle between different views, consider using a tabnav. It'll give you a left-aligned horizontal row of tabs.
-
-# Variants
-
-> - Default
-> - WithButtonActions, WithTextActions, WithLinkActions
-> - WithNavigation, WithMixedEnabledVisibleItems
-> - Inactive
-
-## Default
-
-```jsx
-<TabNav ariaAttr={ariaAttr} items={defaultItems} onClick={action('onClick')} />
-```
-
-## WithButtonActions
-
-```jsx
-<TabNav ariaAttr={ariaAttr} items={defaultItems} actions={buttonActions} onClick={action('onClick')} />
-```
-
-## WithTextActions
-
-```jsx
-<TabNav ariaAttr={ariaAttr} items={defaultItems} actions={textActions} onClick={action('onClick')} />
-```
-
-## WithLinkActions
-
-```jsx
-<TabNav ariaAttr={ariaAttr} items={defaultItems} actions={linkActions} onClick={action('onClick')} />
-```
-
-## WithNavigation
-
-```jsx
-<BrowserRouter>
-  <TabNav ariaAttr={ariaAttr} items={navigationItems} onClick={action('onClick')} />
-</BrowserRouter>
-```
-
-## WithMixedEnabledVisibleItems
-
-```jsx
-<BrowserRouter>
-  <TabNav ariaAttr={ariaAttr} items={mixedEnabledVisibleItems} onClick={action('onClick')} />
-</BrowserRouter>
-```
-
-## Inactive
-
-```jsx
-<TabNav ariaAttr={ariaAttr} items={defaultItems} onClick={action('onClick')} state={tabNavState.inactive} />
-```

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

@@ -1,164 +0,0 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
-
-exports[`<TabNav /> Render must match inactive() 1`] = `
-<div>
-  <div
-    class="tabnav tabnav-inactive"
-  >
-    <nav
-      aria-label="Foo bar"
-      class="tabnav-tabs"
-    >
-      <a
-        aria-current="page"
-        class="tabnav-tab"
-        href="#url"
-      >
-        Foo tab
-      </a>
-      <a
-        class="tabnav-tab"
-        href="#url"
-      >
-        Bar tab
-      </a>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<TabNav /> Render must match regular() 1`] = `
-<div>
-  <div
-    class="tabnav"
-  >
-    <nav
-      aria-label="Foo bar"
-      class="tabnav-tabs"
-    >
-      <a
-        aria-current="page"
-        class="tabnav-tab"
-        href="#url"
-      >
-        Foo tab
-      </a>
-      <a
-        class="tabnav-tab"
-        href="#url"
-      >
-        Bar tab
-      </a>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<TabNav /> Render must match withButtonActions() 1`] = `
-<div>
-  <div
-    class="tabnav"
-  >
-    <a
-      class="btn btn-sm float-right"
-      href="#url"
-      role="button"
-    >
-      Button
-    </a>
-    <nav
-      aria-label="Foo bar"
-      class="tabnav-tabs"
-    >
-      <a
-        aria-current="page"
-        class="tabnav-tab"
-        href="#url"
-      >
-        Foo tab
-      </a>
-      <a
-        class="tabnav-tab"
-        href="#url"
-      >
-        Bar tab
-      </a>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<TabNav /> Render must match withLinkActions() 1`] = `
-<div>
-  <div
-    class="tabnav"
-  >
-    <div
-      class="float-right"
-    >
-      <a
-        class="tabnav-extra"
-        href="#url"
-      >
-        Tabnav extra link
-      </a>
-      <a
-        class="tabnav-extra"
-        href="#url"
-      >
-        Tabnav extra link
-      </a>
-    </div>
-    <nav
-      aria-label="Foo bar"
-      class="tabnav-tabs"
-    >
-      <a
-        aria-current="page"
-        class="tabnav-tab"
-        href="#url"
-      >
-        Foo tab
-      </a>
-      <a
-        class="tabnav-tab"
-        href="#url"
-      >
-        Bar tab
-      </a>
-    </nav>
-  </div>
-</div>
-`;
-
-exports[`<TabNav /> Render must match withTextActions() 1`] = `
-<div>
-  <div
-    class="tabnav"
-  >
-    <div
-      class="tabnav-extra float-right"
-    >
-      Tabnav widget text here.
-    </div>
-    <nav
-      aria-label="Foo bar"
-      class="tabnav-tabs"
-    >
-      <a
-        aria-current="page"
-        class="tabnav-tab"
-        href="#url"
-      >
-        Foo tab
-      </a>
-      <a
-        class="tabnav-tab"
-        href="#url"
-      >
-        Bar tab
-      </a>
-    </nav>
-  </div>
-</div>
-`;

package/build/primer/Navigation/UnderlineNav/UnderlineNav.mdx

@@ -1,65 +0,0 @@
-# UnderlineNav
-
-> Use UnderlineNav to style navigation with a minimal underlined selected state, typically used for navigation placed at the top of the page. This component comes with variations to accommodate icons, containers and other content.
-
-# Variants
-
-> - Default
-> - WithActions, RightAligned, RightAlignedWithActions
-> - WithIcons, FullContainer
-
-## Default
-
-```jsx
-<UnderlineNav ariaAttr={ariaAttr} items={buttonItems} itemType={underlineNavItemType.button} onClick={action('onClick')} />
-```
-
-## WithActions
-
-```jsx
-<UnderlineNav ariaAttr={ariaAttr} items={anchorItems} itemType={underlineNavItemType.a} actions={actions} onClick={action('onClick')} />
-```
-
-## RightAligned
-
-```jsx
-<UnderlineNav
-  ariaAttr={ariaAttr}
-  items={anchorItems}
-  itemType={underlineNavItemType.a}
-  align={underlineNavAlignmentType.right}
-  onClick={action('onClick')}
-/>
-```
-
-## RightAlignedWithActions
-
-```jsx
-<UnderlineNav
-  ariaAttr={ariaAttr}
-  items={anchorItems}
-  itemType={underlineNavItemType.a}
-  align={underlineNavAlignmentType.right}
-  actions={actions}
-  onClick={action('onClick')}
-/>
-```
-
-## WithIcons
-
-```jsx
-<UnderlineNav ariaAttr={ariaAttr} items={iconItems} itemType={underlineNavItemType.a} onClick={action('onClick')} />
-```
-
-## FullContainer
-
-```jsx
-<UnderlineNav
-  ariaAttr={ariaAttr}
-  items={fullContainerItems}
-  itemType={underlineNavItemType.a}
-  actions={actions}
-  fullContainer
-  onClick={action('onClick')}
-/>
-```