@7shifts/sous-chef 3.34.0-beta.1 → 3.34.0-beta0

package/dist/index.css

@@ -1410,7 +1410,7 @@ h5._32amZ {
   box-sizing: border-box;
   background: white;
   border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
+  border-radius: 20px;
   width: 100%;
   height: 100%;
   padding: 24px 20px;
@@ -1447,12 +1447,22 @@ h5._32amZ {
 ._L9ZA7 {
   position: absolute;
   z-index: var(--z-index-base);
-  right: 8px;
-  top: 8px;
+  right: 6px;
+  top: 6px;
 }
 ._5YidV {
   pointer-events: none;
 }
+._37yla {
+  position: absolute;
+  width: 38px;
+  height: 38px;
+  top: 6px;
+  right: 6px;
+}
+._3J4FP {
+  pointer-events: none;
+}
 ._cQT44 {
   position: absolute;
   width: 38px;
@@ -1529,7 +1539,7 @@ h5._32amZ {
 }
 ._ORvUI {
   stroke: var(--color-grey-100);
-  fill: var(--color-white);
+  fill: transparent;
 }
 ._2KJMe {
   stroke: var(--color-mint-400);
@@ -1649,7 +1659,7 @@ h5._32amZ {
   word-break: break-word;
   -webkit-hyphens: auto;
           hyphens: auto;
-  background: none;
+  background: var(--color-white);
 }
 ._3Jay_:first-of-type {
   border-left: 1px solid var(--color-grey-200);
@@ -2146,6 +2156,8 @@ input:disabled + ._2W10t::after {
   border-color: var(--color-eggplant-400);
   box-shadow: 0 0 8px var(--color-eggplant-300);
   outline: none;
+  overflow: visible;
+  z-index: var(--z-index-base);
 }
 ._1-1WW input:hover {
   background: var(--color-grey-100);
@@ -2418,6 +2430,92 @@ input:disabled + ._2W10t::after {
   right: -1px;
   bottom: -1px;
 }
+._11ygA {
+  display: flex;
+  justify-content: space-between;
+  width: 424px;
+  gap: 20px;
+  flex-direction: column;
+  align-items: center;
+}
+._6o4Ut {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+}
+._1bs2I {
+  max-width: 500px;
+}
+._WwD-g {
+  max-width: 667px;
+}
+._1b3C0 {
+  color: var(--color-grey-500);
+  font-size: 12px;
+  text-align: center;
+}
+._3q5OJ {
+  display: flex;
+  gap: 8px;
+}
+
+@media screen and (max-width: 900px) {
+  ._3q5OJ:not(._3DOZC) {
+    justify-content: center;
+  }
+}
+._1AdW7 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+._Y1L-A {
+  flex-direction: row-reverse;
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+._1E308 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 20px;
+}
+._P5jRb {
+  max-width: 500px;
+}
+._vkAs2 {
+  max-width: 667px;
+}
+._1o2PF {
+  color: var(--color-grey-500);
+  font-size: 14px;
+}
+._mfMlg {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+@media screen and (max-width: 900px) {
+  ._1AdW7:not(._Y1L-A) {
+    align-items: center;
+    text-align: center;
+    flex-direction: column-reverse;
+  }
+}
+._DrBEi {
+  padding: 12px 16px;
+}
+._3YbH7 {
+  display: flex;
+  justify-content: center;
+}
+._3mHDL {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
 ._1JTKu {
   flex: 1;
   display: "flex";
@@ -2623,6 +2721,7 @@ input:disabled + ._2W10t::after {
   display: flex;
   flex-direction: column;
   min-width: 90px;
+  background-color: var(--color-white);
 }
 ._eyfGn textarea {
   line-height: 22px;
@@ -2781,6 +2880,7 @@ input:focus-visible + ._W4HpY {
   text-align: center;
   height: 100%;
   color: var(--color-grey-400);
+  background: var(--color-white);
 }
 ._1md_9 input {
   border: 0px;
@@ -3067,6 +3167,8 @@ input:disabled + ._1aaPx::after {
   padding-top: 0px;
   display: flex;
   align-items: center;
+  background-color: var(--color-grey-100);
+  background-color: var(--color-white);
 }
 ._3YxJl {
   border-color: var(--color-radish-400) !important;
@@ -3254,7 +3356,6 @@ input:disabled + ._1aaPx::after {
   position: absolute;
   height: 36px;
   margin-top: 1px;
-  margin-left: 25px;
   align-items: center;
   display: flex;
   pointer-events: none;
@@ -3266,12 +3367,16 @@ input:disabled + ._1aaPx::after {
   flex-grow: 1;
   display: flex;
 }
-._1zowl {
+._Fc99X {
+  font-size: 12pt;
+}
+
+input._1zowl {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
-._Fc99X {
-  font-size: 12pt;
+._2T1pu {
+  background-color: var(--color-white);
 }
 ._2T1pu:not(._1OxwW) > button:focus ._3mUO5 {
   border: 1px solid var(--color-eggplant-400);
@@ -4476,78 +4581,10 @@ input:disabled + ._1aaPx::after {
   background-color: var(--color-blueberry-200);
   color: var(--color-blueberry-600);
 }
-._11ygA {
-  display: flex;
-  justify-content: space-between;
-  width: 424px;
-  gap: 20px;
-  flex-direction: column;
-  align-items: center;
+._3kFM9 {
+  padding: 12px 16px;
 }
-._6o4Ut {
+._3kmTB {
   display: flex;
-  flex-direction: column;
   justify-content: center;
-  gap: 20px;
-}
-._1bs2I {
-  max-width: 500px;
-}
-._WwD-g {
-  max-width: 667px;
-}
-._1b3C0 {
-  color: var(--color-grey-500);
-  font-size: 12px;
-  text-align: center;
-}
-._3q5OJ {
-  display: flex;
-  gap: 8px;
-}
-
-@media screen and (max-width: 900px) {
-  ._3q5OJ:not(._3DOZC) {
-    justify-content: center;
-  }
-}
-._1AdW7 {
-  max-width: 1000px;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-._Y1L-A {
-  flex-direction: row-reverse;
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-._1E308 {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 20px;
-}
-._P5jRb {
-  max-width: 500px;
-}
-._vkAs2 {
-  max-width: 667px;
-}
-._1o2PF {
-  color: var(--color-grey-500);
-  font-size: 14px;
-}
-._mfMlg {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-}
-
-@media screen and (max-width: 900px) {
-  ._1AdW7:not(._Y1L-A) {
-    align-items: center;
-    text-align: center;
-    flex-direction: column-reverse;
-  }
 }