@7shifts/sous-chef 2.18.0 → 3.0.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;
@@ -782,144 +784,6 @@ Just for future references:
 ._3EHwm {
   padding-left: 20px;
 }
-._v0AEt {
-  font-family: "Proxima Nova", sans-serif;
-  position: absolute;
-  list-style: none;
-  min-width: 160px;
-  margin: 2px 0 0 0;
-  padding: 5px 0;
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  background: var(--color-white);
-  margin-top: 8px;
-  z-index: 9999;
-  opacity: 0;
-  transform-origin: top right;
-  transform: scale(0);
-  visibility: hidden;
-}
-
-._lxd1B {
-  opacity: 1;
-  transform: scale(1);
-  visibility: visible;
-}
-
-._IRJ4j {
-  padding: 12px 20px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-grey-500);
-}
-._IRJ4j:hover {
-  background: var(--color-grey-100);
-}
-._1UG1r {
-  display: flex;
-  padding: 16px;
-  border: 1px solid var(--color-white);
-  border-bottom: 1px solid var(--color-grey-200);
-}
-._1UG1r:last-child:not(._WeTZF) {
-  border-bottom: 1px solid var(--color-white);
-}
-
-._1UG1r:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-
-._34gnL {
-  cursor: pointer;
-}
-._34gnL:hover {
-  background-color: var(--color-grey-100);
-}
-
-._WeTZF {
-  border: 1px solid var(--color-eggplant-400);
-  box-sizing: border-box;
-  box-shadow: 0 0 8px var(--color-eggplant-300);
-}
-._WeTZF:first-child {
-  border-top-left-radius: 8px;
-  border-top-right-radius: 8px;
-}
-._WeTZF:first-child:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-._WeTZF:last-child {
-  border-bottom-left-radius: 8px;
-  border-bottom-right-radius: 8px;
-}
-._WeTZF:last-child:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-._3gRJf {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-}
-
-._3ABSf {
-  width: 40px;
-}
-/**
-This file probaly will be split when we split the components
-*/
-._kxyuW {
-  display: flex;
-  font-size: 12px;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-  color: var(--color-grey-500);
-  padding: 19px 17px 8px 17px;
-}
-
-._13L7D {
-  display: flex;
-  align-items: center;
-  line-height: 21px;
-}
-._1YCGB {
-  cursor: pointer;
-}
-
-._13L7D:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-
-._1gpTf {
-  width: 40px;
-}
-
-._1tFcX {
-  display: inline-block;
-  padding: 0 8px;
-  line-height: 1em;
-}
-
-._ppaWg {
-  border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-}
-
-._1nb-e {
-  margin-top: 20px;
-  font-family: "Proxima Nova", sans-serif;
-}
 ._2GGMG {
   display: flex;
 }
@@ -986,6 +850,32 @@ This file probaly will be split when we split the components
   flex-flow: row nowrap;
   justify-content: flex-end;
 }
+._v0AEt {
+  font-family: "Proxima Nova", sans-serif;
+  position: absolute;
+  list-style: none;
+  min-width: 160px;
+  margin: 2px 0 0 0;
+  padding: 5px 0;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  background: var(--color-white);
+  margin-top: 8px;
+  z-index: 9999;
+  transform-origin: top right;
+}
+
+._IRJ4j {
+  padding: 12px 20px;
+  font-size: 14px;
+  line-height: 20px;
+  display: flex;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-grey-500);
+}
+._IRJ4j:hover {
+  background: var(--color-grey-100);
+}
 ._2ZgmC {
   display: flex;
   font-size: 12px;
@@ -1922,9 +1812,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 +2405,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 +2880,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 +2895,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 +2985,9 @@ input:disabled + ._1tMq-::after {
 }
 ._2wJGB img {
   height: inherit;
+  width: 100%;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 ._3QTSo {
   width: 20px;