@thecb/components 4.2.3 → 4.2.7-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thecb/components",
-  "version": "4.2.3",
+  "version": "4.2.7-beta.1",
   "description": "Common lib for CityBase react components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/atoms/button-with-action/ButtonWithAction.js

@@ -101,11 +101,11 @@ const ButtonWithAction = ({
     };
   `;
   const disabledStyles = `
-    background-clor: #6E727E;
-    border-color: #6E727E;
+    background-clor: #6D717E;
+    border-color: #6D717E;
     color: #FFFFFF;
     &:focus {
-      box-shadow: 0 0 10px #6E727E;
+      box-shadow: 0 0 10px #6D717E;
       outline: none;
     }
   `;

package/src/components/atoms/form-layouts/FormLayouts.theme.js

@@ -35,7 +35,7 @@ const fontWeight = {
 };
 const hoverFocusStyles = {
   default: `color: #0E506D; outline: none; text-decoration: underline;  `,
-  disabled: `color: #6E727E;`
+  disabled: `color: #6D717E;`
 };
 const formFooterPanel = {
   default: `${INFO_BLUE}`

package/src/components/atoms/form-select/FormSelect.theme.js

@@ -34,7 +34,7 @@ const fontWeight = {
 };
 const hoverFocusStyles = {
   default: `color: #0E506D; outline: none; text-decoration: underline;  `,
-  disabled: `color: #6E727E;`
+  disabled: `color: #6D717E;`
 };
 
 export const fallbackValues = {

package/src/components/atoms/icons/BankIcon.js

@@ -29,7 +29,7 @@ export const BankIcon = () => {
                     <g
                       id="bank"
                       transform="translate(8.000000, 4.000000)"
-                      fill="#6E727E"
+                      fill="#6D717E"
                     >
                       <rect
                         id="Rectangle"

package/src/components/atoms/icons/CalendarIcon.js

@@ -19,7 +19,7 @@ const CalendarIcon = () => (
       <g
         id="Icons"
         transform="translate(-64.000000, -352.000000)"
-        fill="#6E727E"
+        fill="#6D717E"
       >
         <path
           d="M80,384 C88.836556,384 96,376.836556 96,368 C96,359.163444 88.836556,352 80,352 C71.163444,352 64,359.163444 64,368 C64,376.836556 71.163444,384 80,384 Z M73,362 L87,362 C87.5522847,362 88,362.447715 88,363 L88,375 C88,375.552285 87.5522847,376 87,376 L73,376 C72.4477153,376 72,375.552285 72,375 L72,363 C72,362.447715 72.4477153,362 73,362 Z M86.5,366 L86.5,374.5 L73.5,374.5 L73.5,366 L86.5,366 Z M76.25,360.5 C76.3880712,360.5 76.5,360.611929 76.5,360.75 L76.5,362 L75,362 L75,360.75 C75,360.611929 75.1119288,360.5 75.25,360.5 L76.25,360.5 Z M84.75,360.5 C84.8880712,360.5 85,360.611929 85,360.75 L85,362 L83.5,362 L83.5,360.75 C83.5,360.611929 83.6119288,360.5 83.75,360.5 L84.75,360.5 Z"

package/src/components/atoms/icons/DuplicateIcon.js

@@ -19,7 +19,7 @@ const DuplicateIcon = () => (
       <g
         id="Icons"
         transform="translate(-64.000000, -256.000000)"
-        fill="#6E727E"
+        fill="#6D717E"
       >
         <path
           d="M80,288 C88.836556,288 96,280.836556 96,272 C96,263.163444 88.836556,256 80,256 C71.163444,256 64,263.163444 64,272 C64,280.836556 71.163444,288 80,288 Z M83,264 C83.5522847,264 84,264.447715 84,265 L84,268 L87,268 C87.5522847,268 88,268.447715 88,269 L88,279 C88,279.552285 87.5522847,280 87,280 L77,280 C76.4477153,280 76,279.552285 76,279 L76,276 L73,276 C72.4477153,276 72,275.552285 72,275 L72,265 C72,264.447715 72.4477153,264 73,264 L83,264 Z M82.5,265.5 L73.5,265.5 L73.5,274.5 L76,274.5 L76,269 C76,268.447715 76.4477153,268 77,268 L82.5,268 L82.5,265.5 Z M77.5,269.5 L86.5,269.5 L86.5,278.5 L77.5,278.5 L77.5,269.5 Z"

package/src/components/atoms/icons/EmptyCartIcon.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { fallbackValues } from "./Icons.theme";
+import { themeComponent } from "../../../util/themeUtils";
+
+const EmptyCartIcon = ({ themeValues }) => (
+  <svg
+    width="440px"
+    height="214px"
+    viewBox="0 0 440 214"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <title>Cart-Empty-Illustration</title>
+    <g
+      id="cart-Cart-Empty-Illustration"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <path
+        d="M217.6664,189.8762 C246.6414,189.8762 270.1304,195.0922 270.1304,201.5262 C270.1304,207.9602 246.6414,213.1762 217.6664,213.1762 C188.6924,213.1762 165.2024,207.9602 165.2024,201.5262 C165.2024,195.0922 188.6924,189.8762 217.6664,189.8762 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M325.7753,2.768 L326.005703,2.77214523 C329.369977,2.8933916 332.0603,5.65915556 332.0603,9.054 L332.0603,9.054 L332.0603,22.883 L103.2593,22.883 L103.2593,9.054 L103.263445,8.82353181 C103.384692,5.45832296 106.150456,2.768 109.5453,2.768 L109.5453,2.768 L325.7753,2.768 Z"
+        id="cart----Theme-Color-Light"
+        fill={themeValues.subIconColor}
+        fillRule="nonzero"
+        opacity="0.1"
+      ></path>
+      <path
+        d="M210.6793,175.3431 C212.69715,175.3431 214.34488,176.927772 214.445893,178.920519 L214.4508,179.1146 L214.4508,201.4796 C214.4508,203.49745 212.866128,205.14518 210.873381,205.246193 L210.6793,205.2511 L196.4113,205.2511 C194.328358,205.2511 192.6398,203.562542 192.6398,201.4796 C192.6398,199.46175 194.224472,197.81402 196.217219,197.713007 L196.4113,197.7081 L206.9074,197.7079 L206.9078,179.1146 C206.9078,177.09675 208.492472,175.44902 210.485219,175.348007 L210.6793,175.3431 Z M224.6539,174.6414 C226.67175,174.6414 228.31948,176.226072 228.420493,178.218819 L228.4254,178.4129 L228.4244,197.7079 L238.9219,197.7084 C240.93975,197.7084 242.58748,199.293072 242.688493,201.285819 L242.6934,201.4799 C242.6934,203.49775 241.108728,205.14548 239.115981,205.246493 L238.9219,205.2514 L224.6539,205.2514 C222.63605,205.2514 220.98832,203.666728 220.887307,201.673981 L220.8824,201.4799 L220.8824,178.4129 C220.8824,176.329958 222.570958,174.6414 224.6539,174.6414 Z M102.36805,122.940779 C99.362801,125.550594 95.2124082,129.154872 89.9168719,133.753615 L132.215161,143.70593 C134.302233,140.853132 137.670278,139 141.472103,139 C143.681242,139 145.472103,140.790861 145.472103,143 C145.472103,145.142195 143.788135,146.891079 141.671744,146.995105 L141.472103,147 C139.557921,147 138,148.563635 138,150.499507 C138,152.371734 139.455725,153.895338 141.281911,153.994832 L141.472103,154 L148,154 C150.209139,154 152,155.790861 152,158 C152,160.142195 150.316032,161.891079 148.19964,161.995105 L148,162 L141.472103,162 C135.439524,162 130.499461,157.334313 130.035595,151.412031 L81.0838427,139.893669 C79.1350301,139.435125 77.8574872,137.623546 78.0116734,135.687366 L78.0136174,135.664052 C77.917747,134.505273 78.3266228,133.319554 79.2154318,132.459235 L79.3772574,132.310864 L101.637257,112.979864 C103.305233,111.531363 103.872948,121.633898 102.36805,122.940779 Z M405.5,102.5 C407.709139,102.5 409.5,104.290861 409.5,106.5 C409.5,108.642195 407.816032,110.391079 405.69964,110.495105 L405.5,110.5 L391.813099,110.5 L360.050681,144.519841 C358.68743,145.979937 356.46635,146.203668 354.844272,145.074853 L354.672836,144.948727 C344.86609,137.329456 337.511029,131.615002 332.607656,127.805367 C331.587065,127.012427 332.543378,117.776418 334.277177,118.979195 L334.454117,119.109171 L356.696,136.39 L380.868099,110.5 L372.5,110.5 C370.290861,110.5 368.5,108.709139 368.5,106.5 C368.5,104.357805 370.183968,102.608921 372.30036,102.504895 L372.5,102.5 L405.5,102.5 Z M422.490595,40 C424.699734,40 426.490595,41.790861 426.490595,44 C426.490595,44.1594939 426.481056,44.318845 426.462028,44.4771999 L420.814597,91.4771999 C420.573067,93.4873075 418.867731,95 416.843164,95 L361.156836,95 C359.132269,95 357.426933,93.4873075 357.185403,91.4771999 L351.537972,44.4771999 C351.274422,42.283838 352.838843,40.2921172 355.032205,40.028567 C355.19056,40.0095394 355.349911,40 355.509405,40 L422.490595,40 Z M362.361008,84.275 L362.93,89 L367.086008,89 L362.361008,84.275 Z M378.999008,80.914 L370.913008,89 L387.085008,89 L378.999008,80.914 Z M398.999008,80.914 L390.913008,89 L407.085008,89 L398.999008,80.914 Z M415.635008,84.278 L410.913008,89 L415.069,89 L415.635008,84.278 Z M409.000008,70.914 L400.414008,79.499 L409.000008,88.085 L416.021008,81.064 L416.357008,78.271 L409.000008,70.914 Z M378.999008,60.914 L370.414008,69.499 L379.000008,78.085 L384.660325,72.4254616 C385.050849,72.0349373 385.684014,72.0349373 386.074538,72.4254616 C386.435022,72.7859455 386.462752,73.3531766 386.157727,73.7454678 L386.074538,73.8396751 L380.414008,79.499 L389.000008,88.085 L397.585008,79.5 L378.999008,60.914 Z M368.999008,70.914 L361.640008,78.273 L361.975008,81.06 L369.000008,88.085 L377.585008,79.5 L368.999008,70.914 Z M389.000008,50.914 L380.414008,59.499 L399.000008,78.085 L407.586008,69.5 L398.968008,60.882 L396.288221,63.5758479 C395.898655,63.9673274 395.265492,63.968878 394.874012,63.5793112 C394.482533,63.1897445 394.480982,62.5565814 394.870549,62.1651019 L397.554008,59.468 L389.000008,50.914 Z M369.000008,50.914 L359.495008,60.418 L361.337008,75.747 L367.585008,69.499 L364.834153,66.7483665 L364.750964,66.6541592 C364.445939,66.261868 364.473669,65.6946369 364.834153,65.334153 C365.194637,64.973669 365.761868,64.9459395 366.154159,65.2509644 L366.248367,65.334153 L368.999008,68.085 L377.585008,59.499 L369.000008,50.914 Z M408.944008,50.858 L400.379008,59.465 L409.000008,68.086 L411.263596,65.8221901 C411.654121,65.4316658 412.287286,65.4316658 412.67781,65.8221901 C413.038294,66.1826741 413.066023,66.7499051 412.760999,67.1421963 L412.67781,67.2364037 L410.414008,69.5 L416.660008,75.746 L418.502008,60.416 L408.944008,50.858 Z M385.084008,46 L372.915008,46 L373.414214,46.5 L370.414008,49.5 L378.999008,58.085 L387.585008,49.499 L384.585786,46.5 L385.084008,46 Z M405.084008,46 L392.915008,46 L393.414214,46.5 L390.414008,49.5 L398.964008,58.05 L407.529008,49.443 L404.585786,46.5 L405.084008,46 Z M365.084008,46 L357.764,46 L359.192008,57.893 L367.585008,49.499 L364.585786,46.5 L365.084008,46 Z M420.235,46 L413.367432,46.000554 C413.367295,46.2554755 413.270289,46.5103988 413.076268,46.705373 L410.354008,49.44 L418.805008,57.891 L420.235,46 Z M371.084008,46 L366.914008,46 L368.999008,48.085 L371.084008,46 Z M391.084008,46 L386.914008,46 L388.999008,48.085 L391.084008,46 Z M410.956008,46 L406.914008,46 L408.940008,48.026 L410.956008,46 Z"
+        id="cart----Theme-Color-Dark"
+        fill={themeValues.subIconColor}
+        fillRule="nonzero"
+      ></path>
+      <path
+        d="M323.380341,0 C329.691966,0 334.839426,4.99682545 334.996316,11.2352504 L335,11.5285717 L334.999983,160.827 L353.061045,160.540795 C354.796658,160.513261 356.22597,161.897933 356.253505,163.633545 C356.280089,165.309309 354.990183,166.699533 353.339006,166.818201 L353.160755,166.826005 L334.999983,167.114 L335,167.471428 C335,173.747737 329.949641,178.841121 323.675331,178.996355 L323.380341,179 L111.61868,179 C105.307163,179 100.160547,174.003277 100.003684,167.764754 L100,167.471428 L99.9999833,166.844 L67.3629661,167.140271 C65.6272063,167.155992 64.2073503,165.761626 64.1914973,164.025866 C64.1764497,162.34996 65.4757876,160.968547 67.1277342,160.861119 L67.3060339,160.854529 L99.9999833,160.558 L100,144.445958 L106,145.445958 L106,167.471428 C106,170.445465 108.390203,172.88149 111.397554,172.995805 L111.61868,173 L323.380341,173 C326.417039,173 328.880188,170.634496 328.995759,167.688034 L329,167.471428 L329,25.082 L106,25.082 L106,137.623848 L100,136.623848 L100,11.5285717 C100,5.2521597 105.049516,0.158876258 111.323695,0.00364538552 L111.61868,0 L323.380341,0 Z M397.839831,160.540614 C399.575544,160.520362 400.999034,161.911018 401.019504,163.646731 C401.038839,165.322592 399.743111,166.707391 398.091451,166.81913 L397.913169,166.826186 L371.001169,167.140186 C369.265456,167.160438 367.841966,165.769782 367.821496,164.034069 C367.802161,162.358208 369.097889,160.973409 370.749549,160.86167 L370.927831,160.854614 L397.839831,160.540614 Z M49.618935,160.541226 C51.3543096,160.501426 52.7933733,161.87596 52.8331737,163.611335 C52.8716017,165.286869 51.5915534,166.686175 49.9412562,166.81651 L49.763065,166.825574 L36.072065,167.139574 C34.3366904,167.179374 32.8976267,165.80484 32.8578263,164.069465 C32.8193983,162.393931 34.0994466,160.994625 35.7497438,160.86429 L35.927935,160.855226 L49.618935,160.541226 Z M235.6568,99.6108 C237.04552,99.6108 238.1713,100.73658 238.1713,102.1253 C238.1713,106.857111 234.405566,110.708459 229.707732,110.846944 L229.4458,110.8508 L205.6148,110.8508 C200.795797,110.8508 196.8893,106.944737 196.8893,102.1253 C196.8893,100.73658 198.01508,99.6108 199.4038,99.6108 C200.736971,99.6108 201.827817,100.648319 201.912951,101.959971 L201.9183,102.1253 C201.9183,104.101305 203.468072,105.714647 205.418468,105.816677 L205.6148,105.8218 L229.4458,105.8218 C231.421627,105.8218 233.035135,104.2722 233.137177,102.321649 L233.1423,102.1253 C233.1423,100.73658 234.26808,99.6108 235.6568,99.6108 Z M194.231,60.5965 C198.416987,60.5965 202.08429,63.3127378 203.512549,67.2902012 C203.98188,68.5972099 203.302807,70.0372177 201.995799,70.5065486 C200.74107,70.9571063 199.36377,70.3492958 198.84036,69.1435924 L198.779451,68.9897988 C198.052367,66.9649887 196.243869,65.6255 194.231,65.6255 C192.218156,65.6255 190.40998,66.9648896 189.683805,68.9890852 C189.214868,70.2962353 187.775065,70.9757415 186.467915,70.5068047 C185.160765,70.037868 184.481258,68.598065 184.950195,67.2909148 C186.377205,63.3131587 190.044694,60.5965 194.231,60.5965 Z M242.174978,60.611 C246.752761,60.611 250.841163,63.228796 252.48308,67.1808345 C253.012812,68.4558831 252.408614,69.9189471 251.133565,70.4486796 C249.911644,70.9563399 248.517048,70.4225952 247.936717,69.255019 L247.86572,69.0991655 C247.013741,67.0484782 244.768727,65.611 242.174978,65.611 C239.670355,65.611 237.490237,66.9513467 236.576132,68.8892772 L236.48308,69.0991655 C235.953347,70.374214 234.490283,70.9784121 233.215235,70.4486796 C231.940186,69.9189471 231.335988,68.4558831 231.86572,67.1808345 C233.507581,63.2289312 237.597045,60.611 242.174978,60.611 Z M392,25 C393.104569,25 394,25.8954305 394,27 L394,40 L428,40 C429.656854,40 431,41.3431458 431,43 L431,47 C431,48.6568542 429.656854,50 428,50 L350,50 C348.343146,50 347,48.6568542 347,47 L347,43 C347,41.3431458 348.343146,40 350,40 L384,40 L384,27 C384,25.8954305 384.895431,25 386,25 L392,25 Z M323.380341,6 L111.61868,6 C108.582279,6 106.11978,8.36521389 106.00424,11.3119453 L106,11.5285717 L106,21.311 L329,21.311 L329,11.5285717 C329,8.55483183 326.609153,6.11852455 323.601489,6.00419571 L323.380341,6 Z M122.1173,10.311 L122.282437,10.316345 C123.538064,10.397879 124.544275,11.402497 124.625946,12.660527 L124.6313,12.826 L124.625946,12.9912424 C124.544275,14.2475768 123.538064,15.252124 122.282437,15.3336552 L122.1173,15.339 L121.951938,15.3336552 C120.640022,15.2485792 119.6023,14.15848 119.6023,12.826 C119.6023,11.436 120.7283,10.311 122.1173,10.311 Z M113.3163,10.311 L113.481547,10.316345 C114.737952,10.397879 115.743349,11.402497 115.82495,12.660527 L115.8303,12.826 L115.82495,12.9912424 C115.743349,14.2475768 114.737952,15.252124 113.481547,15.3336552 L113.3163,15.339 L113.151053,15.3336552 C111.840022,15.2485792 110.8023,14.15848 110.8023,12.826 C110.8023,11.436 111.9283,10.311 113.3163,10.311 Z M130.9173,10.311 L131.082437,10.316345 C132.338064,10.397879 133.344275,11.402497 133.425946,12.660527 L133.4313,12.826 L133.425946,12.9912424 C133.344275,14.2475768 132.338064,15.252124 131.082437,15.3336552 L130.9173,15.339 L130.751942,15.3336552 C129.4401,15.2485792 128.4033,14.15848 128.4033,12.826 C128.4033,11.436 129.5283,10.311 130.9173,10.311 Z"
+        id="cart-Dark-Grey"
+        fill="#3B414D"
+        fillRule="nonzero"
+      ></path>
+    </g>
+  </svg>
+);
+
+export default themeComponent(EmptyCartIcon, "Icons", fallbackValues, "info");

package/src/components/atoms/icons/GenericCard.js

@@ -20,7 +20,7 @@ const GenericCard = () => (
           height="18"
           rx="1"
         ></rect>
-        <g transform="translate(0.000000, 4.000000)" fill="#6E727E">
+        <g transform="translate(0.000000, 4.000000)" fill="#6D717E">
           <rect id="Rectangle-Copy-7" x="0" y="0" width="28" height="4"></rect>
           <rect
             id="Rectangle-Copy-8"

package/src/components/atoms/icons/PendingIcon.js

@@ -19,7 +19,7 @@ const PendingIcon = () => (
       <g
         id="Icons"
         transform="translate(-64.000000, -448.000000)"
-        fill="#6E727E"
+        fill="#6D717E"
       >
         <path
           d="M80,480 C88.836556,480 96,472.836556 96,464 C96,455.163444 88.836556,448 80,448 C71.163444,448 64,455.163444 64,464 C64,472.836556 71.163444,480 80,480 Z M87,466 C88.1045695,466 89,465.104569 89,464 C89,462.895431 88.1045695,462 87,462 C85.8954305,462 85,462.895431 85,464 C85,465.104569 85.8954305,466 87,466 Z M80,462 C81.1045695,462 82,462.895431 82,464 C82,465.104569 81.1045695,466 80,466 C78.8954305,466 78,465.104569 78,464 C78,462.895431 78.8954305,462 80,462 Z M73,462 C74.1045695,462 75,462.895431 75,464 C75,465.104569 74.1045695,466 73,466 C71.8954305,466 71,465.104569 71,464 C71,462.895431 71.8954305,462 73,462 Z"

package/src/components/atoms/icons/ShoppingCartIcon.js

@@ -0,0 +1,43 @@
+import React from "react";
+
+const ShoppingCartIcon = () => (
+  <svg
+    width="32px"
+    height="32px"
+    viewBox="0 0 32 32"
+    version="1.1"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlnsXlink="http://www.w3.org/1999/xlink"
+  >
+    <title>Icon - Cart-Empty</title>
+    <defs>
+      <filter id="cart-badge-filter-1">
+        <feColorMatrix
+          in="SourceGraphic"
+          type="matrix"
+          values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
+        ></feColorMatrix>
+      </filter>
+    </defs>
+    <g
+      id="cart-badge-Icon---Cart-Empty"
+      stroke="none"
+      strokeWidth="1"
+      fill="none"
+      fillRule="evenodd"
+    >
+      <g filter="url(#cart-badge-filter-1)" id="cart-badge-Group">
+        <g transform="translate(3.000000, 7.000000)">
+          <path
+            d="M18.7499553,20.499994 C19.348912,20.499994 19.8632339,20.2851508 20.2929204,19.8554643 C20.7226068,19.4257779 20.9374501,18.911456 20.9374501,18.3124993 C20.9374501,17.8958334 20.8267735,17.5117199 20.6054196,17.1601583 C20.3840658,16.8085966 20.0780771,16.5416703 19.6874531,16.3593789 L19.6874531,16.3593789 L19.9218275,15.3828187 C19.9739105,15.0963613 19.9088069,14.835945 19.7265155,14.6015706 C19.544224,14.3671962 19.3098496,14.2500089 19.0233921,14.2500089 L19.0233921,14.2500089 L8.5156047,14.2500089 L8.28123026,13.0000119 L19.7265155,13.0000119 C19.9348481,13.0000119 20.1236501,12.9349077 20.2929204,12.8046999 C20.4621906,12.6744921 20.5728678,12.4922006 20.6249508,12.2578262 L20.6249508,12.2578262 L22.4608839,4.13284556 C22.5390088,3.84638811 22.4869258,3.58597187 22.3046343,3.35159742 C22.1223429,3.11722298 21.8749478,3.00004172 21.5624486,3.00004172 L21.5624486,3.00004172 L6.21092269,3.00004172 L5.85936103,1.24222745 C5.80727802,1.03389482 5.6966008,0.858113985 5.52733057,0.714884961 C5.35806034,0.571655937 5.16925831,0.500041723 4.96092567,0.500041723 L4.96092567,0.500041723 L0.937497765,0.500041723 C0.67708152,0.500041723 0.455728279,0.591187141 0.273436848,0.773478571 C0.0911454173,0.955770002 0,1.17712324 0,1.43753949 L0,1.43753949 L0,2.062538 C0,2.32295424 0.0911454173,2.54430748 0.273436848,2.72659891 C0.455728279,2.90889035 0.67708152,3.00004172 0.937497765,3.00004172 L0.937497765,3.00004172 L3.67186625,3.00004172 L6.40623473,16.3984413 C6.06769367,16.606774 5.80076742,16.8802108 5.60545539,17.2187519 C5.41014335,17.5572929 5.31248733,17.9218752 5.31248733,18.3124993 C5.31248733,18.911456 5.52733057,19.4257779 5.95701705,19.8554643 C6.38670352,20.2851508 6.90102541,20.499994 7.49998212,20.499994 C8.09893883,20.499994 8.61326071,20.2851508 9.04294719,19.8554643 C9.47263367,19.4257779 9.6874769,18.904946 9.6874769,18.2929681 C9.6874769,17.6809901 9.46612307,17.1666689 9.02341599,16.750003 L9.02341599,16.750003 L17.2265214,16.750003 C16.7838143,17.1666689 16.5624605,17.6809901 16.5624605,18.2929681 C16.5624605,18.904946 16.7773037,19.4257779 17.2069902,19.8554643 C17.6366767,20.2851508 18.1509986,20.499994 18.7499553,20.499994 Z"
+            id="cart-badge-shopping-cart"
+            fill="#FFFFFF"
+            fillRule="nonzero"
+          ></path>
+        </g>
+      </g>
+    </g>
+  </svg>
+);
+
+export default ShoppingCartIcon;

package/src/components/atoms/icons/StatusUnknownIcon.js

@@ -19,7 +19,7 @@ const StatusUnknownIcon = () => (
       <g
         id="Icons"
         transform="translate(-64.000000, -736.000000)"
-        fill="#6E727E"
+        fill="#6D717E"
       >
         <path
           d="M80,736 C88.836556,736 96,743.163444 96,752 C96,760.836556 88.836556,768 80,768 C71.163444,768 64,760.836556 64,752 C64,743.163444 71.163444,736 80,736 Z M80.85,757 L78.85,757 L78.85,759 L80.85,759 L80.85,757 Z M80.1460007,745 C78.0670004,745 76.4650001,746.017 75.7,747.799 L75.7,747.799 L77.5900003,748.294001 L77.6622133,748.125985 C78.1059448,747.191195 79.1250006,746.557 80.1280007,746.557 C81.2800009,746.557 82.099001,747.187 82.099001,748.195001 C82.099001,750.301001 78.9670005,751.093001 78.9670005,754.459002 L78.9670005,754.459002 L80.7670008,754.459002 L80.7792965,754.169347 C81.0061162,751.541289 84.2950014,750.971966 84.2950014,748.087001 C84.2950014,746.341 82.6480011,745 80.1460007,745 Z"

package/src/components/atoms/icons/index.js

@@ -42,6 +42,8 @@ import StatusUnknownIcon from "./StatusUnknownIcon";
 import CarrotIcon from "./CarrotIcon";
 import ProfileIcon from "./ProfileIcon";
 import GenericCardLarge from "./GenericCardLarge";
+import EmptyCartIcon from "./EmptyCartIcon";
+import ShoppingCartIcon from "./ShoppingCartIcon";
 
 export {
   AccountsIcon,
@@ -87,5 +89,7 @@ export {
   StatusUnknownIcon,
   CarrotIcon,
   ProfileIcon,
-  GenericCardLarge
+  GenericCardLarge,
+  EmptyCartIcon,
+  ShoppingCartIcon
 };

package/src/components/molecules/index.js

@@ -7,6 +7,7 @@ export * from "./editable-table";
 export { default as EmailForm } from "./email-form";
 export { default as ForgotPasswordForm } from "./forgot-password-form";
 export { default as HighlightTabRow } from "./highlight-tab-row";
+export { iconsMap as ObligationIcons } from "./obligation/icons";
 export { default as LoginForm } from "./login-form";
 export { default as Modal } from "./modal";
 export { default as Module } from "./module";

package/src/components/molecules/payment-form-card/PaymentFormCard.js

@@ -5,7 +5,7 @@ import CountryDropdown from "../../atoms/country-dropdown";
 import {
   checkCardBrand,
   noop,
-  checkRestrictedCards,
+  checkDeniedCards,
   displayCardBrand
 } from "../../../util/general";
 import {
@@ -33,13 +33,13 @@ const PaymentFormCard = ({
   showWalletCheckbox,
   saveToWallet,
   walletCheckboxMarked,
-  restrictedCards
+  deniedCards
 }) => {
   useEffect(() => {
-    if (restrictedCards) {
-      restrictedCards.map(card =>
+    if (deniedCards) {
+      deniedCards.map(card =>
         actions.fields.creditCardNumber.addValidator(
-          matchesRegex(checkRestrictedCards(card))
+          matchesRegex(checkDeniedCards(card))
         )
       );
     }
@@ -59,7 +59,7 @@ const PaymentFormCard = ({
     [hasLength.error]: "Credit card number is invalid",
     [matchesRegex.error]: `${displayCardBrand(
       fields.creditCardNumber.rawValue
-    )} credit cards are restricted`
+    )} is not accepted`
   };
   const expirationDateErrors = {
     [required.error]: "Expiration date is required",

package/src/constants/colors.js

@@ -24,7 +24,7 @@ const IRON_GREY = "#d5d8dc";
 const GHOST_GREY = "#CACED8";
 const DUSTY_GREY = "#9B9B9B";
 const REGENT_GREY = "#959EA7";
-const STORM_GREY = "#6E727E";
+const STORM_GREY = "#6D717E";
 const TROUT_GREY = "#515660";
 const MINESHAFT_GREY = "#333333";
 const SOOT_GREY = "#999999";

package/src/deprecated/colors.js

@@ -22,7 +22,7 @@ const IRON_GREY = "#d5d8dc";
 const GHOST_GREY = "#CACED8";
 const DUSTY_GREY = "#9B9B9B";
 const REGENT_GREY = "#959EA7";
-const STORM_GREY = "#6E727E";
+const STORM_GREY = "#6D717E";
 const TROUT_GREY = "#515660";
 const MINESHAFT_GREY = "#333333";
 const SOOT_GREY = "#999999";

package/src/deprecated/icons/BankIcon.js

@@ -29,7 +29,7 @@ export const BankIcon = () => {
                     <g
                       id="bank"
                       transform="translate(8.000000, 4.000000)"
-                      fill="#6E727E"
+                      fill="#6D717E"
                     >
                       <rect
                         id="Rectangle"

package/src/deprecated/icons/GenericCard.js

@@ -20,7 +20,7 @@ const GenericCard = () => (
           height="18"
           rx="1"
         ></rect>
-        <g transform="translate(0.000000, 4.000000)" fill="#6E727E">
+        <g transform="translate(0.000000, 4.000000)" fill="#6D717E">
           <rect id="Rectangle-Copy-7" x="0" y="0" width="28" height="4"></rect>
           <rect
             id="Rectangle-Copy-8"

package/src/util/general.js

@@ -54,11 +54,11 @@ export const displayCardBrand = number => {
   } else if (/^4/.test(number)) {
     return "Visa";
   } else if (/^3[4,7]/.test(number)) {
-    return "Amex";
+    return "American Express";
   } else return "Unknown Card";
 };
 
-export const checkRestrictedCards = name => {
+export const checkDeniedCards = name => {
   switch (name) {
     case "DISCOVER":
       return /^(?!6011)/;