@7shifts/sous-chef 3.57.3-beta4 → 3.59.0

package/README.md

@@ -2,6 +2,7 @@
 
 > The 7shifts component library
 
+[![codecov](https://codecov.io/gh/7shifts/sous-chef/graph/badge.svg?token=MC1ZBS4XZ0)](https://codecov.io/gh/7shifts/sous-chef)
 [![NPM](https://badgen.net/npm/v/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)
 [![BUNDLE-SIZE](https://badgen.net/bundlephobia/min/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)
 [![TREE-SHAKING](https://badgen.net/bundlephobia/tree-shaking/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -28,7 +28,8 @@ type Props<T> = {
     isSearchable?: boolean;
     creatableButton?: React.ReactNode;
     onCreate?: (option: string) => void;
+    isClearable?: boolean;
 };
 /** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView, testId, isSearchable, creatableButton, onCreate, isClearable }: Props<T>) => React.JSX.Element;
 export default MultiSelectField;

package/dist/forms/RadioGroupField/RadioGroupField.d.ts

@@ -6,6 +6,7 @@ type Props = {
     value?: string | number;
     onChange?: (e: string | number) => void;
     label?: React.ReactNode;
+    caption?: React.ReactNode;
     error?: React.ReactNode;
     /**
      * **DEPRECATED** *Use the `columns` prop instead.*<br/><br/>When true it will place the options on the same line up to 4 options per line. It only applies when using `RadioGroupOption` as children
@@ -21,5 +22,5 @@ type Props = {
     columns?: 2 | 3 | 4;
 };
 /** RadioGroupField form element. */
-declare const RadioGroupField: ({ name, value, onChange, label, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
+declare const RadioGroupField: ({ name, value, onChange, label, caption, error, inline, disabled, children, testId, columns }: Props) => React.JSX.Element;
 export default RadioGroupField;

package/dist/index.css

@@ -3072,6 +3072,14 @@ input:focus-visible + ._JXakU {
   text-overflow: ellipsis;
 }
 
+._JNfQO {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  color: var(--color-grey-500);
+}
+
 ._2KvuU {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
@@ -3084,6 +3092,13 @@ input:focus-visible + ._JXakU {
   color: var(--color-grey-500);
   min-height: 16px;
 }
+._ZeIOd {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  color: var(--color-grey-500);
+}
 ._s7mjc {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
@@ -3119,6 +3134,7 @@ input:focus-visible + ._JXakU {
   background: var(--color-white);
   width: auto;
   padding: 0;
+  float: none;
 }
 ._IIX-P input {
   border: 0px;