@papillonbits/components 0.12.0 → 0.13.0

package/build/primer/Alert/Alert.js

@@ -45,27 +45,27 @@ function Alert(_ref) {
       consent = _ref.consent;
 
   var _useState = (0, _hooks.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       consentValue = _useState2[0],
       setConsentValue = _useState2[1];
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    "data-test": dataTest === null || dataTest === void 0 ? void 0 : dataTest.default,
+    "data-test": dataTest === null || dataTest === void 0 ? void 0 : dataTest["default"],
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(_Alert2.default['flash-messages']),
+      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, (_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)),
         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,
-            className: (0, _classnames.default)(_Button.default.btn, _Button.default['btn-sm'], _Button.default.primary, _Alert2.default['flash-action']),
+            className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-sm'], _Button["default"].primary, _Alert2["default"]['flash-action']),
             text: "Cancel",
             icon: {
               name: _Icon.iconName.XCircleFill16,
               alignment: _Button2.iconAlignment.left
             },
-            variant: _Button2.buttonVariant.default,
+            variant: _Button2.buttonVariant["default"],
             inputType: _Button2.buttonInputType.submit,
             onClick: function onClick() {
               var _consent$action;
@@ -75,7 +75,7 @@ function Alert(_ref) {
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button2.Button, {
             dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.approve,
-            className: (0, _classnames.default)(_Button.default.btn, _Button.default['btn-sm'], _Button.default.primary, _Alert2.default['flash-action']),
+            className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-sm'], _Button["default"].primary, _Alert2["default"]['flash-action']),
             text: "Approve",
             icon: {
               name: _Icon.iconName.CheckCircleFill16,
@@ -95,32 +95,32 @@ function Alert(_ref) {
             } : consent === null || consent === void 0 ? void 0 : (_consent$action3 = consent.action) === null || _consent$action3 === void 0 ? void 0 : _consent$action3.approve
           })]
         }), variant === _Alert.alertVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.Info16,
           size: _Icon2.iconSize.small
         }), variant === _Alert.alertVariant.warning && !consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.Alert16,
           size: _Icon2.iconSize.small
         }), variant === _Alert.alertVariant.warning && consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.Question16,
           size: _Icon2.iconSize.small
         }), variant === _Alert.alertVariant.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.XCircle16,
           size: _Icon2.iconSize.small
         }), variant === _Alert.alertVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.CheckCircle16,
           size: _Icon2.iconSize.small
         }), variant === _Alert.alertVariant.consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
-          className: _margin.default['mr-2'],
+          className: _margin["default"]['mr-2'],
           icon: _Icon.iconName.Question16,
           size: _Icon2.iconSize.small
         }), children, (consent === null || consent === void 0 ? void 0 : consent.withInput) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
           dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.value,
-          className: _Alert2.default['flash-action'],
+          className: _Alert2["default"]['flash-action'],
           value: consentValue,
           placeholder: "",
           ariaAttr: {},

package/build/primer/Alert/Alert.prop.js

@@ -8,7 +8,7 @@ exports.propTypes = exports.defaultProps = exports.alertVariant = void 0;
 var _propTypes = require("prop-types");
 
 var alertVariant = {
-  default: 'default',
+  "default": 'default',
   info: 'info',
   warning: 'warning',
   error: 'error',
@@ -18,7 +18,7 @@ var alertVariant = {
 exports.alertVariant = alertVariant;
 var propTypes = {
   dataTest: (0, _propTypes.shape)({
-    default: _propTypes.string,
+    "default": _propTypes.string,
     approve: _propTypes.string,
     cancel: _propTypes.string,
     value: _propTypes.string
@@ -38,6 +38,6 @@ exports.propTypes = propTypes;
 var defaultProps = {
   dataTest: null,
   className: null,
-  variant: alertVariant.default
+  variant: alertVariant["default"]
 };
 exports.defaultProps = defaultProps;

package/build/primer/Blankslate/Blankslate.js

@@ -26,7 +26,7 @@ function Blankslate(_ref) {
       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, (_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)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
       children: heading
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {

package/build/primer/Blankslate/Blankslate.prop.js

@@ -8,7 +8,7 @@ exports.propTypes = exports.defaultProps = exports.blankslateVariant = void 0;
 var _propTypes = require("prop-types");
 
 var blankslateVariant = {
-  default: 'default',
+  "default": 'default',
   narrow: 'narrow',
   capped: 'capped',
   spacious: 'spacious',
@@ -25,7 +25,7 @@ var propTypes = {
 exports.propTypes = propTypes;
 var defaultProps = {
   className: null,
-  variant: blankslateVariant.default,
+  variant: blankslateVariant["default"],
   hasCleanBackground: false
 };
 exports.defaultProps = defaultProps;

package/build/primer/Breadcrumb/Breadcrumb.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 Breadcrumb(_ref) {
   var className = _ref.className,
@@ -37,7 +37,7 @@ function Breadcrumb(_ref) {
   var label = ariaAttr.label,
       current = ariaAttr.current;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, _Breadcrumb2.default['breadcrumb-inactive'], state === _Breadcrumb.breadcrumbState.inactive)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb2["default"]['breadcrumb-inactive'], state === _Breadcrumb.breadcrumbState.inactive)),
     "aria-label": label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
       children: indexItems.map(function (indexItem) {
@@ -70,7 +70,7 @@ 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']),
+          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), {}, {
           children: isSelected ? text : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {

package/build/primer/Button/Button.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 Button(_ref) {
   var dataTest = _ref.dataTest,
@@ -53,7 +53,7 @@ function Button(_ref) {
     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, (_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)),
       type: "button",
       autoFocus: autoFocus // eslint-disable-line
       ,
@@ -68,11 +68,11 @@ function Button(_ref) {
       }
     }, stateProps), {}, {
       children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: _margin.default['mr-2'],
+        className: _margin["default"]['mr-2'],
         icon: icon.name,
         size: _Icon.iconSize.small
       }), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: _margin.default['ml-2'],
+        className: _margin["default"]['ml-2'],
         icon: icon.name,
         size: _Icon.iconSize.small
       }), inputType && inputType === _Button.buttonInputType.file && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
@@ -93,7 +93,7 @@ function Button(_ref) {
 
   if (element === _Button.buttonElement.a) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", _objectSpread(_objectSpread({
-      className: (0, _classnames.default)(className, _Button2.default.btn),
+      className: (0, _classnames["default"])(className, _Button2["default"].btn),
       href: href,
       role: "button",
       onClick: _onClick

package/build/primer/Button/Button.prop.js

@@ -15,7 +15,7 @@ var buttonElement = {
 };
 exports.buttonElement = buttonElement;
 var buttonVariant = {
-  default: 'default',
+  "default": 'default',
   primary: 'primary',
   danger: 'danger',
   outline: 'outline',
@@ -68,7 +68,7 @@ var defaultProps = {
   className: null,
   element: buttonElement.button,
   href: null,
-  variant: buttonVariant.default,
+  variant: buttonVariant["default"],
   size: buttonSize.normal,
   state: buttonState.active,
   icon: null,

package/build/primer/Dropdown/Dropdown.js

@@ -35,7 +35,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 Dropdown(_ref) {
   var _ariaAttr$haspopup;
@@ -57,20 +57,20 @@ function Dropdown(_ref) {
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
       ref: details,
-      className: (0, _classnames.default)(_Dropdown2.default.dropdown, _details.default['details-reset'], _details.default['details-overlay'], _visibilityDisplay.default['d-inline-block'], (0, _defineProperty2.default)({}, _Dropdown2.default['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+      className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
-        className: (0, _classnames.default)(_Button.default.btn),
+        className: (0, _classnames["default"])(_Button["default"].btn),
         "aria-haspopup": (_ariaAttr$haspopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.haspopup) !== null && _ariaAttr$haspopup !== void 0 ? _ariaAttr$haspopup : false,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-justify-between'], _flexbox.default['flex-items-center'], (0, _defineProperty2.default)({}, _Dropdown2.default['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+          className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: summary
           }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: _Dropdown2.default['dropdown-caret']
+            className: _Dropdown2["default"]['dropdown-caret']
           })]
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
-        className: (0, _classnames.default)(_Dropdown2.default['dropdown-menu'], _Dropdown2.default['dropdown-menu-se'], _layout.default['width-full']),
+        className: (0, _classnames["default"])(_Dropdown2["default"]['dropdown-menu'], _Dropdown2["default"]['dropdown-menu-se'], _layout["default"]['width-full']),
         children: indexItems.map(function (indexItem) {
           var href = indexItem.href,
               text = indexItem.text,
@@ -110,7 +110,7 @@ function Dropdown(_ref) {
 
                 details.current.removeAttribute('open');
               },
-              className: _Dropdown2.default['dropdown-item'],
+              className: _Dropdown2["default"]['dropdown-item'],
               href: href
             }, itemOtherProps), {}, {
               children: text

package/build/primer/ErrorBoundary/ErrorBoundary.js

@@ -23,19 +23,19 @@ var _ErrorBoundary = require("./ErrorBoundary.prop");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var ErrorBoundary = /*#__PURE__*/function (_Component) {
-  (0, _inherits2.default)(ErrorBoundary, _Component);
+  (0, _inherits2["default"])(ErrorBoundary, _Component);
 
   var _super = _createSuper(ErrorBoundary);
 
   function ErrorBoundary(props) {
     var _this;
 
-    (0, _classCallCheck2.default)(this, ErrorBoundary);
+    (0, _classCallCheck2["default"])(this, ErrorBoundary);
     _this = _super.call(this, props);
     _this.state = {
       hasError: false
@@ -43,7 +43,7 @@ var ErrorBoundary = /*#__PURE__*/function (_Component) {
     return _this;
   }
 
-  (0, _createClass2.default)(ErrorBoundary, [{
+  (0, _createClass2["default"])(ErrorBoundary, [{
     key: "componentDidCatch",
     value: function componentDidCatch(error, errorInfo) {
       // You can also log the error to an error reporting service

package/build/primer/Form/Checkbox/Checkbox.js

@@ -34,7 +34,7 @@ function Checkbox(_ref) {
   var describedBy = ariaAttr.describedBy;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-test": dataTest,
-    className: (0, _classnames.default)(className, _margin.default['m-0'], _index.default['form-checkbox'], (0, _defineProperty2.default)({}, _Checkbox2.default['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
+    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: htmlFor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

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

@@ -36,7 +36,7 @@ function Input(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
     "data-test": dataTest,
     id: id,
-    className: (0, _classnames.default)(className, _index.default['form-control'], (0, _defineProperty2.default)({}, _Input2.default['input-inactive'], state === _Input.inputState.inactive)),
+    className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.inputState.inactive)),
     value: value,
     onChange: function onChange(event) {
       _onChange(event);

package/build/primer/Form/Radio/Radio.js

@@ -33,7 +33,7 @@ function Radio(_ref) {
       state = _ref.state;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-test": dataTest,
-    className: (0, _classnames.default)(className, _margin.default['m-0'], _index.default['form-checkbox'], (0, _defineProperty2.default)({}, _Radio2.default['radio-inactive'], state === _Radio.radioState.inactive)),
+    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: htmlFor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

package/build/primer/Grid/DisplayTable/DisplayTable.js

@@ -36,20 +36,20 @@ function DisplayTable(_ref) {
       isSelectedIndex = _ref.isSelectedIndex;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(className, _visibilityDisplay.default['d-table'], _grid.default['col-12'], _colors.default['bg-blue-light']),
+      className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12'], _colors["default"]['bg-blue-light']),
       children: items[0].names.map(function (name, index) {
         var isIdColumn = index === idIndex;
         var isSelectedColumn = index === isSelectedIndex;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
           children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: (0, _classnames.default)(_grid.default['col-2'], _visibilityDisplay.default['d-table-cell'], _borders.default.border, _padding.default['p-2'], _typography.default.h6),
+            className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2'], _typography["default"].h6),
             children: isSelectedColumn ? '' : name
           }, (0, _uuid.v1)())
         }, (0, _uuid.v1)());
       })
     }), items.map(function (item) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(className, _visibilityDisplay.default['d-table'], _grid.default['col-12']),
+        className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12']),
         children: item.values.map(function (value, valueIndex) {
           var _value$value;
 
@@ -57,7 +57,7 @@ function DisplayTable(_ref) {
           var isSelectedColumn = valueIndex === isSelectedIndex;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
             children: !isIdColumn && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: (0, _classnames.default)(_grid.default['col-2'], _visibilityDisplay.default['d-table-cell'], _borders.default.border, _padding.default['p-2']),
+              className: (0, _classnames["default"])(_grid["default"]['col-2'], _visibilityDisplay["default"]['d-table-cell'], _borders["default"].border, _padding["default"]['p-2']),
               children: isSelectedColumn ? '' : (_value$value = value === null || value === void 0 ? void 0 : value.value) !== null && _value$value !== void 0 ? _value$value : value
             }, (0, _uuid.v1)())
           }, (0, _uuid.v1)());

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

@@ -68,9 +68,9 @@ function FlexGrid(_ref) {
       iconColor = _ref.iconColor,
       state = _ref.state;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, _FlexGrid2.default['flexGrid-inactive'], state === _FlexGrid.flexGridState.inactive)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid2["default"]['flexGrid-inactive'], state === _FlexGrid.flexGridState.inactive)),
     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])),
+      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;
 
@@ -121,7 +121,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, (_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)),
             onClick: function onClick() {
               if (!isSelectedColumn) {
                 _onClick({
@@ -135,19 +135,19 @@ function FlexGrid(_ref) {
             role: "button",
             tabIndex: 0,
             children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-              className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-justify-between'], _layout.default['width-full']),
+              className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _layout["default"]['width-full']),
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                className: (0, _classnames.default)(_index.default['css-truncate'], _index.default['css-truncate-overflow']),
+                className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
                 children: (0, _string.getCapizalizedString)({
                   string: name
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-items-start'], _margin.default['ml-1']),
+                className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-items-start'], _margin["default"]['ml-1']),
                 children: [sortComponent, nameIndex < (items === null || items === void 0 ? void 0 : (_items$2 = items[0]) === null || _items$2 === void 0 ? void 0 : _items$2.names.length) - 1 ?
                 /*#__PURE__*/
                 // eslint-disable-line no-unsafe-optional-chaining
                 (0, _jsxRuntime.jsx)("span", {
-                  className: (0, _classnames.default)(_margin.default['ml-1'], _colors.default['text-gray-light']),
+                  className: (0, _classnames["default"])(_margin["default"]['ml-1'], _colors["default"]['text-gray-light']),
                   children: " |"
                 }) : null]
               })]
@@ -157,13 +157,13 @@ function FlexGrid(_ref) {
       })
     }), items === null || items === void 0 ? void 0 : items.map(function (item, itemIndex) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames.default)(_visibilityDisplay.default['d-flex'], _flexbox.default['flex-row'], _flexbox.default['flex-items-start'], _borders.default.border, _FlexGrid2.default.item, _FlexGrid2.default.row),
+        className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _borders["default"].border, _FlexGrid2["default"].item, _FlexGrid2["default"].row),
         onClick: function onClick() {
           var bubleUpNewItems = true;
           var newItems = items === null || items === void 0 ? void 0 : items.map(function (_ref3, newItemIndex) {
             var values = _ref3.values;
             return values === null || values === void 0 ? void 0 : values.map(function (newValue, newValueIndex) {
-              if ((0, _typeof2.default)(newValue) === 'object' && ['FileDirectory16', 'File16'].includes(newValue === null || newValue === void 0 ? void 0 : newValue.icon)) {
+              if ((0, _typeof2["default"])(newValue) === 'object' && ['FileDirectory16', 'File16'].includes(newValue === null || newValue === void 0 ? void 0 : newValue.icon)) {
                 bubleUpNewItems = false;
               }
 
@@ -252,12 +252,12 @@ 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'], (_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)),
               children: isSelectedColumn ? isSelectedComponent : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: (0, _classnames.default)(_index.default['css-truncate'], _index.default['css-truncate-overflow']),
+                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, {
                   children: [iconComponent, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                    className: _margin.default['ml-2'],
+                    className: _margin["default"]['ml-2'],
                     children: value.value
                   })]
                 }), value instanceof Date && "".concat(value.toLocaleDateString(), " ").concat(value.toLocaleTimeString()), Array.isArray(value) && value.find(function (_ref6) {

package/build/primer/Icon/Icon.js

@@ -23,7 +23,7 @@ var _excluded = ["className", "ariaLabel", "icon", "height", "width", "size", "f
 
 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; }
 
 var defaultSize = [16, 16];
 
@@ -36,7 +36,7 @@ function Icon(_ref) {
       size = _ref.size,
       fill = _ref.fill,
       verticalAlign = _ref.verticalAlign,
-      otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var widthHeight = defaultSize;
   var attrs = {
     className: className,
@@ -44,7 +44,7 @@ function Icon(_ref) {
     'aria-label': ariaLabel,
     height: height,
     role: 'img',
-    viewBox: [0, 0].concat((0, _toConsumableArray2.default)(widthHeight)).join(' ')
+    viewBox: [0, 0].concat((0, _toConsumableArray2["default"])(widthHeight)).join(' ')
   };
 
   if (width && height) {