npm - @7shifts/sous-chef - Versions diffs - 2.15.1 → 2.15.2 - Mend

@7shifts/sous-chef 2.15.1 → 2.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/foundation/colors.d.ts +6 -6
package/dist/index.css +164 -164
package/dist/index.js +7 -7
package/dist/index.js.map +1 -1
package/dist/index.modern.js +7 -7
package/dist/index.modern.js.map +1 -1
package/package.json +1 -1

package/dist/index.css CHANGED Viewed

@@ -39,10 +39,10 @@ Please ask a designer if you have questions about which colours to use.
   display: flex;
   cursor: pointer;
   white-space: nowrap;
-  color: #555;
+  color: #464646;
 }
 ._IRJ4j:hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._3-eyQ {
   display: flex;
@@ -132,7 +132,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._1pYbs {
-  stroke: #c1c1c1;
+  stroke: #949494;
 }
 ._3ofDF {
@@ -214,12 +214,12 @@ Please ask a designer if you have questions about which colours to use.
   opacity: 1;
 }
 ._2fg5c {
-  background: #464646;
+  background: #323232;
   color: #fff;
 }
 ._1iXKZ {
   background: #fff;
-  color: #555;
+  color: #464646;
 }
 ._2K2Xx {
   font-weight: 600;
@@ -246,12 +246,12 @@ Please ask a designer if you have questions about which colours to use.
   opacity: 1;
 }
 ._2l-Dg {
-  border-top-color: #464646;
+  border-top-color: #323232;
   color: #fff;
 }
 ._2LAWl {
   border-top-color: #fff;
-  color: #555;
+  color: #464646;
 }
 /*********************************
 For new colours, see _colors.scss.
@@ -335,24 +335,24 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._3OB2g {
-  background: #f8f8f8;
-  border-color: #c1c1c1;
-  color: #555;
+  background: #F3F3F3;
+  border-color: #C8C8C8;
+  color: #464646;
 }
 ._3OB2g:hover {
-  background: #e0e0e0;
-  border-color: #929292;
-  color: #464646;
+  background: #C8C8C8;
+  border-color: #949494;
+  color: #323232;
 }
 ._3OB2g:disabled {
-  background: #f8f8f8;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
+  background: #F3F3F3;
+  border-color: #C8C8C8;
+  color: #949494;
 }
 ._3OB2g[aria-disabled=true] {
-  background: #f8f8f8;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
+  background: #F3F3F3;
+  border-color: #C8C8C8;
+  color: #949494;
 }
 ._2RivT {
@@ -441,23 +441,23 @@ Please ask a designer if you have questions about which colours to use.
 ._3BrS0 {
   background: transparent;
-  border-color: #c1c1c1;
-  color: #555;
+  border-color: #C8C8C8;
+  color: #464646;
 }
 ._3BrS0:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #929292;
-  color: #464646;
+  border-color: #949494;
+  color: #323232;
 }
 ._3BrS0:disabled {
   background: transparent;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
+  border-color: #C8C8C8;
+  color: #949494;
 }
 ._3BrS0[aria-disabled=true] {
   background: transparent;
-  border-color: #e0e0e0;
-  color: #c1c1c1;
+  border-color: #C8C8C8;
+  color: #949494;
 }
 ._1LCBO {
@@ -473,12 +473,12 @@ Please ask a designer if you have questions about which colours to use.
 ._1LCBO:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._1LCBO[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._23S36 {
@@ -488,18 +488,18 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._23S36:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
+  border-color: #F3F3F3;
   color: #51acc7;
 }
 ._23S36:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._23S36[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._2CzxI {
@@ -509,18 +509,18 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._2CzxI:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
+  border-color: #F3F3F3;
   color: #cf5c5c;
 }
 ._2CzxI:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._2CzxI[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._21e4m {
@@ -530,60 +530,60 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._21e4m:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
+  border-color: #F3F3F3;
   color: #6179c6;
 }
 ._21e4m:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._21e4m[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._2-ESu {
   background: transparent;
   border-color: transparent;
-  color: #555;
+  color: #464646;
 }
 ._2-ESu:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #555;
+  border-color: #F3F3F3;
+  color: #464646;
 }
 ._2-ESu:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._2-ESu[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._1u3kp {
   background: transparent;
   border-color: transparent;
-  color: #929292;
+  color: #767676;
 }
 ._1u3kp:hover {
   background: rgba(0, 0, 0, 0.03);
-  border-color: #f8f8f8;
-  color: #929292;
+  border-color: #F3F3F3;
+  color: #767676;
 }
 ._1u3kp:disabled {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 ._1u3kp[aria-disabled=true] {
   background: transparent;
   border-color: transparent;
-  color: #c1c1c1;
+  color: #949494;
 }
 /*********************************
 For new colours, see _colors.scss.
@@ -600,7 +600,7 @@ Please ask a designer if you have questions about which colours to use.
   display: flex;
   padding: 16px;
   border: 1px solid #fff;
-  border-bottom: 1px solid #e0e0e0;
+  border-bottom: 1px solid #C8C8C8;
 }
 ._3DlpO:last-child:not(._NS-B9) {
   border-bottom: 1px solid #fff;
@@ -616,7 +616,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: pointer;
 }
 ._2jPpF:hover {
-  background-color: #f8f8f8;
+  background-color: #F3F3F3;
 }
 ._NS-B9 {
@@ -670,7 +670,7 @@ Please ask a designer if you have questions about which colours to use.
   font-size: 12px;
   font-weight: 600;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   padding: 19px 17px 8px 17px;
 }
@@ -700,7 +700,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._2ygIH {
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   border-radius: 8px;
   font-family: "Proxima Nova", sans-serif;
   font-size: 14px;
@@ -722,7 +722,7 @@ The base colour is the default colour and is numbered with 400. If someone says
 Please ask a designer if you have questions about which colours to use.
 */
 ._1IynL button:disabled {
-  border-color: #c1c1c1;
+  border-color: #C8C8C8;
 }
 ._1IynL button:last-child {
   border-radius: 0 4px 4px 0;
@@ -750,7 +750,7 @@ Please ask a designer if you have questions about which colours to use.
   display: flex;
 }
 ._1d8Ci:not(:last-child):not(._3tb7U) {
-  border-bottom: 1px solid #e0e0e0;
+  border-bottom: 1px solid #C8C8C8;
 }
 ._1d8Ci:focus:not(:focus-visible) {
@@ -763,7 +763,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: pointer;
 }
 ._thFcO:hover {
-  background-color: #f8f8f8;
+  background-color: #F3F3F3;
 }
 ._3tb7U {
@@ -802,7 +802,7 @@ Please ask a designer if you have questions about which colours to use.
   justify-content: flex-end;
 }
 ._1rrRr:not(:last-child) {
-  border-right: 1px solid #e0e0e0;
+  border-right: 1px solid #C8C8C8;
 }
 ._azbIG {
@@ -833,7 +833,7 @@ The base colour is the default colour and is numbered with 400. If someone says
 Please ask a designer if you have questions about which colours to use.
 */
 ._1QDLF {
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 400;
   font-size: 12px;
@@ -855,7 +855,7 @@ Please ask a designer if you have questions about which colours to use.
   padding: 0;
   width: auto;
   float: none;
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 600;
   font-size: 14px;
@@ -882,7 +882,7 @@ Just for future references:
   padding: 0;
   width: auto;
   float: none;
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 600;
   font-size: 14px;
@@ -891,7 +891,7 @@ Just for future references:
 }
 ._1jEiW {
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 400;
   font-size: 12px;
@@ -914,7 +914,7 @@ Just for future references:
 ._3tNyE::before {
   content: "";
   display: block;
-  background: #c1c1c1;
+  background: #C8C8C8;
   transition: all ease-in-out 150ms;
   box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.03);
   border-radius: 26px;
@@ -930,7 +930,7 @@ Just for future references:
   right: 21px;
   top: 2px;
   background: #fff;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   border-radius: 24px;
   height: 14px;
   width: 14px;
@@ -978,7 +978,7 @@ Please ask a designer if you have questions about which colours to use.
   font-size: 12px;
   font-weight: 600;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   padding: 20px 17px 8px 17px;
 }
@@ -1018,14 +1018,14 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._1bTmd {
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   border-radius: 8px;
   font-family: "Proxima Nova", sans-serif;
   font-size: 14px;
 }
 ._1opWx {
-  background: #f8f8f8;
+  background: #F3F3F3;
   font-weight: 600;
 }
@@ -1066,7 +1066,7 @@ Please ask a designer if you have questions about which colours to use.
   padding: 0;
   width: auto;
   float: none;
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 600;
   font-size: 14px;
@@ -1084,7 +1084,7 @@ The base colour is the default colour and is numbered with 400. If someone says
 Please ask a designer if you have questions about which colours to use.
 */
 ._1DWBq {
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 400;
   font-size: 12px;
@@ -1135,7 +1135,7 @@ Please ask a designer if you have questions about which colours to use.
   position: absolute;
   line-height: 22px;
   padding: 8px;
-  color: #555;
+  color: #464646;
   min-width: 8px;
   pointer-events: none;
   font-size: 14px;
@@ -1151,14 +1151,14 @@ Please ask a designer if you have questions about which colours to use.
   text-align: left;
 }
 ._eX5OL svg {
-  color: #929292;
+  color: #767676;
 }
 .__YH01 {
   position: absolute;
   line-height: 22px;
   padding: 8px;
-  color: #555;
+  color: #464646;
   min-width: 8px;
   pointer-events: none;
   font-size: 14px;
@@ -1175,7 +1175,7 @@ Please ask a designer if you have questions about which colours to use.
   text-align: right;
 }
 .__YH01 svg {
-  color: #929292;
+  color: #767676;
 }
 /*********************************
 For new colours, see _colors.scss.
@@ -1208,7 +1208,7 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._kIngZ input:hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._3_QIj {
   text-align: right;
@@ -1262,7 +1262,7 @@ Please ask a designer if you have questions about which colours to use.
   border-radius: 4px;
   padding: 7px;
   box-shadow: none;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -1272,7 +1272,7 @@ Please ask a designer if you have questions about which colours to use.
   line-height: 22px;
   font-size: 14px;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   margin: 0;
   border: none;
   resize: none;
@@ -1284,7 +1284,7 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._BkzdC textarea:disabled {
-  background-color: #f8f8f8;
+  background-color: #F3F3F3;
 }
 ._Rop31 {
   border: 1px solid #6d87dd;
@@ -1292,7 +1292,7 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._2x3Cm {
-  background-color: #f8f8f8;
+  background-color: #F3F3F3;
 }
 ._3zOwV {
   border-color: #e76767 !important;
@@ -1317,9 +1317,9 @@ Please ask a designer if you have questions about which colours to use.
   border-radius: 4px;
   font-size: 14px;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   box-shadow: none;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   margin: 0;
   flex: 1;
   min-width: 90px;
@@ -1330,8 +1330,8 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._20YOA:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
+  background-color: #F3F3F3;
+  color: #767676;
 }
 ._3kUSh {
@@ -1342,7 +1342,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
-  color: #929292;
+  color: #767676;
 }
 ._QXJOD {
@@ -1384,8 +1384,8 @@ Please ask a designer if you have questions about which colours to use.
   width: 14px;
   background-color: transparent;
   border-radius: 4px;
-  border: 1px solid #e0e0e0;
-  box-shadow: inset 0 1px 4px -2px #e0e0e0;
+  border: 1px solid #C8C8C8;
+  box-shadow: inset 0 1px 4px -2px #C8C8C8;
 }
 ._2mA8e::after {
   position: absolute;
@@ -1415,8 +1415,8 @@ input:focus-visible + ._2mA8e {
   outline: #6d87dd solid 1px;
 }
 input:disabled + ._2mA8e {
-  background-color: #f8f8f8;
-  border: 1px solid #e0e0e0;
+  background-color: #F3F3F3;
+  border: 1px solid #C8C8C8;
 }
 input:disabled + ._2mA8e::after {
   box-shadow: none;
@@ -1457,13 +1457,13 @@ Please ask a designer if you have questions about which colours to use.
   font-size: 14px;
   font-weight: 600;
   padding: 8px;
-  border: 1px solid #e0e0e0;
+  border: 1px solid #C8C8C8;
   border-radius: 25px;
   min-height: 38px;
   min-width: 60px;
   text-align: center;
   vertical-align: middle;
-  color: #555;
+  color: #464646;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -1473,8 +1473,8 @@ Please ask a designer if you have questions about which colours to use.
   box-sizing: border-box;
 }
 input:hover ~ ._1i2AX {
-  background-color: #e0e0e0;
-  border-color: #e0e0e0;
+  background-color: #C8C8C8;
+  border-color: #C8C8C8;
 }
 input:checked:hover ~ ._1i2AX {
   background-color: #e16840;
@@ -1486,9 +1486,9 @@ input:checked ~ ._1i2AX {
   color: #fff;
 }
 input:disabled + ._1i2AX {
-  background-color: #f8f8f8;
-  border-color: #f8f8f8;
-  color: #929292;
+  background-color: #F3F3F3;
+  border-color: #F3F3F3;
+  color: #767676;
 }
 input:disabled:checked + ._1i2AX {
   background-color: #e16840;
@@ -1516,7 +1516,7 @@ Please ask a designer if you have questions about which colours to use.
   padding: 0;
   width: auto;
   float: none;
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 600;
   font-size: 14px;
@@ -1528,7 +1528,7 @@ Please ask a designer if you have questions about which colours to use.
   padding: 0;
   width: auto;
   float: none;
-  color: #555;
+  color: #464646;
   font-family: "Proxima Nova", sans-serif;
   font-weight: 600;
   font-size: 14px;
@@ -1568,8 +1568,8 @@ Please ask a designer if you have questions about which colours to use.
   width: 14px;
   background-color: transparent;
   border-radius: 50%;
-  border: 1px solid #e0e0e0;
-  box-shadow: inset 0 1px 4px -2px #e0e0e0;
+  border: 1px solid #C8C8C8;
+  box-shadow: inset 0 1px 4px -2px #C8C8C8;
 }
 ._1tMq-::after {
   position: absolute;
@@ -1597,8 +1597,8 @@ input:focus-visible + ._1tMq- {
   outline: #6d87dd solid 1px;
 }
 input:disabled + ._1tMq- {
-  background-color: #f8f8f8;
-  border: 1px solid #e0e0e0;
+  background-color: #F3F3F3;
+  border: 1px solid #C8C8C8;
 }
 input:disabled + ._1tMq-::after {
   box-shadow: none;
@@ -1625,9 +1625,9 @@ Please ask a designer if you have questions about which colours to use.
   border-radius: 4px;
   font-size: 14px;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   box-shadow: none;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   margin: 0;
   flex: 1;
   min-width: 90px;
@@ -1638,8 +1638,8 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._18Rzv:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
+  background-color: #F3F3F3;
+  color: #767676;
 }
 ._3eD7t {
@@ -1650,7 +1650,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
-  color: #929292;
+  color: #767676;
 }
 ._-MgeO {
@@ -1683,12 +1683,12 @@ The base colour is the default colour and is numbered with 400. If someone says
 Please ask a designer if you have questions about which colours to use.
 */
 ._U0krC {
-  color: #e0e0e0;
+  color: #C8C8C8;
   font-family: "Proxima Nova", sans-serif;
 }
 ._2XIl4 {
-  color: #929292;
+  color: #767676;
   font-family: "Proxima Nova", sans-serif;
 }
 ._1cDCR {
@@ -1710,7 +1710,7 @@ Please ask a designer if you have questions about which colours to use.
   font-family: "Proxima Nova", sans-serif;
   font-weight: 16px;
   font-size: 14px;
-  color: #929292;
+  color: #767676;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -1733,9 +1733,9 @@ Please ask a designer if you have questions about which colours to use.
   border-radius: 4px;
   font-size: 14px;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   box-shadow: none;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   margin: 0;
   flex: 1;
   min-width: 90px;
@@ -1746,8 +1746,8 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._1btTx:disabled, ._1Sc9D:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
+  background-color: #F3F3F3;
+  color: #767676;
 }
 ._2feYp, ._2SNat {
@@ -1758,7 +1758,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
-  color: #929292;
+  color: #767676;
 }
 ._27J43, ._3eTNi {
@@ -1820,21 +1820,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
+  border-right: 10px solid #464646;
   margin-right: 1.5em;
 }
 ._20uqc:hover {
   opacity: 0.8;
 }
 ._20uqc:hover {
-  border-right-color: #929292;
+  border-right-color: #767676;
 }
 ._3C53z {
@@ -1844,21 +1844,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
+  border-left: 10px solid #464646;
 }
 ._3C53z:hover {
   opacity: 0.8;
 }
 ._3C53z:hover {
   opacity: 0.8;
-  border-left-color: #929292;
+  border-left-color: #767676;
 }
 ._M_eHz {
@@ -1889,7 +1889,7 @@ Please ask a designer if you have questions about which colours to use.
 ._1FXNw > div {
   font-weight: 600;
   font-size: 20px;
-  color: #555;
+  color: #464646;
 }
 ._3KcRU {
@@ -1904,7 +1904,7 @@ Please ask a designer if you have questions about which colours to use.
 ._c1Y-X {
   display: table-cell;
   padding: 0.5em;
-  color: #929292;
+  color: #767676;
   text-align: center;
   font-size: 0.875em;
 }
@@ -1931,7 +1931,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: pointer;
 }
 ._1AWH2:not(._1J9dh):not(._3vJkw):not(._1DR0N):not(._276GV):hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._2M5xr {
@@ -1958,12 +1958,12 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._3vJkw {
-  color: #e0e0e0;
+  color: #C8C8C8;
   cursor: default;
 }
 ._276GV:not(._3vJkw) {
-  color: #c1c1c1;
+  color: #949494;
   cursor: default;
 }
@@ -1983,8 +1983,8 @@ Please ask a designer if you have questions about which colours to use.
   display: table-cell;
   padding: 0.5em;
   min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
+  border-right: 1px solid #C8C8C8;
+  color: #949494;
   vertical-align: middle;
   text-align: right;
   font-size: 0.75em;
@@ -2038,21 +2038,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
+  border-right: 10px solid #464646;
   margin-right: 1.5em;
 }
 ._6kNi3:hover {
   opacity: 0.8;
 }
 ._6kNi3:hover {
-  border-right-color: #929292;
+  border-right-color: #767676;
 }
 ._13W_e {
@@ -2062,21 +2062,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
+  border-left: 10px solid #464646;
 }
 ._13W_e:hover {
   opacity: 0.8;
 }
 ._13W_e:hover {
   opacity: 0.8;
-  border-left-color: #929292;
+  border-left-color: #767676;
 }
 ._1FeSY {
@@ -2107,7 +2107,7 @@ Please ask a designer if you have questions about which colours to use.
 ._AMbAo > div {
   font-weight: 600;
   font-size: 20px;
-  color: #555;
+  color: #464646;
 }
 ._1LEst {
@@ -2122,7 +2122,7 @@ Please ask a designer if you have questions about which colours to use.
 ._1C5ry {
   display: table-cell;
   padding: 0.5em;
-  color: #929292;
+  color: #767676;
   text-align: center;
   font-size: 0.875em;
 }
@@ -2149,7 +2149,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: pointer;
 }
 ._mG73F:not(._wJ6Cb):not(._2pgnH):not(._MtLaz):not(._CRqyX):hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._2KG9- {
@@ -2176,12 +2176,12 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._2pgnH {
-  color: #e0e0e0;
+  color: #C8C8C8;
   cursor: default;
 }
 ._CRqyX:not(._2pgnH) {
-  color: #c1c1c1;
+  color: #949494;
   cursor: default;
 }
@@ -2201,8 +2201,8 @@ Please ask a designer if you have questions about which colours to use.
   display: table-cell;
   padding: 0.5em;
   min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
+  border-right: 1px solid #C8C8C8;
+  color: #949494;
   vertical-align: middle;
   text-align: right;
   font-size: 0.75em;
@@ -2226,9 +2226,9 @@ Please ask a designer if you have questions about which colours to use.
   border-radius: 4px;
   font-size: 14px;
   font-family: "Proxima Nova", sans-serif;
-  color: #555;
+  color: #464646;
   box-shadow: none;
-  border: 1px solid #c1c1c1;
+  border: 1px solid #C8C8C8;
   margin: 0;
   flex: 1;
   min-width: 90px;
@@ -2239,8 +2239,8 @@ Please ask a designer if you have questions about which colours to use.
   outline: none;
 }
 ._25rf7:disabled, ._3qVhi input:disabled, ._3qVhi:disabled {
-  background-color: #f8f8f8;
-  color: #929292;
+  background-color: #F3F3F3;
+  color: #767676;
 }
 ._2M9Ud {
@@ -2251,7 +2251,7 @@ Please ask a designer if you have questions about which colours to use.
   border-left: 0 !important;
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
-  color: #929292;
+  color: #767676;
 }
 ._foqL0 {
@@ -2270,7 +2270,7 @@ Please ask a designer if you have questions about which colours to use.
   border-color: #e76767 !important;
 }
 ._2Nkht {
-  background-color: #f8f8f8;
+  background-color: #F3F3F3;
 }
 ._3qVhi input {
   border: none;
@@ -2366,21 +2366,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-right: 10px solid #555;
+  border-right: 10px solid #464646;
   margin-right: 1.5em;
 }
 ._3gjq8:hover {
   opacity: 0.8;
 }
 ._3gjq8:hover {
-  border-right-color: #929292;
+  border-right-color: #767676;
 }
 ._1m-Kd {
@@ -2390,21 +2390,21 @@ Please ask a designer if you have questions about which colours to use.
   left: auto;
   display: inline-block;
   margin-top: 2px;
-  color: #c1c1c1;
+  color: #949494;
   cursor: pointer;
   background-image: none;
   width: 0;
   height: 0;
   border-top: 7px solid transparent;
   border-bottom: 7px solid transparent;
-  border-left: 10px solid #555;
+  border-left: 10px solid #464646;
 }
 ._1m-Kd:hover {
   opacity: 0.8;
 }
 ._1m-Kd:hover {
   opacity: 0.8;
-  border-left-color: #929292;
+  border-left-color: #767676;
 }
 ._Fq6Xh {
@@ -2435,7 +2435,7 @@ Please ask a designer if you have questions about which colours to use.
 ._36X9Y > div {
   font-weight: 600;
   font-size: 20px;
-  color: #555;
+  color: #464646;
 }
 ._1aWPn {
@@ -2450,7 +2450,7 @@ Please ask a designer if you have questions about which colours to use.
 ._t-ctd {
   display: table-cell;
   padding: 0.5em;
-  color: #929292;
+  color: #767676;
   text-align: center;
   font-size: 0.875em;
 }
@@ -2477,7 +2477,7 @@ Please ask a designer if you have questions about which colours to use.
   cursor: pointer;
 }
 ._3nNcG:not(._1O7OT):not(._1M4ZF):not(._2PEs8):not(._1PIJa):hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._2T_z1 {
@@ -2504,12 +2504,12 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._1M4ZF {
-  color: #e0e0e0;
+  color: #C8C8C8;
   cursor: default;
 }
 ._1PIJa:not(._1M4ZF) {
-  color: #c1c1c1;
+  color: #949494;
   cursor: default;
 }
@@ -2529,8 +2529,8 @@ Please ask a designer if you have questions about which colours to use.
   display: table-cell;
   padding: 0.5em;
   min-width: 1em;
-  border-right: 1px solid #e0e0e0;
-  color: #c1c1c1;
+  border-right: 1px solid #C8C8C8;
+  color: #949494;
   vertical-align: middle;
   text-align: right;
   font-size: 0.75em;
@@ -2565,7 +2565,7 @@ Please ask a designer if you have questions about which colours to use.
 }
 ._3Nwep:hover {
-  background: #f8f8f8;
+  background: #F3F3F3;
 }
 ._3Nwep:hover ._2PEs8:not(._1M4ZF) {
   background-color: #fb7448;
@@ -2592,7 +2592,7 @@ Please ask a designer if you have questions about which colours to use.
 */
 ._vgLin {
   padding: 16px 12px 16px 12px;
-  background: #f8f8f8;
+  background: #F3F3F3;
   margin-left: 1px;
   margin-right: 1px;
   position: relative;
@@ -2604,14 +2604,14 @@ Please ask a designer if you have questions about which colours to use.
   font-weight: 600;
   font-size: 14px;
   line-height: 16px;
-  color: #555;
+  color: #464646;
 }
 ._3n6S7 {
   font-size: 14px;
   line-height: 16px;
   flex-grow: 1;
-  color: #555;
+  color: #464646;
 }
 ._2pMYs {
@@ -2692,7 +2692,7 @@ Please ask a designer if you have questions about which colours to use.
 ._1jqm8 {
   font-size: 12px;
   line-height: 12px;
-  color: #555;
+  color: #464646;
 }
 /*********************************
 For new colours, see _colors.scss.
@@ -2738,7 +2738,7 @@ Please ask a designer if you have questions about which colours to use.
 ._wQQ_2 {
   position: initial;
-  border: 1px solid #e0e0e0;
+  border: 1px solid #C8C8C8;
   background: #fff;
   overflow: auto;
   outline: none;
@@ -2773,7 +2773,7 @@ Please ask a designer if you have questions about which colours to use.
 ._36nxW {
   font-size: 24px;
   line-height: 28px;
-  color: #555;
+  color: #464646;
   font-weight: 600;
   font-family: "Proxima Nova", sans-serif;
 }
@@ -2781,7 +2781,7 @@ Please ask a designer if you have questions about which colours to use.
 ._2XwRD {
   font-size: 20px;
   line-height: 24px;
-  color: #929292;
+  color: #767676;
   font-family: "Proxima Nova", sans-serif;
 }
 /*********************************