@7shifts/sous-chef 3.26.0 → 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

@@ -2561,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;
@@ -2598,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;
@@ -2609,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;
 }

package/dist/index.js

@@ -8703,15 +8703,18 @@ var useRadioGroupFieldContext = function useRadioGroupFieldContext() {
 
 var styles$V = {"label":"_1WGz2","label--truncate":"_mQ9Rd","radio-group-field__label":"_RXyG_"};
 
-var styles$W = {"label":"_1Tw96","label--truncate":"_1o8rK","radio-group-box-option":"_2OGKE","radio-group-box-option__box":"_23M9k","radio-group-box-option__label":"_1r-Wg"};
+var styles$W = {"label":"_1Tw96","label--truncate":"_1o8rK","caption":"_3LIBo","radio-group-box-option":"_2OGKE","radio-group-box-option__box":"_23M9k","radio-group-box-option__box--disabled":"_BoPCr","radio-group-box-option__label":"_1r-Wg","radio-group-box-option__label--disabled":"_3N9Vg","radio-group-box-option__caption":"_2083y","radio-group-box-option__caption--disabled":"_14Zxw"};
 
 var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
+  var _classNames, _classNames2, _classNames3;
+
   var value = _ref.value,
       inputId = _ref.id,
       label = _ref.label,
       caption = _ref.caption,
       testId = _ref.testId,
-      children = _ref.children;
+      children = _ref.children,
+      disabled = _ref.disabled;
   var radioGroupContext = useRadioGroupFieldContext();
   var id = useFieldId({
     name: radioGroupContext.name,
@@ -8727,9 +8730,9 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
     value: value,
     onChange: radioGroupContext.onChange,
     checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
-    disabled: radioGroupContext.disabled
+    disabled: radioGroupContext.disabled || disabled
   }), React__default.createElement("div", {
-    className: styles$W['radio-group-box-option__box']
+    className: classnames(styles$W['radio-group-box-option__box'], (_classNames = {}, _classNames[styles$W['radio-group-box-option__box--disabled']] = radioGroupContext.disabled || disabled, _classNames))
   }, React__default.createElement(Stack, {
     space: 16,
     alignItems: "center",
@@ -8738,9 +8741,9 @@ var RadioGroupBoxOption = function RadioGroupBoxOption(_ref) {
     space: 8,
     alignItems: "center"
   }, label && React__default.createElement("div", {
-    className: styles$W['radio-group-box-option__label']
-  }, label), caption && React__default.createElement(Caption, {
-    fieldId: id
+    className: classnames(styles$W['radio-group-box-option__label'], (_classNames2 = {}, _classNames2[styles$W['radio-group-box-option__label--disabled']] = radioGroupContext.disabled || disabled, _classNames2))
+  }, label), caption && React__default.createElement("div", {
+    className: classnames(styles$W['radio-group-box-option__caption'], (_classNames3 = {}, _classNames3[styles$W['radio-group-box-option__caption--disabled']] = radioGroupContext.disabled || disabled, _classNames3))
   }, caption)))));
 };
 
@@ -8751,7 +8754,8 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
       inputId = _ref.id,
       label = _ref.label,
       caption = _ref.caption,
-      testId = _ref.testId;
+      testId = _ref.testId,
+      disabled = _ref.disabled;
   var radioGroupContext = useRadioGroupFieldContext();
   var id = useFieldId({
     name: radioGroupContext.name,
@@ -8772,7 +8776,7 @@ var RadioGroupOption = function RadioGroupOption(_ref) {
     value: value,
     onChange: radioGroupContext.onChange,
     checked: radioGroupContext.value !== undefined ? radioGroupContext.value === value : undefined,
-    disabled: radioGroupContext.disabled
+    disabled: radioGroupContext.disabled || disabled
   }), React__default.createElement("span", {
     className: styles$X['radio-group-option__custom-input']
   })), label && React__default.createElement(Label, {