@7shifts/sous-chef 3.12.0 → 3.13.0

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

@@ -0,0 +1 @@
+export declare const COLOR_CODES: {};

package/dist/foundation/domain.d.ts

@@ -1 +1,2 @@
-export declare const getColor: (color?: string | undefined) => any;
+import { Color } from './color-types';
+export declare const getColor: (color?: string | Color) => string | undefined;

package/dist/index.css

@@ -784,6 +784,205 @@ Just for future references:
 ._3EHwm {
   padding-left: 20px;
 }
+._FcxnN {
+  text-align: left;
+}
+._1QljH {
+  line-height: 20px;
+  padding: 0 16px 8px 16px;
+  background-color: unset;
+  color: var(--color-grey-500);
+  font-size: 12px;
+  font-weight: 600;
+  font-family: "Proxima Nova", sans-serif;
+  border: 0;
+}
+._1T4uT {
+  cursor: pointer;
+}
+._HtAmk:not(:focus-visible) {
+  /* Remove the focus indicator on mouse-focus for browsers
+     that do support :focus-visible */
+  outline: none;
+}
+._39zhh {
+  box-sizing: content-box;
+}
+._1CG8B {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+._1iqpa {
+  justify-content: flex-end;
+}
+._21Xc6 {
+  display: inline-block;
+  padding-left: 8px;
+  line-height: 1em;
+}
+._umpGL {
+  position: relative;
+}
+._5BvsJ {
+  position: relative;
+}
+._3p04C > table > thead, ._3p04C > table > tfoot {
+  position: sticky;
+  background-color: var(--color-white);
+  z-index: 1;
+}
+._3p04C > table > thead {
+  top: 0;
+}
+._3p04C > table > tfoot {
+  bottom: 0;
+}
+._3_o_a {
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  border: 0;
+}
+._3aKQI {
+  table-layout: fixed;
+}
+._tCd-U {
+  border: 1px solid var(--color-grey-200);
+  border-radius: 8px;
+  font-family: "Proxima Nova", sans-serif;
+  font-size: 14px;
+}
+._tCd-U tr:first-of-type > td:first-of-type {
+  border-top-left-radius: 8px;
+}
+._tCd-U tr:first-of-type > td:last-of-type {
+  border-top-right-radius: 8px;
+}
+._tCd-U tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: 8px;
+}
+._tCd-U tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: 8px;
+}
+._Hp5nC tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: 0;
+}
+._Hp5nC tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: 0;
+}
+.__15fo {
+  font-weight: 600;
+  font-size: 14px;
+}
+.__15fo tr td {
+  background: var(--color-grey-100);
+}
+.__15fo tr td:first-of-type {
+  border-left: 1px solid var(--color-grey-200);
+}
+.__15fo tr td:last-of-type {
+  border-right: 1px solid var(--color-grey-200);
+}
+.__15fo tr:first-of-type td {
+  border-top: 0;
+}
+.__15fo tr:last-of-type td:first-of-type {
+  border-bottom-left-radius: 8px;
+}
+.__15fo tr:last-of-type td:last-of-type {
+  border-bottom-right-radius: 8px;
+}
+._2KGQu {
+  margin-top: 20px;
+  font-family: "Proxima Nova", sans-serif;
+}
+._1zw4R {
+  width: 100%;
+  height: 20px;
+  border: 1px solid var(--color-grey-200);
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 1;
+  pointer-events: none;
+}
+._2vWl5 {
+  top: 28px;
+  border-bottom: 0;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px;
+}
+._397Yd {
+  bottom: 0;
+  border-top: 0;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+._AGTVL {
+  width: 8px;
+  height: 8px;
+  overflow: hidden;
+  position: absolute;
+  left: -1px;
+}
+._AGTVL::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+}
+._3wzKK {
+  top: -1px;
+}
+._3wzKK::before {
+  top: 0;
+  box-shadow: -6px -6px 0 0 white;
+}
+._2pJrs {
+  bottom: -1px;
+}
+._2pJrs::before {
+  bottom: 0;
+  box-shadow: -6px 6px 0 0 white;
+}
+._vh4go {
+  width: 8px;
+  height: 8px;
+  overflow: hidden;
+  position: absolute;
+  right: -1px;
+}
+._vh4go::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  right: 0;
+}
+._2sj0a {
+  top: -1px;
+}
+._2sj0a::before {
+  top: 0;
+  box-shadow: 6px -6px 0 0 white;
+}
+._1s8kO {
+  bottom: -1px;
+}
+._1s8kO::before {
+  bottom: 0;
+  box-shadow: 6px 6px 0 0 white;
+}
+._94pbt > td {
+  border: 1px solid var(--color-grey-200);
+}
 ._2GGMG:focus:not(:focus-visible) {
   /* Remove the focus indicator on mouse-focus for browsers
      that do support :focus-visible */
@@ -939,7 +1138,7 @@ Just for future references:
   z-index: 1;
   text-align: left;
 }
-._eX5OL svg {
+._eX5OL svg, ._eX5OL path {
   color: var(--color-grey-400);
 }
 
@@ -963,7 +1162,7 @@ Just for future references:
   right: 0;
   text-align: right;
 }
-.__YH01 svg {
+.__YH01 svg, .__YH01 path {
   color: var(--color-grey-400);
 }
 ._1v1df {
@@ -1085,7 +1284,7 @@ h5._3CIA3 {
 ._2iH-J {
   text-align: justify;
 }
-._2Ybjx {
+._SpJZY {
   position: relative;
   border-bottom: 1px solid var(--color-grey-200);
   padding: 16px;
@@ -1094,40 +1293,40 @@ h5._3CIA3 {
       -ms-hyphens: auto;
           hyphens: auto;
 }
-._2Ybjx:first-of-type {
+._SpJZY:first-of-type {
   border-left: 1px solid var(--color-grey-200);
 }
-._2Ybjx:last-of-type {
+._SpJZY:last-of-type {
   border-right: 1px solid var(--color-grey-200);
 }
-._5KXHH {
+._3R9X2 {
   padding: 0;
 }
-._2-I0j:not(:last-child) {
+._6CjWl:not(:last-child) {
   border-right: 1px solid var(--color-grey-200);
 }
-._D73Vx {
+._tvnPS {
   background: var(--color-radish-100);
   color: var(--color-radish-400);
 }
-._3A9-M {
+._2D9Do {
   height: 100%;
   display: flex;
   align-items: center;
 }
-._17Km7 {
+._1HyJe {
   justify-content: flex-end;
 }
-._2c6KQ {
+._3tEcf {
   justify-content: space-between;
 }
-._2hIl3 {
+._2ctV2 {
   width: 16px;
 }
-._8Uhyd {
+._2QAov {
   margin-left: 4px;
 }
-._3X51R {
+._AzpZE {
   margin-right: 4px;
 }
 ._2puqJ {
@@ -1770,215 +1969,6 @@ h5._3CIA3 {
 ._3Mm-v._3Mm-v {
   border-bottom-right-radius: 8px;
 }
-._3qoNq {
-  position: relative;
-}
-
-._2HcDV {
-  position: relative;
-}
-._3dowz > table > thead, ._3dowz > table > tfoot {
-  position: sticky;
-  background-color: white;
-  z-index: 1;
-}
-._3dowz > table > thead {
-  top: 0;
-}
-._3dowz > table > tfoot {
-  bottom: 0;
-}
-
-._tGpUv {
-  width: 100%;
-  height: 100%;
-  border-spacing: 0;
-  border-collapse: separate;
-  border: 0;
-}
-._3VePT {
-  table-layout: fixed;
-}
-
-._2ZgmC {
-  text-align: left;
-}
-
-._3slLU {
-  line-height: 20px;
-  padding: 0 16px 8px 16px;
-  background-color: unset;
-  color: var(--color-grey-500);
-  font-size: 12px;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-  border: 0;
-}
-._1jb-H {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-._2Np60 {
-  justify-content: flex-end;
-}
-._1-26z {
-  cursor: pointer;
-}
-
-._3slLU:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-
-._2i1wY {
-  box-sizing: content-box;
-}
-
-._BLrNe {
-  display: inline-block;
-  padding-left: 8px;
-  line-height: 1em;
-}
-
-._CT4Lp {
-  border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-}
-._CT4Lp tr:first-of-type > td:first-of-type {
-  border-top-left-radius: 8px;
-}
-._CT4Lp tr:first-of-type > td:last-of-type {
-  border-top-right-radius: 8px;
-}
-._CT4Lp tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 8px;
-}
-._CT4Lp tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 8px;
-}
-._1wU1R tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 0;
-}
-._1wU1R tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 0;
-}
-
-._398L3 {
-  font-weight: 600;
-  font-size: 14px;
-}
-._398L3 tr td {
-  background: var(--color-grey-100);
-}
-._398L3 tr td:first-of-type {
-  border-left: 1px solid var(--color-grey-200);
-}
-._398L3 tr td:last-of-type {
-  border-right: 1px solid var(--color-grey-200);
-}
-._398L3 tr:first-of-type td {
-  border-top: 0;
-}
-._398L3 tr:last-of-type td:first-of-type {
-  border-bottom-left-radius: 8px;
-}
-._398L3 tr:last-of-type td:last-of-type {
-  border-bottom-right-radius: 8px;
-}
-
-._2smmY {
-  margin-top: 20px;
-  font-family: "Proxima Nova", sans-serif;
-}
-._1zw4R {
-  width: 100%;
-  height: 20px;
-  border: 1px solid var(--color-grey-200);
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 1;
-  pointer-events: none;
-}
-._2vWl5 {
-  top: 28px;
-  border-bottom: 0;
-  border-top-right-radius: 8px;
-  border-top-left-radius: 8px;
-}
-._397Yd {
-  bottom: 0;
-  border-top: 0;
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-}
-._AGTVL {
-  width: 8px;
-  height: 8px;
-  overflow: hidden;
-  position: absolute;
-  left: -1px;
-}
-._AGTVL::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  left: 0;
-}
-._3wzKK {
-  top: -1px;
-}
-._3wzKK::before {
-  top: 0;
-  box-shadow: -6px -6px 0 0 white;
-}
-._2pJrs {
-  bottom: -1px;
-}
-._2pJrs::before {
-  bottom: 0;
-  box-shadow: -6px 6px 0 0 white;
-}
-._vh4go {
-  width: 8px;
-  height: 8px;
-  overflow: hidden;
-  position: absolute;
-  right: -1px;
-}
-._vh4go::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  right: 0;
-}
-._2sj0a {
-  top: -1px;
-}
-._2sj0a::before {
-  top: 0;
-  box-shadow: 6px -6px 0 0 white;
-}
-._1s8kO {
-  bottom: -1px;
-}
-._1s8kO::before {
-  bottom: 0;
-  box-shadow: 6px 6px 0 0 white;
-}
-._94pbt > td {
-  border: 1px solid var(--color-grey-200);
-}
 ._1cDCR {
   flex: 1;
   display: "flex";

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import './foundation/_design-tokens.scss';
+import './foundation/color-constants';
 export * from './core';
 export * from './lists';
 export * from './controls';