@7shifts/sous-chef 2.18.0 → 2.19.0

package/dist/index.css

@@ -412,7 +412,9 @@ Just for future references:
   display: inline-flex;
   justify-content: center;
   width: auto;
-  height: auto;
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
   vertical-align: middle;
   background-image: none;
   white-space: nowrap;
@@ -1922,9 +1924,164 @@ This file probaly will be split when we split the components
   border-radius: 0px 4px 4px 0px;
   border-left: 0;
 }
+._J5ph7 {
+  display: flex;
+}
+._2xgv4 {
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 600;
+  font-size: 14px;
+  position: relative;
+  background-color: var(--color-grey-100);
+  color: var(--color-grey-500);
+  border-style: solid;
+  border-color: var(--color-grey-200);
+  line-height: 20px;
+  padding: 8px 12px;
+  min-width: 38px;
+  height: 38px;
+  cursor: pointer;
+  display: inline-flex;
+}
+._2xgv4:not(._1vG3O):hover {
+  background-color: var(--color-grey-200);
+  border-color: var(--color-grey-300);
+}
+._1vG3O {
+  background-color: var(--color-tangerine-400);
+  border-color: var(--color-tangerine-400);
+  color: var(--color-white);
+}
+._2xgv4:focus {
+  box-shadow: 0 0 8px var(--color-eggplant-300);
+  outline: none;
+  text-decoration: none;
+}
+._2xgv4:first-child {
+  border-radius: 4px 0 0 4px;
+  border-width: 1px 0px 1px 1px;
+}
+._2xgv4:first-child:not(._1vG3O):hover::after {
+  content: "";
+  height: 36px;
+  width: 1px;
+  background-color: var(--color-grey-200);
+  border-width: 1px 0px;
+  border-color: var(--color-grey-300);
+  border-style: solid;
+  position: absolute;
+  top: -1px;
+  right: -1px;
+}
+._2xgv4:not(:first-child):not(:last-child) {
+  border-radius: 0;
+  border-width: 1px 0px 1px 0px;
+}
+._2xgv4:not(:first-child):not(:last-child):not(._1vG3O):hover::after, ._2xgv4:not(:first-child):not(:last-child):not(._1vG3O):hover::before {
+  content: "";
+  height: 36px;
+  width: 1px;
+  background-color: var(--color-grey-200);
+  border-width: 1px 0px;
+  border-color: var(--color-grey-300);
+  border-style: solid;
+  position: absolute;
+  top: -1px;
+}
+._2xgv4:not(:first-child):not(:last-child):not(._1vG3O):hover::after {
+  right: -1px;
+}
+._2xgv4:not(:first-child):not(:last-child):not(._1vG3O):hover::before {
+  left: -1px;
+}
+._2xgv4:last-child {
+  border-radius: 0 4px 4px 0;
+  border-width: 1px 1px 1px 0px;
+}
+._2xgv4:last-child:not(._1vG3O):hover::before {
+  content: "";
+  height: 36px;
+  width: 1px;
+  background-color: var(--color-grey-200);
+  border-width: 1px 0px;
+  border-color: var(--color-grey-300);
+  border-style: solid;
+  position: absolute;
+  top: -1px;
+  left: -1px;
+}
+._1uKNF {
+  height: 38px;
+  width: 1px;
+  background-color: var(--color-grey-200);
+}
 ._3CaV0 {
   max-width: 500px;
 }
+._29ZIp {
+  position: relative;
+}
+._3Q8NT {
+  box-sizing: border-box;
+  background: white;
+  border: 1px solid var(--color-grey-200);
+  border-radius: 8px;
+  width: 100%;
+  height: 100%;
+  padding: 24px 20px;
+  color: var(--color-grey-500);
+}
+._2Fah6 {
+  cursor: pointer;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.05);
+  transition: all ease-in-out 150ms;
+  font: inherit;
+  text-align: inherit;
+}
+._2Fah6:not(._SGno0):hover {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
+  background-color: var(--color-grey-100);
+}
+._2Fah6:focus {
+  box-shadow: 0 0 8px var(--color-eggplant-300);
+  outline: none;
+}
+._1zqRN {
+  border-color: var(--color-eggplant-400);
+  box-shadow: 0 0 8px var(--color-eggplant-300);
+}
+._3Hwms {
+  min-height: 56px;
+}
+._TmEUS {
+  position: absolute;
+  z-index: 1;
+  right: 8px;
+  top: 8px;
+}
+._7-5gD {
+  margin-bottom: 12px;
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+}
+._a83vM {
+  line-height: 24px;
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+}
+._1lKv8 {
+  line-height: 16px;
+  font-size: 14px;
+  font-weight: 400;
+  margin: 0;
+}
+._lZyFQ {
+  margin-bottom: 0;
+}
+._3vVBF {
+  margin-top: 12px;
+}
 ._2i-Ll > div {
   min-width: 0;
 }
@@ -2360,6 +2517,11 @@ input:disabled + ._1tMq-::after {
   flex: 1;
   display: "flex";
 }
+._2-zhH {
+  box-sizing: border-box;
+  width: 100%;
+}
+
 ._3sdnK {
   border: solid var(--color-grey-200);
   border-width: 1px 0 0 0;
@@ -2830,47 +2992,6 @@ input:disabled + ._1tMq-::after {
   line-height: 12px;
   color: var(--color-grey-500);
 }
-._29ZIp {
-  position: relative;
-}
-._3Q8NT {
-  box-sizing: border-box;
-  background: white;
-  border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
-  width: 100%;
-  height: 100%;
-  padding: 24px 20px;
-  color: var(--color-grey-500);
-}
-._2Fah6 {
-  cursor: pointer;
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.05);
-  transition: all ease-in-out 150ms;
-  font: inherit;
-  text-align: inherit;
-}
-._2Fah6:not(._SGno0):hover {
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
-  background-color: var(--color-grey-100);
-}
-._2Fah6:focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
-  outline: none;
-}
-._1zqRN {
-  border-color: var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
-}
-._3Hwms {
-  min-height: 56px;
-}
-._TmEUS {
-  position: absolute;
-  z-index: 1;
-  right: 8px;
-  top: 8px;
-}
 ._1KO1J {
   color: var(--color-white);
   font-size: 14px;
@@ -2886,6 +3007,47 @@ input:disabled + ._1tMq-::after {
 ._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);
@@ -2935,6 +3097,9 @@ input:disabled + ._1tMq-::after {
 }
 ._2wJGB img {
   height: inherit;
+  width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 ._3QTSo {
   width: 20px;