@7shifts/sous-chef 3.83.3 → 3.85.0

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

@@ -0,0 +1,9 @@
+import { MicroBannerTheme } from '../types';
+import React from 'react';
+type ButtonCTAProps = {
+    button: React.ReactElement;
+    bannerTheme: MicroBannerTheme;
+};
+/** Infers theme prop for Sous Chef Button CTAs if not passed, primaryCTA is Upsell if banner theme is Upsell, default otherwise**/
+declare const ButtonCTA: ({ button, bannerTheme }: ButtonCTAProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export default ButtonCTA;

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

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

package/dist/feedback/MicroBanner/MicroBanner.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { MicroBannerTheme } from './types';
+type Props = {
+    children?: React.ReactNode;
+    theme?: MicroBannerTheme;
+    icon?: React.ReactElement;
+    hideIcon?: boolean;
+    title?: string;
+    primaryButton?: React.ReactElement;
+    testId?: string;
+};
+declare const MicroBanner: React.FC<Props>;
+export default MicroBanner;

package/dist/feedback/MicroBanner/MicroBannerIcon/MicroBannerIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { MicroBannerTheme } from '../types';
+type MicroBannerIconProps = {
+    theme: MicroBannerTheme;
+};
+declare const MicroBannerIcon: ({ theme }: MicroBannerIconProps) => React.JSX.Element;
+export default MicroBannerIcon;

package/dist/feedback/MicroBanner/MicroBannerIcon/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { MICRO_BANNER_THEME } from './constants';
+export type MicroBannerTheme = (typeof MICRO_BANNER_THEME)[keyof typeof MICRO_BANNER_THEME];

package/dist/feedback/index.d.ts

@@ -1,8 +1,9 @@
 import Spinner from './Spinner';
 import InlineBanner from './InlineBanner';
+import MicroBanner from './MicroBanner';
 import PersistentBanner from './PersistentBanner';
 import CircularProgress from './CircularProgress';
 import ProgressBar from './ProgressBar';
 import { toast } from './Toast';
 import Skeleton from './Skeleton';
-export { Spinner, InlineBanner, PersistentBanner, CircularProgress, ProgressBar, toast, Skeleton };
+export { Spinner, InlineBanner, MicroBanner, PersistentBanner, CircularProgress, ProgressBar, toast, Skeleton };

package/dist/i18n/locales/en.json

@@ -48,6 +48,6 @@
         "emptyStateTitle": "No action items"
     },
     "PhoneField": {
-        "malformedPhoneNumber": "Malformed phone number. Please enter a valid phone number."
+        "malformedPhoneNumber": "Please enter a valid phone number."
     }
 }

package/dist/i18n/locales/es.json

@@ -48,6 +48,6 @@
         "emptyStateTitle": "Sin elementos de acción"
     },
     "PhoneField": {
-        "malformedPhoneNumber": "Número de teléfono mal formado. Por favor, ingresa un número de teléfono válido."
+        "malformedPhoneNumber": "Por favor, ingresa un número de teléfono válido."
     }
 }

package/dist/i18n/locales/fr.json

@@ -48,6 +48,6 @@
         "emptyStateTitle": "Aucune action"
     },
     "PhoneField": {
-        "malformedPhoneNumber": "Numéro de téléphone mal formé. Veuillez entrer un numéro de téléphone valide."
+        "malformedPhoneNumber": "Veuillez entrer un numéro de téléphone valide."
     }
 }

package/dist/index.css

@@ -2468,6 +2468,79 @@ input:disabled + ._kmvBP::after {
   font-weight: var(--p-font-weight-normal);
   color: var(--color-surface-on-color);
 }
+._fRjhT {
+  padding: 4px 4px 4px 8px;
+  position: relative;
+  border-radius: var(--border-radius-400);
+  height: 46px;
+  max-width: -moz-fit-content;
+  max-width: fit-content;
+  box-sizing: border-box;
+  border: 1px solid var(--color-outline);
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  gap: 12px;
+}
+._UZMd0 {
+  display: flex;
+  width: 24px;
+  height: 38px;
+  align-items: center;
+  justify-content: center;
+}
+._mJAeX {
+  overflow: hidden;
+  white-space: nowrap;
+}
+._mJAeX > p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+._ZFsBE {
+  padding-left: 4px;
+}
+._UN43A {
+  padding-right: 8px;
+}
+._bTamw {
+  flex-shrink: 0;
+}
+
+._ULD-f {
+  background: var(--color-info-container-variant);
+}
+._ULD-f ._UZMd0 {
+  color: var(--color-info-on-container-variant);
+}
+
+._5MitA {
+  background: var(--color-success-container-variant);
+}
+._5MitA ._UZMd0 {
+  color: var(--color-success-on-container-variant);
+}
+
+._8wmuB {
+  background: var(--color-danger-container-variant);
+}
+._8wmuB ._UZMd0 {
+  color: var(--color-danger-on-container-variant);
+}
+
+._515OI {
+  background: var(--color-warning-container-variant);
+}
+._515OI ._UZMd0 {
+  color: var(--color-warning-on-container-variant);
+}
+
+._EfwcL {
+  background: var(--color-upsell-container-variant);
+}
+._EfwcL ._UZMd0 {
+  color: var(--color-upsell-on-container-variant);
+}
 ._FsCJQ {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);