@papillonarts/components 0.24.0 → 0.25.0

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

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Radio", {
     return _Radio.Radio;
   }
 });
-Object.defineProperty(exports, "radioState", {
+Object.defineProperty(exports, "RadioState", {
   enumerable: true,
   get: function get() {
-    return _Radio2.radioState;
+    return _Radio2.RadioState;
   }
 });
 var _Radio = require("./Radio");
-var _Radio2 = require("./Radio.prop");
+var _Radio2 = require("./Radio.type");

package/build/primer/Form/index.js

@@ -10,15 +10,15 @@ var _Radio = require("./Radio");
 var Form = exports.Form = {
   Checkbox: {
     Checkbox: _Checkbox.Checkbox,
-    checkboxState: _Checkbox.checkboxState
+    CheckboxState: _Checkbox.CheckboxState
   },
   Input: {
     Input: _Input.Input,
-    inputType: _Input.inputType,
-    inputState: _Input.inputState
+    InputType: _Input.InputType,
+    InputState: _Input.InputState
   },
   Radio: {
     Radio: _Radio.Radio,
-    radioState: _Radio.radioState
+    RadioState: _Radio.RadioState
   }
 };

package/build/primer/Grid/DisplayTable/DisplayTable.js

@@ -14,16 +14,16 @@ var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/ut
 var _typography = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/typography.scss"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _DisplayTable = require("./DisplayTable.prop");
+var _DisplayTable = require("./DisplayTable.type");
 var _jsxRuntime = require("react/jsx-runtime");
 function DisplayTable(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _DisplayTable.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _DisplayTable.DisplayTableDefault.ClassName : _ref$className,
     items = _ref.items,
     _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _DisplayTable.defaultProps.idIndex : _ref$idIndex,
+    idIndex = _ref$idIndex === void 0 ? _DisplayTable.DisplayTableDefault.IdIndex : _ref$idIndex,
     _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.defaultProps.isSelectedIndex : _ref$isSelectedIndex;
+    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _DisplayTable.DisplayTableDefault.IsSelectedIndex : _ref$isSelectedIndex;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(className, _visibilityDisplay["default"]['d-table'], _grid["default"]['col-12'], _colors["default"]['bg-blue-light']),

package/build/primer/Grid/DisplayTable/DisplayTable.type.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisplayTableDefault = void 0;
+var DisplayTableDefault = exports.DisplayTableDefault = {
+  ClassName: null,
+  IdIndex: -1,
+  IsSelectedIndex: -1
+};

package/build/primer/Grid/FlexGrid/FlexGrid.js

@@ -22,43 +22,47 @@ var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/uti
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
 var _index = _interopRequireDefault(require("@papillonarts/css/build/primer/truncate/index.scss"));
 var _grid = _interopRequireDefault(require("../../Layout/grid.scss"));
-var _FlexGrid = require("./FlexGrid.prop");
+var _FlexGrid = require("./FlexGrid.type");
 var _FlexGrid2 = _interopRequireDefault(require("./FlexGrid.scss"));
 var _Radio = require("../../Form/Radio");
 var _Checkbox = require("../../Form/Checkbox");
 var _Icon = require("../../Icon");
 var _jsxRuntime = require("react/jsx-runtime");
+// import { getCapizalizedString } from '../../../../../library/src/string'
+
+// import { SortOrder } from '../../../../../library/src/sort'
+
 function FlexGrid(_ref) {
   var _items$;
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _FlexGrid.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _FlexGrid.FlexGridDefault.ClassName : _ref$className,
     items = _ref.items,
     _ref$idIndex = _ref.idIndex,
-    idIndex = _ref$idIndex === void 0 ? _FlexGrid.defaultProps.idIndex : _ref$idIndex,
+    idIndex = _ref$idIndex === void 0 ? _FlexGrid.FlexGridDefault.IdIndex : _ref$idIndex,
     _ref$isSelectedIndex = _ref.isSelectedIndex,
-    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid.defaultProps.isSelectedIndex : _ref$isSelectedIndex,
+    isSelectedIndex = _ref$isSelectedIndex === void 0 ? _FlexGrid.FlexGridDefault.IsSelectedIndex : _ref$isSelectedIndex,
     _ref$selection = _ref.selection,
-    selection = _ref$selection === void 0 ? _FlexGrid.defaultProps.selection : _ref$selection,
+    selection = _ref$selection === void 0 ? _FlexGrid.FlexGridDefault.Selection : _ref$selection,
     sort = _ref.sort,
     _ref$onChange = _ref.onChange,
-    _onChange = _ref$onChange === void 0 ? _FlexGrid.defaultProps.onChange : _ref$onChange,
+    _onChange = _ref$onChange === void 0 ? _FlexGrid.FlexGridDefault.OnChange : _ref$onChange,
     _ref$onClick = _ref.onClick,
-    _onClick = _ref$onClick === void 0 ? _FlexGrid.defaultProps.onClick : _ref$onClick,
+    _onClick = _ref$onClick === void 0 ? _FlexGrid.FlexGridDefault.OnClick : _ref$onClick,
     _ref$onDoubleClick = _ref.onDoubleClick,
-    _onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid.defaultProps.onDoubleClick : _ref$onDoubleClick,
+    _onDoubleClick = _ref$onDoubleClick === void 0 ? _FlexGrid.FlexGridDefault.OnDoubleClick : _ref$onDoubleClick,
     _ref$iconColor = _ref.iconColor,
-    iconColor = _ref$iconColor === void 0 ? _FlexGrid.defaultProps.iconColor : _ref$iconColor,
+    iconColor = _ref$iconColor === void 0 ? _FlexGrid.FlexGridDefault.IconColor : _ref$iconColor,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _FlexGrid.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _FlexGrid.FlexGridDefault.State : _ref$state;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid2["default"]['flexGrid-inactive'], state === _FlexGrid.flexGridState.inactive)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, _FlexGrid2["default"]['flexGrid-inactive'], state === _FlexGrid.FlexGridState.Inactive)),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-row'], _flexbox["default"]['flex-items-start'], _colors["default"]['bg-blue-light'], (0, _defineProperty2["default"])({}, _borders["default"].border, items === null || items === void 0 ? void 0 : items[0])),
       children: items === null || items === void 0 || (_items$ = items[0]) === null || _items$ === void 0 || (_items$ = _items$.names) === null || _items$ === void 0 ? void 0 : _items$.map(function (name, nameIndex) {
         var _items$2;
         var isIdColumn = nameIndex === idIndex;
         var isSelectedColumn = nameIndex === isSelectedIndex;
-        var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+        var isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
           ariaAttr: {
             describedBy: name.toString()
           },
@@ -87,14 +91,14 @@ function FlexGrid(_ref) {
         if (sort.index === nameIndex && sort.value === name) {
           if (sort.order === _sort.SortOrder.Ascending) {
             sortComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-              icon: _Icon.iconName.TriangleUp16,
-              size: _Icon.iconSize.small,
+              icon: _Icon.IconName.TriangleUp16,
+              size: _Icon.IconSize.Small,
               fill: iconColor.sort
             });
           } else {
             sortComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-              icon: _Icon.iconName.TriangleDown16,
-              size: _Icon.iconSize.small,
+              icon: _Icon.IconName.TriangleDown16,
+              size: _Icon.IconSize.Small,
               fill: iconColor.sort
             });
           }
@@ -120,7 +124,8 @@ function FlexGrid(_ref) {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
                 className: (0, _classnames["default"])(_index["default"]['css-truncate'], _index["default"]['css-truncate-overflow']),
                 children: (0, _string.getCapizalizedString)({
-                  string: name
+                  string: name.toString(),
+                  separator: '-'
                 })
               }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
                 className: (0, _classnames["default"])(_visibilityDisplay["default"]['d-flex'], _flexbox["default"]['flex-items-start'], _margin["default"]['ml-1']),
@@ -167,7 +172,7 @@ function FlexGrid(_ref) {
         children: item.values.map(function (value, valueIndex) {
           var isIdColumn = valueIndex === idIndex;
           var isSelectedColumn = valueIndex === isSelectedIndex;
-          var isSelectedComponent = selection === _FlexGrid.flexGridSelection.radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
+          var isSelectedComponent = selection === _FlexGrid.FlexGridSelection.Radio ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Radio.Radio, {
             name: "isSelected",
             isChecked: item.values[isSelectedIndex] === true,
             onChange: function onChange(event) {
@@ -218,8 +223,8 @@ function FlexGrid(_ref) {
             }
           });
           var iconComponent = value !== null && value !== void 0 && value.icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
-            icon: _Icon.iconName[value.icon],
-            size: _Icon.iconSize.small,
+            icon: _Icon.IconName[value.icon],
+            size: _Icon.IconSize.Small,
             fill: iconColor.object
           }) : null;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {

package/build/primer/Grid/FlexGrid/FlexGrid.type.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FlexGridState = exports.FlexGridSelection = exports.FlexGridDefault = void 0;
+// import { ISort } from '@papillonarts/library/sort/type'
+
+var FlexGridState = exports.FlexGridState = {
+  Active: 'active',
+  Inactive: 'inactive'
+};
+var FlexGridSelection = exports.FlexGridSelection = {
+  Checkbox: 'checkbox',
+  Radio: 'radio'
+};
+var FlexGridDefault = exports.FlexGridDefault = {
+  ClassName: null,
+  IdIndex: -1,
+  IsSelectedIndex: -1,
+  Selection: FlexGridSelection.Checkbox,
+  OnChange: function OnChange() {},
+  OnClick: function OnClick() {},
+  OnDoubleClick: function OnDoubleClick() {},
+  IconColor: {
+    sort: '#990000',
+    object: '#79b8ff'
+  },
+  State: FlexGridState.Active
+};

package/build/primer/Grid/FlexGrid/index.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "FlexGrid", {
     return _FlexGrid.FlexGrid;
   }
 });
-Object.defineProperty(exports, "flexGridSelection", {
+Object.defineProperty(exports, "FlexGridSelection", {
   enumerable: true,
   get: function get() {
-    return _FlexGrid2.flexGridSelection;
+    return _FlexGrid2.FlexGridSelection;
   }
 });
-Object.defineProperty(exports, "flexGridState", {
+Object.defineProperty(exports, "FlexGridState", {
   enumerable: true,
   get: function get() {
-    return _FlexGrid2.flexGridState;
+    return _FlexGrid2.FlexGridState;
   }
 });
 var _FlexGrid = require("./FlexGrid");
-var _FlexGrid2 = require("./FlexGrid.prop");
+var _FlexGrid2 = require("./FlexGrid.type");

package/build/primer/Grid/index.js

@@ -9,6 +9,6 @@ var _FlexGrid = require("./FlexGrid");
 var Grid = exports.Grid = {
   DisplayTable: _DisplayTable.DisplayTable,
   FlexGrid: _FlexGrid.FlexGrid,
-  flexGridSelection: _FlexGrid.flexGridSelection,
-  flexGridState: _FlexGrid.flexGridState
+  FlexGridSelection: _FlexGrid.FlexGridSelection,
+  FlexGridState: _FlexGrid.FlexGridState
 };

package/build/primer/Icon/Icon.js

@@ -8,7 +8,7 @@ exports.Icon = Icon;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Icon = require("./Icon.prop");
+var _Icon = require("./Icon.type");
 var _Icon2 = require("./Icon.part");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["className", "ariaLabel", "icon", "height", "width", "size", "fill", "verticalAlign"];
@@ -17,23 +17,23 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var defaultSize = [16, 16];
 function Icon(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Icon.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Icon.IconDefault.ClassName : _ref$className,
     _ref$ariaLabel = _ref.ariaLabel,
-    ariaLabel = _ref$ariaLabel === void 0 ? _Icon.defaultProps.ariaLabel : _ref$ariaLabel,
+    ariaLabel = _ref$ariaLabel === void 0 ? _Icon.IconDefault.AriaLabel : _ref$ariaLabel,
     icon = _ref.icon,
     _ref$height = _ref.height,
-    height = _ref$height === void 0 ? _Icon.defaultProps.height : _ref$height,
+    height = _ref$height === void 0 ? _Icon.IconDefault.Height : _ref$height,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? _Icon.defaultProps.width : _ref$width,
+    width = _ref$width === void 0 ? _Icon.IconDefault.Width : _ref$width,
     _ref$size = _ref.size,
-    size = _ref$size === void 0 ? _Icon.defaultProps.size : _ref$size,
+    size = _ref$size === void 0 ? _Icon.IconDefault.Size : _ref$size,
     _ref$fill = _ref.fill,
-    fill = _ref$fill === void 0 ? _Icon.defaultProps.fill : _ref$fill,
+    fill = _ref$fill === void 0 ? _Icon.IconDefault.Fill : _ref$fill,
     _ref$verticalAlign = _ref.verticalAlign,
-    verticalAlign = _ref$verticalAlign === void 0 ? _Icon.defaultProps.verticalAlign : _ref$verticalAlign,
+    verticalAlign = _ref$verticalAlign === void 0 ? _Icon.IconDefault.VerticalAlign : _ref$verticalAlign,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var widthHeight = defaultSize;
-  var attrs = {
+  var props = {
     className: className,
     'aria-hidden': ariaLabel ? 'false' : 'true',
     'aria-label': ariaLabel,
@@ -43,7 +43,7 @@ function Icon(_ref) {
     style: {}
   };
   if (width && height) {
-    Object.assign(attrs, {
+    Object.assign(props, {
       width: width,
       height: height
     });
@@ -54,17 +54,17 @@ function Icon(_ref) {
     };
     var given = width ? 'width' : 'height';
     var computed = given === 'width' ? 'height' : 'width';
-    attrs[given] = width || height || _Icon.iconSize[size] || size;
-    attrs[computed] = attrs[given] * (dims[computed] / dims[given]);
+    props[given] = width || height || _Icon.IconSize[size] || size;
+    props[computed] = props[given] * (dims[computed] / dims[given]);
   }
-  attrs.style = {
+  props.style = {
     display: 'inline-block',
     fill: fill,
     userSelect: 'none',
-    verticalAlign: _Icon.iconAlign[verticalAlign] || verticalAlign
+    verticalAlign: _Icon.IconAlign[verticalAlign] || verticalAlign
   };
   var Element = _Icon2.iconComponents[icon];
   return Element != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, _objectSpread(_objectSpread({
     className: className
-  }, attrs), otherProps)) : null;
+  }, props), otherProps)) : null;
 }

package/build/primer/Icon/{Icon.prop.js → Icon.type.js}

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.iconSizeKeysDefault = exports.iconSizeKeys = exports.iconSize = exports.iconNameKeysDefault = exports.iconNameKeys = exports.iconName = exports.iconAlignKeysDefault = exports.iconAlignKeys = exports.iconAlign = exports.defaultProps = void 0;
-var iconName = exports.iconName = {
+exports.IconSizeKeysDefault = exports.IconSizeKeys = exports.IconSize = exports.IconNameKeysDefault = exports.IconNameKeys = exports.IconName = exports.IconDefault = exports.IconAlignKeysDefault = exports.IconAlignKeys = exports.IconAlign = void 0;
+var IconName = exports.IconName = {
   Accessibility16: 'Accessibility16',
   Accessibility24: 'Accessibility24',
   AccessibilityInset16: 'AccessibilityInset16',
@@ -649,30 +649,30 @@ var iconName = exports.iconName = {
   ZoomOut16: 'ZoomOut16',
   ZoomOut24: 'ZoomOut24'
 };
-var iconSize = exports.iconSize = {
-  small: 16,
-  medium: 32,
-  large: 64
+var IconSize = exports.IconSize = {
+  Small: 16,
+  Medium: 32,
+  Large: 64
 };
-var iconAlign = exports.iconAlign = {
-  middle: 'middle',
-  textBottom: 'text-bottom',
-  textTop: 'text-top',
-  top: 'top',
-  unset: 'unset'
+var IconAlign = exports.IconAlign = {
+  Middle: 'middle',
+  TextBottom: 'text-bottom',
+  TextTop: 'text-top',
+  Top: 'top',
+  Unset: 'unset'
 };
-var defaultProps = exports.defaultProps = {
-  className: 'octicon',
-  ariaLabel: null,
-  height: null,
-  width: null,
-  size: 16,
-  fill: 'currentColor',
-  verticalAlign: 'text-bottom'
+var IconDefault = exports.IconDefault = {
+  ClassName: 'octicon',
+  AriaLabel: null,
+  Height: null,
+  Width: null,
+  Size: 16,
+  Fill: 'currentColor',
+  VerticalAlign: 'text-bottom'
 };
-var iconNameKeys = exports.iconNameKeys = Object.keys(iconName);
-var iconNameKeysDefault = exports.iconNameKeysDefault = iconNameKeys[0];
-var iconSizeKeys = exports.iconSizeKeys = Object.keys(iconSize);
-var iconSizeKeysDefault = exports.iconSizeKeysDefault = iconSizeKeys[0];
-var iconAlignKeys = exports.iconAlignKeys = Object.keys(iconAlign);
-var iconAlignKeysDefault = exports.iconAlignKeysDefault = iconAlignKeys[0];
+var IconNameKeys = exports.IconNameKeys = Object.keys(IconName);
+var IconNameKeysDefault = exports.IconNameKeysDefault = IconNameKeys[0];
+var IconSizeKeys = exports.IconSizeKeys = Object.keys(IconSize);
+var IconSizeKeysDefault = exports.IconSizeKeysDefault = IconSizeKeys[0];
+var IconAlignKeys = exports.IconAlignKeys = Object.keys(IconAlign);
+var IconAlignKeysDefault = exports.IconAlignKeysDefault = IconAlignKeys[0];

package/build/primer/Icon/index.js

@@ -9,17 +9,17 @@ Object.defineProperty(exports, "Icon", {
     return _Icon.Icon;
   }
 });
-Object.defineProperty(exports, "iconName", {
+Object.defineProperty(exports, "IconName", {
   enumerable: true,
   get: function get() {
-    return _Icon2.iconName;
+    return _Icon2.IconName;
   }
 });
-Object.defineProperty(exports, "iconSize", {
+Object.defineProperty(exports, "IconSize", {
   enumerable: true,
   get: function get() {
-    return _Icon2.iconSize;
+    return _Icon2.IconSize;
   }
 });
 var _Icon = require("./Icon");
-var _Icon2 = require("./Icon.prop");
+var _Icon2 = require("./Icon.type");

package/build/primer/Label/Label.js

@@ -8,23 +8,23 @@ exports.Label = Label;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
-var _Label = require("./Label.prop");
+var _Label = require("./Label.type");
 var _labels = _interopRequireDefault(require("./labels.scss"));
 var _issueLabels = _interopRequireDefault(require("./issue-labels.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Label(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Label.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Label.LabelDefault.ClassName : _ref$className,
     text = _ref.text,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? _Label.defaultProps.variant : _ref$variant,
+    variant = _ref$variant === void 0 ? _Label.LabelDefault.Variant : _ref$variant,
     _ref$backgroundColor = _ref.backgroundColor,
-    backgroundColor = _ref$backgroundColor === void 0 ? _Label.defaultProps.backgroundColor : _ref$backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? _Label.LabelDefault.BackgroundColor : _ref$backgroundColor,
     _ref$textColor = _ref.textColor,
-    textColor = _ref$textColor === void 0 ? _Label.defaultProps.textColor : _ref$textColor;
+    textColor = _ref$textColor === void 0 ? _Label.LabelDefault.TextColor : _ref$textColor;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     title: "Label: ".concat(text),
-    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _labels["default"].Label, variant === _Label.labelVariant.regular), _issueLabels["default"].IssueLabel, variant === _Label.labelVariant.issue), _colors["default"]['bg-blue'], backgroundColor === _Label.labelBackgroundColor.blue), _colors["default"]['text-white'], textColor === _Label.labelTextColor.white)),
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _labels["default"].Label, variant === _Label.LabelVariant.Regular), _issueLabels["default"].IssueLabel, variant === _Label.LabelVariant.Issue), _colors["default"]['bg-blue'], backgroundColor === _Label.LabelBackgroundColor.Blue), _colors["default"]['text-white'], textColor === _Label.LabelTextColor.White)),
     children: text
   });
 }

package/build/primer/Label/Label.type.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LabelVariant = exports.LabelTextColor = exports.LabelDefault = exports.LabelBackgroundColor = void 0;
+var LabelTextColor = exports.LabelTextColor = {
+  White: 'white'
+};
+var LabelBackgroundColor = exports.LabelBackgroundColor = {
+  Blue: 'blue',
+  Red: 'red',
+  Green: 'green'
+};
+var LabelVariant = exports.LabelVariant = {
+  Regular: 'regular',
+  State: 'state',
+  Counter: 'counter',
+  Issue: 'issue'
+};
+var LabelDefault = exports.LabelDefault = {
+  ClassName: null,
+  Variant: LabelVariant.Issue,
+  BackgroundColor: LabelBackgroundColor.Blue,
+  TextColor: LabelTextColor.White
+};

package/build/primer/Loader/Loader.js

@@ -8,7 +8,7 @@ exports.Loader = Loader;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
 var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
-var _Loader = require("./Loader.prop");
+var _Loader = require("./Loader.type");
 var _Loader2 = _interopRequireDefault(require("./Loader.scss"));
 var _branchName = _interopRequireDefault(require("../BranchName/branch-name.scss"));
 var _Button = _interopRequireDefault(require("../Button/Button.scss"));
@@ -16,11 +16,11 @@ var _labels = _interopRequireDefault(require("../Label/labels.scss"));
 var _jsxRuntime = require("react/jsx-runtime");
 function Loader(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Loader.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Loader.LoaderDefault.ClassName : _ref$className,
     variant = _ref.variant,
     text = _ref.text;
   switch (variant) {
-    case _Loader.loaderVariant.heading:
+    case _Loader.LoaderVariant.Heading:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("h2", {
         className: className,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -29,7 +29,7 @@ function Loader(_ref) {
           className: _Loader2["default"].AnimatedEllipsis
         })]
       });
-    case _Loader.loaderVariant.text:
+    case _Loader.LoaderVariant.Text:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: (0, _classnames["default"])(_branchName["default"]['branch-name'], _margin["default"]['mt-2']),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -38,7 +38,7 @@ function Loader(_ref) {
           className: _Loader2["default"].AnimatedEllipsis
         })]
       });
-    case _Loader.loaderVariant.label:
+    case _Loader.LoaderVariant.Label:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
         className: (0, _classnames["default"])(_labels["default"].Label, _colors["default"]['bg-blue'], _margin["default"]['mt-3']),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
@@ -47,7 +47,7 @@ function Loader(_ref) {
           className: _Loader2["default"].AnimatedEllipsis
         })]
       });
-    case _Loader.loaderVariant.button:
+    case _Loader.LoaderVariant.Button:
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
         type: "button",
         className: (0, _classnames["default"])(_Button["default"].btn, _margin["default"]['mt-3']),

package/build/primer/Loader/Loader.type.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderVariant = exports.LoaderDefault = void 0;
+var LoaderVariant = exports.LoaderVariant = {
+  Heading: 'heading',
+  Text: 'text',
+  Label: 'label',
+  Button: 'button'
+};
+var LoaderDefault = exports.LoaderDefault = {
+  ClassName: null
+};

package/build/primer/Loader/index.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, "Loader", {
     return _Loader.Loader;
   }
 });
-Object.defineProperty(exports, "loaderVariant", {
+Object.defineProperty(exports, "LoaderVariant", {
   enumerable: true,
   get: function get() {
-    return _Loader2.loaderVariant;
+    return _Loader2.LoaderVariant;
   }
 });
 var _Loader = require("./Loader");
-var _Loader2 = require("./Loader.prop");
+var _Loader2 = require("./Loader.type");

package/build/primer/Navigation/Menu/Menu.js

@@ -11,17 +11,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _array = require("@papillonarts/library/array");
 var _hooks = require("@papillonarts/library/hooks");
-var _Menu = require("./Menu.prop");
+var _Menu = require("./Menu.type");
 var _Menu2 = _interopRequireDefault(require("./Menu.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 Menu(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _Menu.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _Menu.MenuDefault.ClassName : _ref$className,
     _ref$heading = _ref.heading,
-    heading = _ref$heading === void 0 ? _Menu.defaultProps.heading : _ref$heading,
+    heading = _ref$heading === void 0 ? _Menu.MenuDefault.Heading : _ref$heading,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
     _onClick = _ref.onClick;
@@ -61,7 +62,7 @@ function Menu(_ref) {
         children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
           className: _Menu2["default"].octicon,
           icon: icon,
-          size: _Icon.iconSize.small
+          size: _Icon.IconSize.Small
         }), html || null, text]
       }), (0, _uuid.v1)());
     })]

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

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

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

@@ -10,23 +10,23 @@ var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _uuid = require("uuid");
 var _array = require("@papillonarts/library/array");
-var _TabNav = require("./TabNav.prop");
+var _TabNav = require("./TabNav.type");
 var _TabNav2 = _interopRequireDefault(require("./TabNav.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; } // import { getIndexItems, getIndexItemsWithSelected } from '../../../../../library/src/array'
 function TabNav(_ref) {
   var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? _TabNav.defaultProps.className : _ref$className,
+    className = _ref$className === void 0 ? _TabNav.TabNavDefault.ClassName : _ref$className,
     ariaAttr = _ref.ariaAttr,
     items = _ref.items,
     _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? _TabNav.defaultProps.actions : _ref$actions,
+    actions = _ref$actions === void 0 ? _TabNav.TabNavDefault.Actions : _ref$actions,
     _onClick = _ref.onClick,
     _ref$children = _ref.children,
-    children = _ref$children === void 0 ? _TabNav.defaultProps.children : _ref$children,
+    children = _ref$children === void 0 ? _TabNav.TabNavDefault.Children : _ref$children,
     _ref$state = _ref.state,
-    state = _ref$state === void 0 ? _TabNav.defaultProps.state : _ref$state;
+    state = _ref$state === void 0 ? _TabNav.TabNavDefault.State : _ref$state;
   if (!items) {
     return null;
   }
@@ -39,7 +39,7 @@ function TabNav(_ref) {
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])(className, _TabNav2["default"].tabnav, (0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-inactive'], state === _TabNav.tabNavState.inactive)),
+    className: (0, _classnames["default"])(className, _TabNav2["default"].tabnav, (0, _defineProperty2["default"])({}, _TabNav2["default"]['tabnav-inactive'], state === _TabNav.TabNavState.Inactive)),
     children: [actions && renderActions(), /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
       className: _TabNav2["default"]['tabnav-tabs'],
       "aria-label": label,