@papillonarts/components 0.24.0 → 0.25.0

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabNavState = exports.TabNavDefault = void 0;
+// import type { IIndexed } from '@papillonarts/library/array/type'
+
+var TabNavState = exports.TabNavState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var TabNavDefault = exports.TabNavDefault = {
+  ClassName: null,
+  Actions: null,
+  Children: null,
+  State: TabNavState.Active
+};

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "TabNav", {
     return _TabNav.TabNav;
   }
 });
-Object.defineProperty(exports, "tabNavState", {
+Object.defineProperty(exports, "TabNavState", {
   enumerable: true,
   get: function get() {
-    return _TabNav2.tabNavState;
+    return _TabNav2.TabNavState;
   }
 });
 var _TabNav = require("./TabNav");
-var _TabNav2 = require("./TabNav.prop");
+var _TabNav2 = require("./TabNav.type");

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

@@ -12,25 +12,26 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _array = require("@papillonarts/library/array");
 var _hooks = require("@papillonarts/library/hooks");
-var _UnderlineNav = require("./UnderlineNav.prop");
+var _UnderlineNav = require("./UnderlineNav.type");
 var _UnderlineNav2 = _interopRequireDefault(require("./UnderlineNav.scss"));
 var _container = _interopRequireDefault(require("../../Layout/container.scss"));
 var _Icon = require("../../Icon");
 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; } // import { getIndexItems, getIndexItemsWithSelected } from '../../../../../library/src/array'
+// import { useState } from '../../../../../library/src/hooks'
 function UnderlineNav(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _UnderlineNav.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _UnderlineNav.UnderlineNavDefault.ClassName : _ref$className,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
     itemType = _ref.itemType,
     _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? _UnderlineNav.defaultProps.actions : _ref$actions,
+    actions = _ref$actions === void 0 ? _UnderlineNav.UnderlineNavDefault.Actions : _ref$actions,
     _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _UnderlineNav.defaultProps.align : _ref$align,
+    align = _ref$align === void 0 ? _UnderlineNav.UnderlineNavDefault.Align : _ref$align,
     _ref$fullContainer = _ref.fullContainer,
-    fullContainer = _ref$fullContainer === void 0 ? _UnderlineNav.defaultProps.fullContainer : _ref$fullContainer,
+    fullContainer = _ref$fullContainer === void 0 ? _UnderlineNav.UnderlineNavDefault.FullContainer : _ref$fullContainer,
     _onClick = _ref.onClick;
   var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -47,7 +48,7 @@ function UnderlineNav(_ref) {
   }
   function renderBody() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-      children: [align === _UnderlineNav.underlineNavAlignmentType.right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      children: [align === _UnderlineNav.UnderlineNavAlignmentType.Right && actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: _UnderlineNav2["default"]['UnderlineNav-body'],
         role: "tablist",
         children: indexItems.map(function (indexItem) {
@@ -81,7 +82,7 @@ function UnderlineNav(_ref) {
                 children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
                   className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
                   icon: icon,
-                  size: _Icon.iconSize.small
+                  size: _Icon.IconSize.Small
                 }), html || null, text]
               }), (0, _uuid.v1)());
             case 'a':
@@ -98,14 +99,14 @@ function UnderlineNav(_ref) {
                 children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
                   className: _UnderlineNav2["default"]['UnderlineNav-octicon'],
                   icon: icon,
-                  size: _Icon.iconSize.small
+                  size: _Icon.IconSize.Small
                 }), html || null, text]
               }), (0, _uuid.v1)());
             default:
               return null;
           }
         })
-      }), align === _UnderlineNav.underlineNavAlignmentType.left && actions && renderActions()]
+      }), align === _UnderlineNav.UnderlineNavAlignmentType.Left && actions && renderActions()]
     });
   }
   function renderBodyFullContainer() {
@@ -115,7 +116,7 @@ function UnderlineNav(_ref) {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("nav", {
-    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)),
+    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.type.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnderlineNavItemType = exports.UnderlineNavDefault = exports.UnderlineNavAlignmentType = void 0;
+// import type { IIndexed } from '@papillonarts/library/array/type'
+
+var UnderlineNavItemType = exports.UnderlineNavItemType = {
+  A: 'a',
+  Button: 'button'
+};
+var UnderlineNavAlignmentType = exports.UnderlineNavAlignmentType = {
+  Right: 'right',
+  Left: 'left'
+};
+var UnderlineNavDefault = exports.UnderlineNavDefault = {
+  ClassName: null,
+  Actions: null,
+  Align: 'left',
+  FullContainer: false
+};

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

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "UnderlineNav", {
     return _UnderlineNav.UnderlineNav;
   }
 });
-Object.defineProperty(exports, "underlineNavAlignmentType", {
+Object.defineProperty(exports, "UnderlineNavAlignmentType", {
   enumerable: true,
   get: function get() {
-    return _UnderlineNav2.underlineNavAlignmentType;
+    return _UnderlineNav2.UnderlineNavAlignmentType;
   }
 });
-Object.defineProperty(exports, "underlineNavItemType", {
+Object.defineProperty(exports, "UnderlineNavItemType", {
   enumerable: true,
   get: function get() {
-    return _UnderlineNav2.underlineNavItemType;
+    return _UnderlineNav2.UnderlineNavItemType;
   }
 });
 var _UnderlineNav = require("./UnderlineNav");
-var _UnderlineNav2 = require("./UnderlineNav.prop");
+var _UnderlineNav2 = require("./UnderlineNav.type");

package/build/primer/Navigation/index.js

@@ -10,8 +10,8 @@ var _UnderlineNav = require("./UnderlineNav");
 var Navigation = exports.Navigation = {
   Menu: _Menu.Menu,
   TabNav: _TabNav.TabNav,
-  tabNavState: _TabNav.tabNavState,
+  TabNavState: _TabNav.TabNavState,
   UnderlineNav: _UnderlineNav.UnderlineNav,
-  underlineNavItemType: _UnderlineNav.underlineNavItemType,
-  underlineNavAlignmentType: _UnderlineNav.underlineNavAlignmentType
+  UnderlineNavItemType: _UnderlineNav.UnderlineNavItemType,
+  UnderlineNavAlignmentType: _UnderlineNav.UnderlineNavAlignmentType
 };

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

@@ -8,24 +8,24 @@ exports.PreviousNext = PreviousNext;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _visibilityDisplay = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/visibility-display.scss"));
-var _pagination = require("@papillonarts/library/pagination");
-var _PreviousNext = require("./PreviousNext.prop");
+var _pagination = require("../../../../../library/src/pagination");
+var _PreviousNext = require("./PreviousNext.type");
 var _PreviousNext2 = _interopRequireDefault(require("./PreviousNext.scss"));
 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 _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; } // import { PaginationActionTypes } from '@papillonarts/library/pagination'
 function PreviousNext(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _PreviousNext.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _PreviousNext.PreviousNextDefault.ClassName : _ref$className,
     ariaAttr = _ref.ariaAttr,
     currentPage = _ref.currentPage,
     _ref$previous = _ref.previous,
-    previous = _ref$previous === void 0 ? _PreviousNext.defaultProps.previous : _ref$previous,
+    previous = _ref$previous === void 0 ? _PreviousNext.PreviousNextDefault.Previous : _ref$previous,
     _ref$next = _ref.next,
-    next = _ref$next === void 0 ? _PreviousNext.defaultProps.next : _ref$next,
+    next = _ref$next === void 0 ? _PreviousNext.PreviousNextDefault.Next : _ref$next,
     _onClick = _ref.onClick,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _PreviousNext.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _PreviousNext.PreviousNextDefault.State : _ref$state;
   var label = ariaAttr.label;
   var indexItems = currentPage.indexItems,
     currentIndex = currentPage.currentIndex,
@@ -44,7 +44,7 @@ function PreviousNext(_ref) {
   // }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.previousNextState.inactive)),
+    className: (0, _classnames["default"])(className, _PreviousNext2["default"]['paginate-container'], (0, _defineProperty2["default"])({}, _PreviousNext2["default"]['previousnext-inactive'], state === _PreviousNext.PreviousNextState.Inactive)),
     "aria-label": label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames["default"])(_PreviousNext2["default"].pagination, _visibilityDisplay["default"]['d-flex']),
@@ -56,7 +56,7 @@ function PreviousNext(_ref) {
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         onClick: function onClick(event) {
           event.preventDefault();
-          _onClick(_pagination.paginationActionTypes.onBackwards);
+          _onClick(_pagination.PaginationActionTypes.OnBackwards);
         },
         rel: previous.rel,
         href: previous.href,
@@ -72,7 +72,7 @@ function PreviousNext(_ref) {
       })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
         onClick: function onClick(event) {
           event.preventDefault();
-          _onClick(_pagination.paginationActionTypes.onForward);
+          _onClick(_pagination.PaginationActionTypes.OnForward);
         },
         rel: next.rel,
         href: next.href,

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviousNextState = exports.PreviousNextDefault = void 0;
+var PreviousNextState = exports.PreviousNextState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var PreviousNextDefault = exports.PreviousNextDefault = {
+  ClassName: null,
+  Previous: {
+    rel: 'previous',
+    href: '#url',
+    ariaAttr: {
+      label: 'Previous'
+    },
+    text: '<'
+  },
+  Next: {
+    rel: 'next',
+    href: '#url',
+    ariaAttr: {
+      label: 'Next'
+    },
+    text: '>'
+  },
+  State: PreviousNextState.Active
+};

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "PreviousNext", {
     return _PreviousNext.PreviousNext;
   }
 });
-Object.defineProperty(exports, "previousNextState", {
+Object.defineProperty(exports, "PreviousNextState", {
   enumerable: true,
   get: function get() {
-    return _PreviousNext2.previousNextState;
+    return _PreviousNext2.PreviousNextState;
   }
 });
 var _PreviousNext = require("./PreviousNext");
-var _PreviousNext2 = require("./PreviousNext.prop");
+var _PreviousNext2 = require("./PreviousNext.type");

package/build/primer/Pagination/index.js

@@ -7,5 +7,5 @@ exports.Pagination = void 0;
 var _PreviousNext = require("./PreviousNext");
 var Pagination = exports.Pagination = {
   PreviousNext: _PreviousNext.PreviousNext,
-  previousNextState: _PreviousNext.previousNextState
+  PreviousNextState: _PreviousNext.PreviousNextState
 };

package/build/primer/Popover/Popover.js

@@ -13,18 +13,18 @@ var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/uti
 var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
 var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
 var _box = _interopRequireDefault(require("../Box/box.scss"));
-var _Popover = require("./Popover.prop");
+var _Popover = require("./Popover.type");
 var _Popover2 = _interopRequireDefault(require("./Popover.scss"));
 var _Button = require("../Button");
 var _jsxRuntime = require("react/jsx-runtime");
 function Popover(_ref) {
   var _cx2;
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Popover.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Popover.PopoverDefault.ClassName : _ref$className,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Popover.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Popover.PopoverDefault.Variant : _ref$variant,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _Popover.defaultProps.size : _ref$size,
+    size = _ref$size === void 0 ? _Popover.PopoverDefault.Size : _ref$size,
     intro = _ref.intro,
     heading = _ref.heading,
     message = _ref.message,
@@ -32,16 +32,16 @@ function Popover(_ref) {
     introOnClick = _ref.introOnClick,
     acknowledgeOnClick = _ref.acknowledgeOnClick;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    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,
+    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", {
       // @ts-ignore
-      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)),
+      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"])((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))),
+        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
@@ -50,12 +50,12 @@ function Popover(_ref) {
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
           className: (0, _classnames["default"])(_margin["default"]['mt-2'], _typography["default"]['text-bold']),
           text: acknowledge,
-          variant: _Button.buttonVariant.outline,
+          variant: _Button.ButtonVariant.Outline,
           onClick: acknowledgeOnClick
         })]
       })
-    }), (variant === _Popover.popoverVariant.bottom || variant === _Popover.popoverVariant.bottomRight || variant === _Popover.popoverVariant.bottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-      variant: _Button.buttonVariant.primary,
+    }), (variant === _Popover.PopoverVariant.Bottom || variant === _Popover.PopoverVariant.BottomRight || variant === _Popover.PopoverVariant.BottomLeft) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      variant: _Button.ButtonVariant.Primary,
       text: intro,
       onClick: introOnClick
     })]

package/build/primer/Popover/Popover.type.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PopoverVariant = exports.PopoverSize = exports.PopoverDefault = void 0;
+var PopoverVariant = exports.PopoverVariant = {
+  Default: 'default',
+  Bottom: 'bottom',
+  BottomRight: 'bottomRight',
+  BottomLeft: 'bottomLeft',
+  Left: 'left',
+  LeftBottom: 'leftBottom',
+  LeftTop: 'leftTop',
+  Right: 'right',
+  RightBottom: 'rightBottom',
+  RightTop: 'rightTop',
+  TopLeft: 'topLeft',
+  TopRight: 'topRight'
+};
+var PopoverSize = exports.PopoverSize = {
+  Normal: 'normal',
+  Large: 'large'
+};
+var PopoverDefault = exports.PopoverDefault = {
+  ClassName: null,
+  Variant: PopoverVariant.Default,
+  Size: PopoverSize.Normal
+};

package/build/primer/Popover/index.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "Popover", {
     return _Popover.Popover;
   }
 });
-Object.defineProperty(exports, "popoverSize", {
+Object.defineProperty(exports, "PopoverSize", {
   enumerable: true,
   get: function get() {
-    return _Popover2.popoverSize;
+    return _Popover2.PopoverSize;
   }
 });
-Object.defineProperty(exports, "popoverVariant", {
+Object.defineProperty(exports, "PopoverVariant", {
   enumerable: true,
   get: function get() {
-    return _Popover2.popoverVariant;
+    return _Popover2.PopoverVariant;
   }
 });
 var _Popover = require("./Popover");
-var _Popover2 = require("./Popover.prop");
+var _Popover2 = require("./Popover.type");

package/build/primer/Progress/Progress.js

@@ -8,20 +8,20 @@ exports.Progress = Progress;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
-var _Progress = require("./Progress.prop");
+var _Progress = require("./Progress.type");
 var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Progress(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Progress.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Progress.ProgressDefault.ClassName : _ref$className,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Progress.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Progress.ProgressDefault.Variant : _ref$variant,
     percentage = _ref.percentage;
   var percentageStyle = {
     width: "".concat(percentage, "%")
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    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)),
+    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/Progress/Progress.type.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressVariant = exports.ProgressDefault = void 0;
+var ProgressVariant = exports.ProgressVariant = {
+  Small: 'small',
+  Normal: 'normal',
+  Large: 'large'
+};
+var ProgressDefault = exports.ProgressDefault = {
+  ClassName: null,
+  Variant: ProgressVariant.Normal
+};

package/build/primer/Progress/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Progress", {
     return _Progress.Progress;
   }
 });
-Object.defineProperty(exports, "progressVariant", {
+Object.defineProperty(exports, "ProgressVariant", {
   enumerable: true,
   get: function get() {
-    return _Progress2.progressVariant;
+    return _Progress2.ProgressVariant;
   }
 });
 var _Progress = require("./Progress");
-var _Progress2 = require("./Progress.prop");
+var _Progress2 = require("./Progress.type");

package/build/primer/Select/Select.js

@@ -10,21 +10,21 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
 var _array = require("@papillonarts/library/array");
-var _Select = require("./Select.prop");
+var _Select = require("./Select.type");
 var _Select2 = _interopRequireDefault(require("./Select.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 // import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
 
 function Select(_ref) {
   var _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
+    id = _ref$id === void 0 ? _Select.SelectDefault.Id : _ref$id,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Select.SelectDefault.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;
+    state = _ref$state === void 0 ? _Select.SelectDefault.State : _ref$state;
   var indexItems = (0, _array.getIndexItems)(items);
   var handleOnChange = function handleOnChange(event) {
     var indexItem = indexItems.find(function (item) {
@@ -53,7 +53,7 @@ function Select(_ref) {
       ,
       readOnly: false,
       onChange: handleOnChange,
-      className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.selectState.inactive)),
+      className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.SelectState.Inactive)),
       value: selectedText,
       children: items && indexItems.map(function (indexItem) {
         var text = indexItem.text,

package/build/primer/Select/Select.type.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectState = exports.SelectDefault = void 0;
+// import type { IIndexed } from '@papillonarts/library/array/type'
+
+var SelectState = exports.SelectState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var SelectDefault = exports.SelectDefault = {
+  Id: null,
+  ClassName: null,
+  State: SelectState.Active
+};

package/build/primer/Select/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Select", {
     return _Select.Select;
   }
 });
-Object.defineProperty(exports, "selectState", {
+Object.defineProperty(exports, "SelectState", {
   enumerable: true,
   get: function get() {
-    return _Select2.selectState;
+    return _Select2.SelectState;
   }
 });
 var _Select = require("./Select");
-var _Select2 = require("./Select.prop");
+var _Select2 = require("./Select.type");

package/build/primer/SelectMenu/SelectMenu.js

@@ -12,20 +12,22 @@ var _array = require("@papillonarts/library/array");
 var _hooks = require("@papillonarts/library/hooks");
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
 var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
-var _SelectMenu = require("./SelectMenu.prop");
+var _SelectMenu = require("./SelectMenu.type");
 var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
 var _Button = _interopRequireDefault(require("../Button/Button.scss"));
 var _Icon = require("../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
 // import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
 
+// import { useRef, useState } from '../../../../library/src/hooks'
+
 function SelectMenu(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _SelectMenu.SelectMenuDefault.ClassName : _ref$className,
     summary = _ref.summary,
     icon = _ref.icon,
     _ref$title = _ref.title,
-    title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
+    title = _ref$title === void 0 ? _SelectMenu.SelectMenuDefault.Title : _ref$title,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
     _onClick = _ref.onClick;
@@ -44,7 +46,7 @@ function SelectMenu(_ref) {
       children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
         className: (0, _classnames["default"])(_margin["default"]['ml-2']),
         icon: icon,
-        size: _Icon.iconSize.small
+        size: _Icon.IconSize.Small
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: _SelectMenu2["default"].SelectMenu,

package/build/primer/SelectMenu/SelectMenu.type.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectMenuDefault = void 0;
+// import type { IIndexed } from '@papillonarts/library/array/type'
+
+var SelectMenuDefault = exports.SelectMenuDefault = {
+  ClassName: null,
+  Title: null
+};

package/build/primer/Subhead/Subhead.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.Subhead = Subhead;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Subhead = require("./Subhead.prop");
+var _Subhead = require("./Subhead.type");
 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,
+    className = _ref$className === void 0 ? _Subhead.SubheadDefault.ClassName : _ref$className,
     heading = _ref.heading,
     _ref$isSpacious = _ref.isSpacious,
-    isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.isSpacious : _ref$isSpacious;
+    isSpacious = _ref$isSpacious === void 0 ? _Subhead.SubheadDefault.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", {

package/build/primer/Subhead/Subhead.type.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SubheadDefault = void 0;
+var SubheadDefault = exports.SubheadDefault = {
+  ClassName: null,
+  IsSpacious: false
+};