@7shifts/sous-chef 4.12.0 → 4.13.0

package/dist/index.css

@@ -1947,6 +1947,7 @@ h5._i2LHD {
   background-color: var(--color-secondary-color);
   height: 20px;
   min-width: 20px;
+  overflow: hidden;
   color: var(--color-secondary-on-color);
   text-align: center;
   border-radius: 20px;
@@ -1978,6 +1979,15 @@ h5._i2LHD {
   font-variant-numeric: tabular-nums;
   padding: 0 5px;
 }
+._OcpK5 {
+  width: 10px;
+  min-width: 10px;
+  height: 10px;
+  padding: 0;
+}
+._-5FpP {
+  box-shadow: 0 0 0 1px var(--color-surface-color);
+}
 ._0yTe8 {
   position: fixed;
   top: 0px;
@@ -2038,6 +2048,10 @@ h5._i2LHD {
   opacity: 0;
 }
 
+._DMdi7 {
+  overflow: hidden;
+}
+
 ._6SSP8 {
   background-color: transparent;
   pointer-events: none;
@@ -2071,6 +2085,9 @@ h5._i2LHD {
 ._cq2CU > form {
   display: contents;
 }
+._V4Rz2 {
+  overflow: hidden;
+}
 
 .modal-drag-handle {
   cursor: grab;
@@ -2137,10 +2154,36 @@ h5._i2LHD {
   background-position: 50%;
   background-size: cover;
   background-repeat: no-repeat;
+  gap: 4px;
 }
-._docda > button {
+._docda button {
   background: var(--color-shadow-overlay);
 }
+._4hqPT {
+  position: relative;
+  padding: 20px 22px 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+._4hqPT::after {
+  content: "";
+  position: absolute;
+  left: 20px;
+  right: 20px;
+  top: 100%;
+  height: 8px;
+  opacity: 0;
+  background: radial-gradient(50% 100% at 50% 0%, var(--color-shadow-overlay) -150%, transparent 100%);
+  pointer-events: none;
+  transition: opacity 0.4s ease-in-out;
+}
+._dorMR::after {
+  opacity: 1;
+}
+._4hqPT > ul {
+  padding-left: 20px;
+  padding-right: 20px;
+}
 ._4YK4k {
   font-family: var(--font-family-primary);
   font-size: var(--font-body-ui-size);
@@ -2150,6 +2193,12 @@ h5._i2LHD {
   position: relative;
   padding: 16px 22px;
 }
+._2-PSE {
+  flex: 1;
+  min-height: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
 ._bezlP {
   position: relative;
   flex: 1;
@@ -2179,6 +2228,9 @@ h5._i2LHD {
 ._hC4vb::before {
   opacity: 1;
 }
+._o1kk7 {
+  flex: 0 0 auto;
+}
 ._et9Fs {
   --rdp-cell-size: 37px;
   --rdp-caption-font-size: var(--font-size-300);
@@ -4431,11 +4483,11 @@ input:checked ~ ._P588B {
   opacity: 0;
 }
 input:checked ~ ._Yfxkl {
-  background-color: var(--color-primary-color);
+  background-color: var(--color-surface-inverse);
   border-radius: 50%;
   transform: rotate(0deg) scale(1);
   opacity: 1;
-  border: 1px solid var(--color-primary-color);
+  border: 1px solid var(--color-surface-inverse);
 }
 input:checked ~ ._Yfxkl::after {
   opacity: 1;
@@ -4443,7 +4495,7 @@ input:checked ~ ._Yfxkl::after {
   top: 5px;
   width: 4px;
   height: 4px;
-  background-color: var(--color-primary-on-color);
+  background-color: var(--color-surface-on-inverse);
   border: none;
   border-radius: 50%;
 }
@@ -6045,6 +6097,19 @@ input._TEU6N {
 }
 ._peAaI {
   position: relative;
+  display: inline-flex;
+  height: -moz-fit-content;
+  height: fit-content;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+._peAaI::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 2px var(--avatar-ring-color, transparent);
+  pointer-events: none;
 }
 ._V1U8v svg {
   fill: var(--color-surface-on-inverse);
@@ -6055,11 +6120,30 @@ input._TEU6N {
   -o-object-fit: cover;
      object-fit: cover;
 }
+._vQa4v {
+  overflow: hidden;
+  position: relative;
+}
+._vQa4v::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transform: translateX(-100%);
+  animation: _rw4zM 1.6s infinite;
+  background: linear-gradient(90deg, rgb(from var(--color-surface-color) r g b/0) 0, rgb(from var(--color-surface-color) r g b/0.2) 20%, rgb(from var(--color-surface-color) r g b/0.5) 60%, rgb(from var(--color-surface-color) r g b/0));
+  content: "";
+  pointer-events: none;
+}
+@keyframes _rw4zM {
+  100% {
+    transform: translateX(100%);
+  }
+}
 ._9g-tn {
-  font-family: var(--font-family-primary);
-  font-size: var(--font-body-ui-size);
-  line-height: var(--font-body-ui-height);
-  font-weight: var(--font-body-ui-weight);
+  font-size: 10px;
+  font-weight: 560;
   width: 20px;
   height: 20px;
 }
@@ -6068,10 +6152,8 @@ input._TEU6N {
   margin-top: 10px;
 }
 ._vNXJW {
-  font-family: var(--font-family-primary);
-  font-size: var(--font-sub-title-size);
-  line-height: var(--font-sub-title-height);
-  font-weight: var(--font-sub-title-weight);
+  font-size: 14px;
+  font-weight: 560;
   width: 30px;
   height: 30px;
 }
@@ -6080,10 +6162,8 @@ input._TEU6N {
   margin-top: 15px;
 }
 ._9ZKAB {
-  font-family: var(--font-family-primary);
-  font-size: var(--font-section-title-size);
-  line-height: var(--font-section-title-height);
-  font-weight: var(--font-section-title-weight);
+  font-size: 20px;
+  font-weight: 560;
   width: 40px;
   height: 40px;
 }
@@ -6092,10 +6172,8 @@ input._TEU6N {
   margin-top: 18px;
 }
 ._uv14Y {
-  font-family: var(--font-family-primary);
-  font-size: var(--font-page-title-size);
-  line-height: var(--font-page-title-height);
-  font-weight: var(--font-page-title-weight);
+  font-size: 28px;
+  font-weight: 560;
   width: 80px;
   height: 80px;
 }
@@ -6107,10 +6185,7 @@ input._TEU6N {
   position: absolute;
   margin-left: 20px;
   margin-top: 15px;
-}
-._iDN1j svg {
-  width: 80%;
-  padding-top: 25%;
+  z-index: 2;
 }
 ._Cg5Nf {
   font-family: var(--font-family-primary);