@justfixnyc/component-library 0.54.7 → 0.56.0

package/dist/src/index.es.js

@@ -1,19 +1,21 @@
 import _extends from '@babel/runtime/helpers/extends';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import classNames from 'classnames';
 import React, { forwardRef, useId } from 'react';
-import { faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMemoPad, faLocationDot, faHouse, faGlobe, faUser, faSpinner, faBars, faEnvelope as faEnvelope$1, faCommentSms, faCopy, faCirclePlus, faCircleInfo, faCircleExclamation as faCircleExclamation$1, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheckDouble, faCheck, faCaretDown, faCaretRight, faBookmark as faBookmark$1, faSquareArrowUpRight, faArrowsRotateReverse, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUpRight, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-dd32553919/icons/classic/solid';
-import { faPrint, faEyeSlash, faEye, faDownload, faEnvelope, faCircleExclamation, faBookmark } from '@awesome.me/kit-dd32553919/icons/classic/regular';
-import { faXTwitter, faTwitter, faFacebookF } from '@awesome.me/kit-dd32553919/icons/classic/brands';
+import { faPlus, faBan, faXmark, faDownload as faDownload$1, faBuildingColumns, faAddressCard, faBuilding, faMapLocationDot, faMemoPad, faLocationDot, faHouse, faGlobe, faUser, faSpinner, faBars, faEnvelope as faEnvelope$1, faCommentSms, faCopy, faCirclePlus, faCircleInfo, faCircleExclamation as faCircleExclamation$1, faChevronRight, faChevronLeft, faChevronDown, faChevronUp, faCheckDouble, faCheck, faCaretDown, faCaretRight, faBookmark as faBookmark$1, faSquareArrowUpRight, faArrowsRotateReverse, faArrowDownWideShort, faArrowUpShortWide, faArrowUpArrowDown, faArrowDownLong, faArrowUpLong, faArrowDown, faArrowUpRight, faArrowUp, faArrowRight, faArrowLeft } from '@awesome.me/kit-6863e5a21e/icons/classic/solid';
+import { faMailboxOpenLetter, faEnvelopeCircleCheck } from '@awesome.me/kit-6863e5a21e/icons/classic/light';
+import { faPrint, faEyeSlash, faEye, faDownload, faEnvelope, faCircleExclamation, faBookmark } from '@awesome.me/kit-6863e5a21e/icons/classic/regular';
+import { faXTwitter, faTwitter, faFacebookF } from '@awesome.me/kit-6863e5a21e/icons/classic/brands';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import Select, { components } from 'react-select';
 
+const _excluded$9 = ["className", "icon"];
 const Icon = _ref => {
   let {
-    className,
-    icon,
-    type = 'solid',
-    ...props
-  } = _ref;
+      className,
+      icon
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$9);
   let faIcon;
   switch (icon) {
     case 'arrowLeft':
@@ -53,7 +55,10 @@ const Icon = _ref => {
       faIcon = faSquareArrowUpRight;
       break;
     case 'bookmark':
-      if (type === 'regular') faIcon = faBookmark;else faIcon = faBookmark$1;
+      faIcon = faBookmark$1;
+      break;
+    case 'bookmarkRegular':
+      faIcon = faBookmark;
       break;
     case 'caretRight':
       faIcon = faCaretRight;
@@ -80,7 +85,10 @@ const Icon = _ref => {
       faIcon = faChevronRight;
       break;
     case 'circleExclamation':
-      if (type === 'regular') faIcon = faCircleExclamation;else faIcon = faCircleExclamation$1;
+      faIcon = faCircleExclamation$1;
+      break;
+    case 'circleExclamationRegular':
+      faIcon = faCircleExclamation;
       break;
     case 'circleInfo':
       faIcon = faCircleInfo;
@@ -104,7 +112,16 @@ const Icon = _ref => {
       faIcon = faCommentSms;
       break;
     case 'envelope':
-      if (type === 'regular') faIcon = faEnvelope;else faIcon = faEnvelope$1;
+      faIcon = faEnvelope$1;
+      break;
+    case 'envelopeRegular':
+      faIcon = faEnvelope;
+      break;
+    case 'envelopeCircleCheck':
+      faIcon = faEnvelopeCircleCheck;
+      break;
+    case 'mailboxOpenLetter':
+      faIcon = faMailboxOpenLetter;
       break;
     case 'bars':
       faIcon = faBars;
@@ -140,7 +157,10 @@ const Icon = _ref => {
       faIcon = faBuildingColumns;
       break;
     case 'download':
-      if (type === 'regular') faIcon = faDownload;else faIcon = faDownload$1;
+      faIcon = faDownload$1;
+      break;
+    case 'downloadRegular':
+      faIcon = faDownload;
       break;
     case 'xmark':
       faIcon = faXmark;
@@ -157,6 +177,9 @@ const Icon = _ref => {
     case 'print':
       faIcon = faPrint;
       break;
+    case 'plus':
+      faIcon = faPlus;
+      break;
     default:
       console.warn("".concat(icon, " is not a supported icon name."));
       return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -168,13 +191,14 @@ const Icon = _ref => {
 };
 Icon.displayName = 'Icon';
 
+const _excluded$8 = ["icon", "children", "className"];
 const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    icon,
-    children,
-    className,
-    ...props
-  } = _ref;
+      icon,
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$8);
   const linkClassNames = classNames('jfcl-link', className);
   const opensInNewTab = props.target === '_blank';
   // When using this component within a react-router-dom <Link />, a navigate function is passed through the props us here.
@@ -200,17 +224,18 @@ const Link = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 Link.displayName = 'Link';
 
+const _excluded$7 = ["type", "variant", "text", "action", "actionHref", "actionLabel", "className"];
 const Alert = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
-    type = 'info',
-    variant = 'primary',
-    text,
-    action,
-    actionHref,
-    actionLabel,
-    className,
-    ...props
-  } = _ref;
+      type = 'info',
+      variant = 'primary',
+      text,
+      action,
+      actionHref,
+      actionLabel,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$7);
   const alertClassNames = classNames('jfcl-alert', "jfcl-variant-".concat(variant), "jfcl-type-".concat(type), className);
   const hasAction = !!action;
   const showButton = hasAction && !actionHref;
@@ -246,21 +271,22 @@ const Alert = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 Alert.displayName = 'Alert';
 
+const _excluded$6 = ["labelText", "variant", "size", "loading", "labelIcon", "iconOnRight", "iconOnly", "className"];
 /**
  * Accepts all `ButtonHTMLAttributes`
  */
 const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    labelText,
-    variant = 'primary',
-    size = 'large',
-    loading,
-    labelIcon,
-    iconOnRight,
-    iconOnly,
-    className,
-    ...props
-  } = _ref;
+      labelText,
+      variant = 'primary',
+      size = 'large',
+      loading,
+      labelIcon,
+      iconOnRight,
+      iconOnly,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$6);
   const buttonClassNames = classNames('jfcl-button', "jfcl-variant-".concat(variant), "jfcl-size-".concat(size), "".concat(loading ? 'jfcl-is-loading' : ''), "".concat(iconOnly ? 'jfcl-btn-icon-only' : ''), className);
   const iconClassNames = classNames('jfcl-button__icon', "".concat(iconOnRight ? 'jfcl-button__icon_right' : ''));
   const arias = {};
@@ -344,22 +370,23 @@ const InputHeader = _ref2 => {
   }), invalidText)));
 };
 
+const _excluded$5 = ["className", "invalidText", "invalidRole", "invalid", "headerText", "helperText", "labelText", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    headerText,
-    helperText,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      headerText,
+      helperText,
+      labelText,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$5);
   const checkboxClassNames = classNames('jfcl-checkbox', {
     ['jfcl-checkbox--is-disabled']: disabled
   }, className);
@@ -398,6 +425,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 Checkbox.displayName = 'Checkbox';
 
+const _excluded$4 = ["className", "helperText", "invalid", "invalidText", "invalidRole", "disabled", "labelText", "onChange", "options"];
 const DropdownIndicator = props => {
   return /*#__PURE__*/React.createElement(components.DropdownIndicator, props, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faChevronDown
@@ -405,17 +433,17 @@ const DropdownIndicator = props => {
 };
 const Dropdown = _ref => {
   let {
-    className,
-    helperText,
-    invalid,
-    invalidText,
-    invalidRole,
-    disabled,
-    labelText,
-    onChange,
-    options,
-    ...props
-  } = _ref;
+      className,
+      helperText,
+      invalid,
+      invalidText,
+      invalidRole,
+      disabled,
+      labelText,
+      onChange,
+      options
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$4);
   const hasOnChange = !!onChange;
 
   // Randomly generated id
@@ -452,21 +480,22 @@ const Dropdown = _ref => {
 };
 Dropdown.displayName = 'Dropdown';
 
+const _excluded$3 = ["className", "children", "invalidText", "invalidRole", "invalid", "helperText", "helperElement", "legendText"];
 /**
  * Accepts all `HTMLFieldSetElement`
  */
 const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    className,
-    children,
-    invalidText,
-    invalidRole,
-    invalid,
-    helperText,
-    helperElement,
-    legendText,
-    ...props
-  } = _ref;
+      className,
+      children,
+      invalidText,
+      invalidRole,
+      invalid,
+      helperText,
+      helperElement,
+      legendText
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$3);
   const fieldsetClassNames = classNames('jfcl-form-group', {
     ['jfcl-form-group-is-invalid']: invalid
   }, className);
@@ -486,22 +515,24 @@ const FormGroup = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 FormGroup.displayName = 'FormGroup';
 
+const _excluded$2 = ["className", "invalidText", "invalidRole", "invalid", "headerText", "helperText", "labelText", "labelElement", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const RadioButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    headerText,
-    helperText,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      headerText,
+      helperText,
+      labelText,
+      labelElement,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$2);
   const radioButtonClassNames = classNames('jfcl-radio-button', {
     ['jfcl-radio-button--is-invalid']: invalid,
     ['jfcl-radio-button--is-disabled']: disabled
@@ -533,21 +564,22 @@ const RadioButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     "data-testid": "jfcl-radio-button__checkmark"
   }, /*#__PURE__*/React.createElement("span", {
     className: "jfcl-radio-button__checkmark-checked"
-  })), labelText));
+  })), labelElement || labelText));
 });
 RadioButton.displayName = 'RadioButton';
 
+const _excluded$1 = ["className", "labelText", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const SelectButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    className,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      labelText,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$1);
   const SelectButtonClassNames = classNames('jfcl-select-button', {
     ['jfcl-select-button--is-disabled']: disabled
   }, className);
@@ -569,23 +601,24 @@ const SelectButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 SelectButton.displayName = 'SelectButton';
 
+const _excluded = ["className", "invalidText", "invalidRole", "invalid", "helperText", "helperElement", "labelText", "size", "id", "type"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const TextInput = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    helperText,
-    helperElement,
-    labelText,
-    size,
-    id,
-    type = 'text',
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      helperText,
+      helperElement,
+      labelText,
+      size,
+      id,
+      type = 'text'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   const inputIsMoney = type === 'money';
   const inputType = inputIsMoney ? 'number' : type;
   const textInputWrapperClassNames = classNames('jfcl-text-input', {

package/dist/src/index.js

@@ -3,28 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var classNames = require('classnames');
 var React = require('react');
-var solid = require('@awesome.me/kit-dd32553919/icons/classic/solid');
-var regular = require('@awesome.me/kit-dd32553919/icons/classic/regular');
-var brands = require('@awesome.me/kit-dd32553919/icons/classic/brands');
+var solid = require('@awesome.me/kit-6863e5a21e/icons/classic/solid');
+var light = require('@awesome.me/kit-6863e5a21e/icons/classic/light');
+var regular = require('@awesome.me/kit-6863e5a21e/icons/classic/regular');
+var brands = require('@awesome.me/kit-6863e5a21e/icons/classic/brands');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var Select = require('react-select');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 
+const _excluded$9 = ["className", "icon"];
 const Icon = _ref => {
   let {
-    className,
-    icon,
-    type = 'solid',
-    ...props
-  } = _ref;
+      className,
+      icon
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$9);
   let faIcon;
   switch (icon) {
     case 'arrowLeft':
@@ -64,7 +67,10 @@ const Icon = _ref => {
       faIcon = solid.faSquareArrowUpRight;
       break;
     case 'bookmark':
-      if (type === 'regular') faIcon = regular.faBookmark;else faIcon = solid.faBookmark;
+      faIcon = solid.faBookmark;
+      break;
+    case 'bookmarkRegular':
+      faIcon = regular.faBookmark;
       break;
     case 'caretRight':
       faIcon = solid.faCaretRight;
@@ -91,7 +97,10 @@ const Icon = _ref => {
       faIcon = solid.faChevronRight;
       break;
     case 'circleExclamation':
-      if (type === 'regular') faIcon = regular.faCircleExclamation;else faIcon = solid.faCircleExclamation;
+      faIcon = solid.faCircleExclamation;
+      break;
+    case 'circleExclamationRegular':
+      faIcon = regular.faCircleExclamation;
       break;
     case 'circleInfo':
       faIcon = solid.faCircleInfo;
@@ -115,7 +124,16 @@ const Icon = _ref => {
       faIcon = solid.faCommentSms;
       break;
     case 'envelope':
-      if (type === 'regular') faIcon = regular.faEnvelope;else faIcon = solid.faEnvelope;
+      faIcon = solid.faEnvelope;
+      break;
+    case 'envelopeRegular':
+      faIcon = regular.faEnvelope;
+      break;
+    case 'envelopeCircleCheck':
+      faIcon = light.faEnvelopeCircleCheck;
+      break;
+    case 'mailboxOpenLetter':
+      faIcon = light.faMailboxOpenLetter;
       break;
     case 'bars':
       faIcon = solid.faBars;
@@ -151,7 +169,10 @@ const Icon = _ref => {
       faIcon = solid.faBuildingColumns;
       break;
     case 'download':
-      if (type === 'regular') faIcon = regular.faDownload;else faIcon = solid.faDownload;
+      faIcon = solid.faDownload;
+      break;
+    case 'downloadRegular':
+      faIcon = regular.faDownload;
       break;
     case 'xmark':
       faIcon = solid.faXmark;
@@ -168,6 +189,9 @@ const Icon = _ref => {
     case 'print':
       faIcon = regular.faPrint;
       break;
+    case 'plus':
+      faIcon = solid.faPlus;
+      break;
     default:
       console.warn("".concat(icon, " is not a supported icon name."));
       return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
@@ -179,13 +203,14 @@ const Icon = _ref => {
 };
 Icon.displayName = 'Icon';
 
+const _excluded$8 = ["icon", "children", "className"];
 const Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    icon,
-    children,
-    className,
-    ...props
-  } = _ref;
+      icon,
+      children,
+      className
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$8);
   const linkClassNames = classNames__default["default"]('jfcl-link', className);
   const opensInNewTab = props.target === '_blank';
   // When using this component within a react-router-dom <Link />, a navigate function is passed through the props us here.
@@ -211,17 +236,18 @@ const Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 Link.displayName = 'Link';
 
+const _excluded$7 = ["type", "variant", "text", "action", "actionHref", "actionLabel", "className"];
 const Alert = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
-    type = 'info',
-    variant = 'primary',
-    text,
-    action,
-    actionHref,
-    actionLabel,
-    className,
-    ...props
-  } = _ref;
+      type = 'info',
+      variant = 'primary',
+      text,
+      action,
+      actionHref,
+      actionLabel,
+      className
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$7);
   const alertClassNames = classNames__default["default"]('jfcl-alert', "jfcl-variant-".concat(variant), "jfcl-type-".concat(type), className);
   const hasAction = !!action;
   const showButton = hasAction && !actionHref;
@@ -257,21 +283,22 @@ const Alert = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 });
 Alert.displayName = 'Alert';
 
+const _excluded$6 = ["labelText", "variant", "size", "loading", "labelIcon", "iconOnRight", "iconOnly", "className"];
 /**
  * Accepts all `ButtonHTMLAttributes`
  */
 const Button = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    labelText,
-    variant = 'primary',
-    size = 'large',
-    loading,
-    labelIcon,
-    iconOnRight,
-    iconOnly,
-    className,
-    ...props
-  } = _ref;
+      labelText,
+      variant = 'primary',
+      size = 'large',
+      loading,
+      labelIcon,
+      iconOnRight,
+      iconOnly,
+      className
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
   const buttonClassNames = classNames__default["default"]('jfcl-button', "jfcl-variant-".concat(variant), "jfcl-size-".concat(size), "".concat(loading ? 'jfcl-is-loading' : ''), "".concat(iconOnly ? 'jfcl-btn-icon-only' : ''), className);
   const iconClassNames = classNames__default["default"]('jfcl-button__icon', "".concat(iconOnRight ? 'jfcl-button__icon_right' : ''));
   const arias = {};
@@ -355,22 +382,23 @@ const InputHeader = _ref2 => {
   }), invalidText)));
 };
 
+const _excluded$5 = ["className", "invalidText", "invalidRole", "invalid", "headerText", "helperText", "labelText", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    headerText,
-    helperText,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      headerText,
+      helperText,
+      labelText,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$5);
   const checkboxClassNames = classNames__default["default"]('jfcl-checkbox', {
     ['jfcl-checkbox--is-disabled']: disabled
   }, className);
@@ -409,6 +437,7 @@ const Checkbox = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
 });
 Checkbox.displayName = 'Checkbox';
 
+const _excluded$4 = ["className", "helperText", "invalid", "invalidText", "invalidRole", "disabled", "labelText", "onChange", "options"];
 const DropdownIndicator = props => {
   return /*#__PURE__*/React__default["default"].createElement(Select.components.DropdownIndicator, props, /*#__PURE__*/React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, {
     icon: solid.faChevronDown
@@ -416,17 +445,17 @@ const DropdownIndicator = props => {
 };
 const Dropdown = _ref => {
   let {
-    className,
-    helperText,
-    invalid,
-    invalidText,
-    invalidRole,
-    disabled,
-    labelText,
-    onChange,
-    options,
-    ...props
-  } = _ref;
+      className,
+      helperText,
+      invalid,
+      invalidText,
+      invalidRole,
+      disabled,
+      labelText,
+      onChange,
+      options
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
   const hasOnChange = !!onChange;
 
   // Randomly generated id
@@ -463,21 +492,22 @@ const Dropdown = _ref => {
 };
 Dropdown.displayName = 'Dropdown';
 
+const _excluded$3 = ["className", "children", "invalidText", "invalidRole", "invalid", "helperText", "helperElement", "legendText"];
 /**
  * Accepts all `HTMLFieldSetElement`
  */
 const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    className,
-    children,
-    invalidText,
-    invalidRole,
-    invalid,
-    helperText,
-    helperElement,
-    legendText,
-    ...props
-  } = _ref;
+      className,
+      children,
+      invalidText,
+      invalidRole,
+      invalid,
+      helperText,
+      helperElement,
+      legendText
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$3);
   const fieldsetClassNames = classNames__default["default"]('jfcl-form-group', {
     ['jfcl-form-group-is-invalid']: invalid
   }, className);
@@ -497,22 +527,24 @@ const FormGroup = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref)
 });
 FormGroup.displayName = 'FormGroup';
 
+const _excluded$2 = ["className", "invalidText", "invalidRole", "invalid", "headerText", "helperText", "labelText", "labelElement", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    headerText,
-    helperText,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      headerText,
+      helperText,
+      labelText,
+      labelElement,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
   const radioButtonClassNames = classNames__default["default"]('jfcl-radio-button', {
     ['jfcl-radio-button--is-invalid']: invalid,
     ['jfcl-radio-button--is-disabled']: disabled
@@ -544,21 +576,22 @@ const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     "data-testid": "jfcl-radio-button__checkmark"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "jfcl-radio-button__checkmark-checked"
-  })), labelText));
+  })), labelElement || labelText));
 });
 RadioButton.displayName = 'RadioButton';
 
+const _excluded$1 = ["className", "labelText", "disabled", "id"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const SelectButton = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    className,
-    labelText,
-    disabled,
-    id,
-    ...props
-  } = _ref;
+      className,
+      labelText,
+      disabled,
+      id
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
   const SelectButtonClassNames = classNames__default["default"]('jfcl-select-button', {
     ['jfcl-select-button--is-disabled']: disabled
   }, className);
@@ -580,23 +613,24 @@ const SelectButton = /*#__PURE__*/React__default["default"].forwardRef((_ref, re
 });
 SelectButton.displayName = 'SelectButton';
 
+const _excluded = ["className", "invalidText", "invalidRole", "invalid", "helperText", "helperElement", "labelText", "size", "id", "type"];
 /**
  * Accepts all `InputHTMLAttributes`
  */
 const TextInput = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
-    className,
-    invalidText,
-    invalidRole,
-    invalid,
-    helperText,
-    helperElement,
-    labelText,
-    size,
-    id,
-    type = 'text',
-    ...props
-  } = _ref;
+      className,
+      invalidText,
+      invalidRole,
+      invalid,
+      helperText,
+      helperElement,
+      labelText,
+      size,
+      id,
+      type = 'text'
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded);
   const inputIsMoney = type === 'money';
   const inputType = inputIsMoney ? 'number' : type;
   const textInputWrapperClassNames = classNames__default["default"]('jfcl-text-input', {

package/dist/typings/Components/Button/Button.d.ts

@@ -2,6 +2,9 @@ import React from 'react';
 import './styles.scss';
 import { IconNames } from '../Icon/Icon';
 export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+    /**
+     * Text to label button, or provide to aria-label when iconOnly
+     */
     labelText: string;
     labelIcon?: IconNames;
     variant?: 'primary' | 'secondary' | 'tertiary';

package/dist/typings/Components/Icon/Icon.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { FontAwesomeIconProps } from '@fortawesome/react-fontawesome';
-export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowUpRight' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'arrowUpArrowDown' | 'arrowUpShortWide' | 'arrowDownWideShort' | 'arrowsRotateReverse' | 'squareArrowUpRight' | 'bookmark' | 'caretRight' | 'caretDown' | 'check' | 'checkDouble' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleInfo' | 'circlePlus' | 'copy' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'bars' | 'spinner' | 'user' | 'globe' | 'house' | 'locationDot' | 'memoPad' | 'mapLocationDot' | 'building' | 'addressCard' | 'buildingColumns' | 'download' | 'downloadRegular' | 'xmark' | 'ban' | 'eye' | 'eyeSlash' | 'print';
+export type IconNames = 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowUpRight' | 'arrowDown' | 'arrowUpLong' | 'arrowDownLong' | 'arrowUpArrowDown' | 'arrowUpShortWide' | 'arrowDownWideShort' | 'arrowsRotateReverse' | 'squareArrowUpRight' | 'bookmark' | 'bookmarkRegular' | 'caretRight' | 'caretDown' | 'check' | 'checkDouble' | 'chevronUp' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'circleExclamation' | 'circleExclamationRegular' | 'circleInfo' | 'circlePlus' | 'copy' | 'facebook' | 'twitter' | 'xTwitter' | 'sms' | 'envelope' | 'envelopeRegular' | 'envelopeCircleCheck' | 'bars' | 'spinner' | 'user' | 'globe' | 'house' | 'locationDot' | 'memoPad' | 'mapLocationDot' | 'building' | 'addressCard' | 'buildingColumns' | 'download' | 'downloadRegular' | 'xmark' | 'ban' | 'eye' | 'eyeSlash' | 'print' | 'plus' | 'mailboxOpenLetter';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
     className?: string;
     icon?: IconNames;
-    type?: 'solid' | 'regular';
 }
 export declare const Icon: React.FC<IconProps>;

package/dist/typings/Components/RadioButton/RadioButton.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import './styles.scss';
-export interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface RadioButtonPropsLabelText extends React.InputHTMLAttributes<HTMLInputElement> {
     labelText: string;
+    labelElement?: React.ReactNode;
     headerText?: string;
     helperText?: string;
     invalid?: boolean;
@@ -11,7 +12,13 @@ export interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputEle
     disabled?: boolean;
     id: string;
 }
+interface RadioButtonPropsLabelElement extends Omit<RadioButtonPropsLabelText, 'labelText'> {
+    labelText?: string;
+    labelElement: React.ReactNode;
+}
+export type RadioButtonProps = RadioButtonPropsLabelText | RadioButtonPropsLabelElement;
 /**
  * Accepts all `InputHTMLAttributes`
  */
 export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.54.7",
+  "version": "0.56.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [
@@ -24,23 +24,14 @@
     "deploy-storybook": "storybook-to-ghpages"
   },
   "types": "dist/typings/index.d.ts",
-  "resolutions": {
-    "jackspeak": "2.1.1"
-  },
   "dependencies": {
-    "@awesome.me/kit-dd32553919": "^1.0.13",
+    "@awesome.me/kit-6863e5a21e": "^1.0.3",
     "@babel/runtime": "^7.12.5",
-    "@fortawesome/fontawesome-svg-core": "^6.5.2",
-    "@fortawesome/react-fontawesome": "0.2.2",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.0",
     "react-select": "^5.7.2"
   },
   "peerDependencies": {
-    "@lingui/cli": ">=2.9.1",
-    "@lingui/macro": ">=2.9.1",
-    "@lingui/react": ">=2.9.1",
-    "@types/lingui__core": ">=2.7.0",
-    "@types/lingui__macro": ">=2.7.3",
-    "@types/lingui__react": ">=2.8.1",
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
@@ -50,10 +41,7 @@
     "@babel/preset-env": "^7.17.10",
     "@babel/preset-react": "^7.16.7",
     "@babel/preset-typescript": "^7.16.7",
-    "@lingui/cli": "^2.9.1",
-    "@lingui/macro": "^2.9.1",
-    "@lingui/react": "^2.9.1",
-    "@mdx-js/react": "^1.6.22",
+    "@mdx-js/react": "^2.3.0",
     "@rollup/plugin-babel": "^5.2.3",
     "@rollup/plugin-commonjs": "^17.1.0",
     "@rollup/plugin-node-resolve": "^11.1.1",
@@ -71,13 +59,10 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.3.0",
     "@types/jest": "^26.0.20",
-    "@types/lingui__core": "^2.7.0",
-    "@types/lingui__macro": "^2.7.3",
-    "@types/lingui__react": "^2.8.1",
     "@types/react": "^18.0.14",
     "@types/react-dom": "^18.0.5",
-    "@typescript-eslint/eslint-plugin": "^4.14.2",
-    "@typescript-eslint/parser": "^4.14.2",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.0.0",
     "babel-loader": "^8.2.2",
     "babel-plugin-inline-react-svg": "^2.0.1",
     "bootstrap": "^4.6.0",
@@ -105,7 +90,7 @@
     "storybook": "^7.6.10",
     "style-loader": "^3.3.4",
     "ts-jest": "^26.5.0",
-    "typescript": "^4.1.3"
+    "typescript": "^5.5.3"
   },
   "eslintConfig": {
     "extends": [