@papillonbits/components 0.93.0 → 0.95.0

package/build/primer/Alert/Alert.js

@@ -20,7 +20,7 @@ var _Icon = require("../Icon/Icon.prop");
 var _Icon2 = require("../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
 function Alert(_ref) {
-  var _cx, _consent$action3;
+  var _consent$action3;
   var dataTest = _ref.dataTest,
     className = _ref.className,
     variant = _ref.variant,
@@ -36,7 +36,7 @@ function Alert(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(_Alert2["default"]['flash-messages']),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames["default"])(_Alert2["default"].flash, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Alert2["default"]['flash-warn'], variant === _Alert.alertVariant.warning), (0, _defineProperty2["default"])(_cx, _Alert2["default"]['flash-error'], variant === _Alert.alertVariant.error), (0, _defineProperty2["default"])(_cx, _Alert2["default"]['flash-success'], variant === _Alert.alertVariant.success), (0, _defineProperty2["default"])(_cx, _Alert2["default"]['flash-consent'], variant === _Alert.alertVariant.consent), _cx)),
+        className: (0, _classnames["default"])(_Alert2["default"].flash, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Alert2["default"]['flash-warn'], variant === _Alert.alertVariant.warning), _Alert2["default"]['flash-error'], variant === _Alert.alertVariant.error), _Alert2["default"]['flash-success'], variant === _Alert.alertVariant.success), _Alert2["default"]['flash-consent'], variant === _Alert.alertVariant.consent)),
         children: [consent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button2.Button, {
             dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.cancel,
@@ -115,6 +115,5 @@ function Alert(_ref) {
     })
   });
 }
-
 Alert.propTypes = _Alert.propTypes;
 Alert.defaultProps = _Alert.defaultProps;

package/build/primer/Blankslate/Blankslate.js

@@ -11,14 +11,13 @@ var _Blankslate = require("./Blankslate.prop");
 var _Blankslate2 = _interopRequireDefault(require("./Blankslate.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Blankslate(_ref) {
-  var _cx;
   var className = _ref.className,
     heading = _ref.heading,
     text = _ref.text,
     variant = _ref.variant,
     hasCleanBackground = _ref.hasCleanBackground;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, _Blankslate2["default"].blankslate, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-narrow'], variant === _Blankslate.blankslateVariant.narrow), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-capped'], variant === _Blankslate.blankslateVariant.capped === true), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-spacious'], variant === _Blankslate.blankslateVariant.spacious), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-large'], variant === _Blankslate.blankslateVariant.large), (0, _defineProperty2["default"])(_cx, _Blankslate2["default"]['blankslate-clean-background'], hasCleanBackground === true), _cx)),
+    className: (0, _classnames["default"])(className, _Blankslate2["default"].blankslate, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Blankslate2["default"]['blankslate-narrow'], variant === _Blankslate.blankslateVariant.narrow), _Blankslate2["default"]['blankslate-capped'], variant === _Blankslate.blankslateVariant.capped === true), _Blankslate2["default"]['blankslate-spacious'], variant === _Blankslate.blankslateVariant.spacious), _Blankslate2["default"]['blankslate-large'], variant === _Blankslate.blankslateVariant.large), _Blankslate2["default"]['blankslate-clean-background'], hasCleanBackground === true)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
       children: heading
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {

package/build/primer/Breadcrumb/Breadcrumb.js

@@ -57,7 +57,6 @@ function Breadcrumb(_ref) {
               )
             });
           },
-
           className: !isSelected ? (0, _classnames["default"])(_Breadcrumb2["default"]['breadcrumb-item']) : (0, _classnames["default"])(_Breadcrumb2["default"]['breadcrumb-item'], _Breadcrumb2["default"]['breadcrumb-item-selected'], _typography["default"]['text-gray']),
           href: href
         }, itemOtherProps), {}, {

package/build/primer/Button/Button.js

@@ -35,11 +35,10 @@ function Button(_ref) {
   }) : null;
   var fileInputRef = (0, _hooks.useRef)(null);
   if (element === _Button.buttonElement.button) {
-    var _cx;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
       "data-test": dataTest,
       id: id,
-      className: (0, _classnames["default"])(className, _Button2["default"].btn, (_cx = {}, (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-sm'], size === _Button.buttonSize.small), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-large'], size === _Button.buttonSize.large), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-primary'], variant === _Button.buttonVariant.primary), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-danger'], variant === _Button.buttonVariant.danger), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-outline'], variant === _Button.buttonVariant.outline), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-blue'], variant === _Button.buttonVariant.blue), (0, _defineProperty2["default"])(_cx, _Button2["default"]['btn-orange'], variant === _Button.buttonVariant.orange), (0, _defineProperty2["default"])(_cx, _Button2["default"]['button-inactive'], state === _Button.buttonState.inactive), _cx)),
+      className: (0, _classnames["default"])(className, _Button2["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button2["default"]['btn-sm'], size === _Button.buttonSize.small), _Button2["default"]['btn-large'], size === _Button.buttonSize.large), _Button2["default"]['btn-primary'], variant === _Button.buttonVariant.primary), _Button2["default"]['btn-danger'], variant === _Button.buttonVariant.danger), _Button2["default"]['btn-outline'], variant === _Button.buttonVariant.outline), _Button2["default"]['btn-blue'], variant === _Button.buttonVariant.blue), _Button2["default"]['btn-orange'], variant === _Button.buttonVariant.orange), _Button2["default"]['button-inactive'], state === _Button.buttonState.inactive)),
       type: "button",
       autoFocus: autoFocus // eslint-disable-line
       ,

package/build/primer/Form/Input/Input.js

@@ -44,6 +44,5 @@ function Input(_ref) {
     autoFocus: autoFocus // eslint-disable-line
   });
 }
-
 Input.propTypes = _Input.propTypes;
 Input.defaultProps = _Input.defaultProps;

package/build/primer/Grid/FlexGrid/FlexGrid.js

@@ -46,7 +46,7 @@ function FlexGrid(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _colors["default"]['bg-blue-light'], (0, _defineProperty2["default"])({}, _borders["default"].border, items === null || items === void 0 ? void 0 : items[0])),
       children: items === null || items === void 0 ? void 0 : (_items$ = items[0]) === null || _items$ === void 0 ? void 0 : (_items$$names = _items$.names) === null || _items$$names === void 0 ? void 0 : _items$$names.map(function (name, nameIndex) {
-        var _cx3, _items$2;
+        var _items$2;
         var isIdColumn = nameIndex === idIndex;
         var isSelectedColumn = nameIndex === isSelectedIndex;
         var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
@@ -91,7 +91,7 @@ function FlexGrid(_ref) {
         }
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
           children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames["default"])(_typography["default"].h6, _visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _FlexGrid2["default"].item, (_cx3 = {}, (0, _defineProperty2["default"])(_cx3, _grid["default"]['col-2'], isSelectedColumn), (0, _defineProperty2["default"])(_cx3, _grid["default"]['col-12'], !isSelectedColumn), (0, _defineProperty2["default"])(_cx3, _flexbox["default"]['flex-justify-center'], isSelectedColumn), (0, _defineProperty2["default"])(_cx3, _flexbox["default"]['flex-justify-between'], !isSelectedColumn), _cx3)),
+            className: (0, _classnames["default"])(_typography["default"].h6, _visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _FlexGrid2["default"].item, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _grid["default"]['col-2'], isSelectedColumn), _grid["default"]['col-12'], !isSelectedColumn), _flexbox["default"]['flex-justify-center'], isSelectedColumn), _flexbox["default"]['flex-justify-between'], !isSelectedColumn)),
             onClick: function onClick() {
               if (!isSelectedColumn) {
                 _onClick({
@@ -155,7 +155,6 @@ function FlexGrid(_ref) {
           _onDoubleClick(itemIndex);
         },
         children: item.values.map(function (value, valueIndex) {
-          var _cx4;
           var isIdColumn = valueIndex === idIndex;
           var isSelectedColumn = valueIndex === isSelectedIndex;
           var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
@@ -213,7 +212,7 @@ function FlexGrid(_ref) {
           }) : null;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
             children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _typography["default"]['no-wrap'], (_cx4 = {}, (0, _defineProperty2["default"])(_cx4, _grid["default"]['col-2'], isSelectedColumn), (0, _defineProperty2["default"])(_cx4, _grid["default"]['col-12'], !isSelectedColumn), (0, _defineProperty2["default"])(_cx4, _flexbox["default"]['flex-justify-center'], isSelectedColumn), (0, _defineProperty2["default"])(_cx4, _flexbox["default"]['flex-justify-start'], !isSelectedColumn), _cx4)),
+              className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _padding["default"]['p-2'], _index["default"]['css-truncate'], _index["default"]['css-truncate-overflow'], _typography["default"]['no-wrap'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _grid["default"]['col-2'], isSelectedColumn), _grid["default"]['col-12'], !isSelectedColumn), _flexbox["default"]['flex-justify-center'], isSelectedColumn), _flexbox["default"]['flex-justify-start'], !isSelectedColumn)),
               children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
                 children: [(value === null || value === void 0 ? void 0 : value.icon) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {

package/build/primer/Label/Label.js

@@ -13,7 +13,6 @@ var _labels = _interopRequireDefault(require("./labels.scss"));
 var _issueLabels = _interopRequireDefault(require("./issue-labels.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Label(_ref) {
-  var _cx;
   var className = _ref.className,
     text = _ref.text,
     variant = _ref.variant,
@@ -21,7 +20,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, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _labels["default"].Label, variant === _Label.labelVariant.regular), _issueLabels["default"].IssueLabel, variant === _Label.labelVariant.issue), _colors["default"]['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), _colors["default"]['text-white'], textColor === _Label.labelTextColor.white)),
     children: text
   });
 }

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

@@ -34,7 +34,6 @@ function TabNav(_ref) {
       children: actions
     }); // eslint-disable-line react/jsx-no-useless-fragment
   }
-
   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)),
     children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
@@ -76,7 +75,6 @@ function TabNav(_ref) {
                 )
               });
             },
-
             className: _TabNav2["default"]['tabnav-tab'],
             href: href
           }, itemOtherProps), {}, {
@@ -84,7 +82,6 @@ function TabNav(_ref) {
           }), (0, _uuid.v1)());
         }
         if (link) {
-          var _cx2;
           var Link = link.component;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(Link, _objectSpread(_objectSpread(_objectSpread({
             onClick: function onClick() {
@@ -111,8 +108,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'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-tab-inactive'], enabled === false), _TabNav2["default"]['tabnav-tab-hidden'], visible === false))
           }, itemOtherProps), link.props), {}, {
             children: link.children
           }), (0, _uuid.v1)());

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

@@ -20,7 +20,6 @@ var _jsxRuntime = require("react/jsx-runtime");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function UnderlineNav(_ref) {
-  var _cx;
   var className = _ref.className,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
@@ -110,7 +109,7 @@ function UnderlineNav(_ref) {
     });
   }
   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, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _UnderlineNav2["default"]['UnderlineNav--right'], align === _UnderlineNav.underlineNavAlignmentType.right), _UnderlineNav2["default"]['UnderlineNav--full'], fullContainer === true)),
     "aria-label": label,
     children: [fullContainer === false && renderBody(), fullContainer === true && renderBodyFullContainer()]
   });

package/build/primer/Navigation/UnderlineNav/UnderlineNav.scss

@@ -9,8 +9,7 @@ $nav-height: $spacer-3 * 3 !default; // 48px
 .UnderlineNav {
   display: flex;
   min-height: $nav-height;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow: auto hidden;
   // stylelint-disable-next-line primer/box-shadow
   box-shadow: inset 0 -1px 0 var(--color-border-muted);
   -webkit-overflow-scrolling: auto;

package/build/primer/Popover/Popover.js

@@ -18,7 +18,7 @@ var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
 var _Button = require("../Button");
 var _jsxRuntime = require("react/jsx-runtime");
 function Popover(_ref) {
-  var _cx, _ref2, _cx2;
+  var _cx2;
   var className = _ref.className,
     variant = _ref.variant,
     size = _ref.size,
@@ -29,15 +29,15 @@ 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)),
+    className: (0, _classnames["default"])(className, _layout["default"]['position-relative'], (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _typography["default"]['text-center'], variant === _Popover.popoverVariant["default"] || variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_typography["default"]['text-right'], _padding["default"]['pr-2']), variant === _Popover.popoverVariant.bottomRight)),
     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']), (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, (0, _classnames["default"])(_layout["default"]['right-0'], _layout["default"]['left-0']), variant === _Popover.popoverVariant["default"]), _padding["default"]['pl-2'], variant === _Popover.popoverVariant.bottomLeft)),
       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"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, (0, _classnames["default"])(_margin["default"]['mx-auto'], _margin["default"]['mt-2']), variant === _Popover.popoverVariant["default"]), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom'], _margin["default"]['mx-auto'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottom), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-right'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomRight), (0, _classnames["default"])(_Popover2["default"]['Popover-message--bottom-left'], _margin["default"]['mb-2']), variant === _Popover.popoverVariant.bottomLeft), _Popover2["default"]['Popover-message--left'], variant === _Popover.popoverVariant.left), _Popover2["default"]['Popover-message--left-bottom'], variant === _Popover.popoverVariant.leftBottom), _Popover2["default"]['Popover-message--left-top'], variant === _Popover.popoverVariant.leftTop), _Popover2["default"]['Popover-message--right'], variant === _Popover.popoverVariant.right), _Popover2["default"]['Popover-message--right-bottom'], variant === _Popover.popoverVariant.rightBottom), _Popover2["default"]['Popover-message--right-top'], variant === _Popover.popoverVariant.rightTop), (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])(_cx2, _Popover2["default"]['Popover-message--top-left'], variant === _Popover.popoverVariant.topLeft), _Popover2["default"]['Popover-message--top-right'], variant === _Popover.popoverVariant.topRight), _Popover2["default"]['Popover-message--large'], size === _Popover.popoverSize.large))),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
           className: _margin["default"]['mb-2'],
           children: heading

package/build/primer/Progress/Progress.js

@@ -12,7 +12,6 @@ var _Progress = require("./Progress.prop");
 var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Progress(_ref) {
-  var _cx;
   var className = _ref.className,
     variant = _ref.variant,
     percentage = _ref.percentage;
@@ -20,7 +19,7 @@ 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, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
       style: percentageStyle

package/build/primer/SelectMenu/SelectMenu.js

@@ -78,7 +78,6 @@ function SelectMenu(_ref) {
                     }(newIndexItem);
                   }) // eslint-disable-line
                 });
-
                 details.current.removeAttribute('open');
               },
               className: _SelectMenu2["default"]['SelectMenu-item'],

package/build/primer/SelectMenu/SelectMenu.scss

@@ -168,8 +168,7 @@ $SelectMenu-max-height: 480px !default;
   // stylelint-disable-next-line primer/spacing
   margin-bottom: -$border-width; // Hides the last border in the list
   flex: auto;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden auto;
   background-color: var(--color-canvas-overlay);
   -webkit-overflow-scrolling: touch; // Adds momentum + bouncy scrolling
 }
@@ -230,8 +229,7 @@ $SelectMenu-max-height: 480px !default;
 .SelectMenu-tabs {
   display: flex;
   flex-shrink: 0;
-  overflow-x: auto;
-  overflow-y: hidden;
+  overflow: auto hidden;
   // stylelint-disable-next-line primer/box-shadow
   box-shadow: inset 0 -1px 0 var(--color-border-muted);
   -webkit-overflow-scrolling: touch;

package/build/primer/Toast/Toast.js

@@ -13,7 +13,6 @@ var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
 var _Icon = require("../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
 function Toast(_ref) {
-  var _cx;
   var className = _ref.className,
     variant = _ref.variant,
     text = _ref.text,
@@ -22,7 +21,7 @@ function Toast(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     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, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast2["default"]['Toast--success'], variant === _Toast.toastVariant.success), _Toast2["default"]['Toast--warning'], variant === _Toast.toastVariant.warning), _Toast2["default"]['Toast--error'], variant === _Toast.toastVariant.error)),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: _Toast2["default"]['Toast-icon'],
         children: [variant === _Toast.toastVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/components",
-  "version": "0.93.0",
+  "version": "0.95.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.93.0",
-    "@papillonbits/library": "^0.93.0"
+    "@papillonbits/css": "^0.95.0",
+    "@papillonbits/library": "^0.95.0"
   },
-  "gitHead": "36162fe4e031f0072ff2c2a7ef1c9ec4289003be"
+  "gitHead": "6e08ca262e12617b1dfc817ec5936df181bd8da6"
 }