@7shifts/sous-chef 2.15.8 → 2.16.0

package/dist/media/Avatar/Avatar.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     url?: string;
     badge?: React.ReactNode;
     alt?: string;
+    testId?: string;
 };
 declare const Avatar: React.FC<Props>;
 export default Avatar;

package/dist/media/Badge/Badge.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     theme?: 'success' | 'danger' | 'warning' | 'info';
     /** This will show a black tooltip when the user hover the button */
     title?: string;
+    testId?: string;
 };
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/media/Chip/Chip.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Theme } from './types';
+declare type Props = {
+    /** It is the body text of the Chip */
+    children: React.ReactNode;
+    theme?: Theme;
+    /** This is used for overriding the default data-testid */
+    testId?: string;
+};
+declare const Chip: ({ children, theme, testId }: Props) => JSX.Element;
+export default Chip;

package/dist/media/Chip/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const CHIP_THEME: {
+    MARKETING: "marketing";
+    SUCCESS: "success";
+    UPSELL: "upsell";
+    WARNING: "warning";
+    INFO: "info";
+    DANGER: "danger";
+};

package/dist/media/Chip/index.d.ts

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

package/dist/media/Chip/types.d.ts

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

package/dist/media/Pill/Pill.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+import { PillTheme } from './types';
+declare type Props = {
+    children: ReactNode;
+    theme?: PillTheme;
+    testId?: string;
+};
+declare const Pill: React.FC<Props>;
+export default Pill;

package/dist/media/Pill/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const PILL_THEME: {
+    INFO: "info";
+    SUCCESS: "success";
+    DANGER: "danger";
+    WARNING: "warning";
+    DEFAULT: "default";
+};

package/dist/media/Pill/index.d.ts

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

package/dist/media/Pill/types.d.ts

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

package/dist/media/index.d.ts

@@ -1,3 +1,5 @@
 import Badge from './Badge';
 import Avatar from './Avatar';
-export { Badge, Avatar };
+import Chip from './Chip';
+import Pill from './Pill';
+export { Badge, Avatar, Chip, Pill };

package/dist/overlay/Calendar/Calendar.d.ts

@@ -17,6 +17,7 @@ declare type Props = {
      * values you can use. */
     disabledDays?: BlockedDays;
     anchorRef: MutableRefObject<HTMLElement | null>;
+    testId?: string;
 };
 /**Calendar overlay component*/
 declare const Calendar: React.FC<Props>;

package/dist/overlay/Modal/Modal.d.ts

@@ -11,9 +11,10 @@ declare type Props = {
     height?: number;
     maxWidth?: number;
     shouldReturnFocusAfterClose?: boolean;
+    testId?: string;
 };
 declare const Modal: {
-    ({ children, header, subHeader, onClose, zIndex, rootElementId, width, height, maxWidth, shouldReturnFocusAfterClose }: Props): JSX.Element;
+    ({ children, header, subHeader, onClose, zIndex, rootElementId, width, height, maxWidth, shouldReturnFocusAfterClose, testId }: Props): JSX.Element;
     setAppElement(rootElement: string | HTMLElement): void;
 };
 export default Modal;

package/dist/overlay/Modal/ModalBody/ModalBody.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 declare type Props = {
     children: React.ReactNode;
+    testId?: string;
 };
-declare const ModalBody: ({ children }: Props) => JSX.Element;
+declare const ModalBody: ({ children, testId }: Props) => JSX.Element;
 export default ModalBody;

package/dist/overlay/Modal/ModalFooter/ModalFooter.d.ts

@@ -7,6 +7,7 @@ declare type Props = {
         secondary?: React.ReactElement;
         tertiary?: React.ReactElement;
     };
+    testId?: string;
 };
-declare const ModalFooter: ({ children, actions }: Props) => JSX.Element;
+declare const ModalFooter: ({ children, actions, testId }: Props) => JSX.Element;
 export default ModalFooter;

package/dist/overlay/Tooltip/Tooltip.d.ts

@@ -16,6 +16,7 @@ declare type Props = {
     onClose?: () => void;
     onVisibleChange?: (isVisible: boolean) => void;
     children: React.ReactElement;
+    testId?: string;
 };
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
 export default _default;

package/dist/overlay/Tooltip/TooltipOverlay/TooltipOverlay.d.ts

@@ -10,6 +10,7 @@ declare type Props = {
     onFocusIn: () => void;
     onFocusOut: () => void;
     extraClass?: string;
+    testId?: string;
 };
 declare const TooltipOverlay: React.FC<Props>;
 export default TooltipOverlay;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@7shifts/sous-chef",
-    "version": "2.15.8",
+    "version": "2.16.0",
     "description": "7shifts component library",
     "author": "7shifts",
     "license": "MIT",
@@ -28,7 +28,8 @@
         "test:watch": "react-scripts test --colors --transformIgnorePatterns \"node_modules/(?!time-autocomplete)/\" --env=jest-environment-jsdom-sixteen  --setupTestFrameworkScriptFile=./jestSetup.js",
         "test:visual": "chromatic --project-token=9226d55e4d56 --exit-zero-on-changes",
         "storybook": "start-storybook -p 6006",
-        "storybook:build": "build-storybook -o ./.storybook/dist"
+        "storybook:build": "build-storybook -o ./.storybook/dist",
+        "new:component": "node ./scripts/new-component.js"
     },
     "peerDependencies": {
         "react": ">16.0.0",
@@ -76,6 +77,7 @@
         "microbundle-crl": "^0.13.10",
         "npm-run-all": "^4.1.5",
         "prettier": "^2.0.4",
+        "prompt": "^1.3.0",
         "react": "^16.13.1",
         "react-dom": "^16.13.1",
         "react-scripts": "^3.4.1",