@7shifts/sous-chef 1.5.8 → 1.5.9

package/dist/actions/PaginationControls/PaginationControls.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     hasNext?: boolean;
     onPreviousClick: () => void;
     onNextClick: () => void;
+    testId?: string;
 };
 /**
  * `PaginationControls` are two buttons side by side.

package/dist/controls/ToolbarSelect/ToolbarSelect.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { SelectOption, SelectOptions } from '../../forms/SelectField/types';
+declare type Props<T> = {
+    name: string;
+    value?: SelectOption<T>;
+    placeholder?: string;
+    options: SelectOptions<T>;
+    onChange?: (e: SelectOption<T>) => void;
+    onBlur?: (e: SelectOption<T>) => void;
+    disabled?: boolean;
+    /** Use a prefix for things like icons or symbols (“$”, “¥”, “£”). */
+    prefix: React.ReactNode;
+    testId?: string;
+};
+/** Toolbar component to make a possible selection from predefined options. */
+declare const ToolbarSelect: <T extends unknown>({ name, value, options, onChange, onBlur, placeholder, disabled, prefix, testId }: Props<T>) => JSX.Element;
+export default ToolbarSelect;

package/dist/controls/ToolbarSelect/ToolbarSelect.styles.d.ts

@@ -0,0 +1,5 @@
+declare type GetSelectStylesControls = {
+    wrapToNextLine?: boolean;
+};
+export declare const getSelectStyles: ({ wrapToNextLine }: GetSelectStylesControls) => Object;
+export {};

package/dist/controls/ToolbarSelect/index.d.ts

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

package/dist/controls/index.d.ts

@@ -0,0 +1,2 @@
+import ToolbarSelect from './ToolbarSelect';
+export { ToolbarSelect };

package/dist/core/DataTableRow/DataTableRowActions/DataTableRowActions.d.ts

@@ -0,0 +1,6 @@
+import type { Action } from '../../DataTable/types';
+declare type Props = {
+    actions: Action[];
+};
+declare const ActionsCell: ({ actions }: Props) => JSX.Element;
+export default ActionsCell;

package/dist/core/DataTableRow/DataTableRowActions/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import { InlineBannerTheme } from '../types';
+import React from 'react';
+declare type ButtonCTAProps = {
+    button: React.ReactElement;
+    bannerTheme: InlineBannerTheme;
+    primaryCTA?: boolean;
+};
+/** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
+declare const ButtonCTA: ({ button, bannerTheme, primaryCTA }: ButtonCTAProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+export default ButtonCTA;

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { InlineBannerTheme } from './types';
+declare type Props = {
+    children: React.ReactNode;
+    theme?: InlineBannerTheme;
+    title?: string;
+    onClose?: () => void;
+    caption?: string;
+    primaryButton?: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    testId?: string;
+};
+declare const InlineBanner: React.FC<Props>;
+export default InlineBanner;

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { InlineBannerTheme } from '../types';
+declare type Props = {
+    primaryButton: React.ReactElement;
+    secondaryButton?: React.ReactElement;
+    caption?: string;
+    multiLine: boolean;
+    bannerTheme: InlineBannerTheme;
+};
+declare const InlineBannerCTA: ({ primaryButton, secondaryButton, caption, multiLine, bannerTheme }: Props) => JSX.Element;
+export default InlineBannerCTA;

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

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

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

@@ -0,0 +1,6 @@
+import { InlineBannerTheme } from '../types';
+declare type BannerIconProps = {
+    theme: InlineBannerTheme;
+};
+declare const InlineBannerIcon: ({ theme }: BannerIconProps) => JSX.Element;
+export default InlineBannerIcon;

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

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

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

@@ -0,0 +1,11 @@
+export declare const BANNER_THEME: {
+    INFO: "info";
+    WARNING: "warning";
+    SUCCESS: "success";
+    DANGER: "danger";
+    UPSELL: "upsell";
+};
+export declare const BUTTON_THEME: {
+    HOLLOW: "hollow";
+    UPSELL: "upsell";
+};

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

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

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

@@ -0,0 +1 @@
+export declare type InlineBannerTheme = 'info' | 'warning' | 'success' | 'danger' | 'upsell';

package/dist/forms/AsyncSelectField/AsyncSelectField.d.ts

@@ -0,0 +1,14 @@
+import type { Props as SelectProps } from '../SelectField/SelectField';
+import { AsyncSelectOptions } from './types';
+declare type Props<T> = {
+    /** It is a function that takes the input search as parameter and returns a Promise with all the options and if there are more options to load. If it brings all the options on the first load, it won't call the `loadOptions` to perform the search. */
+    loadOptions: (inputValue: string) => Promise<AsyncSelectOptions<T>>;
+    /** It fires `loadOptions` again if this key value changes. Used when it depends on other fields to load its options */
+    key?: string | number;
+} & Omit<SelectProps<T>, 'options'>;
+/**
+ * Component to make possible choose from async options. It looks exactly as the [SelectField](./?path=/docs/forms-selectfield--default) but, this one handle asynchronous options.
+ * Instead of passing a `options` props, this component requires a `loadOptions` prop.
+ * */
+declare const AsyncSelectField: <T extends unknown>({ loadOptions, ...props }: Props<T>) => JSX.Element;
+export default AsyncSelectField;

package/dist/forms/AsyncSelectField/CustomList/CustomList.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import { components } from 'react-select';
+declare type Props = ComponentProps<typeof components.MenuList> & {
+    hasMoreOptions: boolean;
+    hasMoreOptionsFirstLoad: boolean | null | undefined;
+};
+declare const CustomList: ({ children, hasMoreOptions, hasMoreOptionsFirstLoad, ...props }: Props) => JSX.Element;
+export default CustomList;

package/dist/forms/AsyncSelectField/CustomList/index.d.ts

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

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

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

package/dist/forms/AsyncSelectField/types.d.ts

@@ -0,0 +1,5 @@
+import { SelectOptions } from '../SelectField/types';
+export declare type AsyncSelectOptions<T> = {
+    options: SelectOptions<T>;
+    hasMore: boolean;
+};

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" | "testId" | "caption" | "label" | "name" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "error" | "value" | "placeholder" | "autoFocus" | "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/Label/domain.d.ts

@@ -0,0 +1 @@
+export declare const isEllipsisActive: (e: HTMLElement) => boolean;

package/dist/forms/Label/useLabelTooltip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type UseLabelTooltip = {
+    showTooltip: boolean;
+    shouldTruncate: boolean;
+};
+export declare const useLabelTooltip: (labelId: string, tooltipContent: React.ReactNode) => UseLabelTooltip;
+export {};

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" | "testId" | "caption" | "label" | "name" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "error" | "value" | "placeholder" | "prefix" | "autoFocus" | "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/SelectField/domain.d.ts

@@ -0,0 +1,5 @@
+/**
+ * This helper method helps to check if the user is scrolling inside the select options so,
+ * it does not close the menu when using the prop menuShouldScrollIntoView
+ **/
+export declare const isScrollingTheSelectMenu: (element: HTMLElement) => boolean;

package/dist/forms/SelectField/useSelectField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Props } from './SelectField';
+export declare const useSelectField: <T extends unknown>({ asToolbarFilter, caption, disabled, error, id, isClearable, label, menuShouldScrollIntoView, name, noOptionsMessage, options, onBlur, onChange, placeholder, value, defaultValue, CustomOption: UserCustomOption, SelectedOptionPrefix, testId }: Props<T>) => {
+    selectProps: Pick<import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>, React.ReactText> & import("react-select/src/stateManager").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>> & import("react-select").Props<import("react-select").OptionTypeBase, boolean, import("react-select").GroupTypeBase<any>>;
+    fieldProps: {
+        caption: React.ReactNode;
+        error: React.ReactNode;
+        id: string;
+        label: React.ReactNode;
+        name: string;
+    };
+};

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { RefType } from '../../utils/types';
+import type { Props } from './TextField';
+declare 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) => {
+    inputProps: {
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        autoComplete: "on" | "off" | undefined;
+        autoFocus: boolean | undefined;
+        className: string;
+        'data-testid': string;
+        disabled: boolean | undefined;
+        defaultValue: string | undefined;
+        id: string;
+        maxLength: number | undefined;
+        name: string;
+        onBlur: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onChange: (e: import("react").ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onFocus: (e: import("react").FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        onKeyDown: (e: import("react").KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+        placeholder: string | undefined;
+        ref: RefType<HTMLInputElement>;
+        size: number;
+        type: string;
+        value: string | undefined;
+    };
+    fieldProps: {
+        caption: import("react").ReactNode;
+        error: import("react").ReactNode;
+        label: import("react").ReactNode;
+        id: string;
+        name: string;
+    };
+};
+export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Props as TextFieldProps } from '../TextField/TextField';
+/**
+ * `TimeField` are 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 TimeField: React.ForwardRefExoticComponent<Pick<TextFieldProps, "disabled" | "id" | "testId" | "caption" | "label" | "name" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "error" | "value" | "placeholder" | "autoFocus" | "defaultValue" | "autoComplete" | "maxLength"> & React.RefAttributes<HTMLInputElement>>;
+export default TimeField;

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

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

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconAnalytics: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconAnalytics;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconArrowDown: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconArrowDown;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconArrowLeft: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconArrowLeft;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconArrowRight: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconArrowRight;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconArrowToTop: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconArrowToTop;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconArrowUp: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconArrowUp;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconAward: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconAward;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBalanceScale: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBalanceScale;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBalanceScaleLeft: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBalanceScaleLeft;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBan: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBan;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBarsH: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBarsH;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBarsV: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBarsV;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBell: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBell;

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

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

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBold: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBold;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBolt: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBolt;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBook: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBook;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBriefcase: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBriefcase;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconBullseyeArrow: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconBullseyeArrow;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalculator: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalculator;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalendar: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalendar;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalendarAlt: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalendarAlt;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalendarCheck: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalendarCheck;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalendarDay: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalendarDay;

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

@@ -3,9 +3,10 @@ import { IconSize } from '../types';
 declare type Props = {
     size?: IconSize;
     color?: string;
+    testId?: string;
 } & React.SVGProps<SVGSVGElement>;
 declare const IconCalendarExclamation: {
-    (props: Props): JSX.Element;
+    ({ testId, ...props }: Props): JSX.Element;
     displayName: string;
 };
 export default IconCalendarExclamation;

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

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