@7shifts/sous-chef 3.27.0-beta0 → 3.27.0

package/dist/forms/RadioGroupBoxOption/RadioGroupBoxOption.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     caption?: React.ReactNode;
     children?: React.ReactNode;
     testId?: string;
+    disabled?: boolean;
 };
-declare const RadioGroupBoxOption: ({ value, id: inputId, label, caption, testId, children }: Props) => JSX.Element;
+declare const RadioGroupBoxOption: ({ value, id: inputId, label, caption, testId, children, disabled }: Props) => JSX.Element;
 export default RadioGroupBoxOption;

package/dist/forms/RadioGroupOption/RadioGroupOption.d.ts

@@ -5,6 +5,7 @@ declare type Props = {
     label?: React.ReactNode;
     caption?: React.ReactNode;
     testId?: string;
+    disabled?: boolean;
 };
 /** RadioGroupField form element. */
 declare const RadioGroupOption: React.FC<Props>;

package/dist/forms/index.d.ts

@@ -24,7 +24,7 @@ import FormFeedback from './FormFeedback';
 import PhoneField from './PhoneField';
 export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, RadioGroupBoxOption, PasswordField, MultiSelectField, SelectField, AsyncSelectField, DateField, DateRangeField, WeekField, TimeField, TimeRangeField, CurrencyField, PercentageField, FormSection, FormFooter, FormFeedback, PhoneField, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
 export type { PasswordCriteria } from './PasswordField/types';
-export type { SelectOption, SelectOptions, GroupOption } from './SelectField/types';
+export type { SelectOption, SelectOptions, GroupOption, CustomOptionProps, SelectedOptionPrefixProps } from './SelectField/types';
 export type { AsyncSelectOptions } from './AsyncSelectField/types';
 export type { FormikType } from './Form/types';
 export type { PhoneFieldValue, PhoneFieldCountryCode } from './PhoneField/types';

package/dist/index.css

@@ -2210,260 +2210,6 @@ input:disabled + ._2mA8e::after {
 ._3Mm-v._3Mm-v {
   border-bottom-right-radius: 8px;
 }
-@-webkit-keyframes _3FIb5 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes _3FIb5 {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-._25lPo {
-  position: relative;
-  overflow: auto;
-  white-space: nowrap;
-}
-._25lPo table {
-  table-layout: auto;
-}
-._2S3Jq table tr > td:first-of-type {
-  transform-style: preserve-3d;
-}
-._2S3Jq table tr > td:first-of-type::before {
-  content: "";
-  width: 10px;
-  height: 100%;
-  position: absolute;
-  z-index: 0;
-  transform: translateZ(-1px);
-  top: 0;
-  -webkit-animation: _3FIb5 1s;
-          animation: _3FIb5 1s;
-  box-shadow: -7px 12px 11px 3px #888;
-  right: 0;
-}
-._1Jszb table thead tr th:first-of-type {
-  position: sticky;
-  left: 0;
-  background-color: var(--color-white);
-}
-._1Jszb table tbody tr td:first-of-type {
-  position: sticky;
-  left: 0;
-  z-index: 1;
-  background-color: var(--color-white);
-}
-._1Jszb table tfoot tr td:first-of-type {
-  position: sticky;
-  left: 0;
-  z-index: 1;
-}
-._1Jszb table tbody tr:first-of-type > td:first-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  left: -1px;
-  top: -1px;
-}
-._Zq6VQ table tr > td:last-of-type {
-  transform-style: preserve-3d;
-}
-._Zq6VQ table tr > td:last-of-type::before {
-  content: "";
-  width: 10px;
-  height: 100%;
-  position: absolute;
-  z-index: 0;
-  transform: translateZ(-1px);
-  top: 0;
-  -webkit-animation: _3FIb5 1s;
-          animation: _3FIb5 1s;
-  box-shadow: 7px 12px 11px 3px #888;
-  left: 0;
-}
-._2riDu table thead tr th:last-of-type {
-  position: sticky;
-  right: 0;
-  background-color: var(--color-white);
-}
-._2riDu table tbody tr td:last-of-type {
-  position: sticky;
-  right: 0;
-  z-index: 1;
-  background-color: var(--color-white);
-}
-._2riDu table tfoot tr td:last-of-type {
-  position: sticky;
-  right: 0;
-  z-index: 1;
-}
-._2riDu table tbody tr:first-of-type > td:last-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  right: -1px;
-  top: -1px;
-}
-._2riDu:not(._1735l) table tbody tr:last-of-type > td:last-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  right: -1px;
-  bottom: -1px;
-}
-._1Jszb:not(._1735l) table tbody tr:last-of-type > td:first-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  left: -1px;
-  bottom: -1px;
-}
-._1735l._2riDu table tfoot tr:last-of-type > td:last-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  right: -1px;
-  bottom: -1px;
-}
-._1735l._1Jszb table tfoot tr:last-of-type > td:first-of-type::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  left: -1px;
-  bottom: -1px;
-}
-@-webkit-keyframes _22OAU {
-  from {
-    box-shadow: inset 5px 0px 0px -5px #88888830;
-  }
-  to {
-    box-shadow: inset 5px 0px 9px -5px #88888830;
-  }
-}
-@keyframes _22OAU {
-  from {
-    box-shadow: inset 5px 0px 0px -5px #88888830;
-  }
-  to {
-    box-shadow: inset 5px 0px 9px -5px #88888830;
-  }
-}
-@-webkit-keyframes _2i_F1 {
-  from {
-    box-shadow: inset -5px 0px 0px -5px #88888830;
-  }
-  to {
-    box-shadow: inset -5px 0px 9px -5px #88888830;
-  }
-}
-@keyframes _2i_F1 {
-  from {
-    box-shadow: inset -5px 0px 0px -5px #88888830;
-  }
-  to {
-    box-shadow: inset -5px 0px 9px -5px #88888830;
-  }
-}
-._3S_6c {
-  height: calc(100% - 28px);
-  width: 20px;
-  position: absolute;
-  display: block;
-  transform-style: preserve-3d;
-  z-index: 2;
-  box-sizing: border-box;
-}
-._3Z4CV {
-  height: 100%;
-}
-._2Ww7z {
-  border: 1px solid var(--color-grey-200);
-  border-right: 0;
-  border-bottom-left-radius: 8px;
-  border-top-left-radius: 8px;
-  left: 0;
-  bottom: 0;
-  box-shadow: inset 5px 0px 9px -5px #88888830;
-  -webkit-animation: _22OAU 1s;
-          animation: _22OAU 1s;
-}
-._2Ww7z::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  left: -1px;
-  top: -1px;
-}
-._2Ww7z::before {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  left: -1px;
-  bottom: -1px;
-}
-._3UwN8 {
-  border: 1px solid var(--color-grey-200);
-  border-left: 0;
-  border-bottom-right-radius: 8px;
-  border-top-right-radius: 8px;
-  right: 0;
-  bottom: 0;
-  box-shadow: inset -5px 0px 9px -5px #88888830;
-  -webkit-animation: _2i_F1 1s;
-          animation: _2i_F1 1s;
-}
-._3UwN8::after {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  right: -1px;
-  top: -1px;
-}
-._3UwN8::before {
-  content: "";
-  width: 6px;
-  height: 1px;
-  position: absolute;
-  background: var(--color-white);
-  transform: translateZ(-1px);
-  right: -1px;
-  bottom: -1px;
-}
 ._1cDCR {
   flex: 1;
   display: "flex";
@@ -2815,6 +2561,14 @@ input:focus-visible + ._1i2AX {
   text-overflow: ellipsis;
 }
 
+._3LIBo {
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+
 ._2OGKE {
   display: block;
   text-align: center;
@@ -2852,6 +2606,12 @@ input:checked ~ ._23M9k {
 ._23M9k:hover {
   box-shadow: 0 0 8px var(--color-grey-200);
 }
+._BoPCr {
+  background: var(--color-grey-100);
+  box-shadow: none;
+  color: var(--color-grey-300);
+  pointer-events: none;
+}
 ._1r-Wg {
   line-height: normal;
   padding: 0;
@@ -2863,6 +2623,19 @@ input:checked ~ ._23M9k {
   font-size: 14px;
   min-height: 16px;
 }
+._3N9Vg {
+  color: var(--color-grey-300);
+}
+._2083y {
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+._14Zxw {
+  color: var(--color-grey-300);
+}
 ._1Clmp {
   position: relative;
 }