@7shifts/sous-chef 4.12.1 → 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;
@@ -6087,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);
@@ -6097,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;
 }
@@ -6110,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;
 }
@@ -6122,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;
 }
@@ -6134,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;
 }
@@ -6149,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);