@7shifts/sous-chef 2.5.1 → 2.8.0

package/dist/feedback/Spinner/Spinner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare type Props = {
     size?: number;
-    theme?: 'mint' | 'disabled' | 'contrast';
+    theme?: 'mint' | 'disabled' | 'contrast' | 'pride';
     block?: boolean;
 };
 declare const Spinner: React.FC<Props>;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `CurrencyField` is like `TextField` but it auto-format the value when the user leaves the field.
+ *
+ * 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 & {
+    currencySymbol: string;
+} & Pick<TextFieldProps, "disabled" | "id" | "caption" | "label" | "error" | "onChange" | "name" | "value" | "onBlur" | "placeholder" | "autoFocus" | "onFocus" | "onKeyDown" | "defaultValue" | "autoComplete" | "maxLength"> & React.RefAttributes<HTMLInputElement>>;
+export default CurrencyField;

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

@@ -0,0 +1 @@
+export { default } from './CurrencyField';

package/dist/forms/DatePickerCalendar/DatePickerCalendar.d.ts

@@ -7,6 +7,8 @@ declare type Props = {
     onFocus: () => void;
     tabIndex: number;
     children: React.ReactNode;
+    showCalendar: boolean;
+    onClickOutside: () => void;
 };
 declare const DatePickerCalendar: React.FC<Props>;
 export default DatePickerCalendar;

package/dist/forms/DateRangeField/DateRangeField.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import { WeekStart, DateRange } from '../../utils/date';
+import { WeekStart, DateRange, BlockedDays } from '../../utils/date';
 declare type Props = {
     name: string;
     /** If not provided it will generate a random id so the label links properly with the text input */
     id?: string;
     value?: DateRange;
+    /** It disable some dates so the user can't click on them. Refer to this [doc](https://react-day-picker.js.org/api/types/matcher) to see what values you can use. */
+    disabledDays?: BlockedDays;
     /** Reference this for valid formats: https://date-fns.org/v2.18.0/docs/format */
     format?: string;
     onChange?: (e: DateRange) => void;

package/dist/forms/DateRangeField/FromDate/FromDate.d.ts

@@ -1,8 +1,9 @@
-import { WeekStart } from '../../../utils/date';
+import { WeekStart, BlockedDays } from '../../../utils/date';
 declare type Props = {
     name: string;
     id: string;
     format: string;
+    disabledDays?: BlockedDays;
     start?: Date;
     end?: Date;
     placeholder: string;
@@ -12,5 +13,5 @@ declare type Props = {
     onChange: (e: Date) => void;
     onDayClick: () => void;
 };
-declare const FromDate: ({ name, id, format, start, end, placeholder, weekStart, disabled, readOnly, onChange, onDayClick }: Props) => JSX.Element;
+declare const FromDate: ({ name, id, format, disabledDays, start, end, placeholder, weekStart, disabled, readOnly, onChange, onDayClick }: Props) => JSX.Element;
 export default FromDate;

package/dist/forms/DateRangeField/ToDate/ToDate.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { WeekStart } from '../../../utils/date';
+import { WeekStart, BlockedDays } from '../../../utils/date';
 declare type Props = {
     name: string;
     format: string;
+    disabledDays?: BlockedDays;
     start?: Date;
     end?: Date;
     placeholder: string;
@@ -10,6 +11,7 @@ declare type Props = {
     disabled?: boolean;
     readOnly: boolean;
     onChange: (e: Date) => void;
+    onBlur: () => void;
 };
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/forms/PercentageField/PercentageField.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `PercentageField` is an extended `TextField` input with validation and formatting in place to properly display percentage values.
+ * In its default state it only allows integers between 0 and 100, but it can be configured to allow decimals and negative values.
+ */
+declare const PercentageField: React.ForwardRefExoticComponent<{
+    max?: number | undefined;
+    min?: number | undefined;
+    precision?: number | undefined;
+    stepSize?: number | undefined;
+} & Pick<TextFieldProps, "disabled" | "id" | "caption" | "label" | "error" | "onChange" | "name" | "value" | "onBlur" | "placeholder" | "prefix" | "autoFocus" | "onFocus" | "onKeyDown" | "defaultValue" | "autoComplete"> & React.RefAttributes<HTMLInputElement>>;
+export default PercentageField;

package/dist/forms/PercentageField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './PercentageField';

package/dist/forms/index.d.ts

@@ -13,7 +13,9 @@ import DateField from './DateField';
 import DateRangeField from './DateRangeField';
 import WeekField from './WeekField';
 import TimeField from './TimeField';
-export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, PasswordField, MultiSelectField, SelectField, DateField, DateRangeField, WeekField, TimeField, SIZE_25_PERCENT, SIZE_33_PERCENT, SIZE_50_PERCENT, SIZE_66_PERCENT, SIZE_75_PERCENT };
+import CurrencyField from './CurrencyField';
+import PercentageField from './PercentageField';
+export { Form, FormRow, TextAreaField, TextField, CheckboxField, PillSelectField, RadioGroupField, RadioGroupOption, PasswordField, MultiSelectField, SelectField, DateField, DateRangeField, WeekField, TimeField, CurrencyField, PercentageField, 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 } from './SelectField/types';
 export type { FormikType } from './Form/types';

package/dist/icons/components/IconUniversity.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconSize } from '../types';
+declare type Props = {
+    size?: IconSize;
+    color?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconUniversity: {
+    (props: Props): JSX.Element;
+    displayName: string;
+};
+export default IconUniversity;

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

@@ -109,6 +109,7 @@ export { default as IconTimes } from './IconTimes';
 export { default as IconTrash } from './IconTrash';
 export { default as IconUnderline } from './IconUnderline';
 export { default as IconUndo } from './IconUndo';
+export { default as IconUniversity } from './IconUniversity';
 export { default as IconUserComputer } from './IconUserComputer';
 export { default as IconUserLight } from './IconUserLight';
 export { default as IconUserPlus } from './IconUserPlus';

package/dist/index.css

@@ -139,6 +139,10 @@ Please ask a designer if you have questions about which colours to use.
   stroke: #fff;
 }
 
+._e0OH1 {
+  stroke: url(#prideGradient);
+}
+
 @-webkit-keyframes _3ZqYM {
   0% {
     stroke-dashoffset: 187;
@@ -1785,7 +1789,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: default;
 }
 
-._276GV {
+._276GV:not(._3vJkw) {
   color: #c1c1c1;
   cursor: default;
 }
@@ -2003,7 +2007,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: default;
 }
 
-._CRqyX {
+._CRqyX:not(._2pgnH) {
   color: #c1c1c1;
   cursor: default;
 }
@@ -2331,7 +2335,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: default;
 }
 
-._1PIJa {
+._1PIJa:not(._1M4ZF) {
   color: #c1c1c1;
   cursor: default;
 }