@justfixnyc/component-library 0.54.6 → 0.55.0

package/dist/src/assets/index.css

@@ -649,7 +649,7 @@
   flex-grow: 1;
   white-space: nowrap;
   border-radius: 6px;
-  border: 1px solid #c5ccd1;
+  border: 1px solid #242323;
   background: #faf8f4;
   padding: 0.75rem;
   cursor: pointer;
@@ -659,10 +659,10 @@
   padding: 0.6875rem;
 }
 .jfcl-select-button__label:hover {
-  background-color: #ffffff;
+  background-color: #efe9dc;
 }
 .jfcl-select-button__label:active {
-  background-color: #ebece8;
+  background-color: #edf3ff;
 }
 
 .jfcl-select-button__input:checked + .jfcl-select-button__label {

package/dist/src/assets/index.es.css

@@ -649,7 +649,7 @@
   flex-grow: 1;
   white-space: nowrap;
   border-radius: 6px;
-  border: 1px solid #c5ccd1;
+  border: 1px solid #242323;
   background: #faf8f4;
   padding: 0.75rem;
   cursor: pointer;
@@ -659,10 +659,10 @@
   padding: 0.6875rem;
 }
 .jfcl-select-button__label:hover {
-  background-color: #ffffff;
+  background-color: #efe9dc;
 }
 .jfcl-select-button__label:active {
-  background-color: #ebece8;
+  background-color: #edf3ff;
 }
 
 .jfcl-select-button__input:checked + .jfcl-select-button__label {

package/dist/src/index.es.js

@@ -1,7 +1,7 @@
 import _extends from '@babel/runtime/helpers/extends';
 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 { 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-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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
@@ -157,6 +157,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);
@@ -498,6 +501,7 @@ const RadioButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     headerText,
     helperText,
     labelText,
+    labelElement,
     disabled,
     id,
     ...props
@@ -533,7 +537,7 @@ 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';
 

package/dist/src/index.js

@@ -168,6 +168,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);
@@ -509,6 +512,7 @@ const RadioButton = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref
     headerText,
     helperText,
     labelText,
+    labelElement,
     disabled,
     id,
     ...props
@@ -544,7 +548,7 @@ 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';
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './styles.scss';
 import { IconNames } from '../Icon/Icon';
-export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+interface ButtonPropsLabel extends React.ComponentPropsWithoutRef<'button'> {
     labelText: string;
     labelIcon?: IconNames;
     variant?: 'primary' | 'secondary' | 'tertiary';
@@ -11,7 +11,14 @@ export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     iconOnly?: boolean;
     className?: string;
 }
+interface ButtonPropsIconOnly extends Omit<ButtonPropsLabel, 'labelText' | 'labelIcon' | 'iconOnly'> {
+    labelIcon: IconNames;
+    iconOnly: boolean;
+    labelText?: string;
+}
+export type ButtonProps = ButtonPropsLabel | ButtonPropsIconOnly;
 /**
  * Accepts all `ButtonHTMLAttributes`
  */
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -1,6 +1,6 @@
 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' | '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' | 'plus';
 export interface IconProps extends Omit<FontAwesomeIconProps, 'icon'> {
     className?: string;
     icon?: IconNames;

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.6",
+  "version": "0.55.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [