@papillonbits/components 0.12.0 → 0.15.0

package/build/primer/Label/Label.js

@@ -31,7 +31,7 @@ function Label(_ref) {
       textColor = _ref.textColor;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     title: "Label: ".concat(text),
-    className: (0, _classnames.default)(className, (_cx = {}, (0, _defineProperty2.default)(_cx, _labels.default.Label, variant === _Label.labelVariant.regular), (0, _defineProperty2.default)(_cx, _issueLabels.default.IssueLabel, variant === _Label.labelVariant.issue), (0, _defineProperty2.default)(_cx, _colors.default['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), (0, _defineProperty2.default)(_cx, _colors.default['text-white'], textColor === _Label.labelTextColor.white), _cx)),
+    className: (0, _classnames["default"])(className, (_cx = {}, (0, _defineProperty2["default"])(_cx, _labels["default"].Label, variant === _Label.labelVariant.regular), (0, _defineProperty2["default"])(_cx, _issueLabels["default"].IssueLabel, variant === _Label.labelVariant.issue), (0, _defineProperty2["default"])(_cx, _colors["default"]['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), (0, _defineProperty2["default"])(_cx, _colors["default"]['text-white'], textColor === _Label.labelTextColor.white), _cx)),
     children: text
   });
 }

package/build/primer/Loader/Loader.js

@@ -37,39 +37,39 @@ function Loader(_ref) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _Loader2.default.AnimatedEllipsis
+          className: _Loader2["default"].AnimatedEllipsis
         })]
       });
 
     case _Loader.loaderVariant.text:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: (0, _classnames.default)(_branchName.default['branch-name'], _margin.default['mt-2']),
+        className: (0, _classnames["default"])(_branchName["default"]['branch-name'], _margin["default"]['mt-2']),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _Loader2.default.AnimatedEllipsis
+          className: _Loader2["default"].AnimatedEllipsis
         })]
       });
 
     case _Loader.loaderVariant.label:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: (0, _classnames.default)(_labels.default.Label, _colors.default['bg-blue'], _margin.default['mt-3']),
+        className: (0, _classnames["default"])(_labels["default"].Label, _colors["default"]['bg-blue'], _margin["default"]['mt-3']),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _Loader2.default.AnimatedEllipsis
+          className: _Loader2["default"].AnimatedEllipsis
         })]
       });
 
     case _Loader.loaderVariant.button:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
         type: "button",
-        className: (0, _classnames.default)(_Button.default.btn, _margin.default['mt-3']),
+        className: (0, _classnames["default"])(_Button["default"].btn, _margin["default"]['mt-3']),
         "aria-disabled": "true",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: _Loader2.default.AnimatedEllipsis
+          className: _Loader2["default"].AnimatedEllipsis
         })]
       });
 

package/build/primer/Navigation/Menu/Menu.js

@@ -29,7 +29,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function Menu(_ref) {
   var className = _ref.className,
@@ -39,7 +39,7 @@ function Menu(_ref) {
       _onClick = _ref.onClick;
 
   var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       indexItems = _useState2[0],
       setIndexItems = _useState2[1];
 
@@ -47,11 +47,11 @@ function Menu(_ref) {
       labelledBy = ariaAttr.labelledBy,
       current = ariaAttr.current;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
-    className: (0, _classnames.default)(className, _Menu2.default.menu),
+    className: (0, _classnames["default"])(className, _Menu2["default"].menu),
     "aria-label": label,
     "aria-labelledby": labelledBy,
     children: [heading && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: _Menu2.default['menu-heading'],
+      className: _Menu2["default"]['menu-heading'],
       children: heading
     }), indexItems.map(function (indexItem) {
       var href = indexItem.href,
@@ -70,11 +70,11 @@ function Menu(_ref) {
 
           _onClick(newIndexItems);
         },
-        className: _Menu2.default['menu-item'],
+        className: _Menu2["default"]['menu-item'],
         href: href
       }, itemOtherProps), {}, {
         children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          className: _Menu2.default.octicon,
+          className: _Menu2["default"].octicon,
           icon: icon,
           size: _Icon.iconSize.small
         }), html || null, text]

package/build/primer/Navigation/TabNav/TabNav.js

@@ -25,7 +25,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function TabNav(_ref) {
   var className = _ref.className,
@@ -51,9 +51,9 @@ function TabNav(_ref) {
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(className, _TabNav2.default.tabnav, (0, _defineProperty2.default)({}, _TabNav2.default['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
+    className: (0, _classnames["default"])(className, _TabNav2["default"].tabnav, (0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
     children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-      className: _TabNav2.default['tabnav-tabs'],
+      className: _TabNav2["default"]['tabnav-tabs'],
       "aria-label": label,
       children: indexItems.map(function (indexItem) {
         var href = indexItem.href,
@@ -94,7 +94,7 @@ function TabNav(_ref) {
                 )
               });
             },
-            className: _TabNav2.default['tabnav-tab'],
+            className: _TabNav2["default"]['tabnav-tab'],
             href: href
           }, itemOtherProps), {}, {
             children: text
@@ -132,7 +132,7 @@ function TabNav(_ref) {
                 )
               });
             },
-            className: (0, _classnames.default)(className, _TabNav2.default['tabnav-tab'], (_cx2 = {}, (0, _defineProperty2.default)(_cx2, _TabNav2.default['tabnav-tab-inactive'], enabled === false), (0, _defineProperty2.default)(_cx2, _TabNav2.default['tabnav-tab-hidden'], visible === false), _cx2))
+            className: (0, _classnames["default"])(className, _TabNav2["default"]['tabnav-tab'], (_cx2 = {}, (0, _defineProperty2["default"])(_cx2, _TabNav2["default"]['tabnav-tab-inactive'], enabled === false), (0, _defineProperty2["default"])(_cx2, _TabNav2["default"]['tabnav-tab-hidden'], visible === false), _cx2))
           }, itemOtherProps), link.props), {}, {
             children: link.children
           }), (0, _uuid.v1)());

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

@@ -131,60 +131,6 @@ exports[`<TabNav /> Render must match withLinkActions() 1`] = `
 </div>
 `;
 
-exports[`<TabNav /> Render must match withMixedEnabledVisibleItems() 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 withNavigation() 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 withTextActions() 1`] = `
 <div>
   <div

package/build/primer/Navigation/UnderlineNav/UnderlineNav.js

@@ -33,7 +33,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function UnderlineNav(_ref) {
   var _cx;
@@ -48,7 +48,7 @@ function UnderlineNav(_ref) {
       _onClick = _ref.onClick;
 
   var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       indexItems = _useState2[0],
       setIndexItems = _useState2[1];
 
@@ -58,7 +58,7 @@ function UnderlineNav(_ref) {
 
   function renderActions() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _UnderlineNav2.default['UnderlineNav-actions'],
+      className: _UnderlineNav2["default"]['UnderlineNav-actions'],
       children: actions
     });
   }
@@ -66,7 +66,7 @@ function UnderlineNav(_ref) {
   function renderBody() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [align === _UnderlineNav.underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: _UnderlineNav2.default['UnderlineNav-body'],
+        className: _UnderlineNav2["default"]['UnderlineNav-body'],
         role: "tablist",
         children: indexItems.map(function (indexItem) {
           var href = indexItem.href,
@@ -91,13 +91,13 @@ function UnderlineNav(_ref) {
 
                   _onClick(newIndexItems);
                 },
-                className: _UnderlineNav2.default['UnderlineNav-item'],
+                className: _UnderlineNav2["default"]['UnderlineNav-item'],
                 role: "tab",
                 type: "button",
                 href: href
               }, anchorOtherProps), {}, {
                 children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-                  className: _UnderlineNav2.default['UnderlineNav-octicon'],
+                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
                   icon: icon,
                   size: _Icon.iconSize.small
                 }), html || null, text]
@@ -112,11 +112,11 @@ function UnderlineNav(_ref) {
 
                   _onClick(newIndexItems);
                 },
-                className: _UnderlineNav2.default['UnderlineNav-item'],
+                className: _UnderlineNav2["default"]['UnderlineNav-item'],
                 href: href
               }, buttonOtherProps), {}, {
                 children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-                  className: _UnderlineNav2.default['UnderlineNav-octicon'],
+                  className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
                   icon: icon,
                   size: _Icon.iconSize.small
                 }), html || null, text]
@@ -132,13 +132,13 @@ function UnderlineNav(_ref) {
 
   function renderBodyFullContainer() {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(_container.default['container-lg'], _UnderlineNav2.default['UnderlineNav-container']),
+      className: (0, _classnames["default"])(_container["default"]['container-lg'], _UnderlineNav2["default"]['UnderlineNav-container']),
       children: renderBody()
     });
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
-    className: (0, _classnames.default)(className, _UnderlineNav2.default.UnderlineNav, (_cx = {}, (0, _defineProperty2.default)(_cx, _UnderlineNav2.default['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), (0, _defineProperty2.default)(_cx, _UnderlineNav2.default['UnderlineNav--full'], fullContainer === true), _cx)),
+    className: (0, _classnames["default"])(className, _UnderlineNav2["default"].UnderlineNav, (_cx = {}, (0, _defineProperty2["default"])(_cx, _UnderlineNav2["default"]['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), (0, _defineProperty2["default"])(_cx, _UnderlineNav2["default"]['UnderlineNav--full'], fullContainer === true), _cx)),
     "aria-label": label,
     children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
   });

package/build/primer/Pagination/PreviousNext/PreviousNext.js

@@ -23,7 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function PreviousNext(_ref) {
   var className = _ref.className,
@@ -50,10 +50,10 @@ function PreviousNext(_ref) {
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    className: (0, _classnames.default)(className, _PreviousNext2.default['paginate-container'], (0, _defineProperty2.default)({}, _PreviousNext2.default['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
+    className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
     "aria-label": label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_PreviousNext2.default.pagination, _visibilityDisplay.default['d-flex']),
+      className: (0, _classnames["default"])(_PreviousNext2["default"].pagination, _visibilityDisplay["default"]['d-flex']),
       children: [!canMoveBackwards ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", _objectSpread(_objectSpread({}, backwardsAriaProps), {}, {
         children: previous.text
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {

package/build/primer/Popover/Popover.js

@@ -44,22 +44,22 @@ function Popover(_ref) {
       introOnClick = _ref.introOnClick,
       acknowledgeOnClick = _ref.acknowledgeOnClick;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(className, _layout.default['position-relative'], (_cx = {}, (0, _defineProperty2.default)(_cx, _typography.default['text-center'], variant === _Popover.popoverVariant.default || variant === _Popover.popoverVariant.bottom), (0, _defineProperty2.default)(_cx, (0, _classnames.default)(_typography.default['text-right'], _padding.default['pr-2']), variant === _Popover.popoverVariant.bottomRight), _cx)),
-    children: [variant === _Popover.popoverVariant.default && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (_cx = {}, (0, _defineProperty2["default"])(_cx, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _defineProperty2["default"])(_cx, (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight), _cx)),
+    children: [variant === _Popover.popoverVariant["default"] && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
       variant: _Button.buttonVariant.primary,
       text: intro,
       onClick: introOnClick
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: ((0, _classnames.default)(_Popover2.default.Popover, _layout.default['position-relative']), (_ref2 = {}, (0, _defineProperty2.default)(_ref2, (0, _classnames.default)(_layout.default['right-0'], _layout.default['left-0']), variant === _Popover.popoverVariant.default), (0, _defineProperty2.default)(_ref2, _padding.default['pl-2'], variant === _Popover.popoverVariant.bottomLeft), _ref2)),
+      className: ((0, _classnames["default"])(_Popover2["default"].Popover, _layout["default"]['position-relative']), (_ref2 = {}, (0, _defineProperty2["default"])(_ref2, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), (0, _defineProperty2["default"])(_ref2, _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft), _ref2)),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)(_Popover2.default['Popover-message'], _typography.default['text-left'], _padding.default['p-4'], _box.default.Box, _boxShadow.default['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_margin.default['mx-auto'], _margin.default['mt-2']), variant === _Popover.popoverVariant.default), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom'], _margin.default['mx-auto'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom-right'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _defineProperty2.default)(_cx2, (0, _classnames.default)(_Popover2.default['Popover-message--bottom-left'], _margin.default['mb-2']), variant === _Popover.popoverVariant.bottomLeft), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left'], variant === _Popover.popoverVariant.left), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right'], variant === _Popover.popoverVariant.right), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), (0, _defineProperty2.default)(_cx2, _Popover2.default['Popover-message--large'], size === _Popover.popoverSize.large), _cx2)),
+        className: (0, _classnames["default"])(_Popover2["default"]['Popover-message'], _typography["default"]['text-left'], _padding["default"]['p-4'], _box["default"].Box, _boxShadow["default"]['box-shadow-large'], (_cx2 = {}, (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), (0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large), _cx2)),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
-          className: _margin.default['mb-2'],
+          className: _margin["default"]['mb-2'],
           children: heading
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
           children: message
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-          className: (0, _classnames.default)(_margin.default['mt-2'], _typography.default['text-bold']),
+          className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
           text: acknowledge,
           variant: _Button.buttonVariant.outline,
           onClick: acknowledgeOnClick

package/build/primer/Popover/Popover.prop.js

@@ -8,7 +8,7 @@ exports.propTypes = exports.popoverVariant = exports.popoverSize = exports.defau
 var _propTypes = require("prop-types");
 
 var popoverVariant = {
-  default: 'default',
+  "default": 'default',
   bottom: 'bottom',
   bottomRight: 'bottomRight',
   bottomLeft: 'bottomLeft',
@@ -41,7 +41,7 @@ var propTypes = {
 exports.propTypes = propTypes;
 var defaultProps = {
   className: null,
-  variant: popoverVariant.default,
+  variant: popoverVariant["default"],
   size: popoverSize.normal
 };
 exports.defaultProps = defaultProps;

package/build/primer/Progress/Progress.js

@@ -29,9 +29,9 @@ function Progress(_ref) {
     width: "".concat(percentage, "%")
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: (0, _classnames.default)(className, _Progress2.default.Progress, (_cx = {}, (0, _defineProperty2.default)(_cx, _Progress2.default['Progress--large'], variant === _Progress.progressVariant.large), (0, _defineProperty2.default)(_cx, _Progress2.default['Progress--small'], variant === _Progress.progressVariant.small === true), _cx)),
+    className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), (0, _defineProperty2["default"])(_cx, _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true), _cx)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: (0, _classnames.default)(_Progress2.default['Progress-item'], _colors.default['bg-green']),
+      className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
       style: percentageStyle
     })
   });

package/build/primer/Select/Select.js

@@ -54,12 +54,12 @@ function Select(_ref) {
   };
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(className, _Select2.default.select),
+    className: (0, _classnames["default"])(className, _Select2["default"].select),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
       id: id,
       readOnly: false,
       onChange: handleOnChange,
-      className: (0, _classnames.default)(_Select2.default['select-menu'], _layout.default['width-full'], (0, _defineProperty2.default)({}, _Select2.default['select-inactive'], state === _Select.selectState.inactive)),
+      className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.selectState.inactive)),
       value: selectedText,
       children: items && indexItems.map(function (indexItem) {
         var text = indexItem.text,

package/build/primer/SelectMenu/SelectMenu.js

@@ -41,7 +41,7 @@ function SelectMenu(_ref) {
       _onClick = _ref.onClick;
 
   var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       indexItems = _useState2[0],
       setIndexItems = _useState2[1];
 
@@ -49,30 +49,30 @@ function SelectMenu(_ref) {
   var details = (0, _hooks.useRef)(null);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
     ref: details,
-    className: (0, _classnames.default)(className, _details.default['details-reset'], _details.default['details-overlay']),
+    className: (0, _classnames["default"])(className, _details["default"]['details-reset'], _details["default"]['details-overlay']),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("summary", {
-      className: (0, _classnames.default)(_Button.default.btn, _Button.default['btn-outline']),
+      className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-outline']),
       "aria-haspopup": haspopup,
       children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: (0, _classnames.default)(_margin.default['ml-2']),
+        className: (0, _classnames["default"])(_margin["default"]['ml-2']),
         icon: icon,
         size: _Icon.iconSize.small
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _SelectMenu2.default.SelectMenu,
+      className: _SelectMenu2["default"].SelectMenu,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _SelectMenu2.default['SelectMenu-modal'],
+        className: _SelectMenu2["default"]['SelectMenu-modal'],
         children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
-          className: _SelectMenu2.default['SelectMenu-header'],
+          className: _SelectMenu2["default"]['SelectMenu-header'],
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-            className: _SelectMenu2.default['SelectMenu-title'],
+            className: _SelectMenu2["default"]['SelectMenu-title'],
             children: title
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-            className: _SelectMenu2.default['SelectMenu-closeButton'],
+            className: _SelectMenu2["default"]['SelectMenu-closeButton'],
             type: "button"
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _SelectMenu2.default['SelectMenu-list'],
+          className: _SelectMenu2["default"]['SelectMenu-list'],
           children: indexItems.map(function (indexItem) {
             var text = indexItem.text;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
@@ -99,7 +99,7 @@ function SelectMenu(_ref) {
 
                 details.current.removeAttribute('open');
               },
-              className: _SelectMenu2.default['SelectMenu-item'],
+              className: _SelectMenu2["default"]['SelectMenu-item'],
               role: "menuitem",
               children: text
             }, (0, _uuid.v1)());

package/build/primer/Subhead/Subhead.js

@@ -22,9 +22,9 @@ function Subhead(_ref) {
       heading = _ref.heading,
       isSpacious = _ref.isSpacious;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(className, _Subhead2.default.Subhead, (0, _defineProperty2.default)({}, _Subhead2.default['Subhead--spacious'], isSpacious === true)),
+    className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _Subhead2.default['Subhead-heading'],
+      className: _Subhead2["default"]['Subhead-heading'],
       children: heading
     })
   });

package/build/primer/Toast/Toast.js

@@ -30,11 +30,11 @@ function Toast(_ref) {
       isDismissable = _ref.isDismissable,
       onClick = _ref.onClick;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)(className, _padding.default['p-1']),
+    className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(_Toast2.default.Toast, (_cx = {}, (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--success'], variant === _Toast.toastVariant.success), (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--warning'], variant === _Toast.toastVariant.warning), (0, _defineProperty2.default)(_cx, _Toast2.default['Toast--error'], variant === _Toast.toastVariant.error), _cx)),
+      className: (0, _classnames["default"])(_Toast2["default"].Toast, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Toast2["default"]['Toast--success'], variant === _Toast.toastVariant.success), (0, _defineProperty2["default"])(_cx, _Toast2["default"]['Toast--warning'], variant === _Toast.toastVariant.warning), (0, _defineProperty2["default"])(_cx, _Toast2["default"]['Toast--error'], variant === _Toast.toastVariant.error), _cx)),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: _Toast2.default['Toast-icon'],
+        className: _Toast2["default"]['Toast-icon'],
         children: [variant === _Toast.toastVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.iconName.Info16
         }), variant === _Toast.toastVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
@@ -45,11 +45,11 @@ function Toast(_ref) {
           icon: _Icon.iconName.Stop16
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _Toast2.default['Toast-content'],
+        className: _Toast2["default"]['Toast-content'],
         children: text
       }), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
         type: "button",
-        className: _Toast2.default['Toast-dismissButton'],
+        className: _Toast2["default"]['Toast-dismissButton'],
         onClick: onClick,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           icon: _Icon.iconName.X16,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/components",
-  "version": "0.12.0",
+  "version": "0.15.0",
   "description": "Papillon Bits Components",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/components",
   "repository": {
@@ -29,8 +29,8 @@
     "build-release": "npm run build"
   },
   "dependencies": {
-    "@papillonbits/css": "^0.12.0",
-    "@papillonbits/library": "^0.12.0"
+    "@papillonbits/css": "^0.15.0",
+    "@papillonbits/library": "^0.15.0"
   },
-  "gitHead": "51280bd174f64ced25002cebfd3b4986ec54c971"
+  "gitHead": "725413b05217ee4dd169b43230026bd3ba4b5db3"
 }