@papillonarts/components 0.24.0 → 0.25.0

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.js

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

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

package/build/primer/Button/Button.type.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconAlignment = exports.ButtonVariant = exports.ButtonState = exports.ButtonSize = exports.ButtonInputType = exports.ButtonElement = exports.ButtonDefault = void 0;
+var ButtonElement = exports.ButtonElement = {
+  Button: 'button',
+  A: 'a'
+};
+var ButtonSize = exports.ButtonSize = {
+  Small: 'small',
+  Normal: 'normal',
+  Large: 'large'
+};
+var ButtonState = exports.ButtonState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var IconAlignment = exports.IconAlignment = {
+  Left: 'left',
+  Right: 'Right'
+};
+var ButtonInputType = exports.ButtonInputType = {
+  File: 'file',
+  Submit: 'submit'
+};
+var ButtonVariant = exports.ButtonVariant = {
+  Default: 'default',
+  Primary: 'primary',
+  Danger: 'danger',
+  Outline: 'outline',
+  Blue: 'blue',
+  Orange: 'orange'
+};
+var ButtonDefault = exports.ButtonDefault = {
+  DataTest: null,
+  Id: null,
+  ClassName: null,
+  Element: ButtonElement.Button,
+  Href: null,
+  Variant: ButtonVariant.Default,
+  Size: ButtonSize.Normal,
+  State: ButtonState.Active,
+  Icon: null,
+  InputType: null,
+  AutoFocus: false
+};

package/build/primer/Button/index.js

@@ -9,41 +9,41 @@ Object.defineProperty(exports, "Button", {
     return _Button.Button;
   }
 });
-Object.defineProperty(exports, "buttonElement", {
+Object.defineProperty(exports, "ButtonElement", {
   enumerable: true,
   get: function get() {
-    return _Button2.buttonElement;
+    return _Button2.ButtonElement;
   }
 });
-Object.defineProperty(exports, "buttonInputType", {
+Object.defineProperty(exports, "ButtonInputType", {
   enumerable: true,
   get: function get() {
-    return _Button2.buttonInputType;
+    return _Button2.ButtonInputType;
   }
 });
-Object.defineProperty(exports, "buttonSize", {
+Object.defineProperty(exports, "ButtonSize", {
   enumerable: true,
   get: function get() {
-    return _Button2.buttonSize;
+    return _Button2.ButtonSize;
   }
 });
-Object.defineProperty(exports, "buttonState", {
+Object.defineProperty(exports, "ButtonState", {
   enumerable: true,
   get: function get() {
-    return _Button2.buttonState;
+    return _Button2.ButtonState;
   }
 });
-Object.defineProperty(exports, "buttonVariant", {
+Object.defineProperty(exports, "ButtonVariant", {
   enumerable: true,
   get: function get() {
-    return _Button2.buttonVariant;
+    return _Button2.ButtonVariant;
   }
 });
-Object.defineProperty(exports, "iconAlignment", {
+Object.defineProperty(exports, "IconAlignment", {
   enumerable: true,
   get: function get() {
-    return _Button2.iconAlignment;
+    return _Button2.IconAlignment;
   }
 });
 var _Button = require("./Button");
-var _Button2 = require("./Button.prop");
+var _Button2 = require("./Button.type");

package/build/primer/Dropdown/Dropdown.js

@@ -15,22 +15,24 @@ var _flexbox = _interopRequireDefault(require("@papillonarts/css/build/primer/ut
 var _array = require("@papillonarts/library/array");
 var _hooks = require("@papillonarts/library/hooks");
 var _Button = _interopRequireDefault(require("../Button/Button.scss"));
-var _Dropdown = require("./Dropdown.prop");
+var _Dropdown = require("./Dropdown.type");
 var _Dropdown2 = _interopRequireDefault(require("./Dropdown.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 // import { getIndexItems, getIndexItemsWithSelected } from '../../../../library/src/array'
 
+// import { useRef } from '../../../../library/src/hooks'
+
 function Dropdown(_ref) {
-  var _ariaAttr$haspopup;
+  var _ariaAttr$hasPopup;
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Dropdown.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Dropdown.DropdownDefault.ClassName : _ref$className,
     summary = _ref.summary,
     _ref$ariaAttr = _ref.ariaAttr,
-    ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown.defaultProps.ariaAttr : _ref$ariaAttr,
+    ariaAttr = _ref$ariaAttr === void 0 ? _Dropdown.DropdownDefault.AriaAttr : _ref$ariaAttr,
     items = _ref.items,
     _onClick = _ref.onClick,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Dropdown.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Dropdown.DropdownDefault.State : _ref$state;
   var details = (0, _hooks.useRef)(null);
   if (!items) {
     return null;
@@ -40,12 +42,12 @@ function Dropdown(_ref) {
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
       ref: details,
-      className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+      className: (0, _classnames["default"])(_Dropdown2["default"].dropdown, _details["default"]['details-reset'], _details["default"]['details-overlay'], _visibilityDisplay["default"]['d-inline-block'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.DropdownState.Inactive)),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("summary", {
         className: (0, _classnames["default"])(_Button["default"].btn),
-        "aria-haspopup": (_ariaAttr$haspopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.haspopup) !== null && _ariaAttr$haspopup !== void 0 ? _ariaAttr$haspopup : false,
+        "aria-haspopup": (_ariaAttr$hasPopup = ariaAttr === null || ariaAttr === void 0 ? void 0 : ariaAttr.hasPopup) !== null && _ariaAttr$hasPopup !== void 0 ? _ariaAttr$hasPopup : false,
         children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.dropdownState.inactive)),
+          className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-justify-between'], _flexbox["default"]['flex-items-center'], (0, _defineProperty2["default"])({}, _Dropdown2["default"]['dropdown-inactive'], state === _Dropdown.DropdownState.Inactive)),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             children: summary
           }), " ", /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -58,7 +60,7 @@ function Dropdown(_ref) {
           var href = indexItem.href,
             text = indexItem.text;
 
-          // const itemOtherProps = isSelected ? { ...{ 'aria-current': ariaAttr?.current } } : null
+          // const itemOtherProps = isSelected ? { ...{ 'aria-current': ariaAttr?.Current } } : null
 
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {

package/build/primer/Dropdown/Dropdown.type.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownState = exports.DropdownDefault = void 0;
+// import type { IIndexed } from '@papillonarts/library/array/type'
+
+var DropdownState = exports.DropdownState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var DropdownDefault = exports.DropdownDefault = {
+  ClassName: null,
+  AriaAttr: {
+    hasPopup: false,
+    current: 'page'
+  },
+  State: DropdownState.Active
+};

package/build/primer/Dropdown/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Dropdown", {
     return _Dropdown.Dropdown;
   }
 });
-Object.defineProperty(exports, "dropdownState", {
+Object.defineProperty(exports, "DropdownState", {
   enumerable: true,
   get: function get() {
-    return _Dropdown2.dropdownState;
+    return _Dropdown2.DropdownState;
   }
 });
 var _Dropdown = require("./Dropdown");
-var _Dropdown2 = require("./Dropdown.prop");
+var _Dropdown2 = require("./Dropdown.type");

package/build/primer/ErrorBoundary/ErrorBoundary.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -8,31 +8,31 @@ exports.Checkbox = Checkbox;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Checkbox = require("./Checkbox.prop");
+var _Checkbox = require("./Checkbox.type");
 var _Checkbox2 = _interopRequireDefault(require("./Checkbox.scss"));
 var _index = _interopRequireDefault(require("../index.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Checkbox(_ref) {
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Checkbox.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Checkbox.CheckboxDefault.DataTest : _ref$dataTest,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Checkbox.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Checkbox.CheckboxDefault.ClassName : _ref$className,
     _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Checkbox.defaultProps.htmlFor : _ref$htmlFor,
+    htmlFor = _ref$htmlFor === void 0 ? _Checkbox.CheckboxDefault.HtmlFor : _ref$htmlFor,
     ariaAttr = _ref.ariaAttr,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Checkbox.defaultProps.inputType : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? _Checkbox.CheckboxDefault.InputType : _ref$inputType,
     _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Checkbox.defaultProps.isChecked : _ref$isChecked,
+    isChecked = _ref$isChecked === void 0 ? _Checkbox.CheckboxDefault.IsChecked : _ref$isChecked,
     _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Checkbox.defaultProps.text : _ref$text,
+    text = _ref$text === void 0 ? _Checkbox.CheckboxDefault.Text : _ref$text,
     _onChange = _ref.onChange,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Checkbox.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Checkbox.CheckboxDefault.State : _ref$state;
   var describedBy = ariaAttr.describedBy;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.checkboxState.inactive)),
+    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Checkbox2["default"]['checkbox-inactive'], state === _Checkbox.CheckboxState.Inactive)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: htmlFor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputType = exports.CheckboxState = exports.CheckboxDefault = void 0;
+var CheckboxState = exports.CheckboxState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var InputType = exports.InputType = {
+  Checkbox: 'checkbox'
+};
+var CheckboxDefault = exports.CheckboxDefault = {
+  DataTest: null,
+  ClassName: null,
+  HtmlFor: 'checkbox',
+  InputType: InputType.Checkbox,
+  IsChecked: false,
+  Text: null,
+  State: CheckboxState.Active
+};

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Checkbox", {
     return _Checkbox.Checkbox;
   }
 });
-Object.defineProperty(exports, "checkboxState", {
+Object.defineProperty(exports, "CheckboxState", {
   enumerable: true,
   get: function get() {
-    return _Checkbox2.checkboxState;
+    return _Checkbox2.CheckboxState;
   }
 });
 var _Checkbox = require("./Checkbox");
-var _Checkbox2 = require("./Checkbox.prop");
+var _Checkbox2 = require("./Checkbox.type");

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

@@ -7,37 +7,37 @@ Object.defineProperty(exports, "__esModule", {
 exports.Input = Input;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Input = require("./Input.prop");
+var _Input = require("./Input.type");
 var _Input2 = _interopRequireDefault(require("./Input.scss"));
 var _index = _interopRequireDefault(require("../index.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Input(_ref) {
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Input.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Input.InputDefault.DataTest : _ref$dataTest,
     _ref$id = _ref.id,
-    id = _ref$id === void 0 ? _Input.defaultProps.id : _ref$id,
+    id = _ref$id === void 0 ? _Input.InputDefault.Id : _ref$id,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Input.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Input.InputDefault.ClassName : _ref$className,
     _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? _Input.defaultProps.placeholder : _ref$placeholder,
+    placeholder = _ref$placeholder === void 0 ? _Input.InputDefault.Placeholder : _ref$placeholder,
     _ref$ariaAttr = _ref.ariaAttr,
-    ariaAttr = _ref$ariaAttr === void 0 ? _Input.defaultProps.ariaAttr : _ref$ariaAttr,
+    ariaAttr = _ref$ariaAttr === void 0 ? _Input.InputDefault.AriaAttr : _ref$ariaAttr,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Input.defaultProps.inputType : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? _Input.InputDefault.InputType : _ref$inputType,
     value = _ref.value,
     _onChange = _ref.onChange,
     _onKeyUp = _ref.onKeyUp,
     _ref$onFocus = _ref.onFocus,
-    onFocus = _ref$onFocus === void 0 ? _Input.defaultProps.onFocus : _ref$onFocus,
+    onFocus = _ref$onFocus === void 0 ? _Input.InputDefault.OnFocus : _ref$onFocus,
     _ref$onBlur = _ref.onBlur,
-    onBlur = _ref$onBlur === void 0 ? _Input.defaultProps.onBlur : _ref$onBlur,
+    onBlur = _ref$onBlur === void 0 ? _Input.InputDefault.OnBlur : _ref$onBlur,
     autoFocus = _ref.autoFocus,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Input.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Input.InputDefault.State : _ref$state;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
     "data-test": dataTest,
     id: id,
-    className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.inputState.inactive)),
+    className: (0, _classnames["default"])(className, _index["default"]['form-control'], (0, _defineProperty2["default"])({}, _Input2["default"]['input-inactive'], state === _Input.InputState.Inactive)),
     value: value,
     onChange: function onChange(event) {
       _onChange(event);

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

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputType = exports.InputState = exports.InputDefault = void 0;
+var InputState = exports.InputState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var InputType = exports.InputType = {
+  Text: 'text',
+  Password: 'password'
+};
+var InputDefault = exports.InputDefault = {
+  DataTest: null,
+  Id: null,
+  ClassName: null,
+  Placeholder: null,
+  AriaAttr: {
+    label: ''
+  },
+  InputType: InputType.Text,
+  OnChange: function OnChange() {},
+  OnKeyUp: function OnKeyUp() {},
+  OnFocus: function OnFocus() {},
+  OnBlur: function OnBlur() {},
+  AutoFocus: false,
+  State: InputState.Active
+};

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

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "Input", {
     return _Input.Input;
   }
 });
-Object.defineProperty(exports, "inputState", {
+Object.defineProperty(exports, "InputState", {
   enumerable: true,
   get: function get() {
-    return _Input2.inputState;
+    return _Input2.InputState;
   }
 });
-Object.defineProperty(exports, "inputType", {
+Object.defineProperty(exports, "InputType", {
   enumerable: true,
   get: function get() {
-    return _Input2.inputType;
+    return _Input2.InputType;
   }
 });
 var _Input = require("./Input");
-var _Input2 = require("./Input.prop");
+var _Input2 = require("./Input.type");

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

@@ -8,30 +8,30 @@ exports.Radio = Radio;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Radio = require("./Radio.prop");
+var _Radio = require("./Radio.type");
 var _Radio2 = _interopRequireDefault(require("./Radio.scss"));
 var _index = _interopRequireDefault(require("../index.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Radio(_ref) {
   var _ref$dataTest = _ref.dataTest,
-    dataTest = _ref$dataTest === void 0 ? _Radio.defaultProps.dataTest : _ref$dataTest,
+    dataTest = _ref$dataTest === void 0 ? _Radio.RadioDefault.DataTest : _ref$dataTest,
     _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Radio.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Radio.RadioDefault.ClassName : _ref$className,
     _ref$htmlFor = _ref.htmlFor,
-    htmlFor = _ref$htmlFor === void 0 ? _Radio.defaultProps.htmlFor : _ref$htmlFor,
+    htmlFor = _ref$htmlFor === void 0 ? _Radio.RadioDefault.HtmlFor : _ref$htmlFor,
     _ref$inputType = _ref.inputType,
-    inputType = _ref$inputType === void 0 ? _Radio.defaultProps.inputType : _ref$inputType,
+    inputType = _ref$inputType === void 0 ? _Radio.RadioDefault.InputType : _ref$inputType,
     name = _ref.name,
     _ref$isChecked = _ref.isChecked,
-    isChecked = _ref$isChecked === void 0 ? _Radio.defaultProps.isChecked : _ref$isChecked,
+    isChecked = _ref$isChecked === void 0 ? _Radio.RadioDefault.IsChecked : _ref$isChecked,
     _ref$text = _ref.text,
-    text = _ref$text === void 0 ? _Radio.defaultProps.text : _ref$text,
+    text = _ref$text === void 0 ? _Radio.RadioDefault.Text : _ref$text,
     _onChange = _ref.onChange,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _Radio.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _Radio.RadioDefault.State : _ref$state;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     "data-test": dataTest,
-    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.radioState.inactive)),
+    className: (0, _classnames["default"])(className, _margin["default"]['m-0'], _index["default"]['form-checkbox'], (0, _defineProperty2["default"])({}, _Radio2["default"]['radio-inactive'], state === _Radio.RadioState.Inactive)),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
       htmlFor: htmlFor,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioState = exports.RadioDefault = exports.InputType = void 0;
+var RadioState = exports.RadioState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var InputType = exports.InputType = {
+  Radio: 'radio'
+};
+var RadioDefault = exports.RadioDefault = {
+  DataTest: null,
+  ClassName: null,
+  HtmlFor: 'checkbox',
+  InputType: InputType.Radio,
+  IsChecked: false,
+  Text: null,
+  State: RadioState.Active
+};