@papillonarts/components 0.24.0 → 0.26.0

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.d.ts

@@ -0,0 +1,43 @@
+import type { IIndexed } from '@papillonarts/library/array/type';
+export interface IUnderlineNavItemType {
+    A: string;
+    Button: string;
+}
+export declare const UnderlineNavItemType: IUnderlineNavItemType;
+export interface IUnderlineNavAlignmentType {
+    Right: string;
+    Left: string;
+}
+export declare const UnderlineNavAlignmentType: IUnderlineNavAlignmentType;
+export interface IUnderlineNavDefault {
+    ClassName: string;
+    Actions: React.ReactNode[];
+    Align: string;
+    FullContainer: boolean;
+}
+export declare const UnderlineNavDefault: IUnderlineNavDefault;
+export interface IAriaAttr {
+    label: string;
+    selected: string;
+    current: boolean | false | true | 'page' | 'step' | 'location' | 'date' | 'time';
+}
+export interface IItem {
+    href: string;
+    icon: string;
+    text: string;
+    html: React.ReactNode;
+    isSelected: boolean;
+}
+export interface IIndexedItem extends IIndexed, IItem {
+}
+export interface IUnderlineNav {
+    className?: string;
+    ariaAttr: IAriaAttr;
+    items: IItem[];
+    itemType: string;
+    actions?: React.ReactNode[];
+    align?: string;
+    fullContainer?: boolean;
+    onClick: (value: any) => void;
+}
+//# sourceMappingURL=UnderlineNav.type.d.ts.map

package/build/primer/Navigation/UnderlineNav/UnderlineNav.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnderlineNav.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Navigation/UnderlineNav/UnderlineNav.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,MAAM,CAAA;IACT,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,oBAAoB,EAAE,qBAGlC,CAAA;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,yBAAyB,EAAE,0BAGvC,CAAA;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,OAAO,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,EAAE,oBAKjC,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;CACjF;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}

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 '../../../../../library/src/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.d.ts

@@ -1,3 +1,3 @@
 export { UnderlineNav } from './UnderlineNav';
-export { underlineNavItemType, underlineNavAlignmentType } from './UnderlineNav.prop';
+export { UnderlineNavItemType, UnderlineNavAlignmentType } from './UnderlineNav.type';
 //# sourceMappingURL=index.d.ts.map

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.d.ts

@@ -4,18 +4,9 @@ import { UnderlineNav } from './UnderlineNav';
 export declare const Navigation: {
     Menu: typeof Menu;
     TabNav: typeof TabNav;
-    tabNavState: {
-        active: string;
-        inactive: string;
-    };
+    TabNavState: import("./TabNav/TabNav.type").ITabNavState;
     UnderlineNav: typeof UnderlineNav;
-    underlineNavItemType: {
-        a: string;
-        button: string;
-    };
-    underlineNavAlignmentType: {
-        right: string;
-        left: string;
-    };
+    UnderlineNavItemType: import("./UnderlineNav/UnderlineNav.type").IUnderlineNavItemType;
+    UnderlineNavAlignmentType: import("./UnderlineNav/UnderlineNav.type").IUnderlineNavAlignmentType;
 };
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAmD,MAAM,gBAAgB,CAAA;AAE9F,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAOtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAmD,MAAM,gBAAgB,CAAA;AAE9F,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAA"}

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.d.ts

@@ -1,3 +1,3 @@
-import { PreviousNextProps } from './PreviousNext.prop';
-export declare function PreviousNext({ className, ariaAttr, currentPage, previous, next, onClick, state, }: PreviousNextProps): import("react/jsx-runtime").JSX.Element;
+import { IPreviousNext } from './PreviousNext.type';
+export declare function PreviousNext({ className, ariaAttr, currentPage, previous, next, onClick, state, }: IPreviousNext): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=PreviousNext.d.ts.map

package/build/primer/Pagination/PreviousNext/PreviousNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreviousNext.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/PreviousNext.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,qBAAqB,CAAA;AAGxF,wBAAgB,YAAY,CAAC,EAC3B,SAAkC,EAClC,QAAQ,EACR,WAAW,EACX,QAAgC,EAChC,IAAwB,EACxB,OAAO,EACP,KAA0B,GAC3B,EAAE,iBAAiB,2CAwDnB"}
+{"version":3,"file":"PreviousNext.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/PreviousNext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAA0C,MAAM,qBAAqB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,SAAyC,EACzC,QAAQ,EACR,WAAW,EACX,QAAuC,EACvC,IAA+B,EAC/B,OAAO,EACP,KAAiC,GAClC,EAAE,aAAa,2CAwDf"}

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

@@ -9,23 +9,23 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 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 _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 '../../../../../library/src/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.d.ts

@@ -0,0 +1,38 @@
+import type { IIndexedActivable } from '@papillonarts/library/array/type';
+export interface IPreviousNextState {
+    Active: string;
+    Inactive: string;
+}
+export declare const PreviousNextState: IPreviousNextState;
+export interface IPreviousNextType {
+    rel: string;
+    href: string;
+    ariaAttr: IAriaAttr;
+    text: string;
+}
+export interface IPreviousNextDefault {
+    ClassName: string;
+    Previous: IPreviousNextType;
+    Next: IPreviousNextType;
+    State: string;
+}
+export declare const PreviousNextDefault: IPreviousNextDefault;
+export interface IAriaAttr {
+    label: string;
+}
+export interface ICurrentPageType {
+    indexItems: IIndexedActivable[];
+    currentIndex: number;
+    canMoveBackwards: boolean;
+    canMoveForward: boolean;
+}
+export interface IPreviousNext {
+    className?: string;
+    ariaAttr: IAriaAttr;
+    currentPage: ICurrentPageType;
+    previous?: IPreviousNextType;
+    next?: IPreviousNextType;
+    onClick: (value: any) => void;
+    state?: string;
+}
+//# sourceMappingURL=PreviousNext.type.d.ts.map

package/build/primer/Pagination/PreviousNext/PreviousNext.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousNext.type.d.ts","sourceRoot":"","sources":["../../../../src/primer/Pagination/PreviousNext/PreviousNext.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AAGzE,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;CACb;AACD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,iBAAiB,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,mBAAmB,EAAE,oBAmBjC,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,iBAAiB,EAAE,CAAA;IAC/B,YAAY,EAAE,MAAM,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,EAAE,gBAAgB,CAAA;IAC7B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviousNextState = exports.PreviousNextDefault = void 0;
+// import { IIndexedActivable } from '../../../../../library/src/array/type'
+
+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.d.ts

@@ -1,3 +1,3 @@
 export { PreviousNext } from './PreviousNext';
-export { previousNextState } from './PreviousNext.prop';
+export { PreviousNextState } from './PreviousNext.type';
 //# sourceMappingURL=index.d.ts.map

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.d.ts

@@ -1,9 +1,6 @@
 import { PreviousNext } from './PreviousNext';
 export declare const Pagination: {
     PreviousNext: typeof PreviousNext;
-    previousNextState: {
-        active: string;
-        inactive: string;
-    };
+    PreviousNextState: import("./PreviousNext/PreviousNext.type").IPreviousNextState;
 };
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Pagination/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,UAAU;;;;;;CAGtB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,eAAO,MAAM,UAAU;;;CAGtB,CAAA"}

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.d.ts

@@ -1,3 +1,3 @@
-import { PopoverProps } from './Popover.prop';
-export declare function Popover({ className, variant, size, intro, heading, message, acknowledge, introOnClick, acknowledgeOnClick, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+import { IPopover } from './Popover.type';
+export declare function Popover({ className, variant, size, intro, heading, message, acknowledge, introOnClick, acknowledgeOnClick, }: IPopover): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Popover.d.ts.map

package/build/primer/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA6C,MAAM,gBAAgB,CAAA;AAIxF,wBAAgB,OAAO,CAAC,EACtB,SAAkC,EAClC,OAA8B,EAC9B,IAAwB,EACxB,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,EACZ,kBAAkB,GACnB,EAAE,YAAY,2CA0Dd"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAA+C,MAAM,gBAAgB,CAAA;AAItF,wBAAgB,OAAO,CAAC,EACtB,SAAoC,EACpC,OAAgC,EAChC,IAA0B,EAC1B,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,EACX,YAAY,EACZ,kBAAkB,GACnB,EAAE,QAAQ,2CA0DV"}

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.d.ts

@@ -0,0 +1,38 @@
+export interface IPopoverVariant {
+    Default: string;
+    Bottom: string;
+    BottomRight: string;
+    BottomLeft: string;
+    Left: string;
+    LeftBottom: string;
+    LeftTop: string;
+    Right: string;
+    RightBottom: string;
+    RightTop: string;
+    TopLeft: string;
+    TopRight: string;
+}
+export declare const PopoverVariant: IPopoverVariant;
+export interface IPopoverSize {
+    Normal: string;
+    Large: string;
+}
+export declare const PopoverSize: IPopoverSize;
+export interface IPopoverDefault {
+    ClassName: string;
+    Variant: string;
+    Size: string;
+}
+export declare const PopoverDefault: IPopoverDefault;
+export interface IPopover {
+    className?: string;
+    variant?: string;
+    size?: string;
+    intro: string;
+    heading: string;
+    message: string;
+    acknowledge: string;
+    introOnClick: (value: any) => void;
+    acknowledgeOnClick: (value: any) => void;
+}
+//# sourceMappingURL=Popover.type.d.ts.map

package/build/primer/Popover/Popover.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/Popover.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,EAAE,MAAM,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,cAAc,EAAE,eAa5B,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,WAAW,EAAE,YAGzB,CAAA;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,EAAE,eAI5B,CAAA;AAED,MAAM,WAAW,QAAQ;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IAC7B,kBAAkB,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACpC"}

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.d.ts

@@ -1,3 +1,3 @@
 export { Popover } from './Popover';
-export { popoverVariant, popoverSize } from './Popover.prop';
+export { PopoverVariant, PopoverSize } from './Popover.type';
 //# sourceMappingURL=index.d.ts.map

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.d.ts

@@ -1,3 +1,3 @@
-import { ProgressProps } from './Progress.prop';
-export declare function Progress({ className, variant, percentage }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+import { IProgress } from './Progress.type';
+export declare function Progress({ className, variant, percentage }: IProgress): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Progress.d.ts.map

package/build/primer/Progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAiC,MAAM,iBAAiB,CAAA;AAG9E,wBAAgB,QAAQ,CAAC,EAAE,SAAkC,EAAE,OAA8B,EAAE,UAAU,EAAE,EAAE,aAAa,2CAazH"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoC,MAAM,iBAAiB,CAAA;AAG7E,wBAAgB,QAAQ,CAAC,EAAE,SAAqC,EAAE,OAAiC,EAAE,UAAU,EAAE,EAAE,SAAS,2CAa3H"}