@7shifts/sous-chef 2.16.1 → 2.17.0

package/dist/index.css

@@ -51,10 +51,6 @@ Please ask a designer if you have questions about which colours to use.
   margin: 0;
 }
 
-._umc73 {
-  min-width: 0;
-}
-
 ._kf0KG {
   align-items: center;
 }
@@ -330,10 +326,14 @@ Please ask a designer if you have questions about which colours to use.
   margin-top: 2px;
 }
 
-._1R_gC {
+._3mZ7B {
   min-width: 100px;
 }
 
+._13ze_ {
+  min-width: 100%;
+}
+
 ._3ig9y {
   padding: 8px;
 }
@@ -1907,6 +1907,9 @@ Please ask a designer if you have questions about which colours to use.
 ._3CaV0 {
   max-width: 500px;
 }
+._2i-Ll > div {
+  min-width: 0;
+}
 /*********************************
 For new colours, see _colors.scss.
 **********************************/
@@ -2211,6 +2214,83 @@ The smaller the number the lighter the color. So $eggplant-100 would be light pu
 The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
 Please ask a designer if you have questions about which colours to use.
 */
+._1Tw96 {
+  line-height: normal;
+  padding: 0;
+  width: auto;
+  float: none;
+  color: #464646;
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 600;
+  font-size: 14px;
+  min-height: 16px;
+}
+
+._1o8rK {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+._2OGKE {
+  display: block;
+  text-align: center;
+  height: 100%;
+  color: #767676;
+}
+._2OGKE input {
+  border: 0px;
+  clip: rect(0px, 0px, 0px, 0px);
+  height: 1px;
+  width: 1px;
+  margin: -1px;
+  padding: 0px;
+  overflow: hidden;
+  white-space: nowrap;
+  position: absolute;
+}
+input:checked ~ ._23M9k {
+  border-color: #a7b7ea;
+  box-shadow: 0 0 8px #a7b7ea;
+  cursor: default;
+}
+._23M9k {
+  border: 1px solid #D5D5D5;
+  border-radius: 4px;
+  padding: 16px;
+  display: block;
+  cursor: pointer;
+  height: 100%;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  word-break: break-word;
+}
+._23M9k:hover {
+  box-shadow: 0 0 8px #D5D5D5;
+}
+._1r-Wg {
+  line-height: normal;
+  padding: 0;
+  width: auto;
+  float: none;
+  color: #464646;
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 600;
+  font-size: 14px;
+  min-height: 16px;
+}
+/*********************************
+For new colours, see _colors.scss.
+**********************************/
+/* stylelint-disable color-no-hex */
+/*
+These are the colour variables to be used around the webapp.
+The variables are set up to describe the color and number which represents the lightness of the color.
+The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
+The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
+Please ask a designer if you have questions about which colours to use.
+*/
 ._1Clmp {
   position: relative;
 }
@@ -2800,6 +2880,14 @@ Please ask a designer if you have questions about which colours to use.
   flex-grow: 1;
   color: #464646;
 }
+._3n6S7 a {
+  text-decoration: underline;
+  color: #464646;
+}
+._3n6S7 a:hover {
+  cursor: pointer;
+  color: #323232;
+}
 
 ._2pMYs {
   margin-bottom: 4px;
@@ -3086,4 +3174,72 @@ Please ask a designer if you have questions about which colours to use.
 ._2G3ML {
   background-color: #ceecf5;
   color: #367385;
+}
+/*********************************
+For new colours, see _colors.scss.
+**********************************/
+/* stylelint-disable color-no-hex */
+/*
+These are the colour variables to be used around the webapp.
+The variables are set up to describe the color and number which represents the lightness of the color.
+The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
+The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
+Please ask a designer if you have questions about which colours to use.
+*/
+/* stylelint-disable color-no-hex */
+/*
+These are the colour variables to be used around the webapp.
+The variables are set up to describe the color and number which represents the lightness of the color.
+The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
+The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
+Please ask a designer if you have questions about which colours to use.
+*/
+._29ZIp {
+  position: relative;
+}
+._3Q8NT {
+  box-sizing: border-box;
+  background: white;
+  border: 1px solid #D5D5D5;
+  border-radius: 8px;
+  width: 100%;
+  height: 100%;
+  padding: 24px 20px;
+  color: #464646;
+}
+._2Fah6 {
+  cursor: pointer;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.05);
+  transition: all ease-in-out 150ms;
+}
+._2Fah6:not(._SGno0):hover {
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.2);
+  background-color: #F3F3F3;
+}
+._2Fah6:focus {
+  box-shadow: 0 0 8px #a7b7ea;
+  outline: none;
+}
+._1zqRN {
+  border-color: #6d87dd;
+  box-shadow: 0 0 8px #a7b7ea;
+}
+._3Hwms {
+  min-height: 56px;
+}
+._TmEUS {
+  position: absolute;
+  z-index: 1;
+  right: 8px;
+  top: 8px;
+}
+
+button {
+  background: none;
+  color: inherit;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  text-align: inherit;
 }

package/dist/index.d.ts

@@ -6,3 +6,4 @@ export * from './actions';
 export * from './overlay';
 export * from './media';
 export * from './icons';
+export * from './layout';