@papillonarts/components 0.24.0 → 0.26.0

package/build/index.d.ts

@@ -1,2 +1,3 @@
 export { primer } from './primer';
+export type { IAlertConsent, IFlexGridItem } from './primer/type';
 //# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/build/primer/Alert/Alert.d.ts

@@ -1,3 +1,3 @@
-import { AlertProps } from './Alert.prop';
-export declare function Alert({ dataTest, className, variant, children, consent, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+import { IAlert } from './Alert.type';
+export declare function Alert({ dataTest, className, variant, children, consent, }: IAlert): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAA8B,MAAM,cAAc,CAAA;AAQrE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE,UAAU,2CAkFZ"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,MAAM,EAA8B,MAAM,cAAc,CAAA;AAQjE,wBAAgB,KAAK,CAAC,EACpB,QAAgC,EAChC,SAAkC,EAClC,OAA8B,EAC9B,QAAQ,EACR,OAAO,GACR,EAAE,MAAM,2CAkFR"}

package/build/primer/Alert/Alert.js

@@ -11,22 +11,24 @@ var _react = require("react");
 var _hooks = require("@papillonarts/library/hooks");
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Alert = require("./Alert.prop");
+var _Alert = require("./Alert.type");
 var _Alert2 = _interopRequireDefault(require("./Alert.scss"));
 var _Button = _interopRequireDefault(require("../Button/Button.scss"));
 var _Input = require("../Form/Input");
 var _Button2 = require("../Button");
-var _Icon = require("../Icon/Icon.prop");
+var _Icon = require("../Icon/Icon.type");
 var _Icon2 = require("../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
+// import { useState } from '../../../../library/src/hooks'
+
 function Alert(_ref) {
   var _consent$action3;
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Alert.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Alert.AlertDefault.DataTest : _ref$dataTest,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Alert.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Alert.AlertDefault.ClassName : _ref$className,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Alert.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Alert.AlertDefault.Variant : _ref$variant,
     children = _ref.children,
     consent = _ref.consent;
   var _useState = (0, _hooks.useState)(''),
@@ -39,18 +41,18 @@ function Alert(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(_Alert2["default"]['flash-messages']),
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames["default"])(_Alert2["default"].flash, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Alert2["default"]['flash-warn'], variant === _Alert.alertVariant.warning), _Alert2["default"]['flash-error'], variant === _Alert.alertVariant.error), _Alert2["default"]['flash-success'], variant === _Alert.alertVariant.success), _Alert2["default"]['flash-consent'], variant === _Alert.alertVariant.consent)),
+        className: (0, _classnames["default"])(_Alert2["default"].flash, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Alert2["default"]['flash-warn'], variant === _Alert.AlertVariant.Warning), _Alert2["default"]['flash-error'], variant === _Alert.AlertVariant.Error), _Alert2["default"]['flash-success'], variant === _Alert.AlertVariant.Success), _Alert2["default"]['flash-consent'], variant === _Alert.AlertVariant.Consent)),
         children: [consent && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button2.Button, {
             dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.cancel,
             className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-sm'], _Button["default"].primary, _Alert2["default"]['flash-action']),
             text: "Cancel",
             icon: {
-              name: _Icon.iconName.XCircleFill16,
-              alignment: _Button2.iconAlignment.left
+              name: _Icon.IconName.XCircleFill16,
+              alignment: _Button2.IconAlignment.Left
             },
-            variant: _Button2.buttonVariant["default"],
-            inputType: _Button2.buttonInputType.submit,
+            variant: _Button2.ButtonVariant.Default,
+            inputType: _Button2.ButtonInputType.Submit,
             onClick: function onClick() {
               var _consent$action;
               consent === null || consent === void 0 || (_consent$action = consent.action) === null || _consent$action === void 0 || _consent$action.cancel();
@@ -61,11 +63,11 @@ function Alert(_ref) {
             className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-sm'], _Button["default"].primary, _Alert2["default"]['flash-action']),
             text: "Approve",
             icon: {
-              name: _Icon.iconName.CheckCircleFill16,
-              alignment: _Button2.iconAlignment.left
+              name: _Icon.IconName.CheckCircleFill16,
+              alignment: _Button2.IconAlignment.Left
             },
-            variant: _Button2.buttonVariant.primary,
-            inputType: _Button2.buttonInputType.submit,
+            variant: _Button2.ButtonVariant.Primary,
+            inputType: _Button2.ButtonInputType.Submit,
             autoFocus: consent !== null && consent !== void 0 && consent.withInput ? false : true // eslint-disable-line
             ,
             onClick: consent !== null && consent !== void 0 && consent.withInput ? function () {
@@ -76,30 +78,30 @@ function Alert(_ref) {
               }
             } : consent === null || consent === void 0 || (_consent$action3 = consent.action) === null || _consent$action3 === void 0 ? void 0 : _consent$action3.approve
           })]
-        }), variant === _Alert.alertVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+        }), variant === _Alert.AlertVariant.Info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.Info16,
-          size: _Icon2.iconSize.small
-        }), variant === _Alert.alertVariant.warning && !consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+          icon: _Icon.IconName.Info16,
+          size: _Icon2.IconSize.Small
+        }), variant === _Alert.AlertVariant.Warning && !consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.Alert16,
-          size: _Icon2.iconSize.small
-        }), variant === _Alert.alertVariant.warning && consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+          icon: _Icon.IconName.Alert16,
+          size: _Icon2.IconSize.Small
+        }), variant === _Alert.AlertVariant.Warning && consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.Question16,
-          size: _Icon2.iconSize.small
-        }), variant === _Alert.alertVariant.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+          icon: _Icon.IconName.Question16,
+          size: _Icon2.IconSize.Small
+        }), variant === _Alert.AlertVariant.Error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.XCircle16,
-          size: _Icon2.iconSize.small
-        }), variant === _Alert.alertVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+          icon: _Icon.IconName.XCircle16,
+          size: _Icon2.IconSize.Small
+        }), variant === _Alert.AlertVariant.Success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.CheckCircle16,
-          size: _Icon2.iconSize.small
-        }), variant === _Alert.alertVariant.consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
+          icon: _Icon.IconName.CheckCircle16,
+          size: _Icon2.IconSize.Small
+        }), variant === _Alert.AlertVariant.Consent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon2.Icon, {
           className: _margin["default"]['mr-2'],
-          icon: _Icon.iconName.Question16,
-          size: _Icon2.iconSize.small
+          icon: _Icon.IconName.Question16,
+          size: _Icon2.IconSize.Small
         }), children, (consent === null || consent === void 0 ? void 0 : consent.withInput) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
           dataTest: dataTest === null || dataTest === void 0 ? void 0 : dataTest.value,
           className: _Alert2["default"]['flash-action'],

package/build/primer/Alert/Alert.type.d.ts

@@ -0,0 +1,38 @@
+export interface IAlertVariant {
+    Default: string;
+    Info: string;
+    Warning: string;
+    Error: string;
+    Success: string;
+    Consent: string;
+}
+export declare const AlertVariant: IAlertVariant;
+export interface IAlertDefault {
+    DataTest: IDataTestType;
+    ClassName: string;
+    Variant: string;
+    Consent: string;
+}
+export declare const AlertDefault: IAlertDefault;
+export interface IAlertConsentAction {
+    approve?: (value?: string) => void;
+    cancel?: (value?: string) => void;
+}
+export interface IAlertConsent {
+    action?: IAlertConsentAction;
+    withInput?: boolean;
+}
+export interface IDataTestType {
+    default?: string;
+    approve?: string;
+    cancel?: string;
+    value?: string;
+}
+export interface IAlert {
+    dataTest?: IDataTestType;
+    className?: string;
+    variant?: string;
+    children: React.ReactNode;
+    consent?: IAlertConsent;
+}
+//# sourceMappingURL=Alert.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/Alert.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,aAO1B,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,aAAa,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,YAAY,EAAE,aAK1B,CAAA;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,MAAM;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB"}

package/build/primer/Alert/Alert.type.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertVariant = exports.AlertDefault = void 0;
+var AlertVariant = exports.AlertVariant = {
+  Default: 'default',
+  Info: 'info',
+  Warning: 'warning',
+  Error: 'error',
+  Success: 'success',
+  Consent: 'consent'
+};
+var AlertDefault = exports.AlertDefault = {
+  DataTest: null,
+  ClassName: null,
+  Variant: AlertVariant.Default,
+  Consent: null
+};

package/build/primer/Alert/index.d.ts

@@ -1,3 +1,4 @@
 export { Alert } from './Alert';
-export { alertVariant } from './Alert.prop';
+export { AlertVariant } from './Alert.type';
+export type { IAlertConsent } from './Alert.type';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAC3C,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/build/primer/Alert/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Alert", {
     return _Alert.Alert;
   }
 });
-Object.defineProperty(exports, "alertVariant", {
+Object.defineProperty(exports, "AlertVariant", {
   enumerable: true,
   get: function get() {
-    return _Alert2.alertVariant;
+    return _Alert2.AlertVariant;
   }
 });
 var _Alert = require("./Alert");
-var _Alert2 = require("./Alert.prop");
+var _Alert2 = require("./Alert.type");

package/build/primer/Blankslate/Blankslate.d.ts

@@ -1,3 +1,3 @@
-import { BlankslateProps } from './Blankslate.prop';
-export declare function Blankslate({ className, heading, text, variant, hasCleanBackground, }: BlankslateProps): import("react/jsx-runtime").JSX.Element;
+import { IBlankslate } from './Blankslate.type';
+export declare function Blankslate({ className, heading, text, variant, hasCleanBackground, }: IBlankslate): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Blankslate.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../../src/primer/Blankslate/Blankslate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAmC,MAAM,mBAAmB,CAAA;AAGpF,wBAAgB,UAAU,CAAC,EACzB,SAAkC,EAClC,OAAO,EACP,IAAI,EACJ,OAA8B,EAC9B,kBAAoD,GACrD,EAAE,eAAe,2CAejB"}
+{"version":3,"file":"Blankslate.d.ts","sourceRoot":"","sources":["../../../src/primer/Blankslate/Blankslate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAwC,MAAM,mBAAmB,CAAA;AAGrF,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,OAAO,EACP,IAAI,EACJ,OAAmC,EACnC,kBAAyD,GAC1D,EAAE,WAAW,2CAeb"}

package/build/primer/Blankslate/Blankslate.js

@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.Blankslate = Blankslate;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Blankslate = require("./Blankslate.prop");
+var _Blankslate = require("./Blankslate.type");
 var _Blankslate2 = _interopRequireDefault(require("./Blankslate.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Blankslate(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Blankslate.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Blankslate.BlankslateDefault.ClassName : _ref$className,
     heading = _ref.heading,
     text = _ref.text,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Blankslate.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Blankslate.BlankslateDefault.Variant : _ref$variant,
     _ref$hasCleanBackgrou = _ref.hasCleanBackground,
-    hasCleanBackground = _ref$hasCleanBackgrou === void 0 ? _Blankslate.defaultProps.hasCleanBackground : _ref$hasCleanBackgrou;
+    hasCleanBackground = _ref$hasCleanBackgrou === void 0 ? _Blankslate.BlankslateDefault.HasCleanBackground : _ref$hasCleanBackgrou;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, _Blankslate2["default"].blankslate, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Blankslate2["default"]['blankslate-narrow'], variant === _Blankslate.blankslateVariant.narrow), _Blankslate2["default"]['blankslate-capped'], variant === _Blankslate.blankslateVariant.capped === true), _Blankslate2["default"]['blankslate-spacious'], variant === _Blankslate.blankslateVariant.spacious), _Blankslate2["default"]['blankslate-large'], variant === _Blankslate.blankslateVariant.large), _Blankslate2["default"]['blankslate-clean-background'], hasCleanBackground === true)),
+    className: (0, _classnames["default"])(className, _Blankslate2["default"].blankslate, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Blankslate2["default"]['blankslate-narrow'], variant === _Blankslate.BlankslateVariant.Narrow), _Blankslate2["default"]['blankslate-capped'], variant === _Blankslate.BlankslateVariant.Capped === true), _Blankslate2["default"]['blankslate-spacious'], variant === _Blankslate.BlankslateVariant.Spacious), _Blankslate2["default"]['blankslate-large'], variant === _Blankslate.BlankslateVariant.Large), _Blankslate2["default"]['blankslate-clean-background'], hasCleanBackground === true)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
       children: heading
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {

package/build/primer/Blankslate/Blankslate.type.d.ts

@@ -0,0 +1,22 @@
+export interface IBlankslateVariant {
+    Default: string;
+    Narrow: string;
+    Capped: string;
+    Spacious: string;
+    Large: string;
+}
+export declare const BlankslateVariant: IBlankslateVariant;
+export interface IBlankslateDefault {
+    ClassName: string;
+    Variant: string;
+    HasCleanBackground: boolean;
+}
+export declare const BlankslateDefault: IBlankslateDefault;
+export interface IBlankslate {
+    className?: string;
+    heading: string;
+    text: string;
+    variant?: string;
+    hasCleanBackground?: boolean;
+}
+//# sourceMappingURL=Blankslate.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blankslate.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Blankslate/Blankslate.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAM/B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,kBAAkB,EAAE,OAAO,CAAA;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAI/B,CAAA;AAED,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B"}

package/build/primer/Blankslate/Blankslate.type.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlankslateVariant = exports.BlankslateDefault = void 0;
+var BlankslateVariant = exports.BlankslateVariant = {
+  Default: 'default',
+  Narrow: 'narrow',
+  Capped: 'capped',
+  Spacious: 'spacious',
+  Large: 'large'
+};
+var BlankslateDefault = exports.BlankslateDefault = {
+  ClassName: null,
+  Variant: BlankslateVariant.Default,
+  HasCleanBackground: false
+};

package/build/primer/Blankslate/index.d.ts

@@ -1,3 +1,3 @@
 export { Blankslate } from './Blankslate';
-export { blankslateVariant } from './Blankslate.prop';
+export { BlankslateVariant } from './Blankslate.type';
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Blankslate/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Blankslate", {
     return _Blankslate.Blankslate;
   }
 });
-Object.defineProperty(exports, "blankslateVariant", {
+Object.defineProperty(exports, "BlankslateVariant", {
   enumerable: true,
   get: function get() {
-    return _Blankslate2.blankslateVariant;
+    return _Blankslate2.BlankslateVariant;
   }
 });
 var _Blankslate = require("./Blankslate");
-var _Blankslate2 = require("./Blankslate.prop");
+var _Blankslate2 = require("./Blankslate.type");

package/build/primer/Breadcrumb/Breadcrumb.d.ts

@@ -1,3 +1,3 @@
-import { BreadcrumbProps } from './Breadcrumb.prop';
-export declare function Breadcrumb({ className, ariaAttr, items, onClick, state }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+import { IBreadcrumb } from './Breadcrumb.type';
+export declare function Breadcrumb({ className, ariaAttr, items, onClick, state, }: IBreadcrumb): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAsD,MAAM,mBAAmB,CAAA;AAGvG,wBAAgB,UAAU,CAAC,EAAE,SAAkC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAA0B,EAAE,EAAE,eAAe,2CA6CvI"}
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,WAAW,EAA2D,MAAM,mBAAmB,CAAA;AAGxG,wBAAgB,UAAU,CAAC,EACzB,SAAuC,EACvC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,KAA+B,GAChC,EAAE,WAAW,2CA6Cb"}

package/build/primer/Breadcrumb/Breadcrumb.js

@@ -10,24 +10,24 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
 var _array = require("@papillonarts/library/array");
-var _Breadcrumb = require("./Breadcrumb.prop");
+var _Breadcrumb = require("./Breadcrumb.type");
 var _Breadcrumb2 = _interopRequireDefault(require("./Breadcrumb.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; } /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ // import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
 function Breadcrumb(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Breadcrumb.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Breadcrumb.BreadcrumbDefault.ClassName : _ref$className,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
     _onClick = _ref.onClick,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Breadcrumb.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Breadcrumb.BreadcrumbDefault.State : _ref$state;
   var indexItems = (0, _array.getIndexItems)(items);
   var label = ariaAttr.label,
     current = ariaAttr.current;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb2["default"]['breadcrumb-inactive'], state === _Breadcrumb.breadcrumbState.inactive)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _Breadcrumb2["default"]['breadcrumb-inactive'], state === _Breadcrumb.BreadcrumbState.Inactive)),
     "aria-label": label,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ol", {
       children: indexItems.map(function (indexItem) {

package/build/primer/Breadcrumb/Breadcrumb.type.d.ts

@@ -0,0 +1,30 @@
+import type { IIndexed } from '@papillonarts/library/array/type';
+export interface IBreadcrumbState {
+    Active: string;
+    Inactive: string;
+}
+export declare const BreadcrumbState: IBreadcrumbState;
+export interface IBreadcrumbDefault {
+    ClassName: string;
+    State: string;
+}
+export declare const BreadcrumbDefault: IBreadcrumbDefault;
+export interface IAriaAttr {
+    label: string;
+    current: string;
+}
+export interface IItem {
+    href: string;
+    text: string;
+    isSelected: boolean;
+}
+export interface IIndexedItem extends IIndexed, IItem {
+}
+export interface IBreadcrumb {
+    className?: string;
+    ariaAttr: IAriaAttr;
+    items: IItem[];
+    onClick: (value: any) => void;
+    state?: string;
+}
+//# sourceMappingURL=Breadcrumb.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.type.d.ts","sourceRoot":"","sources":["../../../src/primer/Breadcrumb/Breadcrumb.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAGhE,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,eAAe,EAAE,gBAG7B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,iBAAiB,EAAE,kBAG/B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,KAAK;CAAG;AAExD,MAAM,WAAW,WAAW;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,KAAK,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/primer/Breadcrumb/Breadcrumb.type.js

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

package/build/primer/Breadcrumb/index.d.ts

@@ -1,3 +1,3 @@
 export { Breadcrumb } from './Breadcrumb';
-export { breadcrumbState } from './Breadcrumb.prop';
+export { BreadcrumbState } from './Breadcrumb.type';
 //# sourceMappingURL=index.d.ts.map

package/build/primer/Breadcrumb/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Breadcrumb", {
     return _Breadcrumb.Breadcrumb;
   }
 });
-Object.defineProperty(exports, "breadcrumbState", {
+Object.defineProperty(exports, "BreadcrumbState", {
   enumerable: true,
   get: function get() {
-    return _Breadcrumb2.breadcrumbState;
+    return _Breadcrumb2.BreadcrumbState;
   }
 });
 var _Breadcrumb = require("./Breadcrumb");
-var _Breadcrumb2 = require("./Breadcrumb.prop");
+var _Breadcrumb2 = require("./Breadcrumb.type");

package/build/primer/Button/Button.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from './Button.prop';
-export declare function Button({ dataTest, id, className, element, href, text, variant, size, state, icon, onClick, inputType, autoFocus, }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+import { IButton } from './Button.type';
+export declare function Button({ dataTest, id, className, element, href, text, variant, size, state, icon, onClick, inputType, autoFocus, }: IButton): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,WAAW,EAQZ,MAAM,eAAe,CAAA;AAItB,wBAAgB,MAAM,CAAC,EACrB,QAAgC,EAChC,EAAoB,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAwB,EACxB,IAAI,EACJ,OAA8B,EAC9B,IAAwB,EACxB,KAA0B,EAC1B,IAAwB,EACxB,OAAO,EACP,SAAkC,EAClC,SAAkC,GACnC,EAAE,WAAW,2CA4Db"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/primer/Button/Button.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,OAAO,EAQR,MAAM,eAAe,CAAA;AAItB,wBAAgB,MAAM,CAAC,EACrB,QAAiC,EACjC,EAAqB,EACrB,SAAmC,EACnC,OAA+B,EAC/B,IAAyB,EACzB,IAAI,EACJ,OAA+B,EAC/B,IAAyB,EACzB,KAA2B,EAC3B,IAAyB,EACzB,OAAO,EACP,SAAmC,EACnC,SAAmC,GACpC,EAAE,OAAO,2CA4DT"}

package/build/primer/Button/Button.js

@@ -9,55 +9,55 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("@papillonarts/library/hooks");
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Button = require("./Button.prop");
+var _Button = require("./Button.type");
 var _Button2 = _interopRequireDefault(require("./Button.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; }
+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 { useRef } from '../../../../library/src/hooks'
 function Button(_ref) {
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Button.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Button.ButtonDefault.DataTest : _ref$dataTest,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Button.defaultProps.id : _ref$id,
+    id = _ref$id === void 0 ? _Button.ButtonDefault.Id : _ref$id,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Button.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Button.ButtonDefault.ClassName : _ref$className,
     _ref$element = _ref.element,
-    element = _ref$element === void 0 ? _Button.defaultProps.element : _ref$element,
+    element = _ref$element === void 0 ? _Button.ButtonDefault.Element : _ref$element,
     _ref$href = _ref.href,
-    href = _ref$href === void 0 ? _Button.defaultProps.href : _ref$href,
+    href = _ref$href === void 0 ? _Button.ButtonDefault.Href : _ref$href,
     text = _ref.text,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Button.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Button.ButtonDefault.Variant : _ref$variant,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _Button.defaultProps.size : _ref$size,
+    size = _ref$size === void 0 ? _Button.ButtonDefault.Size : _ref$size,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Button.defaultProps.state : _ref$state,
+    state = _ref$state === void 0 ? _Button.ButtonDefault.State : _ref$state,
     _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? _Button.defaultProps.icon : _ref$icon,
+    icon = _ref$icon === void 0 ? _Button.ButtonDefault.Icon : _ref$icon,
     _onClick = _ref.onClick,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Button.defaultProps.inputType : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? _Button.ButtonDefault.InputType : _ref$inputType,
     _ref$autoFocus = _ref.autoFocus,
-    autoFocus = _ref$autoFocus === void 0 ? _Button.defaultProps.autoFocus : _ref$autoFocus;
-  var stateProps = state === _Button.buttonState.inactive ? _objectSpread({}, {
+    autoFocus = _ref$autoFocus === void 0 ? _Button.ButtonDefault.AutoFocus : _ref$autoFocus;
+  var stateProps = state === _Button.ButtonState.Inactive ? _objectSpread({}, {
     disabled: true,
     'aria-disabled': true
   }) : null;
   var fileInputRef = (0, _hooks.useRef)(null);
-  if (element === _Button.buttonElement.button) {
+  if (element === _Button.ButtonElement.Button) {
     return (
       /*#__PURE__*/
       // @ts-ignore
       (0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
         "data-test": dataTest,
         id: id,
-        className: (0, _classnames["default"])(className, _Button2["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button2["default"]['btn-sm'], size === _Button.buttonSize.small), _Button2["default"]['btn-large'], size === _Button.buttonSize.large), _Button2["default"]['btn-primary'], variant === _Button.buttonVariant.primary), _Button2["default"]['btn-danger'], variant === _Button.buttonVariant.danger), _Button2["default"]['btn-outline'], variant === _Button.buttonVariant.outline), _Button2["default"]['btn-blue'], variant === _Button.buttonVariant.blue), _Button2["default"]['btn-orange'], variant === _Button.buttonVariant.orange), _Button2["default"]['button-inactive'], state === _Button.buttonState.inactive)),
+        className: (0, _classnames["default"])(className, _Button2["default"].btn, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Button2["default"]['btn-sm'], size === _Button.ButtonSize.Small), _Button2["default"]['btn-large'], size === _Button.ButtonSize.Large), _Button2["default"]['btn-primary'], variant === _Button.ButtonVariant.Primary), _Button2["default"]['btn-danger'], variant === _Button.ButtonVariant.Danger), _Button2["default"]['btn-outline'], variant === _Button.ButtonVariant.Outline), _Button2["default"]['btn-blue'], variant === _Button.ButtonVariant.Blue), _Button2["default"]['btn-orange'], variant === _Button.ButtonVariant.Orange), _Button2["default"]['button-inactive'], state === _Button.ButtonState.Inactive)),
         type: "button",
         autoFocus: autoFocus // eslint-disable-line
         ,
         onClick: function onClick() {
-          if (inputType === _Button.buttonInputType.file) {
+          if (inputType === _Button.ButtonInputType.File) {
             fileInputRef.current.click();
           }
           if (!inputType) {
@@ -65,15 +65,15 @@ function Button(_ref) {
           }
         }
       }, stateProps), {}, {
-        children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        children: [(icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.IconAlignment.Left && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           className: _margin["default"]['mr-2'],
           icon: icon.name,
-          size: _Icon.iconSize.small
-        }), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.iconAlignment.right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          size: _Icon.IconSize.Small
+        }), text, (icon === null || icon === void 0 ? void 0 : icon.alignment) === _Button.IconAlignment.Right && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           className: _margin["default"]['ml-2'],
           icon: icon.name,
-          size: _Icon.iconSize.small
-        }), inputType && inputType === _Button.buttonInputType.file && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+          size: _Icon.IconSize.Small
+        }), inputType && inputType === _Button.ButtonInputType.File && /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
           onChange: function onChange() {
             _onClick(fileInputRef.current.files);
           },
@@ -91,7 +91,7 @@ function Button(_ref) {
   }
 
   // @ts-ignore
-  if (element === _Button.buttonElement.a) {
+  if (element === _Button.ButtonElement.A) {
     return (
       /*#__PURE__*/
       // @ts-ignore