@7shifts/sous-chef 3.19.2-beta.1 → 3.21.0-beta.0

package/dist/feedback/Skeleton/Skeleton.d.ts

@@ -0,0 +1,11 @@
+import { SkeletonComponent } from './types';
+import { PositionStyles } from '../../foundation/types';
+declare type Props = {
+    /** Set the skeleton shape to match an existing Sous-Chef component */
+    as?: SkeletonComponent;
+    testId?: string;
+    height?: string | number;
+    width?: string | number;
+} & PositionStyles;
+declare const Skeleton: ({ as, testId, ...positionStyles }: Props) => JSX.Element;
+export default Skeleton;

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

@@ -0,0 +1,7 @@
+export declare const SKELETON_COMPONENT: {
+    readonly AVATAR: "avatar";
+    readonly AVATAR_SMALL: "avatar--small";
+    readonly AVATAR_MEDIUM: "avatar--medium";
+    readonly AVATAR_LARGE: "avatar--large";
+    readonly AVATAR_XLARGE: "avatar--xlarge";
+};

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

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

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

@@ -0,0 +1 @@
+export declare type SkeletonComponent = 'avatar' | 'avatar--small' | 'avatar--medium' | 'avatar--large' | 'avatar--xlarge';

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IconSize } from '../types';
+declare type Props = {
+    size?: IconSize;
+    color?: string;
+    testId?: string;
+} & React.SVGProps<SVGSVGElement>;
+declare const IconRocket: {
+    ({ testId, ...props }: Props): JSX.Element;
+    displayName: string;
+};
+export default IconRocket;

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

@@ -106,6 +106,7 @@ export { default as IconPrint } from './IconPrint';
 export { default as IconQuestionCircle } from './IconQuestionCircle';
 export { default as IconRepeat } from './IconRepeat';
 export { default as IconReply } from './IconReply';
+export { default as IconRocket } from './IconRocket';
 export { default as IconSearch } from './IconSearch';
 export { default as IconSignOut } from './IconSignOut';
 export { default as IconSitemap } from './IconSitemap';

package/dist/index.css

@@ -856,6 +856,15 @@ Just for future references:
 ._3p04C > table > tfoot {
   bottom: 0;
 }
+._1xHDT {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: var(--z-index-base);
+}
 ._3_o_a {
   width: 100%;
   height: 100%;
@@ -866,6 +875,9 @@ Just for future references:
 ._3aKQI {
   table-layout: fixed;
 }
+.__fnpT {
+  opacity: 0.5;
+}
 ._tCd-U {
   border: 1px solid var(--color-grey-200);
   border-radius: 8px;
@@ -1354,6 +1366,10 @@ h5._3CIA3 {
 ._3tEcf {
   justify-content: space-between;
 }
+._33N-K {
+  filter: blur(1px);
+  opacity: 0.4;
+}
 ._2ctV2 {
   width: 16px;
 }
@@ -2178,6 +2194,162 @@ input:disabled + ._2mA8e::after {
 ._3Mm-v._3Mm-v {
   border-bottom-right-radius: 8px;
 }
+._vgLin {
+  padding: 16px 12px 16px 12px;
+  background: var(--color-grey-100);
+  margin: 1px;
+  position: relative;
+  border-radius: 3px;
+  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
+}
+
+._63TwY {
+  font-weight: 600;
+  font-size: 14px;
+  line-height: 16px;
+  color: var(--color-grey-500);
+}
+
+._3n6S7 {
+  font-size: 14px;
+  line-height: 16px;
+  flex-grow: 1;
+  color: var(--color-grey-500);
+}
+._3n6S7 a {
+  text-decoration: underline;
+  color: var(--color-grey-500);
+}
+._3n6S7 a:hover {
+  cursor: pointer;
+  color: var(--color-grey-600);
+}
+
+._2pMYs {
+  margin-bottom: 4px;
+}
+
+._ON6Eg {
+  background: rgb(var(--color-blueberry-100-rgb));
+  box-shadow: 0 0 0 1px rgba(var(--color-blueberry-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-blueberry-500-rgb), 0.25);
+}
+._ON6Eg ._1-D-E {
+  color: rgb(var(--color-blueberry-500-rgb));
+}
+
+._1FFZh {
+  background: rgb(var(--color-mint-100-rgb));
+  box-shadow: 0 0 0 1px rgba(var(--color-mint-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-mint-500-rgb), 0.25);
+}
+._1FFZh ._1-D-E {
+  color: rgb(var(--color-mint-500-rgb));
+}
+
+._2R34O {
+  background: rgb(var(--color-radish-100-rgb));
+  box-shadow: 0 0 0 1px rgba(var(--color-radish-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-radish-500-rgb), 0.25);
+}
+._2R34O ._1-D-E {
+  color: rgb(var(--color-radish-500-rgb));
+}
+
+._3Cfhe {
+  background: rgb(var(--color-banana-100-rgb));
+  box-shadow: 0 0 0 1px rgba(var(--color-banana-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-banana-500-rgb), 0.25);
+}
+._3Cfhe ._1-D-E {
+  color: rgb(var(--color-banana-500-rgb));
+}
+
+._1SIOw {
+  background: rgb(var(--color-eggplant-100-rgb));
+  box-shadow: 0 0 0 1px rgba(var(--color-eggplant-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-eggplant-500-rgb), 0.25);
+}
+._1SIOw ._1-D-E {
+  color: rgb(var(--color-eggplant-500-rgb));
+}
+
+._3SNQ1 {
+  position: absolute;
+  width: 38px;
+  height: 38px;
+  top: 4px;
+  right: 4px;
+}
+
+._3nLTI {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+._3nLTI ._3SNQ1 {
+  position: static;
+}
+._3nLTI ._3n6S7 {
+  display: flex;
+  align-items: center;
+  min-height: 38px;
+}
+._1jqm8 {
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--color-grey-500);
+}
+._1KO1J {
+  color: var(--color-white);
+  font-size: 14px;
+  padding: 16px;
+  text-align: center;
+}
+._2mTN3 {
+  background-color: var(--color-blueberry-400);
+}
+._1YuCF {
+  background-color: var(--color-radish-400);
+}
+._tlNFk {
+  background-color: var(--color-eggplant-400);
+}
+._1XR7V {
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+._1BygP {
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  transform: translate(-50%, -50%);
+  font-size: 12px;
+  font-weight: 400;
+  color: var(--color-grey-500);
+}
+._1Ak-z {
+  stroke: var(--color-grey-100);
+  fill: var(--color-white);
+}
+._22YIp {
+  stroke: var(--color-mint-400);
+  fill: transparent;
+}
+._3nyZN {
+  background-color: var(--color-grey-100);
+  height: 12px;
+  width: 100%;
+  border-radius: 8px;
+}
+._11TEp {
+  background-color: var(--color-tangerine-400);
+  height: 100%;
+  border-radius: 8px;
+}
+._3XFTU {
+  display: flex;
+  justify-content: space-around;
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+}
 ._1cDCR {
   flex: 1;
   display: "flex";
@@ -4396,162 +4568,6 @@ input:disabled + ._1tMq-::after {
 ._zXsKE {
   background-image: url(./flags/zw.svg);
 }
-._vgLin {
-  padding: 16px 12px 16px 12px;
-  background: var(--color-grey-100);
-  margin: 1px;
-  position: relative;
-  border-radius: 3px;
-  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
-}
-
-._63TwY {
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  color: var(--color-grey-500);
-}
-
-._3n6S7 {
-  font-size: 14px;
-  line-height: 16px;
-  flex-grow: 1;
-  color: var(--color-grey-500);
-}
-._3n6S7 a {
-  text-decoration: underline;
-  color: var(--color-grey-500);
-}
-._3n6S7 a:hover {
-  cursor: pointer;
-  color: var(--color-grey-600);
-}
-
-._2pMYs {
-  margin-bottom: 4px;
-}
-
-._ON6Eg {
-  background: rgb(var(--color-blueberry-100-rgb));
-  box-shadow: 0 0 0 1px rgba(var(--color-blueberry-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-blueberry-500-rgb), 0.25);
-}
-._ON6Eg ._1-D-E {
-  color: rgb(var(--color-blueberry-500-rgb));
-}
-
-._1FFZh {
-  background: rgb(var(--color-mint-100-rgb));
-  box-shadow: 0 0 0 1px rgba(var(--color-mint-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-mint-500-rgb), 0.25);
-}
-._1FFZh ._1-D-E {
-  color: rgb(var(--color-mint-500-rgb));
-}
-
-._2R34O {
-  background: rgb(var(--color-radish-100-rgb));
-  box-shadow: 0 0 0 1px rgba(var(--color-radish-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-radish-500-rgb), 0.25);
-}
-._2R34O ._1-D-E {
-  color: rgb(var(--color-radish-500-rgb));
-}
-
-._3Cfhe {
-  background: rgb(var(--color-banana-100-rgb));
-  box-shadow: 0 0 0 1px rgba(var(--color-banana-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-banana-500-rgb), 0.25);
-}
-._3Cfhe ._1-D-E {
-  color: rgb(var(--color-banana-500-rgb));
-}
-
-._1SIOw {
-  background: rgb(var(--color-eggplant-100-rgb));
-  box-shadow: 0 0 0 1px rgba(var(--color-eggplant-500-rgb), 0.15), 0 1px 3px 0 rgba(var(--color-eggplant-500-rgb), 0.25);
-}
-._1SIOw ._1-D-E {
-  color: rgb(var(--color-eggplant-500-rgb));
-}
-
-._3SNQ1 {
-  position: absolute;
-  width: 38px;
-  height: 38px;
-  top: 4px;
-  right: 4px;
-}
-
-._3nLTI {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-._3nLTI ._3SNQ1 {
-  position: static;
-}
-._3nLTI ._3n6S7 {
-  display: flex;
-  align-items: center;
-  min-height: 38px;
-}
-._1jqm8 {
-  font-size: 12px;
-  line-height: 12px;
-  color: var(--color-grey-500);
-}
-._1KO1J {
-  color: var(--color-white);
-  font-size: 14px;
-  padding: 16px;
-  text-align: center;
-}
-._2mTN3 {
-  background-color: var(--color-blueberry-400);
-}
-._1YuCF {
-  background-color: var(--color-radish-400);
-}
-._tlNFk {
-  background-color: var(--color-eggplant-400);
-}
-._1XR7V {
-  position: relative;
-  width: 48px;
-  height: 48px;
-}
-._1BygP {
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  transform: translate(-50%, -50%);
-  font-size: 12px;
-  font-weight: 400;
-  color: var(--color-grey-500);
-}
-._1Ak-z {
-  stroke: var(--color-grey-100);
-  fill: var(--color-white);
-}
-._22YIp {
-  stroke: var(--color-mint-400);
-  fill: transparent;
-}
-._3nyZN {
-  background-color: var(--color-grey-100);
-  height: 12px;
-  width: 100%;
-  border-radius: 8px;
-}
-._11TEp {
-  background-color: var(--color-tangerine-400);
-  height: 100%;
-  border-radius: 8px;
-}
-._3XFTU {
-  display: flex;
-  justify-content: space-around;
-  color: var(--color-grey-500);
-  font-family: "Proxima Nova", sans-serif;
-}
 ._2f81N {
   display: inline-flex;
   background-color: var(--color-tangerine-400);