@7shifts/sous-chef 3.76.0-beta.1 → 3.76.0-beta.10

package/dist/index.css

@@ -1700,6 +1700,7 @@ h5._6SgoN {
 ._Scw7- {
   display: flex;
   padding: 0 20px;
+  padding-top: 40px;
 }
 ._v--DF {
   display: block;
@@ -1707,6 +1708,12 @@ h5._6SgoN {
   flex-grow: 0;
   padding: 0;
   margin-right: 20px;
+  width: 250px;
+}
+@media (max-width: 1200px) {
+  ._v--DF {
+    width: 190px;
+  }
 }
 ._dJeZe {
   list-style: none;
@@ -1714,16 +1721,20 @@ h5._6SgoN {
   padding-right: 32px;
   border-right: 1px solid var(--color-grey-200);
   display: inline-block;
+  width: 100%;
+  box-sizing: border-box;
 }
 ._hHi70 {
   display: block;
   flex-grow: 2;
   padding: 0 4px;
-  max-width: 1000px;
-  margin: 32px auto 0;
+  margin: 0px auto 0;
+}
+._vTMjp {
+  padding: 5px;
 }
 ._SebbU {
-  width: 220px;
+  width: 100%;
   margin-bottom: 4px;
   cursor: pointer;
 }
@@ -1740,216 +1751,59 @@ h5._6SgoN {
   justify-content: space-between;
   font-weight: normal;
   border-radius: 0 4px 4px 0;
-  transition: background-color 0.05sease;
-  border: 2px solid rgba(0, 0, 0, 0);
+  transition: background-color 0.05s ease;
   gap: 8px;
   flex-wrap: wrap;
+  border-left: 2px solid transparent;
 }
 ._SebbU a:hover {
   background: var(--color-oat-100);
   color: var(--color-grey-600);
   border-left: 2px solid var(--color-grey-200);
 }
-._CDEVl a {
+._SebbU a._CDEVl {
   background: var(--color-oat-100);
   color: var(--color-grey-600);
   border-left: 2px solid var(--color-grey-200);
   cursor: default;
   font-weight: bold;
 }
-._FsCJQ {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  color: var(--color-white);
-  padding: 16px;
-  text-align: center;
-}
-._zt-xK {
-  background-color: var(--color-blueberry-400);
-}
-._rmUys {
-  background-color: var(--color-radish-400);
-}
-._UGrRR {
-  background-color: var(--color-eggplant-400);
-}
-._UI0Fo {
-  position: relative;
-  width: 48px;
-  height: 48px;
-}
-._6PNwZ {
+._RXV4h {
   font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  text-align: center;
-  position: absolute;
-  transform: translate(-50%, -50%);
-  color: var(--color-grey-500);
-}
-._alBLB {
-  stroke: var(--color-grey-100);
-  fill: transparent;
-}
-._VADa6 {
-  stroke: var(--color-mint-400);
-  fill: transparent;
-}
-._fWvQF {
-  background-color: var(--color-grey-100);
-  height: 12px;
-  width: 100%;
-  border-radius: 8px;
-}
-._vd0xc {
+  display: inline-flex;
   background-color: var(--color-tangerine-400);
-  height: 100%;
-  border-radius: 8px;
-}
-._8kdeO {
-  display: flex;
-  justify-content: space-around;
-}
-._oDnLM {
-  background: var(--color-grey-100);
-  width: 100%;
-  height: 13px;
-  border-radius: 8px;
-  overflow: hidden;
-  position: relative;
-}
-._oDnLM::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transform: translateX(-100%);
-  animation-name: _McmEv;
-  animation-delay: 3.5s;
-  animation-duration: 1.6s;
-  animation-iteration-count: infinite;
-  background: linear-gradient(90deg, rgba(var(--color-white-rgb), 0) 0, rgba(var(--color-white-rgb), 0.2) 20%, rgba(var(--color-white-rgb), 0.5) 60%, rgba(var(--color-white-rgb), 0));
-  content: "";
-}
-@keyframes _McmEv {
-  100% {
-    transform: translateX(100%);
-  }
-}
-._jPXx6 {
-  min-height: 38px;
-  min-width: 38px;
-  width: 72px;
-  border-radius: var(--border-radius-400);
-}
-._sPHSZ {
-  min-height: 28px;
-  min-width: 64px;
-  width: 64px;
-  border-radius: 25px;
-}
-._3vEYT {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-}
-._zneq9 {
-  width: 20px;
   height: 20px;
-  border-radius: 50%;
-}
-._TtfoO {
-  width: 30px;
-  height: 30px;
-  border-radius: 50%;
-}
-._jhOqR {
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-}
-._VgGfx {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-}
-._hhDnr:first-of-type > td {
-  border-top: 1px solid var(--color-grey-200);
-}
-._hhDnr:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._ej5Ke {
-  cursor: pointer;
-}
-._ej5Ke:not(._qDTAh):hover td {
-  background-color: var(--color-grey-100);
-}
-._qDTAh td {
-  background-color: var(--color-blackberry-100);
-}
-._ffXgN {
-  white-space: nowrap;
-  width: 100%;
-  display: flex;
-  justify-content: flex-end;
-}
-._cp8xi {
-  position: relative;
-  border-bottom: 1px solid var(--color-grey-200);
-  padding: 16px;
-  word-break: break-word;
-  -webkit-hyphens: auto;
-          hyphens: auto;
-  background: var(--color-white);
-}
-._cp8xi:first-of-type {
-  border-left: 1px solid var(--color-grey-200);
-}
-._cp8xi:last-of-type {
-  border-right: 1px solid var(--color-grey-200);
-}
-._gqbNb {
-  padding: 0;
-}
-._uHjkg:not(:last-child) {
-  border-right: 1px solid var(--color-grey-200);
-}
-._ASOQd {
-  background: var(--color-radish-100);
-  color: var(--color-radish-400);
-}
-._HjPNI {
-  height: 100%;
-  display: flex;
+  min-width: 20px;
+  color: var(--color-white);
+  text-align: center;
+  border-radius: 20px;
+  box-sizing: border-box;
+  padding: 0 6px;
   align-items: center;
+  justify-content: center;
+  border: 1px solid var(--color-white);
 }
-._BCVO6 {
-  justify-content: flex-end;
+._RXV4h svg {
+  fill: var(--color-white);
 }
-._NqtPS {
-  justify-content: space-between;
+._2An1I {
+  background-color: var(--color-banana-400);
 }
-._-rWoZ {
-  opacity: 0.5;
+._-Bw8L {
+  background-color: var(--color-radish-400);
 }
-._txhua {
-  width: 16px;
+._RxlMz {
+  background-color: var(--color-mint-400);
 }
-._fPzqj {
-  margin-left: 4px;
+._dzCH- {
+  background-color: var(--color-blueberry-400);
 }
-._L2-l- {
-  margin-right: 4px;
+._Ix9tP {
+  font-variant-numeric: tabular-nums;
+  padding: 0 5px;
 }
 ._0yTe8 {
   position: fixed;
@@ -2391,6 +2245,200 @@ input:disabled + ._kmvBP::after {
   top: 10px;
   right: 10px;
 }
+._FsCJQ {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
+  color: var(--color-white);
+  padding: 16px;
+  text-align: center;
+}
+._zt-xK {
+  background-color: var(--color-blueberry-400);
+}
+._rmUys {
+  background-color: var(--color-radish-400);
+}
+._UGrRR {
+  background-color: var(--color-eggplant-400);
+}
+._UI0Fo {
+  position: relative;
+  width: 48px;
+  height: 48px;
+}
+._6PNwZ {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  top: 50%;
+  left: 50%;
+  width: 100%;
+  text-align: center;
+  position: absolute;
+  transform: translate(-50%, -50%);
+  color: var(--color-grey-500);
+}
+._alBLB {
+  stroke: var(--color-grey-100);
+  fill: transparent;
+}
+._VADa6 {
+  stroke: var(--color-mint-400);
+  fill: transparent;
+}
+._fWvQF {
+  background-color: var(--color-grey-100);
+  height: 12px;
+  width: 100%;
+  border-radius: 8px;
+}
+._vd0xc {
+  background-color: var(--color-tangerine-400);
+  height: 100%;
+  border-radius: 8px;
+}
+._8kdeO {
+  display: flex;
+  justify-content: space-around;
+}
+._oDnLM {
+  background: var(--color-grey-100);
+  width: 100%;
+  height: 13px;
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+._oDnLM::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+  animation-name: _McmEv;
+  animation-delay: 3.5s;
+  animation-duration: 1.6s;
+  animation-iteration-count: infinite;
+  background: linear-gradient(90deg, rgba(var(--color-white-rgb), 0) 0, rgba(var(--color-white-rgb), 0.2) 20%, rgba(var(--color-white-rgb), 0.5) 60%, rgba(var(--color-white-rgb), 0));
+  content: "";
+}
+@keyframes _McmEv {
+  100% {
+    transform: translateX(100%);
+  }
+}
+._jPXx6 {
+  min-height: 38px;
+  min-width: 38px;
+  width: 72px;
+  border-radius: var(--border-radius-400);
+}
+._sPHSZ {
+  min-height: 28px;
+  min-width: 64px;
+  width: 64px;
+  border-radius: 25px;
+}
+._3vEYT {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+}
+._zneq9 {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+}
+._TtfoO {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+}
+._jhOqR {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+}
+._VgGfx {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+}
+._hhDnr:first-of-type > td {
+  border-top: 1px solid var(--color-grey-200);
+}
+._hhDnr:focus:not(:focus-visible) {
+  /* Remove the focus indicator on mouse-focus for browsers
+     that do support :focus-visible */
+  outline: none;
+}
+._ej5Ke {
+  cursor: pointer;
+}
+._ej5Ke:not(._qDTAh):hover td {
+  background-color: var(--color-grey-100);
+}
+._qDTAh td {
+  background-color: var(--color-blackberry-100);
+}
+._ffXgN {
+  white-space: nowrap;
+  width: 100%;
+  display: flex;
+  justify-content: flex-end;
+}
+._cp8xi {
+  position: relative;
+  border-bottom: 1px solid var(--color-grey-200);
+  padding: 16px;
+  word-break: break-word;
+  -webkit-hyphens: auto;
+          hyphens: auto;
+  background: var(--color-white);
+}
+._cp8xi:first-of-type {
+  border-left: 1px solid var(--color-grey-200);
+}
+._cp8xi:last-of-type {
+  border-right: 1px solid var(--color-grey-200);
+}
+._gqbNb {
+  padding: 0;
+}
+._uHjkg:not(:last-child) {
+  border-right: 1px solid var(--color-grey-200);
+}
+._ASOQd {
+  background: var(--color-radish-100);
+  color: var(--color-radish-400);
+}
+._HjPNI {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+._BCVO6 {
+  justify-content: flex-end;
+}
+._NqtPS {
+  justify-content: space-between;
+}
+._-rWoZ {
+  opacity: 0.5;
+}
+._txhua {
+  width: 16px;
+}
+._fPzqj {
+  margin-left: 4px;
+}
+._L2-l- {
+  margin-right: 4px;
+}
 ._jp9-G {
   width: 100%;
   height: 100%;
@@ -4842,43 +4890,6 @@ input._TEU6N {
 ._iIsuB {
   background-image: url(./flags/zw.svg);
 }
-._RXV4h {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
-  font-weight: var(--p-font-weight-normal);
-  display: inline-flex;
-  background-color: var(--color-tangerine-400);
-  height: 20px;
-  min-width: 20px;
-  color: var(--color-white);
-  text-align: center;
-  border-radius: 20px;
-  box-sizing: border-box;
-  padding: 0 6px;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--color-white);
-}
-._RXV4h svg {
-  fill: var(--color-white);
-}
-._2An1I {
-  background-color: var(--color-banana-400);
-}
-._-Bw8L {
-  background-color: var(--color-radish-400);
-}
-._RxlMz {
-  background-color: var(--color-mint-400);
-}
-._dzCH- {
-  background-color: var(--color-blueberry-400);
-}
-._Ix9tP {
-  font-variant-numeric: tabular-nums;
-  padding: 0 5px;
-}
 ._V1U8v {
   display: flex;
   justify-content: center;