@7shifts/sous-chef 2.15.9 → 2.16.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/index.css

@@ -2997,4 +2997,93 @@ Please ask a designer if you have questions about which colours to use.
 ._GKL9P svg {
   width: 80%;
   padding-top: 25%;
+}
+/*********************************
+For new colours, see _colors.scss.
+**********************************/
+/* stylelint-disable color-no-hex */
+/*
+These are the colour variables to be used around the webapp.
+The variables are set up to describe the color and number which represents the lightness of the color.
+The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
+The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
+Please ask a designer if you have questions about which colours to use.
+*/
+._1fIeV {
+  font-size: 12px;
+  font-weight: 600;
+  border-radius: 2px;
+  padding: 2px 8px;
+  line-height: 16px;
+  display: inline-block;
+  text-align: center;
+  text-transform: uppercase;
+}
+._V4byU {
+  background-color: #fdd5c8;
+  color: #96452b;
+}
+._37gN9 {
+  background-color: #c6f1eb;
+  color: #277e71;
+}
+._Tw7tp {
+  background-color: #d3dbf4;
+  color: #415184;
+}
+._t94VZ {
+  background-color: #ffeec9;
+  color: #99772c;
+}
+._3SmeO {
+  background-color: #ceecf5;
+  color: #367385;
+}
+._2eoX0 {
+  background-color: #f7d1d1;
+  color: #8a3d3d;
+}
+/*********************************
+For new colours, see _colors.scss.
+**********************************/
+/* stylelint-disable color-no-hex */
+/*
+These are the colour variables to be used around the webapp.
+The variables are set up to describe the color and number which represents the lightness of the color.
+The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
+The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
+Please ask a designer if you have questions about which colours to use.
+*/
+._23q4Y {
+  font-size: 14px;
+  font-weight: 600;
+  border-radius: 25px;
+  padding: 0 12px 0 12px;
+  line-height: 28px;
+  min-width: 40px;
+  display: inline-block;
+  text-align: center;
+}
+._23q4Y::first-letter {
+  text-transform: capitalize;
+}
+._niDEM {
+  background-color: #D5D5D5;
+  color: #323232;
+}
+._IwDRB {
+  background-color: #c6f1eb;
+  color: #277e71;
+}
+._MPji- {
+  background-color: #f7d1d1;
+  color: #8a3d3d;
+}
+._3S2m8 {
+  background-color: #ffeec9;
+  color: #99772c;
+}
+._2G3ML {
+  background-color: #ceecf5;
+  color: #367385;
 }