@7shifts/sous-chef 3.35.0-beta.3 → 3.35.0-beta.5

package/dist/forms/CurrencyField/CurrencyField.d.ts

@@ -5,7 +5,27 @@ import type { Props as TextFieldProps } from '../TextField/TextField';
  *
  * At the end, it is just a string formatted nicely. **You are in charge of validating the value and parsing it back to a value that you can use on your application**.
  */
-declare const CurrencyField: React.ForwardRefExoticComponent<TextFieldProps & {
+declare const CurrencyField: React.ForwardRefExoticComponent<{
+    autoComplete?: ("on" | "off") | undefined;
+    autoFocus?: boolean | undefined;
+    caption?: React.ReactNode;
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: React.ReactNode;
+    id?: string | undefined;
+    label?: React.ReactNode;
+    maxLength?: number | undefined;
+    name: string;
+    onBlur?: ((value: string) => void) | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onFocus?: ((value: string) => void) | undefined;
+    onKeyDown?: ((key: string) => void) | undefined;
+    placeholder?: string | undefined;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    value?: string | undefined;
+    testId?: string | undefined;
+} & import("../../foundation/types").DataProps & {
     currencySymbol: string;
     step?: number | undefined;
 } & Omit<TextFieldProps, "prefix" | "suffix"> & React.RefAttributes<HTMLInputElement>>;

package/dist/forms/Field/Field.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { DataProps } from '../../foundation/types';
 type Props = {
     id: string;
     label?: React.ReactNode;
@@ -6,6 +7,6 @@ type Props = {
     error?: React.ReactNode;
     children: React.ReactNode;
     testId?: string;
-};
+} & DataProps;
 declare const Field: React.FC<Props>;
 export default Field;

package/dist/forms/TextField/TextField.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { DataProps } from '../../foundation/types';
 type AutoCompleteType = 'off' | 'on';
 export type Props = {
     autoComplete?: AutoCompleteType;
@@ -23,6 +24,29 @@ export type Props = {
     suffix?: React.ReactNode;
     value?: string;
     testId?: string;
-};
-declare const TextField: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+} & DataProps;
+declare const TextField: React.ForwardRefExoticComponent<{
+    autoComplete?: AutoCompleteType | undefined;
+    autoFocus?: boolean | undefined;
+    caption?: React.ReactNode;
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: React.ReactNode;
+    /** If not provided it will generate a random id so the label links properly with the text input */
+    id?: string | undefined;
+    label?: React.ReactNode;
+    maxLength?: number | undefined;
+    name: string;
+    onBlur?: ((value: string) => void) | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onFocus?: ((value: string) => void) | undefined;
+    onKeyDown?: ((key: string) => void) | undefined;
+    placeholder?: string | undefined;
+    /** Use a prefix for things like currency symbols (“$”, “¥”, “£”) or icons. */
+    prefix?: React.ReactNode;
+    /** Use suffix for things like units of measure (“in”, “cm”, ”hours”) or icons. */
+    suffix?: React.ReactNode;
+    value?: string | undefined;
+    testId?: string | undefined;
+} & DataProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/forms/TextField/useTextField.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { RefType } from '../../utils/types';
 import type { Props } from './TextField';
+import type { DataProps } from '../../foundation/types';
 type UseTextFieldProps = Props & {
     ref: RefType<HTMLInputElement>;
-};
-export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, onFocus, onKeyDown, placeholder, value, ref, testId }: UseTextFieldProps) => {
+} & DataProps;
+export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, disabled, error, id, maxLength, name, caption, label, onBlur, onChange, onFocus, onKeyDown, placeholder, value, ref, testId, ...dataProps }: UseTextFieldProps) => {
     inputProps: {
         'aria-describedby': string;
         'aria-invalid': boolean;
@@ -28,6 +29,8 @@ export declare const useTextField: ({ autoComplete, autoFocus, defaultValue, dis
         value: string | undefined;
     };
     fieldProps: {
+        prefix?: import("react").ReactNode;
+        suffix?: import("react").ReactNode;
         caption: import("react").ReactNode;
         error: import("react").ReactNode;
         label: import("react").ReactNode;

package/dist/forms/TimeField/TimeField.d.ts

@@ -9,7 +9,27 @@ type Props = TextFieldProps & {
     endField?: boolean;
     duration?: string;
 };
-export declare const TimeRangeSelector: React.ForwardRefExoticComponent<TextFieldProps & {
+export declare const TimeRangeSelector: React.ForwardRefExoticComponent<{
+    autoComplete?: ("on" | "off") | undefined;
+    autoFocus?: boolean | undefined;
+    caption?: React.ReactNode;
+    defaultValue?: string | undefined;
+    disabled?: boolean | undefined;
+    error?: React.ReactNode;
+    id?: string | undefined;
+    label?: React.ReactNode;
+    maxLength?: number | undefined;
+    name: string;
+    onBlur?: ((value: string) => void) | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onFocus?: ((value: string) => void) | undefined;
+    onKeyDown?: ((key: string) => void) | undefined;
+    placeholder?: string | undefined;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    value?: string | undefined;
+    testId?: string | undefined;
+} & import("../../foundation/types").DataProps & {
     onClick?: (() => void) | undefined;
     interval?: TimeInterval | undefined;
     startTime?: string | undefined;

package/dist/index.js

@@ -5013,17 +5013,19 @@ var ErrorMessage = function ErrorMessage(_ref) {
   }), children));
 };
 
+var _excluded$2q = ["id", "label", "caption", "error", "children"];
 var Field = function Field(_ref) {
   var id = _ref.id,
     label = _ref.label,
     caption = _ref.caption,
     error = _ref.error,
-    children = _ref.children;
+    children = _ref.children,
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
   var shouldRenderLabel = label || typeof label === 'string';
-  return React__default.createElement(Stack, {
+  return React__default.createElement(Stack, _extends({
     space: 8,
     flexItems: true
-  }, shouldRenderLabel && React__default.createElement(Label, {
+  }, dataProps), shouldRenderLabel && React__default.createElement(Label, {
     htmlFor: id
   }, label), children, caption && React__default.createElement(Caption, {
     fieldId: id
@@ -5138,6 +5140,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
 
 var styles$k = {"text-field":"_3BVGA","text-field--invalid":"_FLffs","text-field--prefixed":"_3qeO1","text-field--suffixed":"_3QPln"};
 
+var _excluded$2r = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
   var _classnames;
   var autoComplete = _ref.autoComplete,
@@ -5157,7 +5160,8 @@ var useTextField = function useTextField(_ref) {
     placeholder = _ref.placeholder,
     value = _ref.value,
     ref = _ref.ref,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    dataProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
   var controllers = useFieldControllers({
     error: error,
     id: id,
@@ -5191,13 +5195,13 @@ var useTextField = function useTextField(_ref) {
     type: 'text',
     value: controllers.value
   };
-  var fieldProps = {
+  var fieldProps = _extends({
     caption: caption,
     error: controllers.error,
     label: label,
     id: inputProps.id,
     name: name
-  };
+  }, dataProps);
   return {
     inputProps: inputProps,
     fieldProps: fieldProps
@@ -5278,7 +5282,7 @@ var TimeFieldInput = function TimeFieldInput(_ref) {
   })));
 };
 
-var _excluded$2q = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
+var _excluded$2s = ["placeholder", "autoComplete", "selectedTimeOption", "prefix", "startTime", "duration"];
 var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
   var _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? '9:00 AM' : _ref$placeholder,
@@ -5287,7 +5291,7 @@ var TimeFieldDropdownElement = function TimeFieldDropdownElement(_ref, ref) {
     selectedTimeOption = _ref.selectedTimeOption,
     prefix = _ref.prefix,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2q);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       placeholder: placeholder,
       autoComplete: autoComplete,
@@ -5579,7 +5583,7 @@ var ALIGNMENTS = {
 
 var styles$p = {"text":"_32amZ","text__body":"_ayJRy","text__caption":"_3g1gi","text__insight":"_20Phg","text--bold":"_A0AyZ","text--italic":"_3jayQ","text--underline":"_GOcFw","text--monospace":"_3TfGK","text--align-left":"_b8gto","text--align-right":"_ecyH1","text--align-center":"_xBgXc","text--align-justify":"_280D5"};
 
-var _excluded$2r = ["children", "as", "emphasis", "alignment", "color", "testId"];
+var _excluded$2t = ["children", "as", "emphasis", "alignment", "color", "testId"];
 var Text = function Text(_ref) {
   var _classnames;
   var children = _ref.children,
@@ -5589,7 +5593,7 @@ var Text = function Text(_ref) {
     alignment = _ref.alignment,
     color = _ref.color,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2r);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
   var positionStyles = usePositionStyles(positionProps);
   var elementProps = {
     style: _extends({
@@ -5795,7 +5799,7 @@ var KebabMenu = function KebabMenu(_ref) {
 
 var styles$q = {"card":"_2o1ez","card__body":"_1PFiJ","card__body--interactive":"_3dQzA","card--focus":"_5dJZO","card__body--focus":"_DWgI_","card__body--disabled":"_24dNX","card__body--with-kebab":"_2LVaD","card__kebab":"_L9ZA7","card__kebab--disabled":"_5YidV"};
 
-var _excluded$2s = ["children", "onClick", "isSelected", "disabled", "actions", "testId"];
+var _excluded$2u = ["children", "onClick", "isSelected", "disabled", "actions", "testId"];
 var Card = function Card(_ref) {
   var _classnames, _classnames2, _classnames3;
   var children = _ref.children,
@@ -5806,7 +5810,7 @@ var Card = function Card(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     actions = _ref.actions,
     testId = _ref.testId,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2s);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
   var _getPositionProps = getPositionProps(rest),
     positionProps = _getPositionProps.positionProps,
     otherProps = _getPositionProps.otherProps;
@@ -6146,14 +6150,14 @@ var SKELETON_COMPONENT = {
   PILL: 'pill'
 };
 
-var _excluded$2t = ["as", "testId", "width", "height"];
+var _excluded$2v = ["as", "testId", "width", "height"];
 var Skeleton = function Skeleton(_ref) {
   var _classnames;
   var as = _ref.as,
     testId = _ref.testId,
     width = _ref.width,
     height = _ref.height,
-    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2t);
+    positionStyles = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
   var positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
@@ -6625,7 +6629,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
 
 var styles$H = {"check-box-field":"_2Rbk6","check-box-field__caption":"_1GW-E","check-box-field__custom-input":"_2W10t"};
 
-var _excluded$2u = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$2w = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -6637,7 +6641,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2u);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -6706,7 +6710,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$I = {"hint-modal":"_1b47y","hint-modal--after-open":"_2MB4p","hint-modal--before-close":"_3VYQo","hint-modal__overlay":"_3Enme","hint-modal__image":"_2Nn7v","hint-modal__body":"_bzN9e","hint-modal__close-button":"_3xbis"};
 
-var _excluded$2v = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$2x = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -6715,7 +6719,7 @@ var HintModal = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2v);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var _useState = React.useState(false),
     doNotShowAgain = _useState[0],
     setDoNotShowAgain = _useState[1];
@@ -6939,7 +6943,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = React.forwardRef(DataTableEditableCellElement);
 
-var _excluded$2w = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$2y = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -6951,7 +6955,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     _ref$hasDefaultCell = _ref.hasDefaultCell,
     hasDefaultCell = _ref$hasDefaultCell === void 0 ? true : _ref$hasDefaultCell,
     testId = _ref.testId,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
   var styleNames = classnames(styles$z['item'], (_classnames = {}, _classnames[styles$z['clickable']] = onClick, _classnames[styles$z['selected']] = isSelected, _classnames));
@@ -7363,11 +7367,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$M = {"custom-control":"_1JTKu"};
 
-var _excluded$2x = ["children"];
+var _excluded$2z = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default.createElement("div", {
@@ -7384,10 +7388,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$2y = ["children"];
+var _excluded$2A = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(Select.components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -7541,10 +7545,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$N = {"custom-menu-text-field":"_2bu6-","custom-menu-hr":"_1cgU7","custom-menu-div":"_1khlU"};
 
-var _excluded$2z = ["children"];
+var _excluded$2B = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -8263,11 +8267,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$2A = ["prefix", "suffix"];
+var _excluded$2C = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -8855,12 +8859,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$11 = {"custom-list":"_12jq3"};
 
-var _excluded$2B = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2D = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
     showFooter = hasMoreOptionsFirstLoad;
@@ -8872,10 +8876,10 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$2C = ["loadOptions"];
+var _excluded$2E = ["loadOptions"];
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var _useState = React.useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -9685,7 +9689,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2D = ["interval", "startTime", "prefix", "endField", "duration"];
+var _excluded$2F = ["interval", "startTime", "prefix", "endField", "duration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -9694,7 +9698,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = React.useState(allOtherProps.defaultValue),
@@ -9878,13 +9882,13 @@ var styles$14 = {"currency-field__mask-display":"_2K8Ob"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$2E = ["currencySymbol", "step"];
+var _excluded$2G = ["currencySymbol", "step"];
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
   var _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 0.01 : _ref$step,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var _useState = React.useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -9948,7 +9952,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
 };
 var CurrencyField = React.forwardRef(CurrencyFieldElement);
 
-var _excluded$2F = ["max", "min", "precision", "stepSize", "prefix"];
+var _excluded$2H = ["max", "min", "precision", "stepSize", "prefix"];
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
     max = _ref$max === void 0 ? 100 : _ref$max,
@@ -9959,7 +9963,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     _ref$stepSize = _ref.stepSize,
     stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
     prefix = _ref.prefix,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -10938,12 +10942,12 @@ var CountrySelector = function CountrySelector(_ref) {
   }))));
 };
 
-var _excluded$2G = ["disabledCountry"];
+var _excluded$2I = ["disabledCountry"];
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var inputRef = React.useRef(null);
   var _usePhoneField = usePhoneField(_extends({}, props, {
       ref: inputRef
@@ -11028,14 +11032,14 @@ var PhoneField = function PhoneField(_ref) {
 
 var styles$17 = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf"};
 
-var _excluded$2H = ["children", "theme", "title", "testId"];
+var _excluded$2J = ["children", "theme", "title", "testId"];
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
     title = _ref.title,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   React.useLayoutEffect(function () {