@7shifts/sous-chef 4.7.1 → 4.8.0

package/dist/empty_states/EmptyState/EmptyState.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { EmptyStateAsBanner, EmptyStateAsCard } from '../EmptyStateContainer/types';
 type Props = Omit<EmptyStateAsCard, 'isPaywall'> | Omit<EmptyStateAsBanner, 'isPaywall'>;
+/**
+ * EmptyState component renders a message or illustration when there is no data to display. Most commonly seen in first time interactions with a product or page, but also when data’s been deleted or unavailable.
+ */
 declare const EmptyState: (props: Props) => React.JSX.Element;
 export default EmptyState;

package/dist/empty_states/Paywall/Paywall.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import { EmptyStateAsBanner, EmptyStateAsCard } from '../EmptyStateContainer/types';
 type Props = Omit<EmptyStateAsCard, 'isPaywall'> | Omit<EmptyStateAsBanner, 'isPaywall'>;
+/**
+ * Paywall is a specialised empty state for content that is locked behind a paid plan or add-on the user does not currently have.
+ */
 declare const Paywall: (props: Props) => React.JSX.Element;
 export default Paywall;

package/dist/feedback/CircularProgress/CircularProgress.d.ts

@@ -5,5 +5,8 @@ type Props = {
     children?: React.ReactNode;
     testId?: string;
 };
+/**
+ * CircularProgress displays a circular track that fills as a count advances toward a total.
+ */
 declare const CircularProgress: ({ progress, maxValue, children, testId }: Props) => React.JSX.Element;
 export default CircularProgress;

package/dist/feedback/InlineBanner/InlineBanner.d.ts

@@ -19,5 +19,8 @@ type Props = {
     secondaryButton?: React.ReactElement;
     testId?: string;
 } & PositionStyles;
+/**
+ * InlineBanner displays a contextual message inline within a page or section.
+ */
 declare const InlineBanner: React.FC<Props>;
 export default InlineBanner;

package/dist/feedback/MicroBanner/MicroBanner.d.ts

@@ -15,5 +15,8 @@ type Props = {
     primaryButton?: React.ReactElement;
     testId?: string;
 } & PositionStyles & DataProps;
+/**
+ * MicroBanner is a compact notification component for tight spaces (like top bars).
+ */
 declare const MicroBanner: React.FC<Props>;
 export default MicroBanner;

package/dist/feedback/PersistentBanner/PersistentBanner.d.ts

@@ -9,5 +9,8 @@ type Props = {
     testId?: string;
     children: React.ReactNode;
 };
+/**
+ * PersistentBanner displays a full-width message above the main navigation.
+ */
 declare const PersistentBanner: ({ theme, children, primaryButton, secondaryButton, onDismiss, onLoad, testId }: Props) => React.JSX.Element;
 export default PersistentBanner;

package/dist/feedback/ProgressBar/ProgressBar.d.ts

@@ -5,5 +5,8 @@ type Props = {
     testId?: string;
     steps?: string[];
 };
+/**
+ * ProgressBar shows a horizontal bar that fills as a task advances.
+ */
 declare const ProgressBar: ({ progress, maxValue, testId, steps }: Props) => React.JSX.Element;
 export default ProgressBar;

package/dist/feedback/Skeleton/Skeleton.d.ts

@@ -10,5 +10,8 @@ type Props = {
     width?: string | number;
     testId?: string;
 } & PositionStyles;
+/**
+ * Skeleton renders an animated placeholder that mirrors the shape of content while it is loading.
+ */
 declare const Skeleton: ({ as, testId, width, height, ...positionStyles }: Props) => React.JSX.Element;
 export default Skeleton;

package/dist/forms/ColorField/ColorField.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
 import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * ColorField is a text field that allows the user to select a color from a palette of sequential colors or a custom color picker.
+ */
 declare const ColorField: React.ForwardRefExoticComponent<{
     /** When true, allows the user to select a custom color */
     allowCustomColor?: boolean | undefined;

package/dist/forms/FormFeedback/FormFeedback.d.ts

@@ -4,5 +4,8 @@ type Props = {
     fieldId?: string;
     testId?: string;
 };
+/**
+ * FormFeedback displays contextual feedback for a form field, such as an error message or validation message.
+ */
 declare const FormFeedback: ({ children, fieldId, testId }: Props) => React.JSX.Element;
 export default FormFeedback;

package/dist/forms/FormFooter/FormFooter.d.ts

@@ -8,5 +8,8 @@ type Props = {
     };
     testId?: string;
 };
+/**
+ * FormFooter is meant to be used as the footer of a form, and it contains actions (primary, secondary, tertiary).
+ */
 declare const FormFooter: ({ children, actions, testId }: Props) => React.JSX.Element;
 export default FormFooter;

package/dist/forms/FormSection/FormSection.d.ts

@@ -8,5 +8,8 @@ type Props = {
     /** When set `as="card"` it will render the form section in a card */
     as?: 'card';
 };
+/**
+ * FormSection is a component that groups related form fields together, optionally with a title and subtitle. It can also be rendered as a card for visual separation.
+ */
 declare const FormSection: ({ children, title, subtitle, noMargin, testId, as }: Props) => React.JSX.Element;
 export default FormSection;

package/dist/forms/PhoneField/PhoneField.d.ts

@@ -19,5 +19,8 @@ export type Props = {
     defaultCountry?: CountryCode;
     priorityCountries?: CountryCode[];
 };
+/**
+ * PhoneField is a text field that allows the user to input a phone number, with an optional country selector for international numbers.
+ */
 declare const PhoneField: ({ disabledCountry, priorityCountries, ...props }: Props) => React.JSX.Element;
 export default PhoneField;

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

@@ -25,7 +25,9 @@ export type Props = {
     value?: string;
     testId?: string;
 } & DataProps;
-/** A basic open input field used to get text from the user, with options to add a prefix or suffix element if necessary. Accepts any characters, so do not use it if you want to limit the format of the input to numbers only.  */
+/**
+ * TextField is a basic open input field used to get text from the user, with options to add a prefix or suffix element if necessary. Accepts any characters, so do not use it if you want to limit the format of the input to numbers only.
+ */
 declare const TextField: React.ForwardRefExoticComponent<{
     autoComplete?: AutoCompleteType | undefined;
     autoFocus?: boolean | undefined;

package/dist/forms/WeekSelectField/WeekSelectField.d.ts

@@ -13,5 +13,8 @@ type Props = {
     displayFormat?: 'weekday' | 'month';
     testId?: string;
 };
+/**
+ * WeekSelectField is a form field that allows the user to select one or more days from a week, displayed as pill-shaped buttons.
+ */
 declare const WeekSelectField: ({ name, id: inputId, days, value: controlledValue, onChange, label, caption, error: errorProp, disabled, displayFormat, testId }: Props) => React.JSX.Element;
 export default WeekSelectField;

package/dist/icons/components/arrows/IconArrowLeftRight.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconSize, IconVariant } from '../../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+    variant?: IconVariant;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconArrowLeftRight: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconArrowLeftRight;

package/dist/icons/components/arrows/index.d.ts

@@ -1,6 +1,7 @@
 export { default as IconArrowDown } from './IconArrowDown';
 export { default as IconArrowDownWideShort } from './IconArrowDownWideShort';
 export { default as IconArrowLeft } from './IconArrowLeft';
+export { default as IconArrowLeftRight } from './IconArrowLeftRight';
 export { default as IconArrowRight } from './IconArrowRight';
 export { default as IconArrowToTop } from './IconArrowToTop';
 export { default as IconArrowTurnDownRight } from './IconArrowTurnDownRight';

package/dist/icons/components/communication/IconLanguage.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconSize, IconVariant } from '../../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+    variant?: IconVariant;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconLanguage: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconLanguage;

package/dist/icons/components/communication/index.d.ts

@@ -5,6 +5,7 @@ export { default as IconCameraSlash } from './IconCameraSlash';
 export { default as IconComment } from './IconComment';
 export { default as IconCommentLines } from './IconCommentLines';
 export { default as IconEnvelope } from './IconEnvelope';
+export { default as IconLanguage } from './IconLanguage';
 export { default as IconMessages } from './IconMessages';
 export { default as IconMicrophone } from './IconMicrophone';
 export { default as IconMobile } from './IconMobile';

package/dist/icons/components/controls/IconInputText.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconSize, IconVariant } from '../../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+    variant?: IconVariant;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconInputText: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconInputText;

package/dist/icons/components/controls/IconListRadio.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IconSize, IconVariant } from '../../types';
+type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+    variant?: IconVariant;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconListRadio: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconListRadio;

package/dist/icons/components/controls/index.d.ts

@@ -13,10 +13,12 @@ export { default as IconFile } from './IconFile';
 export { default as IconGripVertical } from './IconGripVertical';
 export { default as IconHouse } from './IconHouse';
 export { default as IconImage } from './IconImage';
+export { default as IconInputText } from './IconInputText';
 export { default as IconItalic } from './IconItalic';
 export { default as IconLink } from './IconLink';
 export { default as IconList } from './IconList';
 export { default as IconListOl } from './IconListOl';
+export { default as IconListRadio } from './IconListRadio';
 export { default as IconLock } from './IconLock';
 export { default as IconMemoMagnifyingGlass } from './IconMemoMagnifyingGlass';
 export { default as IconMinus } from './IconMinus';

package/dist/index.css

@@ -6041,7 +6041,7 @@ input._TEU6N {
   color: var(--color-upsell-on-container);
 }
 ._4M-yZ {
-  min-width: 40px;
+  /* min-width: 40px; */
 }
 ._6bVLs {
   display: flex;