@papillonbits/components 1.13.1 → 1.14.0

package/build/primer/Select/Select.js

@@ -1,66 +1,58 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = Select;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _layout = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/layout.scss"));
-var _array = require("@papillonbits/library/array");
-var _Select = require("./Select.prop");
-var _Select2 = _interopRequireDefault(require("./Select.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Select(_ref) {
-  var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
-    selectedText = _ref.selectedText,
-    items = _ref.items,
-    onChange = _ref.onChange,
-    _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Select.defaultProps.state : _ref$state;
-  var indexItems = (0, _array.getIndexItems)(items);
-  var handleOnChange = function handleOnChange(event) {
-    var indexItem = indexItems.find(function (item) {
-      return item.text === event.target.value;
-    });
-    var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.find.js";
+import "core-js/modules/es.iterator.map.js";
+import cx from 'classnames';
+import { v1 as uuidv1 } from 'uuid';
+import layoutStyles from '@papillonbits/css/build/primer/utilities/layout.scss';
+import { getIndexItems, getIndexItemsWithSelected } from '@papillonbits/library/array';
+import { propTypes, defaultProps, selectState } from './Select.prop';
+import styles from './Select.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Select({
+  id = defaultProps.id,
+  className = defaultProps.className,
+  selectedText,
+  items,
+  onChange,
+  state = defaultProps.state
+}) {
+  const indexItems = getIndexItems(items);
+  const handleOnChange = event => {
+    const indexItem = indexItems.find(item => item.text === event.target.value);
+    const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
     onChange({
       selectedText: indexItem.text,
-      items: newIndexItems.map(function (newIndexItem) {
-        return function (_ref2) {
-          var newIndexItemText = _ref2.text,
-            newIndexItemIsSelected = _ref2.isSelected;
-          return {
-            text: newIndexItemText,
-            isSelected: newIndexItemIsSelected
-          };
-        }(newIndexItem);
-      })
+      items: newIndexItems.map(newIndexItem => (({
+        text: newIndexItemText,
+        isSelected: newIndexItemIsSelected
+      }) => ({
+        text: newIndexItemText,
+        isSelected: newIndexItemIsSelected
+      }))(newIndexItem))
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])(className, _Select2["default"].select),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(className, styles.select),
+    children: /*#__PURE__*/_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: cx(styles['select-menu'], layoutStyles['width-full'], {
+        [styles['select-inactive']]: state === selectState.inactive
+      }),
       value: selectedText,
-      children: items && indexItems.map(function (indexItem) {
-        var text = indexItem.text,
-          isSelected = indexItem.isSelected;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+      children: items && indexItems.map(indexItem => {
+        const {
+          text,
+          isSelected
+        } = indexItem;
+        return /*#__PURE__*/_jsx("option", {
           value: text,
           selected: isSelected,
           children: text
-        }, (0, _uuid.v1)());
+        }, uuidv1());
       })
     })
   });
 }
-Select.propTypes = _Select.propTypes;
+Select.propTypes = propTypes;

package/build/primer/Select/Select.prop.js

@@ -1,26 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selectState = exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var selectState = exports.selectState = {
+import { string, arrayOf, oneOf, shape, bool, func } from 'prop-types';
+export const selectState = {
   active: 'active',
   inactive: 'inactive'
 };
-var propTypes = exports.propTypes = {
-  id: _propTypes.string,
-  className: _propTypes.string,
-  selectedText: _propTypes.string.isRequired,
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    text: _propTypes.string,
-    isSelected: _propTypes.bool
+export const propTypes = {
+  id: string,
+  className: string,
+  selectedText: string.isRequired,
+  items: arrayOf(shape({
+    text: string,
+    isSelected: bool
   })).isRequired,
-  onChange: _propTypes.func.isRequired,
-  state: (0, _propTypes.oneOf)(Object.keys(selectState))
+  onChange: func.isRequired,
+  state: oneOf(Object.keys(selectState))
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   id: null,
   className: null,
   state: selectState.active

package/build/primer/Select/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Select", {
-  enumerable: true,
-  get: function get() {
-    return _Select.Select;
-  }
-});
-Object.defineProperty(exports, "selectState", {
-  enumerable: true,
-  get: function get() {
-    return _Select2.selectState;
-  }
-});
-var _Select = require("./Select");
-var _Select2 = require("./Select.prop");
+export { Select } from './Select';
+export { selectState } from './Select.prop';

package/build/primer/SelectMenu/SelectMenu.js

@@ -1,95 +1,86 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectMenu = SelectMenu;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _uuid = require("uuid");
-var _array = require("@papillonbits/library/array");
-var _hooks = require("@papillonbits/library/hooks");
-var _margin = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/margin.scss"));
-var _details = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/details.scss"));
-var _SelectMenu = require("./SelectMenu.prop");
-var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
-var _Button = _interopRequireDefault(require("../Button/Button.scss"));
-var _Icon = require("../Icon");
-var _jsxRuntime = require("react/jsx-runtime");
-function SelectMenu(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
-    summary = _ref.summary,
-    icon = _ref.icon,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
-    ariaAttr = _ref.ariaAttr,
-    items = _ref.items,
-    _onClick = _ref.onClick;
-  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    indexItems = _useState2[0],
-    setIndexItems = _useState2[1];
-  var haspopup = ariaAttr.haspopup;
-  var details = (0, _hooks.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
+import "core-js/modules/es.iterator.constructor.js";
+import "core-js/modules/es.iterator.map.js";
+import cx from 'classnames';
+import { v1 as uuidv1 } from 'uuid';
+import { getIndexItems, getIndexItemsWithSelected } from '@papillonbits/library/array';
+import { useRef, useState } from '@papillonbits/library/hooks';
+import utilityStyles from '@papillonbits/css/build/primer/utilities/margin.scss';
+import detailsStyles from '@papillonbits/css/build/primer/utilities/details.scss';
+import { propTypes, defaultProps } from './SelectMenu.prop';
+import styles from './SelectMenu.scss';
+import buttonStyles from '../Button/Button.scss';
+import { Icon, iconSize } from '../Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function SelectMenu({
+  className = defaultProps.className,
+  summary,
+  icon,
+  title = defaultProps.title,
+  ariaAttr,
+  items,
+  onClick
+}) {
+  const [indexItems, setIndexItems] = useState(getIndexItems(items));
+  const {
+    haspopup
+  } = ariaAttr;
+  const details = useRef(null);
+  return /*#__PURE__*/_jsxs("details", {
     ref: details,
-    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: cx(className, detailsStyles['details-reset'], detailsStyles['details-overlay']),
+    children: [/*#__PURE__*/_jsxs("summary", {
+      className: cx(buttonStyles.btn, buttonStyles['btn-outline']),
       "aria-haspopup": haspopup,
-      children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-        className: (0, _classnames["default"])(_margin["default"]['ml-2']),
+      children: [summary, " ", /*#__PURE__*/_jsx(Icon, {
+        className: cx(utilityStyles['ml-2']),
         icon: icon,
-        size: _Icon.iconSize.small
+        size: iconSize.small
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _SelectMenu2["default"].SelectMenu,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: _SelectMenu2["default"]['SelectMenu-modal'],
-        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
-          className: _SelectMenu2["default"]['SelectMenu-header'],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-            className: _SelectMenu2["default"]['SelectMenu-title'],
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.SelectMenu,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles['SelectMenu-modal'],
+        children: [title && /*#__PURE__*/_jsxs("header", {
+          className: styles['SelectMenu-header'],
+          children: [/*#__PURE__*/_jsx("h3", {
+            className: styles['SelectMenu-title'],
             children: title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-            className: _SelectMenu2["default"]['SelectMenu-closeButton'],
+          }), /*#__PURE__*/_jsx("button", {
+            className: styles['SelectMenu-closeButton'],
             type: "button"
           })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: _SelectMenu2["default"]['SelectMenu-list'],
-          children: indexItems.map(function (indexItem) {
-            var text = indexItem.text;
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        }), /*#__PURE__*/_jsx("div", {
+          className: styles['SelectMenu-list'],
+          children: indexItems.map(indexItem => {
+            const {
+              text
+            } = indexItem;
+            return /*#__PURE__*/_jsx("button", {
               type: "button",
-              onClick: function onClick(e) {
+              onClick: e => {
                 e.preventDefault();
-                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                const newIndexItems = getIndexItemsWithSelected(indexItems, indexItem);
                 setIndexItems(newIndexItems);
-                _onClick({
-                  ariaAttr: ariaAttr,
-                  items: newIndexItems.map(function (newIndexItem) {
-                    return function (_ref2) {
-                      var text = _ref2.text,
-                        isSelected = _ref2.isSelected;
-                      return {
-                        text: text,
-                        isSelected: isSelected
-                      };
-                    }(newIndexItem);
-                  }) // eslint-disable-line
+                onClick({
+                  ariaAttr,
+                  items: newIndexItems.map(newIndexItem => (({
+                    text,
+                    isSelected
+                  }) => ({
+                    text,
+                    isSelected
+                  }))(newIndexItem)) // eslint-disable-line
                 });
                 details.current.removeAttribute('open');
               },
-              className: _SelectMenu2["default"]['SelectMenu-item'],
+              className: styles['SelectMenu-item'],
               role: "menuitem",
               children: text
-            }, (0, _uuid.v1)());
+            }, uuidv1());
           })
         })]
       })
     })]
   });
 }
-SelectMenu.propTypes = _SelectMenu.propTypes;
+SelectMenu.propTypes = propTypes;

package/build/primer/SelectMenu/SelectMenu.prop.js

@@ -1,26 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var _Icon = require("../Icon/Icon.prop");
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  summary: _propTypes.string.isRequired,
-  icon: (0, _propTypes.oneOf)(Object.keys(_Icon.iconName)),
-  title: _propTypes.string,
-  ariaAttr: (0, _propTypes.shape)({
-    haspopup: _propTypes.bool
+import { string, oneOf, shape, bool, arrayOf, func } from 'prop-types';
+import { iconName } from '../Icon/Icon.prop';
+export const propTypes = {
+  className: string,
+  summary: string.isRequired,
+  icon: oneOf(Object.keys(iconName)),
+  title: string,
+  ariaAttr: shape({
+    haspopup: bool
   }).isRequired,
-  items: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    text: _propTypes.string,
-    isSelected: _propTypes.bool
+  items: arrayOf(shape({
+    text: string,
+    isSelected: bool
   })).isRequired,
-  onClick: _propTypes.func.isRequired
+  onClick: func.isRequired
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   title: null
 };

package/build/primer/SelectMenu/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SelectMenu", {
-  enumerable: true,
-  get: function get() {
-    return _SelectMenu.SelectMenu;
-  }
-});
-var _SelectMenu = require("./SelectMenu");
+export { SelectMenu } from './SelectMenu';

package/build/primer/Subhead/Subhead.js

@@ -1,27 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Subhead = Subhead;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Subhead = require("./Subhead.prop");
-var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-function Subhead(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Subhead.defaultProps.className : _ref$className,
-    heading = _ref.heading,
-    _ref$isSpacious = _ref.isSpacious,
-    isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.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)),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: _Subhead2["default"]['Subhead-heading'],
+import cx from 'classnames';
+import { propTypes, defaultProps } from './Subhead.prop';
+import styles from './Subhead.scss';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Subhead({
+  className = defaultProps.className,
+  heading,
+  isSpacious = defaultProps.isSpacious
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(className, styles.Subhead, {
+      [styles['Subhead--spacious']]: isSpacious === true
+    }),
+    children: /*#__PURE__*/_jsx("div", {
+      className: styles['Subhead-heading'],
       children: heading
     })
   });
 }
-Subhead.propTypes = _Subhead.propTypes;
+Subhead.propTypes = propTypes;

package/build/primer/Subhead/Subhead.prop.js

@@ -1,16 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  heading: _propTypes.string.isRequired,
-  isSpacious: _propTypes.bool
+import { string, bool } from 'prop-types';
+export const propTypes = {
+  className: string,
+  heading: string.isRequired,
+  isSpacious: bool
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   isSpacious: false
 };

package/build/primer/Subhead/index.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Subhead", {
-  enumerable: true,
-  get: function get() {
-    return _Subhead.Subhead;
-  }
-});
-var _Subhead = require("./Subhead");
+export { Subhead } from './Subhead';

package/build/primer/Toast/Toast.js

@@ -1,55 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Toast = Toast;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _padding = _interopRequireDefault(require("@papillonbits/css/build/primer/utilities/padding.scss"));
-var _Toast = require("./Toast.prop");
-var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
-var _Icon = require("../Icon");
-var _jsxRuntime = require("react/jsx-runtime");
-function Toast(_ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Toast.defaultProps.className : _ref$className,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Toast.defaultProps.variant : _ref$variant,
-    text = _ref.text,
-    _ref$isDismissable = _ref.isDismissable,
-    isDismissable = _ref$isDismissable === void 0 ? _Toast.defaultProps.isDismissable : _ref$isDismissable,
-    _ref$onClick = _ref.onClick,
-    onClick = _ref$onClick === void 0 ? _Toast.defaultProps.onClick : _ref$onClick;
-  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, (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, {
-          icon: _Icon.iconName.Info16
-        }), variant === _Toast.toastVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Check16
-        }), variant === _Toast.toastVariant.warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Alert16
-        }), variant === _Toast.toastVariant.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.Stop16
+import cx from 'classnames';
+import paddingStyles from '@papillonbits/css/build/primer/utilities/padding.scss';
+import { propTypes, defaultProps, toastVariant } from './Toast.prop';
+import styles from './Toast.scss';
+import { Icon, iconName, iconSize } from '../Icon';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Toast({
+  className = defaultProps.className,
+  variant = defaultProps.variant,
+  text,
+  isDismissable = defaultProps.isDismissable,
+  onClick = defaultProps.onClick
+}) {
+  return /*#__PURE__*/_jsx("div", {
+    className: cx(className, paddingStyles['p-1']),
+    children: /*#__PURE__*/_jsxs("div", {
+      className: cx(styles.Toast, {
+        [styles['Toast--success']]: variant === toastVariant.success,
+        [styles['Toast--warning']]: variant === toastVariant.warning,
+        [styles['Toast--error']]: variant === toastVariant.error
+      }),
+      children: [/*#__PURE__*/_jsxs("span", {
+        className: styles['Toast-icon'],
+        children: [variant === toastVariant.info && /*#__PURE__*/_jsx(Icon, {
+          icon: iconName.Info16
+        }), variant === toastVariant.success && /*#__PURE__*/_jsx(Icon, {
+          icon: iconName.Check16
+        }), variant === toastVariant.warning && /*#__PURE__*/_jsx(Icon, {
+          icon: iconName.Alert16
+        }), variant === toastVariant.error && /*#__PURE__*/_jsx(Icon, {
+          icon: iconName.Stop16
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: _Toast2["default"]['Toast-content'],
+      }), /*#__PURE__*/_jsx("span", {
+        className: styles['Toast-content'],
         children: text
-      }), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      }), isDismissable && /*#__PURE__*/_jsx("button", {
         type: "button",
-        className: _Toast2["default"]['Toast-dismissButton'],
+        className: styles['Toast-dismissButton'],
         onClick: onClick,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-          icon: _Icon.iconName.X16,
-          size: _Icon.iconSize.small
+        children: /*#__PURE__*/_jsx(Icon, {
+          icon: iconName.X16,
+          size: iconSize.small
         })
       })]
     })
   });
 }
-Toast.propTypes = _Toast.propTypes;
+Toast.propTypes = propTypes;

package/build/primer/Toast/Toast.prop.js

@@ -1,26 +1,20 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.toastVariant = exports.propTypes = exports.defaultProps = void 0;
-var _propTypes = require("prop-types");
-var toastVariant = exports.toastVariant = {
+import { string, oneOf, bool, func } from 'prop-types';
+export const toastVariant = {
   info: 'info',
   success: 'success',
   warning: 'warning',
   error: 'error'
 };
-var propTypes = exports.propTypes = {
-  className: _propTypes.string,
-  variant: (0, _propTypes.oneOf)(Object.keys(toastVariant)),
-  text: _propTypes.string.isRequired,
-  isDismissable: _propTypes.bool,
-  onClick: _propTypes.func
+export const propTypes = {
+  className: string,
+  variant: oneOf(Object.keys(toastVariant)),
+  text: string.isRequired,
+  isDismissable: bool,
+  onClick: func
 };
-var defaultProps = exports.defaultProps = {
+export const defaultProps = {
   className: null,
   variant: toastVariant.info,
   isDismissable: false,
-  onClick: function onClick() {}
+  onClick: () => {}
 };

package/build/primer/Toast/index.js

@@ -1,19 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Toast", {
-  enumerable: true,
-  get: function get() {
-    return _Toast.Toast;
-  }
-});
-Object.defineProperty(exports, "toastVariant", {
-  enumerable: true,
-  get: function get() {
-    return _Toast2.toastVariant;
-  }
-});
-var _Toast = require("./Toast");
-var _Toast2 = require("./Toast.prop");
+export { Toast } from './Toast';
+export { toastVariant } from './Toast.prop';