@7shifts/sous-chef 3.93.0 → 3.95.0

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { MicroBannerTheme } from './types';
-import { PositionStyles } from 'foundation/types';
+import { DataProps, PositionStyles } from '../../foundation/types';
 type Props = {
     children?: React.ReactNode;
     /** Banner design theme */
@@ -14,6 +14,6 @@ type Props = {
     /** The primary CTA button */
     primaryButton?: React.ReactElement;
     testId?: string;
-} & PositionStyles;
+} & PositionStyles & DataProps;
 declare const MicroBanner: React.FC<Props>;
 export default MicroBanner;

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

@@ -3,4 +3,5 @@ export declare const PERSISTENT_BANNER_THEME: {
     INFO: "info";
     DANGER: "danger";
     WARNING: "warning";
+    SUCCESS: "success";
 };

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

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

package/dist/icons/components/IconAwardSolid.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 IconAwardSolid: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconAwardSolid;

package/dist/icons/components/IconExclaimTriangleSolid.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 IconExclaimTriangleSolid: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconExclaimTriangleSolid;

package/dist/icons/components/IconInfoCircleSolid.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 IconInfoCircleSolid: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconInfoCircleSolid;

package/dist/icons/components/IconTimesOctagonSolid.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 IconTimesOctagonSolid: React.ForwardRefExoticComponent<Omit<Props, 'ref'>>;
+export default IconTimesOctagonSolid;

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

@@ -1,3 +1,7 @@
+export { default as IconAwardSolid } from './IconAwardSolid';
+export { default as IconExclaimTriangleSolid } from './IconExclaimTriangleSolid';
+export { default as IconInfoCircleSolid } from './IconInfoCircleSolid';
+export { default as IconTimesOctagonSolid } from './IconTimesOctagonSolid';
 export { default as IconInfoCircle } from './IconInfoCircle';
 export { default as IconAnalytics } from './IconAnalytics';
 export { default as IconArrowDownWideShort } from './IconArrowDownWideShort';

package/dist/index.css

@@ -2502,11 +2502,11 @@ input:disabled + ._kmvBP::after {
   box-shadow: 6px 6px 0 0 var(--corner-background-color);
 }
 ._omAUf {
-  padding: 16px 12px 16px 12px;
+  padding: 12px;
   margin: 1px;
   position: relative;
   border-radius: var(--border-radius-600);
-  border: 1px solid var(--color-outline);
+  border: 1px solid;
 }
 
 ._8xIYW {
@@ -2540,9 +2540,10 @@ input:disabled + ._kmvBP::after {
 
 ._CRmFE {
   background: var(--color-info-container-variant);
+  border-color: var(--color-info-color);
 }
 ._CRmFE ._T80if {
-  color: var(--color-info-on-container-variant);
+  color: var(--color-info-color);
   padding-top: 10px;
 }
 ._CRmFE ._uJl2Y {
@@ -2551,9 +2552,10 @@ input:disabled + ._kmvBP::after {
 
 ._PgpTw {
   background: var(--color-success-container-variant);
+  border-color: var(--color-success-color);
 }
 ._PgpTw ._T80if {
-  color: var(--color-success-on-container-variant);
+  color: var(--color-success-color);
   padding-top: 10px;
 }
 ._PgpTw ._uJl2Y {
@@ -2562,9 +2564,10 @@ input:disabled + ._kmvBP::after {
 
 ._O-lNW {
   background: var(--color-danger-container-variant);
+  border-color: var(--color-danger-color);
 }
 ._O-lNW ._T80if {
-  color: var(--color-danger-on-container-variant);
+  color: var(--color-danger-color);
   padding-top: 10px;
 }
 ._O-lNW ._uJl2Y {
@@ -2573,9 +2576,10 @@ input:disabled + ._kmvBP::after {
 
 ._fICdJ {
   background: var(--color-warning-container-variant);
+  border-color: var(--color-warning-color);
 }
 ._fICdJ ._T80if {
-  color: var(--color-warning-on-container-variant);
+  color: var(--color-warning-color);
   padding-top: 10px;
 }
 ._fICdJ ._uJl2Y {
@@ -2584,9 +2588,10 @@ input:disabled + ._kmvBP::after {
 
 ._kUB2k {
   background: var(--color-upsell-container-variant);
+  border-color: var(--color-upsell-color);
 }
 ._kUB2k ._T80if {
-  color: var(--color-upsell-on-container-variant);
+  color: var(--color-upsell-color);
   padding-top: 10px;
 }
 ._kUB2k ._uJl2Y {
@@ -2601,10 +2606,6 @@ input:disabled + ._kmvBP::after {
   right: 4px;
 }
 
-._w-zAz {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
 ._w-zAz ._P6nbA {
   position: static;
 }
@@ -2628,7 +2629,7 @@ input:disabled + ._kmvBP::after {
   max-width: -moz-fit-content;
   max-width: fit-content;
   box-sizing: border-box;
-  border: 1px solid var(--color-outline);
+  border: 1px solid;
   display: flex;
   flex: 1 1 0;
   align-items: center;
@@ -2661,37 +2662,42 @@ input:disabled + ._kmvBP::after {
 
 ._ULD-f {
   background: var(--color-info-container-variant);
+  border-color: var(--color-info-color);
 }
 ._ULD-f ._UZMd0 {
-  color: var(--color-info-on-container-variant);
+  color: var(--color-info-color);
 }
 
 ._5MitA {
   background: var(--color-success-container-variant);
+  border-color: var(--color-success-color);
 }
 ._5MitA ._UZMd0 {
-  color: var(--color-success-on-container-variant);
+  color: var(--color-success-color);
 }
 
 ._8wmuB {
   background: var(--color-danger-container-variant);
+  border-color: var(--color-danger-color);
 }
 ._8wmuB ._UZMd0 {
-  color: var(--color-danger-on-container-variant);
+  color: var(--color-danger-color);
 }
 
 ._515OI {
   background: var(--color-warning-container-variant);
+  border-color: var(--color-warning-color);
 }
 ._515OI ._UZMd0 {
-  color: var(--color-warning-on-container-variant);
+  color: var(--color-warning-color);
 }
 
 ._EfwcL {
   background: var(--color-upsell-container-variant);
+  border-color: var(--color-upsell-color);
 }
 ._EfwcL ._UZMd0 {
-  color: var(--color-upsell-on-container-variant);
+  color: var(--color-upsell-color);
 }
 ._FsCJQ {
   font-family: var(--font-family-body);
@@ -2703,17 +2709,19 @@ input:disabled + ._kmvBP::after {
   text-align: center;
 }
 ._zt-xK {
-  background-color: var(--color-info-color);
+  background-color: var(--color-info-on-container-variant);
 }
 ._rmUys {
-  background-color: var(--color-danger-color);
+  background-color: var(--color-danger-on-container-variant);
 }
 ._UGrRR {
-  background-color: var(--color-upsell-color);
+  background-color: var(--color-upsell-on-container-variant);
 }
 ._9eFhn {
-  background-color: var(--color-warning-color);
-  color: var(--color-surface-on-color-bold);
+  background-color: var(--color-warning-on-container-variant);
+}
+._hU34n {
+  background-color: var(--color-success-on-container-variant);
 }
 ._UI0Fo {
   position: relative;
@@ -2748,9 +2756,15 @@ input:disabled + ._kmvBP::after {
   border-radius: 8px;
 }
 ._vd0xc {
-  background-color: var(--color-secondary-color);
+  background-color: var(--color-primary-color);
   height: 100%;
   border-radius: 8px;
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+._D9yNp {
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
 }
 ._8kdeO {
   display: flex;