@7shifts/sous-chef 3.36.3 → 3.38.0

package/README.md

@@ -48,7 +48,6 @@ class Example extends Component {
 ## Documentation
 
 You can find the components documentation in [here](https://zeroheight.com/31613d024/p/94f423-introducing-sous-chef--components).
-just to trigger a CI
 
 ## Contributing
 

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EmptyStateProps } from '../EmptyStateContainer/types';
-type Props = Omit<EmptyStateProps, 'isPaywall'>;
-declare const EmptyState: ({ header, title, children, mediaUrl, actions, caption, size, testId }: Props) => React.JSX.Element;
+import { EmptyStateAsBanner, EmptyStateAsCard } from '../EmptyStateContainer/types';
+type Props = Omit<EmptyStateAsCard, 'isPaywall'> | Omit<EmptyStateAsBanner, 'isPaywall'>;
+declare const EmptyState: (props: Props) => React.JSX.Element;
 export default EmptyState;

package/dist/empty_states/EmptyStateContainer/types.d.ts

@@ -22,3 +22,10 @@ export type EmptyStateProps = {
     /** This is used for setting a data-testid on the component*/
     testId?: string;
 };
+export type EmptyStateAsCard = {
+    as?: 'card';
+    onClose?: () => void;
+} & EmptyStateProps;
+export type EmptyStateAsBanner = {
+    as?: 'banner';
+} & EmptyStateProps;

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

@@ -1,4 +1,5 @@
 import React from 'react';
-import { EmptyStateProps } from '../EmptyStateContainer/types';
-declare const Paywall: ({ header, title, children, mediaUrl, actions, size, caption, testId }: Omit<EmptyStateProps, 'isPaywall'>) => React.JSX.Element;
+import { EmptyStateAsBanner, EmptyStateAsCard } from '../EmptyStateContainer/types';
+type Props = Omit<EmptyStateAsCard, 'isPaywall'> | Omit<EmptyStateAsBanner, 'isPaywall'>;
+declare const Paywall: (props: Props) => React.JSX.Element;
 export default Paywall;

package/dist/i18n/locales/en.json

@@ -33,5 +33,8 @@
         "october": "October",
         "november": "November",
         "december": "December"
+    },
+    "Card": {
+        "dismiss": "Dismiss"
     }
 }

package/dist/i18n/locales/es.json

@@ -33,5 +33,8 @@
         "october": "Octubre",
         "november": "Noviembre",
         "december": "Diciembre"
+    },
+    "Card": {
+        "dismiss": "Descartar"
     }
 }

package/dist/i18n/locales/fr.json

@@ -33,5 +33,8 @@
         "october": "Octobre",
         "november": "Novembre",
         "december": "Décembre"
+    },
+    "Card": {
+        "dismiss": "Rejeter"
     }
 }

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

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

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

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

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

@@ -78,6 +78,7 @@ export { default as IconGreat } from './IconGreat';
 export { default as IconGrinBeam } from './IconGrinBeam';
 export { default as IconGripVertical } from './IconGripVertical';
 export { default as IconHandshake } from './IconHandshake';
+export { default as IconHatChef } from './IconHatChef';
 export { default as IconImage } from './IconImage';
 export { default as IconIslandTropical } from './IconIslandTropical';
 export { default as IconItalic } from './IconItalic';
@@ -102,6 +103,7 @@ export { default as IconPaperclip } from './IconPaperclip';
 export { default as IconPencil } from './IconPencil';
 export { default as IconPercentage } from './IconPercentage';
 export { default as IconPhone } from './IconPhone';
+export { default as IconPlateUtensils } from './IconPlateUtensils';
 export { default as IconPlug } from './IconPlug';
 export { default as IconPlus } from './IconPlus';
 export { default as IconPrint } from './IconPrint';

package/dist/index.css

@@ -1410,7 +1410,7 @@ h5._32amZ {
   box-sizing: border-box;
   background: white;
   border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
+  border-radius: 20px;
   width: 100%;
   height: 100%;
   padding: 24px 20px;
@@ -1447,12 +1447,22 @@ h5._32amZ {
 ._L9ZA7 {
   position: absolute;
   z-index: var(--z-index-base);
-  right: 8px;
-  top: 8px;
+  right: 6px;
+  top: 6px;
 }
 ._5YidV {
   pointer-events: none;
 }
+._37yla {
+  position: absolute;
+  width: 38px;
+  height: 38px;
+  top: 6px;
+  right: 6px;
+}
+._3J4FP {
+  pointer-events: none;
+}
 ._cQT44 {
   position: absolute;
   width: 38px;
@@ -4521,7 +4531,6 @@ input._1zowl {
   }
 }
 ._1AdW7 {
-  max-width: 1000px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -4559,4 +4568,18 @@ input._1zowl {
     text-align: center;
     flex-direction: column-reverse;
   }
+}
+._3kFM9 {
+  padding: 12px 16px;
+}
+._3kmTB {
+  display: flex;
+  justify-content: center;
+}
+._DrBEi {
+  padding: 12px 16px;
+}
+._3YbH7 {
+  display: flex;
+  justify-content: center;
 }