@justfixnyc/component-library 0.56.6 → 0.57.0

package/dist/src/assets/index.css

@@ -404,19 +404,21 @@
   align-items: center;
   box-sizing: border-box;
   background-clip: padding-box;
-  border: 1.5px solid;
+  border: 1px solid;
   margin-right: 8px;
   border-radius: 4px;
   background: #faf8f4;
 }
 .jfcl-checkbox .jfcl-checkbox__checkmark.jfcl-checkbox__checkmark--is-invalid {
   border-color: #ff813a;
+  border-width: 1.5px;
 }
 .jfcl-checkbox .jfcl-checkbox__checkmark .jfcl-checkbox__check_icon {
   color: #ffffff;
   display: none;
 }
 .jfcl-checkbox .jfcl-checkbox__input:focus-visible + .jfcl-checkbox__label .jfcl-checkbox__checkmark {
+  border-width: 2px;
   outline: 2px solid #5188ff;
   outline-offset: 2px;
 }
@@ -540,7 +542,8 @@
   color: #676565;
 }
 .jfcl-link .jfcl-link__icon {
-  margin-left: 10px;
+  margin-left: 2px;
+  height: 0.9em;
 }
 @keyframes spin {
   from {
@@ -741,7 +744,7 @@
 }
 .jfcl-text-input .jfcl-text-input__input:active:not(:disabled) {
   border-radius: 4px;
-  border: 2px solid #242323;
+  border-width: 2px;
   padding-left: calc(var(--input-padding-left) - 1px);
   background: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);

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

@@ -404,19 +404,21 @@
   align-items: center;
   box-sizing: border-box;
   background-clip: padding-box;
-  border: 1.5px solid;
+  border: 1px solid;
   margin-right: 8px;
   border-radius: 4px;
   background: #faf8f4;
 }
 .jfcl-checkbox .jfcl-checkbox__checkmark.jfcl-checkbox__checkmark--is-invalid {
   border-color: #ff813a;
+  border-width: 1.5px;
 }
 .jfcl-checkbox .jfcl-checkbox__checkmark .jfcl-checkbox__check_icon {
   color: #ffffff;
   display: none;
 }
 .jfcl-checkbox .jfcl-checkbox__input:focus-visible + .jfcl-checkbox__label .jfcl-checkbox__checkmark {
+  border-width: 2px;
   outline: 2px solid #5188ff;
   outline-offset: 2px;
 }
@@ -540,7 +542,8 @@
   color: #676565;
 }
 .jfcl-link .jfcl-link__icon {
-  margin-left: 10px;
+  margin-left: 2px;
+  height: 0.9em;
 }
 @keyframes spin {
   from {
@@ -741,7 +744,7 @@
 }
 .jfcl-text-input .jfcl-text-input__input:active:not(:disabled) {
   border-radius: 4px;
-  border: 2px solid #242323;
+  border-width: 2px;
   padding-left: calc(var(--input-padding-left) - 1px);
   background: #ffffff;
   box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './styles.scss';
 export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     labelText: string;
-    headerText?: string;
+    headerText?: React.ReactNode;
     helperText?: string;
     invalid?: boolean;
     invalidText?: string;

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

@@ -8,7 +8,7 @@ export interface DropdownProps {
         label: string;
         isDisabled?: boolean;
     }[];
-    labelText: string;
+    labelText: React.ReactNode;
     helperText?: string;
     invalidText?: string;
     invalidRole?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './styles.scss';
 export interface FormGroupProps extends React.FieldsetHTMLAttributes<HTMLFieldSetElement> {
-    legendText: string;
+    legendText: React.ReactNode;
     helperText?: string;
     helperElement?: React.ReactNode;
     invalid?: boolean;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import './style.scss';
 export interface InputHeaderProps {
     className?: string;
-    headerText?: string;
+    headerText?: React.ReactNode;
     labelFor?: string;
     isLegend?: boolean;
     helperText?: string;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import './styles.scss';
 export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    labelText: string;
+    labelText: React.ReactNode;
     id: string;
     size?: 'small' | 'medium' | 'large';
     helperText?: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.56.6",
+  "version": "0.57.0",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [