@7shifts/sous-chef 3.42.0 → 3.43.0

package/dist/foundation/tokens/color/color-codes.d.ts

@@ -43,4 +43,10 @@ export declare const COLOR_CODES: {
     readonly 'grey-400': " #767676";
     readonly 'grey-500': " #464646";
     readonly 'grey-600': " #323232";
+    readonly 'oat-100': " #f1f0ec";
+    readonly 'oat-200': " #e2ded6";
+    readonly 'oat-300': " #c7c0b2";
+    readonly 'oat-400': " #6e6d6c";
+    readonly 'oat-500': " #4c4b49";
+    readonly 'oat-600': " #383430";
 };

package/dist/foundation/tokens/color/color-constants.d.ts

@@ -43,4 +43,10 @@ export declare const COLORS: {
     readonly 'grey-400': "var(--color-grey-400)";
     readonly 'grey-500': "var(--color-grey-500)";
     readonly 'grey-600': "var(--color-grey-600)";
+    readonly 'oat-100': "var(--color-oat-100)";
+    readonly 'oat-200': "var(--color-oat-200)";
+    readonly 'oat-300': "var(--color-oat-300)";
+    readonly 'oat-400': "var(--color-oat-400)";
+    readonly 'oat-500': "var(--color-oat-500)";
+    readonly 'oat-600': "var(--color-oat-600)";
 };

package/dist/foundation/tokens/color/color-types.d.ts

@@ -1 +1 @@
-export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600';
+export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'oat-100' | 'oat-200' | 'oat-300' | 'oat-400' | 'oat-500' | 'oat-600';

package/dist/index.css

@@ -108,6 +108,18 @@
   --color-grey-500-rgb: 70, 70, 70;
   --color-grey-600: #323232;
   --color-grey-600-rgb: 50, 50, 50;
+  --color-oat-100: #f1f0ec;
+  --color-oat-100-rgb: 241, 240, 236;
+  --color-oat-200: #e2ded6;
+  --color-oat-200-rgb: 226, 222, 214;
+  --color-oat-300: #c7c0b2;
+  --color-oat-300-rgb: 199, 192, 178;
+  --color-oat-400: #6e6d6c;
+  --color-oat-400-rgb: 110, 109, 108;
+  --color-oat-500: #4c4b49;
+  --color-oat-500-rgb: 76, 75, 73;
+  --color-oat-600: #383430;
+  --color-oat-600-rgb: 56, 52, 48;
 }
 :root {
   --z-index-base: 1;
@@ -369,6 +381,7 @@ Just for future references:
   opacity: 0;
   transition: visibility 0s, opacity 0.05s linear;
   max-width: 340px;
+  overflow: auto;
 }
 ._1NSQY {
   visibility: visible;
@@ -2549,6 +2562,48 @@ input:disabled + ._2W10t::after {
     justify-content: center;
   }
 }
+._3uthQ {
+  border-bottom: 1px solid var(--color-grey-200);
+  margin-top: 16px;
+  padding-left: 16px;
+  padding-right: 16px;
+}
+._23CMa {
+  all: unset;
+}
+._3LzWR {
+  all: unset;
+  cursor: pointer;
+  width: 100%;
+}
+._34Ht7 {
+  transition: 0.2s ease-in-out;
+}
+._1D8Hh {
+  rotate: 180deg;
+  transition: 0.2s ease-in-out;
+}
+._1Ocs0 {
+  visibility: hidden;
+  transition: 0.2s ease-in-out;
+  transition-property: margin-top;
+  height: 16px;
+}
+._fCEkR {
+  font-weight: 400;
+  margin-top: 16px;
+  margin-bottom: 16px;
+  transition: 0.2s ease-in-out;
+  transition-property: margin-top;
+}
+
+._3uthQ:last-child {
+  border-bottom: none;
+}
+._31JZJ {
+  border: 1px solid var(--color-grey-200);
+  border-radius: 20px;
+}
 ._1JTKu {
   flex: 1;
   display: "flex";