@7shifts/sous-chef 3.37.0 → 3.39.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/EmptyStateContainerStack/EmptyStateContainerStack.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { EmptyStateProps } from '../types';
-declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId }: EmptyStateProps) => React.JSX.Element;
+type Props = {
+    mediaComponent?: React.ReactNode;
+} & EmptyStateProps;
+declare const EmptyStateContainerStack: ({ header, title, children, mediaUrl, actions, caption, isPaywall, testId, mediaComponent }: Props) => React.JSX.Element;
 export default EmptyStateContainerStack;

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,12 @@
         "october": "October",
         "november": "November",
         "december": "December"
+    },
+    "Card": {
+        "dismiss": "Dismiss"
+    },
+    "DataTable": {
+        "emptyStateTitle": "No results found",
+        "emptyStateCaption": "Try adding a new item to the list or adjust your search terms."
     }
 }

package/dist/i18n/locales/es.json

@@ -33,5 +33,12 @@
         "october": "Octubre",
         "november": "Noviembre",
         "december": "Diciembre"
+    },
+    "Card": {
+        "dismiss": "Descartar"
+    },
+    "DataTable": {
+        "emptyStateTitle": "No se encontraron resultados",
+        "emptyStateCaption": "Intenta agregar un nuevo elemento a la lista o ajusta tus términos de búsqueda."
     }
 }

package/dist/i18n/locales/fr.json

@@ -33,5 +33,12 @@
         "october": "Octobre",
         "november": "Novembre",
         "december": "Décembre"
+    },
+    "Card": {
+        "dismiss": "Rejeter"
+    },
+    "DataTable": {
+        "emptyStateTitle": "Aucun résultat trouvé",
+        "emptyStateCaption": "Essayez d'ajouter un nouvel élément à la liste ou ajustez vos termes de recherche."
     }
 }

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;
@@ -2420,6 +2430,46 @@ input:disabled + ._2W10t::after {
   right: -1px;
   bottom: -1px;
 }
+._3mHDL {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+._11ygA {
+  display: flex;
+  justify-content: space-between;
+  width: 424px;
+  gap: 20px;
+  flex-direction: column;
+  align-items: center;
+}
+._6o4Ut {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+}
+._1bs2I {
+  max-width: 500px;
+}
+._WwD-g {
+  max-width: 667px;
+}
+._1b3C0 {
+  color: var(--color-grey-500);
+  font-size: 12px;
+  text-align: center;
+}
+._3q5OJ {
+  display: flex;
+  gap: 8px;
+}
+
+@media screen and (max-width: 900px) {
+  ._3q5OJ:not(._3DOZC) {
+    justify-content: center;
+  }
+}
 ._1JTKu {
   flex: 1;
   display: "flex";
@@ -4485,43 +4535,7 @@ input._1zowl {
   background-color: var(--color-blueberry-200);
   color: var(--color-blueberry-600);
 }
-._11ygA {
-  display: flex;
-  justify-content: space-between;
-  width: 424px;
-  gap: 20px;
-  flex-direction: column;
-  align-items: center;
-}
-._6o4Ut {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 20px;
-}
-._1bs2I {
-  max-width: 500px;
-}
-._WwD-g {
-  max-width: 667px;
-}
-._1b3C0 {
-  color: var(--color-grey-500);
-  font-size: 12px;
-  text-align: center;
-}
-._3q5OJ {
-  display: flex;
-  gap: 8px;
-}
-
-@media screen and (max-width: 900px) {
-  ._3q5OJ:not(._3DOZC) {
-    justify-content: center;
-  }
-}
 ._1AdW7 {
-  max-width: 1000px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -4559,4 +4573,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;
 }