wcc-styles 2.2.3 → 3.0.0.beta1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 19e5632a7a117a17a3d1489a87d9b1d2045e777f
-  data.tar.gz: bdbd1db840d71ed74dbd94a92079defd8c0526a5
+  metadata.gz: 999868ac301500db8d1d38a85a15cc05a481f82f
+  data.tar.gz: 2ddc98a7245d673817cbf9b471fa5a79ea407f87
 SHA512:
-  metadata.gz: 9d060234576f2e73dc87b8399a25529802f6f33925fa5787b81eaa2baabeb36c0da0be7f3eaacb69cf48e7041d06005c94a4100bbe80a094705403fe5d4087d4
-  data.tar.gz: 2e461a6b29c66e20dd78f35040791fc353fb7d3371189dd711284cebd8d05171e3caedbc124e5b16dc0cb3a90d223a6aaa2b715f7e5a02220c3dac6ecb01fc60
+  metadata.gz: 2403fb94bec6825e009b94a3ac7207f9bd9c152ad80b3daaf89e2343f8fd836678ec2baa77a494cb26e7959d9372080759478cc915d72394674662d14693d882
+  data.tar.gz: 8883d364edda041bca86c633dbcacae87e6c408fc4794d0118d427b6c2b78a2dd1260fba371afe37007e99ccb3f6350fe69c6cda3a9f947053b9c1c1b6b6bd21

data/lib/assets/images/wcc/styles/demo/wm-event-registration-flow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2800 1200"><defs><style>.cls-1{isolation:isolate;}.cls-2{fill:#e7f0fd;}.cls-3{font-size:14px;fill:#898d93;font-family:GothamBold, Gotham Bold;}.cls-4{fill:#b0cef8;}.cls-10,.cls-11,.cls-4,.cls-8,.cls-9{fill-rule:evenodd;}.cls-5{fill:#87b2ec;}.cls-6,.cls-8{fill:#fff;}.cls-7,.cls-9{fill:#cadcf6;}.cls-10{fill:#cbebbf;}.cls-11{fill:#96d37e;}.cls-12{fill:none;stroke:#e7f0fd;stroke-miterlimit:10;stroke-width:1.68px;}.cls-13{fill:#f68180;}.cls-14{mix-blend-mode:multiply;}</style></defs><title>wm-event-registration-flow</title><g class="cls-1"><g id="Label-19" data-name="Label"><g id="Container"><rect class="cls-2" x="919.16" y="175.97" width="50" height="50" rx="2" ry="2"/></g><text class="cls-3" transform="translate(979.16 198.97)">Login/Registration<tspan x="0" y="14">Loop</tspan></text><g id="Container-2" data-name="Container"><path class="cls-4" d="M967.16,176h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2V178A2,2,0,0,0,967.16,176Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1V179a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><g id="Joint"><path class="cls-2" d="M531.78,934.35a13,13,0,0,1-13-13v-259h-2v260a14,14,0,0,0,14,14h7v-2Z"/></g><g id="Dot"><circle class="cls-5" cx="539.78" cy="935.35" r="3"/></g><g id="Container-3" data-name="Container"><rect class="cls-2" x="547.78" y="911.35" width="50" height="50" rx="2" ry="2"/></g><g id="Container-4" data-name="Container"><path class="cls-4" d="M595.78,911.35h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,595.78,911.35Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(558.69 940.35)">Yes</text><g id="Joint-2" data-name="Joint"><path class="cls-2" d="M530.78,387.08a14,14,0,0,0-14,14V661.59h2V402.08a13,13,0,0,1,13-13h6v-2Z"/></g><g id="Dot-2" data-name="Dot"><circle class="cls-5" cx="539.78" cy="388.08" r="3"/></g><g id="Container-5" data-name="Container"><rect class="cls-2" x="547.78" y="362.94" width="50" height="50" rx="2" ry="2"/></g><g id="Container-6" data-name="Container"><path class="cls-4" d="M595.78,362.94h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,595.78,362.94Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(563.61 391.51)">No</text><g id="Joint-3" data-name="Joint"><path class="cls-2" d="M1240.19,934.35a13,13,0,0,1-13-13v-259h-2v260a14,14,0,0,0,14,14h7v-2Z"/></g><g id="Dot-3" data-name="Dot"><circle class="cls-5" cx="1248.19" cy="935.35" r="3"/></g><g id="Container-7" data-name="Container"><rect class="cls-2" x="1256.19" y="911.35" width="50" height="50" rx="2" ry="2"/></g><g id="Container-8" data-name="Container"><path class="cls-4" d="M1304.19,911.35h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,1304.19,911.35Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(1267.09 940.35)">Yes</text><g id="Joint-4" data-name="Joint"><path class="cls-2" d="M1239.19,387.08a14,14,0,0,0-14,14V661.59h2V402.08a13,13,0,0,1,13-13h6v-2Z"/></g><g id="Dot-4" data-name="Dot"><circle class="cls-5" cx="1248.19" cy="388.08" r="3"/></g><g id="Container-9" data-name="Container"><rect class="cls-2" x="1256.19" y="362.94" width="50" height="50" rx="2" ry="2"/></g><g id="Container-10" data-name="Container"><path class="cls-4" d="M1304.19,362.94h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,1304.19,362.94Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(1272.01 391.51)">No</text><g id="Joint-5" data-name="Joint"><path class="cls-2" d="M1106,675.48V923a13,13,0,0,1-13,13H609.18v2H1094a14,14,0,0,0,14-14V675.48Z"/></g><g id="Dot-5" data-name="Dot"><circle class="cls-5" cx="608.34" cy="936.99" r="3"/></g><g id="Dot-6" data-name="Dot"><circle class="cls-5" cx="1107.15" cy="668.62" r="3"/></g><g id="Joint-6" data-name="Joint"><path class="cls-2" d="M1978.62,934.35a13,13,0,0,1-13-13v-259h-2v260a14,14,0,0,0,14,14h7v-2Z"/></g><g id="Dot-7" data-name="Dot"><circle class="cls-5" cx="1986.62" cy="935.35" r="3"/></g><g id="Container-11" data-name="Container"><rect class="cls-2" x="1994.62" y="911.35" width="50" height="50" rx="2" ry="2"/></g><g id="Container-12" data-name="Container"><path class="cls-4" d="M2042.62,911.35h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,2042.62,911.35Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(2005.52 940.35)">Yes</text><g id="Joint-7" data-name="Joint"><path class="cls-2" d="M1977.62,387.08a14,14,0,0,0-14,14V661.59h2V402.08a13,13,0,0,1,13-13h6v-2Z"/></g><g id="Dot-8" data-name="Dot"><circle class="cls-5" cx="1986.62" cy="388.08" r="3"/></g><g id="Container-13" data-name="Container"><rect class="cls-2" x="1994.62" y="362.94" width="50" height="50" rx="2" ry="2"/></g><g id="Container-14" data-name="Container"><path class="cls-4" d="M2042.62,362.94h-46a2,2,0,0,0-2,2v46a2,2,0,0,0,2,2h46a2,2,0,0,0,2-2v-46A2,2,0,0,0,2042.62,362.94Zm0,47a1,1,0,0,1-1,1h-44a1,1,0,0,1-1-1v-44a1,1,0,0,1,1-1h44a1,1,0,0,1,1,1Z"/></g><text class="cls-3" transform="translate(2010.44 391.51)">No</text><g id="Joint-8" data-name="Joint"><path class="cls-2" d="M1832.43,387.65H1314.71v2h516.71a13,13,0,0,1,13,13v247.5h2V401.65A14,14,0,0,0,1832.43,387.65Z"/></g><g id="Dot-9" data-name="Dot"><circle class="cls-5" cx="1313.87" cy="388.65" r="3"/></g><g id="Dot-10" data-name="Dot"><circle class="cls-5" cx="1845.58" cy="651.01" r="3"/></g><g id="Joint-9" data-name="Joint"><path class="cls-2" d="M2595.52,387.65H2052.8v2h541.71a13,13,0,0,1,13,13v114.5h2V401.65A14,14,0,0,0,2595.52,387.65Z"/></g><g id="Dot-11" data-name="Dot"><circle class="cls-5" cx="2051.96" cy="388.65" r="3"/></g><g id="Dot-12" data-name="Dot"><circle class="cls-5" cx="2608.67" cy="518.01" r="3"/></g><text class="cls-3" transform="translate(132.47 546.78)">Watermark.org<tspan x="13.9" y="14">Event Page</tspan></text><g id="Shadow"><rect class="cls-2" x="124.77" y="580.78" width="139.97" height="170" rx="10" ry="10"/></g><g id="Body"><rect class="cls-6" x="116.77" y="592.78" width="139.97" height="150" rx="10" ry="10"/></g><g id="Frame"><path class="cls-7" d="M246.76,572.77h-120a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10h120a10,10,0,0,0,10-10v-150A10,10,0,0,0,246.76,572.77Zm4,160a4,4,0,0,1-4,4h-120a4,4,0,0,1-4-4v-130a4,4,0,0,1,4-4h120a4,4,0,0,1,4,4Z"/></g><g id="Dots"><path class="cls-6" d="M243.76,582.77a3,3,0,1,0,3,3A3,3,0,0,0,243.76,582.77Zm-22,0a3,3,0,1,0,3,3A3,3,0,0,0,221.76,582.77Zm11,0a3,3,0,1,0,3,3A3,3,0,0,0,232.76,582.77Z"/></g><g id="Base"><rect class="cls-5" x="126.77" y="602.78" width="120" height="60" rx="2" ry="2"/></g><g id="Pin"><path class="cls-8" d="M186.77,621.57A8.64,8.64,0,0,0,178,630a10.54,10.54,0,0,0,.8,3.82c2.17,4.81,6.41,10.11,8,10.11,2,0,5.81-5.28,8-10.09a11.47,11.47,0,0,0,.81-3.85A8.64,8.64,0,0,0,186.77,621.57Zm0,13.6a4.8,4.8,0,1,1,4.8-4.8A4.8,4.8,0,0,1,186.77,635.17Z"/></g><g id="Btn"><rect class="cls-5" x="222.77" y="722.78" width="24" height="8" rx="2" ry="2"/></g><g id="Line"><path class="cls-9" d="M146.74,680.78h-18a2,2,0,0,0,0,4h18a2,2,0,1,0,0-4Zm10-8h-28a2,2,0,0,0,0,4h28a2,2,0,1,0,0-4Z"/></g><g id="Input"><path class="cls-9" d="M244.77,672.78h-74a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2h74a2,2,0,0,0,2-2v-4A2,2,0,0,0,244.77,672.78Zm0,12h-74a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2h74a2,2,0,0,0,2-2v-4A2,2,0,0,0,244.77,684.78Zm0,12h-74a2,2,0,0,0-2,2v14a2,2,0,0,0,2,2h74a2,2,0,0,0,2-2v-14A2,2,0,0,0,244.77,696.78Z"/></g><text class="cls-3" transform="translate(2564.13 547.78)">Registered!</text><g id="Shadow-2" data-name="Shadow"><rect class="cls-2" x="2543.24" y="580.78" width="140" height="170" rx="10" ry="10"/></g><g id="Body-2" data-name="Body"><rect class="cls-6" x="2535.24" y="592.78" width="140" height="150" rx="10" ry="10"/></g><g id="Frame-2" data-name="Frame"><path class="cls-7" d="M2665.24,572.77h-120a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10h120a10,10,0,0,0,10-10v-150A10,10,0,0,0,2665.24,572.77Zm4,160a4,4,0,0,1-4,4h-120a4,4,0,0,1-4-4v-130a4,4,0,0,1,4-4h120a4,4,0,0,1,4,4Z"/></g><g id="Dots-2" data-name="Dots"><path class="cls-6" d="M2640.24,582.77a3,3,0,1,0,3,3A3,3,0,0,0,2640.24,582.77Zm22,0a3,3,0,1,0,3,3A3,3,0,0,0,2662.24,582.77Zm-11,0a3,3,0,1,0,3,3A3,3,0,0,0,2651.24,582.77Z"/></g><g id="Elipse"><path class="cls-10" d="M2605.24,652.77a32,32,0,1,0,32,32A32,32,0,0,0,2605.24,652.77Zm0,60a28,28,0,1,1,28-28A28,28,0,0,1,2605.24,712.77Z"/></g><g id="Check"><path class="cls-11" d="M2617.06,675.93a3.93,3.93,0,0,0-5.56,0l-8.16,8.16-3.12-3.12a4.1,4.1,0,0,0-5.8,5.8l5.8,5.8a4.1,4.1,0,0,0,5.8,0c.07-.07.12-.15.18-.22l10.86-10.85A3.93,3.93,0,0,0,2617.06,675.93Z"/></g><g id="Line-2" data-name="Line"><path class="cls-9" d="M2578.74,632.78h19a1.5,1.5,0,0,0,1.5-1.5v-1a1.5,1.5,0,0,0-1.5-1.5h-19a1.5,1.5,0,0,0-1.5,1.5v1A1.5,1.5,0,0,0,2578.74,632.78Zm30.5-4h-4a2,2,0,0,0,0,4h4a2,2,0,0,0,0-4Zm8,4h14a2,2,0,0,0,0-4h-14a2,2,0,0,0,0,4Zm-29.5,4h-9a1.5,1.5,0,0,0-1.5,1.5v1a1.5,1.5,0,0,0,1.5,1.5h9a1.5,1.5,0,0,0,1.5-1.5v-1A1.5,1.5,0,0,0,2587.74,636.78Zm21.5,0h-14a2,2,0,0,0,0,4h14a2,2,0,0,0,0-4Zm22,0h-14a2,2,0,0,0,0,4h14a2,2,0,0,0,0-4Z"/></g><g id="Line-3" data-name="Line"><path class="cls-5" d="M2620.24,618.78h-30a2,2,0,0,0,0,4h30a2,2,0,0,0,0-4Z"/></g><text class="cls-3" transform="translate(1495.64 821.03)">Questions</text><g id="Shadow-3" data-name="Shadow"><rect class="cls-2" x="1469.31" y="854.03" width="139.97" height="170" rx="10" ry="10"/></g><g id="Body-3" data-name="Body"><rect class="cls-6" x="1461.31" y="866.03" width="139.97" height="150" rx="10" ry="10"/></g><g id="Frame-3" data-name="Frame"><path class="cls-7" d="M1591.29,846h-120a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10h120a10,10,0,0,0,10-10V856A10,10,0,0,0,1591.29,846Zm4,160a4,4,0,0,1-4,4h-120a4,4,0,0,1-4-4V876a4,4,0,0,1,4-4h120a4,4,0,0,1,4,4Z"/></g><g id="Dots-3" data-name="Dots"><path class="cls-6" d="M1566.29,856a3,3,0,1,0,3,3A3,3,0,0,0,1566.29,856Zm11,0a3,3,0,1,0,3,3A3,3,0,0,0,1577.29,856Zm11,0a3,3,0,1,0,3,3A3,3,0,0,0,1588.29,856Z"/></g><g id="Body-4" data-name="Body"><rect class="cls-2" x="1496.31" y="908.03" width="70" height="78" rx="2" ry="2"/></g><g id="Btn-2" data-name="Btn"><rect class="cls-5" x="1506.31" y="970.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-2" data-name="Input"><rect class="cls-7" x="1506.31" y="942.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-3" data-name="Input"><rect class="cls-7" x="1506.31" y="954.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-4" data-name="Input"><rect class="cls-7" x="1506.31" y="918.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-5" data-name="Input"><rect class="cls-7" x="1506.31" y="930.03" width="50" height="8" rx="2" ry="2"/></g><g id="Line-4" data-name="Line"><path class="cls-5" d="M1545.28,894h-28a2,2,0,0,0,0,4h28a2,2,0,0,0,0-4Z"/></g><path class="cls-12" d="M802.29,249.45V218.52a18,18,0,0,1,18-18H928.25a18,18,0,0,1,18,18V322.45a18,18,0,0,1-18,18H878.33"/><text class="cls-3" transform="translate(779.83 273.77)">Login</text><g id="Shadow-4" data-name="Shadow"><rect class="cls-2" x="738.02" y="306.77" width="139.97" height="170" rx="10" ry="10"/></g><g id="Body-5" data-name="Body"><rect class="cls-6" x="730.02" y="318.77" width="139.97" height="150" rx="10" ry="10"/></g><g id="Frame-4" data-name="Frame"><path class="cls-7" d="M860,298.77H740a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10H860a10,10,0,0,0,10-10v-150A10,10,0,0,0,860,298.77Zm4,160a4,4,0,0,1-4,4H740a4,4,0,0,1-4-4v-130a4,4,0,0,1,4-4H860a4,4,0,0,1,4,4Z"/></g><g id="Dots-4" data-name="Dots"><path class="cls-6" d="M835,308.77a3,3,0,1,0,3,3A3,3,0,0,0,835,308.77Zm22,0a3,3,0,1,0,3,3A3,3,0,0,0,857,308.77Zm-11,0a3,3,0,1,0,3,3A3,3,0,0,0,846,308.77Z"/></g><g id="Body-6" data-name="Body"><rect class="cls-2" x="765.02" y="372.77" width="70" height="56" rx="2" ry="2"/></g><g id="Btn-3" data-name="Btn"><rect class="cls-5" x="775.02" y="410.77" width="50" height="8" rx="2" ry="2"/></g><g id="Input-6" data-name="Input"><rect class="cls-7" x="775.02" y="382.77" width="50" height="8" rx="2" ry="2"/></g><g id="Input-7" data-name="Input"><rect class="cls-7" x="775.02" y="394.77" width="50" height="8" rx="2" ry="2"/></g><g id="Line-5" data-name="Line"><path class="cls-5" d="M814,358.77H786a2,2,0,0,0,0,4h28a2,2,0,1,0,0-4Z"/></g><text class="cls-3" transform="translate(2178.86 821.03)">Payment</text><g id="Shadow-5" data-name="Shadow"><rect class="cls-2" x="2148.11" y="854.03" width="139.97" height="170" rx="10" ry="10"/></g><g id="Body-7" data-name="Body"><rect class="cls-6" x="2140.11" y="866.03" width="139.97" height="150" rx="10" ry="10"/></g><g id="Frame-5" data-name="Frame"><path class="cls-7" d="M2270.09,846h-120a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10h120a10,10,0,0,0,10-10V856A10,10,0,0,0,2270.09,846Zm4,160a4,4,0,0,1-4,4h-120a4,4,0,0,1-4-4V876a4,4,0,0,1,4-4h120a4,4,0,0,1,4,4Z"/></g><g id="Dots-5" data-name="Dots"><path class="cls-6" d="M2267.09,856a3,3,0,1,0,3,3A3,3,0,0,0,2267.09,856Zm-22,0a3,3,0,1,0,3,3A3,3,0,0,0,2245.09,856Zm11,0a3,3,0,1,0,3,3A3,3,0,0,0,2256.09,856Z"/></g><g id="Body-8" data-name="Body"><rect class="cls-2" x="2175.11" y="920.03" width="70" height="56" rx="2" ry="2"/></g><g id="Btn-4" data-name="Btn"><rect class="cls-5" x="2185.11" y="958.03" width="50" height="8" rx="2" ry="2"/></g><g id="Line-6" data-name="Line"><path class="cls-5" d="M2224.07,906h-28a2,2,0,0,0,0,4h28a2,2,0,0,0,0-4Z"/></g><g id="Line-7" data-name="Line"><path class="cls-9" d="M2215.67,941.28h-27.25a2.07,2.07,0,1,0,0,4h27.25a2.07,2.07,0,1,0,0-4Zm15.53,0h-5.15a2.07,2.07,0,1,0,0,4h5.15a2.07,2.07,0,1,0,0-4Zm-42.78-4h42.78a2.07,2.07,0,1,0,0-4h-42.78a2.07,2.07,0,1,0,0,4Z"/></g><text class="cls-3" transform="translate(2395.27 821.03)">Stripe</text><g id="Shadow-6" data-name="Shadow"><rect class="cls-2" x="2354.73" y="854.03" width="139.97" height="170" rx="10" ry="10"/></g><g id="Body-9" data-name="Body"><rect class="cls-2" x="2346.73" y="866.03" width="139.97" height="150" rx="10" ry="10"/></g><g id="Frame-6" data-name="Frame"><path class="cls-7" d="M2476.71,846h-120a10,10,0,0,0-10,10v150a10,10,0,0,0,10,10h120a10,10,0,0,0,10-10V856A10,10,0,0,0,2476.71,846Zm4,160a4,4,0,0,1-4,4h-120a4,4,0,0,1-4-4V876a4,4,0,0,1,4-4h120a4,4,0,0,1,4,4Z"/></g><g id="Dots-6" data-name="Dots"><path class="cls-6" d="M2451.71,856a3,3,0,1,0,3,3A3,3,0,0,0,2451.71,856Zm22,0a3,3,0,1,0,3,3A3,3,0,0,0,2473.71,856Zm-11,0a3,3,0,1,0,3,3A3,3,0,0,0,2462.71,856Z"/></g><g id="Body-10" data-name="Body"><rect class="cls-6" x="2381.73" y="920.03" width="70" height="56" rx="2" ry="2"/></g><g id="Btn-5" data-name="Btn"><rect class="cls-5" x="2391.73" y="958.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-8" data-name="Input"><rect class="cls-7" x="2391.73" y="930.03" width="50" height="8" rx="2" ry="2"/></g><g id="Input-9" data-name="Input"><rect class="cls-7" x="2391.73" y="942.03" width="50" height="8" rx="2" ry="2"/></g><g id="Line-8" data-name="Line"><path class="cls-5" d="M2430.7,906h-28a2,2,0,0,0,0,4h28a2,2,0,0,0,0-4Z"/></g><g id="Elipse-2" data-name="Elipse"><circle class="cls-13" cx="732.08" cy="296.51" r="20"/></g><g id="Diamond"><rect class="cls-5" x="1960.3" y="657.45" width="8.48" height="8.48" transform="translate(107.44 1582.79) rotate(-45)"/></g><g id="Container-15" data-name="Container"><path class="cls-2" d="M467.07,646.41h-143c-1.64,0-3,.9-3,2v26c0,1.1,1.33,2,3,2h143c1.64,0,3-.9,3-2v-26C470.05,647.3,468.72,646.41,467.07,646.41Z"/></g><g id="Joint-10" data-name="Joint"><rect class="cls-2" x="265.59" y="660.41" width="252" height="2"/></g><g id="Dot-13" data-name="Dot"><circle class="cls-5" cx="517.59" cy="661.41" r="3"/></g><g id="Dot-14" data-name="Dot"><circle class="cls-5" cx="265.59" cy="661.41" r="3"/></g><text class="cls-3" transform="translate(328.6 666.41)">AUTHENTICATED?</text><g id="Joint-11" data-name="Joint"><rect class="cls-2" x="606.59" y="387" width="123.24" height="2"/></g><g id="Dot-15" data-name="Dot"><circle class="cls-5" cx="729.84" cy="388" r="3"/></g><g id="Dot-16" data-name="Dot"><circle class="cls-5" cx="605.23" cy="388" r="3"/></g><g id="Dot-17" data-name="Dot"><circle class="cls-5" cx="878.56" cy="340.39" r="3"/></g><g id="Dot-18" data-name="Dot"><circle class="cls-5" cx="946.71" cy="225.14" r="3"/></g><g id="Dot-19" data-name="Dot"><circle class="cls-5" cx="919.91" cy="200.25" r="3"/></g><g id="Dot-20" data-name="Dot"><circle class="cls-5" cx="802.44" cy="249.7" r="3"/></g><g id="Joint-12" data-name="Joint"><rect class="cls-2" x="1315" y="935.51" width="146.24" height="2"/></g><g id="Dot-21" data-name="Dot"><circle class="cls-5" cx="1461.24" cy="936.51" r="3"/></g><g id="Dot-22" data-name="Dot"><circle class="cls-5" cx="1313.64" cy="936.51" r="3"/></g><g id="Container-16" data-name="Container"><path class="cls-2" d="M1175.48,646.41h-143c-1.64,0-3,.9-3,2v26c0,1.1,1.33,2,3,2h143c1.64,0,3-.9,3-2v-26C1178.45,647.3,1177.12,646.41,1175.48,646.41Z"/></g><g id="Joint-13" data-name="Joint"><rect class="cls-2" x="1084" y="660.41" width="142" height="2"/></g><g id="Dot-23" data-name="Dot"><circle class="cls-5" cx="1226" cy="661.41" r="3"/></g><text class="cls-3" transform="translate(1056.93 666.41)">QUESTIONS?</text><g id="Joint-14" data-name="Joint"><rect class="cls-2" x="2053.43" y="935.51" width="87.76" height="2"/></g><g id="Dot-24" data-name="Dot"><circle class="cls-5" cx="2140.67" cy="936.51" r="3"/></g><g id="Dot-25" data-name="Dot"><circle class="cls-5" cx="2052.07" cy="936.51" r="3"/></g><g id="Joint-15" data-name="Joint"><rect class="cls-2" x="2289.43" y="935.51" width="57.9" height="2"/></g><g id="Dot-26" data-name="Dot"><circle class="cls-5" cx="2346.67" cy="936.51" r="3"/></g><g id="Dot-27" data-name="Dot"><circle class="cls-5" cx="2288.07" cy="936.51" r="3"/></g><g id="Container-17" data-name="Container"><path class="cls-2" d="M1920.59,646.41H1764.26c-1.8,0-3.26.9-3.26,2v26c0,1.1,1.46,2,3.26,2h156.33c1.8,0,3.26-.9,3.26-2v-26C1923.85,647.3,1922.39,646.41,1920.59,646.41Z"/></g><g id="Joint-16" data-name="Joint"><rect class="cls-2" x="1822.43" y="660.41" width="142" height="2"/></g><g id="Dot-28" data-name="Dot"><circle class="cls-5" cx="1964.43" cy="661.41" r="3"/></g><text class="cls-3" transform="translate(1769.92 666.41)">PAYMENT NEEDED?</text><g id="Diamond-2" data-name="Diamond"><rect class="cls-5" x="513.47" y="657.45" width="8.48" height="8.48" transform="translate(-316.24 559.81) rotate(-45)"/></g><g id="Joint-17" data-name="Joint"><path class="cls-2" d="M1094,387.65H879.18v2H1093a13,13,0,0,1,13,13v247.5h2V401.65A14,14,0,0,0,1094,387.65Z"/></g><g id="Dot-29" data-name="Dot"><circle class="cls-5" cx="878.34" cy="388.65" r="3"/></g><g id="Diamond-3" data-name="Diamond"><rect class="cls-5" x="1221.87" y="657.45" width="8.48" height="8.48" transform="translate(-108.8 1060.69) rotate(-45)"/></g><g id="Joint-18" data-name="Joint"><path class="cls-2" d="M1844.43,675.48V923a13,13,0,0,1-13,13H1609.61v2h222.82a14,14,0,0,0,14-14V675.48Z"/></g><g id="Dot-30" data-name="Dot"><circle class="cls-5" cx="1608.77" cy="936.99" r="3"/></g><g id="Joint-19" data-name="Joint"><path class="cls-2" d="M2608.11,751.48V923a13,13,0,0,1-13,13h-97.82v2h98.82a14,14,0,0,0,14-14V751.48Z"/></g><g id="Dot-31" data-name="Dot"><circle class="cls-5" cx="2496.45" cy="936.99" r="3"/></g><g id="Dot-32" data-name="Dot"><circle class="cls-5" cx="2609.26" cy="751.62" r="3"/></g></g></g></svg>

data/lib/assets/images/wcc/styles/logo-blue.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 119.2 119.2"><defs><style>.cls-1{fill:#009dba;}</style></defs><title>Artboard 1</title><path class="cls-1" d="M84.9,0H34.4A34.4,34.4,0,0,0,0,34.4V84.9a34.46,34.46,0,0,0,34.4,34.4H84.9a34.46,34.46,0,0,0,34.4-34.4V34.4A34.53,34.53,0,0,0,84.9,0ZM34.4,9.5H84.9a24.8,24.8,0,0,1,24.8,24.8V52.5c-9.3,7.8-18.8,8.9-28.9,7.5l5.3-20a4.75,4.75,0,0,0-9.2-2.4s-2.7,10-5.5,20.6c-.7-.2-1.3-.3-2-.5l-5-20a4.72,4.72,0,0,0-4.6-3.6h0a4.72,4.72,0,0,0-4.6,3.6S53.5,44.6,51.4,53c-1.7-.4-3.4-.7-5.1-1-2.2-8-4-14.4-4-14.4a4.78,4.78,0,0,0-9.2,2.6l3,10.7H34A53.57,53.57,0,0,0,9.6,56.7V34.4A24.82,24.82,0,0,1,34.4,9.5ZM84.9,109.7H34.4A24.8,24.8,0,0,1,9.6,84.9v-17A41.77,41.77,0,0,1,34,60.4c1.6,0,3.2.1,4.8.2l6,21.6a4.82,4.82,0,0,0,9.3-.1s2-8.1,4.4-17.4l2.1.6,1.2.3c2.2,8.9,4.1,16.5,4.1,16.5a4.72,4.72,0,0,0,4.6,3.6,4.63,4.63,0,0,0,4.6-3.5l3.4-12.7c10.4,1.6,20.9,1.1,31.3-5.1V85A25,25,0,0,1,84.9,109.7Z"/></svg>

data/lib/assets/javascripts/wcc/styles/tessa.coffee

@@ -72,9 +72,10 @@ class window.WCC.Dropzone extends Dropzone
 
     headers =
       "Accept": "application/json",
+      "Cache-Control": "no-cache",
       "X-Requested-With": "XMLHttpRequest",
 
-    $.extend headers, @options.headers if @options.headers
+    extend headers, @options.headers if @options.headers
 
     xhr.setRequestHeader headerName, headerValue for headerName, headerValue of headers
 

data/lib/assets/javascripts/wcc/styles/unmask-pass.js

@@ -0,0 +1,68 @@
+// Unmask Password
+// ---------------
+// adds an eye icon in all inputs with id="password"
+// clicking the eye toggles the visibility of the masking
+// and unmasking of a typed password. default to masked
+// for Unmask Password styles, check _forms.scss
+
+// add the unmask button to all inputs with a type of 
+// password that do not have the .unmask-disabled class applied. 
+// that way we don't have to worry about adding it in markup 
+// all the time, and recursively add it to all past forms
+$(function () {
+  $('<span class="password-unmask"></span>').insertAfter('input[type="password"]:not(.unmask-disabled)');
+
+  /* 
+    Switch actions
+  */
+  $('.password-unmask').on('click', function(){
+    
+    if($(this).prev('input').attr('type') == 'password')
+      changeType($(this).prev('input'), 'text');
+    
+    else
+      changeType($(this).prev('input'), 'password');
+    
+    return false;
+  });
+});
+
+
+/* 
+  function from : https://gist.github.com/3559343
+  Thank you bminer!
+*/
+
+function changeType(x, type) {
+  if(x.prop('type') == type)
+    return x; //That was easy.
+  try {
+    return x.prop('type', type); //Stupid IE security will not allow this
+  } catch(e) {
+    //Try re-creating the element (yep... this sucks)
+    //jQuery has no html() method for the element, so we have to put into a div first
+    var html = $("<div>").append(x.clone()).html();
+    var regex = /type=(\")?([^\"\s]+)(\")?/; //matches type=text or type="text"
+    //If no match, we add the type attribute to the end; otherwise, we replace
+    var tmp = $(html.match(regex) == null ?
+      html.replace(">", ' type="' + type + '">') :
+      html.replace(regex, 'type="' + type + '"') );
+    //Copy data from old element
+    tmp.data('type', x.data('type') );
+    var events = x.data('events');
+    var cb = function(events) {
+      return function() {
+        //Bind all prior events
+        for(i in events)
+        {
+          var y = events[i];
+          for(j in y)
+              tmp.bind(i, y[j].handler);
+        }
+      }
+    }(events);
+    x.replaceWith(tmp);
+    setTimeout(cb, 10); //Wait a bit to call function
+    return tmp;
+  }
+}

data/lib/assets/javascripts/wcc/styles.js

@@ -1,3 +1,4 @@
 //= require wcc/styles/selectize
 //= require wcc/styles/tessa
 //= require wcc/styles/wcc.datetimepicker
+//= require wcc/styles/unmask-pass

data/lib/assets/stylesheets/wcc/styles/{base.scss → base/_base.scss}

@@ -1,10 +1,3 @@
-@import "compass/layout/stretching";
-@import "compass";
-
-@import "setup/mixins";
-@import "setup/colors";
-@import "setup/typography";
-
 /*===========================================
   Base Styles and Resets
 ============================================*/
@@ -45,15 +38,11 @@ a {
   &:hover { outline: 0; }
 }
 
-[class*="col"] img {
-  max-width: 100%;
-}
-
 :focus {
   outline: none;
 }
 
-@import "setup/normalize";
-@import "setup/grid";
-
-@import "snippets/all";
+img {
+  max-width: 100%;
+  height: auto;
+}

data/lib/assets/stylesheets/wcc/styles/{setup → base}/_grid.scss

@@ -181,3 +181,11 @@
   .offset11  { margin-left: 91.66666666666666%; }
 
 }
+
+
+
+.col-centered {
+  float: none;
+  margin-left: auto;
+  margin-right: auto;
+}

data/lib/assets/stylesheets/wcc/styles/base/utilities/_box-shadow.scss

@@ -0,0 +1,14 @@
+// Box-Shadow.scss
+
+// Depth for Content Block
+// -----------------------
+// create box-shadow classes than can be added to
+// anything. will create classes like this, .depth-2
+// by default we are creating .depth-0 to .depth-12
+// but if you need to pass in a custom depth you can
+// use the content-shadow mixin found in /setup/_mixins.scss
+@for $i from 0 through 12 {
+  .depth-#{$i} {
+    @include content-shadow($i);
+  }
+}

data/lib/assets/stylesheets/wcc/styles/base/utilities/_breakpoint-debugger.scss

@@ -0,0 +1,38 @@
+// Breakpoint Debugger
+// -------------------
+// if `$show-query` variable is set to `true` in `_vars.scss`, then
+// a small notifier tag will show at the bottom left screen
+// stating what breakpoint you are currently viewing in
+@if $show-query == true {
+  body:after {
+    font-size: .75rem                   !important;
+    text-transform: uppercase           !important;
+    letter-spacing: .08em               !important;
+    padding: .5em 1em                   !important;
+    color: $white                       !important;
+    background-color: rgba($black, .7)  !important;
+    position: fixed                     !important;
+    left: 0                             !important;
+    bottom: 0                           !important;
+    z-index: 9999                       !important;
+
+    content: 'small screen';
+
+    //@include breakpoint($medium) { content: 'medium screen'; }
+    //@include breakpoint($large) { content: 'large screen'; }
+    //@include breakpoint($xlarge) { content: 'xlarge screen'; }
+    //@include breakpoint($xxlarge) { content: 'xxlarge screen'; }
+    @media (min-width: 640px) {
+      content: 'medium screen'; 
+    }
+    @media (min-width: 1024px) {
+      content: 'large screen'; 
+    }
+    @media (min-width: 1200px) {
+      content: 'xlarge screen'; 
+    }
+    @media (min-width: 1440px) {
+      content: 'xxlarge screen'; 
+    }
+  }
+}

data/lib/assets/stylesheets/wcc/styles/materials/atoms/_anchor.scss

@@ -0,0 +1,16 @@
+// Anchor.scss
+
+
+a {
+  transition: .2s all linear;
+}
+
+a.link-subtle {
+  color: #a0a0a0;
+  border-bottom: 1px solid rgba(#a0a0a0, .2);
+
+  &:hover {
+    color: #f27b48;
+    border-color: rgba(#f27b48, .3);
+  }
+}

data/lib/assets/stylesheets/wcc/styles/{snippets → materials/atoms}/_buttons.scss

@@ -18,6 +18,7 @@
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
+  transition: .2s all linear;
 
   a {
     color: white;
@@ -84,7 +85,7 @@
 
   &.fullwide {
     width: 100%;
-    margin: 10px 0 0 0;
+    margin: 0; //10px 0 0 0;
     display: block;
   }
 }

data/lib/assets/stylesheets/wcc/styles/{snippets → materials/atoms}/_forms.scss

@@ -1,7 +1,7 @@
 // Styles for Forms - Managed in /theme/sass/snippets/_forms.scss
 
 form {
-  padding-bottom: 30px;
+  margin-bottom: 2rem;
 }
 
 input, input:focus {
@@ -52,7 +52,8 @@ input, input:focus {
 
 .field-group {
   display: block;
-  margin-bottom: 10px;
+  margin-bottom: 1rem;
+  position: relative;
 }
 
 .field-group.hidden {
@@ -77,7 +78,7 @@ textarea {
   font-size: 1.125em;
   border: 1px solid #D8D5D0;
   padding: 15px;
-  margin: 10px 0;
+  margin: 2px 0;
 
   &.date {
     background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAEdCAYAAAAl2nqzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REVFOTZCNzlENThBMTFFNEFEN0RDMzU4RUYyNEFDREIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REVFOTZCN0FENThBMTFFNEFEN0RDMzU4RUYyNEFDREIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERUU5NkI3N0Q1OEExMUU0QUQ3REMzNThFRjI0QUNEQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERUU5NkI3OEQ1OEExMUU0QUQ3REMzNThFRjI0QUNEQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiiWCQ4AABiCSURBVHja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") no-repeat 96% 50%;
@@ -192,18 +193,26 @@ label.checkbox-label,
   Radio Button Styles
 ============================================*/
 
+// custom styles with radio buttons work by hiding the browser default radio
+// circle, and instead adding a background image to the radio label. basically
+// faking the effect of checking a radio button
+
 .radio-heading {
   margin-bottom: 5px;
 }
 
+// hide the default radio circle icon
 input[type="radio"].radio {
-  position:absolute; z-index:-1000; top:-1000px;
+  position:absolute;
+  z-index:-1000;
+  top:-1000px;
 }
 
+// basic radio styles
 input[type="radio"].radio + label.radio-label,
 input[type="radio"].radio + label.radio-label.clr,
 .radio > input[type="radio"] + label {
-  padding-left: 30px;
+  padding-left: 25px;
   height: 20px;
   display: inline-block;
   line-height: 20px;
@@ -212,15 +221,44 @@ input[type="radio"].radio + label.radio-label.clr,
   font-size: 14px;
   vertical-align: middle;
   cursor: pointer;
-  margin-bottom: 15px;
+  margin: .5rem 0;
 }
 
+// reposition the faux radio circle when a button is :checked
 input[type="radio"].radio:checked + label.radio-label,
 input[type="radio"].radio + label.radio-label.chk,
 .radio > input[type="radio"]:checked + label {
   background-position: 0 -20px;
 }
 
+// Inline Radio Buttons
+// --------------------
+// add the .radio-inline class to the .field-group surrounding
+// all radio buttons to make them display inline instead of stacked
+.field-group.radio-inline {
+  
+  // Radio Button Wrapper
+  // --------------------
+  // all readio buttons should have a div.radio wrapper. for inline
+  // radio buttons we make that wrapper display inline-block and 
+  // add extra margins to give the buttons plenty of breathing room
+  div.radio {
+    display: inline-block;
+    margin: 1rem 1rem 1rem 0;
+  }
+  
+  // for inline radio button groups, we make the immediate label
+  // (the name of the field group, not radio selectors), display
+  // as a block element. this ensures the inline radio buttons
+  // don't break up into the label area
+  > label {
+    display: block;
+    margin-bottom: 1.5rem;
+  }
+}
+
+// Custom Radio Circle
+// -------------------
 label.radio-label,
 .radio > label {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAoCAYAAAD+MdrbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjNDRDczQzkyN0Q4MTFFNDk4ODhFODQwREY0N0VBMDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjNDRDczQ0EyN0Q4MTFFNDk4ODhFODQwREY0N0VBMDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM0NENzNDNzI3RDgxMUU0OTg4OEU4NDBERjQ3RUEwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyM0NENzNDODI3RDgxMUU0OTg4OEU4NDBERjQ3RUEwNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PurLeE0AAAI4SURBVHja7FVNS2pRFD3V5YI4VqlATF7RBxLOsoGDiPCNev2FqEEfE/9IjWrSx1+oBqFENnBQjZSw93j0HmFChTpWQa/ZXqdT1PXcPJeMgtpwOHD3Pou97157r45Go8HaaZ2szaZZOeLx+DBdc3R+0ukTny/horMZiUT+yN51mEsmIJ2uFV3XF3w+X6fL5WJOp5P7SqUSKxaLLJvN3lWr1Q36FCXgiiWgANv3eDyTgUCAaZq8AMMwWCaTYfl8/ggVEGjV6h+uAiwYDFqC8f9EPsRQ7ASqeeFEhjixWGwkkUgYtVqtoWqIxRu8fcR5nuGc1+vtei0zWab0n7tE85pKjlAJtmmCpuGtDND/2E07Jt7420ZswRJply/BM7tWLpdxXckA48Qr24AgOtmhDHArl8vVQVpVQyxNTR2j2MRDwcW1VCqlzEPE4s1zDHNTolT2YTqdZq9lCh9ixOhFbS0Ht9vNqYE4NKBQKKgvBxPwCF3zgrR+QY2saADW17nS+vp0G/vzA35BTdGsNIXvpL+nrHKyx4ybi4fgngHmCE0zfXCMawpNywSBQlOWmzIEkanMs3A4zGWgdLDNKsc70gwd4zPMOTXLM00mk3Uqf5Sy/G3u8pOm8MwswGDwIUZZU1BmK6uc7KprinF90XoXXv/7QE3RevtbT4SIUdIUR+hXS0DH2LS6poBn4JslGLg4FJJqinlS1qjTiy+ITRQxbv8/lNn9g2cPMJiQgXXi4NK7jd63przd7gUYAPvXBJYBhAIvAAAAAElFTkSuQmCC);
@@ -234,3 +272,89 @@ label.radio-label,
   -ms-user-select: none;
   user-select: none;
 }
+
+
+/*===========================================
+  Infield Form Styles
+============================================*/
+
+//TODO abstract input and form styles into variables
+
+// infield forms have a top left aligned label element
+// inside the form, providing a larger click area and 
+// strongly grouped association of the field and label
+
+// to turn a standard form into an Infield Form add
+// the `.infield-form` class to the `form` element
+
+
+.infield-form {
+  border: 1px solid #ccc;
+  border-bottom: none;
+  border-right: none;
+
+  @include clearfix();
+
+  // all input/labels should be wrapped in a div.field-group
+  .field-group {
+    margin: 0;
+    padding: 0;
+    position: relative;
+
+    > label {
+      position: absolute;
+      top: 10px;
+      left: 15px;
+    }
+
+    > input {
+      margin: 0;
+      padding: 30px 15px 15px;
+      border-top: none;
+      border-left: none;
+
+      &:hover {
+        background-color: rgba(#1c2542, .04); 
+      }
+    } 
+  } 
+}
+
+.forgot-password {
+  float: right;
+  margin: 0 0 15px 0;
+}
+
+
+// Unmask Password
+// ---------------
+// inputs[type="password"] fields will have
+// a toggle icon to allow users to mask/unmask
+// their password, default is masked
+.password-unmask {
+  width: 1.5rem;
+  height: 1.5rem;
+  cursor: pointer;
+  position: absolute;
+  top: 53%;
+  right: 3rem;
+  
+  &:after {
+    color: #aaa;
+    content: "\f06e"; //open eye icon
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+}
+// when password field is switched to text, change icon
+input[type="text"] ~ .password-unmask:after {
+  content: "\f070"; //closed eye icon
+}

data/lib/assets/stylesheets/wcc/styles/materials/atoms/_icon.scss

@@ -0,0 +1,18 @@
+// Icon.scss
+
+
+.icon-small {
+  max-width: 3.4rem;
+
+  &.fa:before {
+    font-size: 3.4rem;
+  }
+}
+
+.icon-medium {
+  max-width: 4.7rem;
+}
+
+.icon-large {
+  max-width: 6.2rem;
+}

data/lib/assets/stylesheets/wcc/styles/{setup → materials/atoms}/_typography.scss

@@ -1,6 +1,6 @@
-@import "colors";
+//@import "colors";
+
 
-@import url(//fonts.googleapis.com/css?family=Droid+Serif|Open+Sans:300,400,600,700);
 
 $font-size: 100 !default;
 $font-base: 16 * ($font-size/100) !default;
@@ -15,17 +15,7 @@ $measure: $font-base * $line-height;
   margin-top: 0;
 }
 
-@mixin primary-font {
-  font-family: 'Open Sans', sans-serif;
-}
 
-@mixin secondary-font {
-  font-family: 'Droid Serif', serif;
-}
-
-@mixin secondary-font-black {
-  font-family: 'Droid Serif', serif;
-}
 
 small {
   font-size: 85%;

data/lib/assets/stylesheets/wcc/styles/materials/atoms/_wells.scss

@@ -0,0 +1,10 @@
+/* ==========================================================================
+   Wells.scss
+   ========================================================================== */
+
+
+.well {
+  background-color: #f5f5f5;
+  padding: $spacing-default;
+  border-radius: $global-radius;
+}

data/lib/assets/stylesheets/wcc/styles/materials/molecules/_event-receipt.scss

@@ -0,0 +1,34 @@
+/* ==========================================================================
+   Event Receipt.scss
+   ========================================================================== */
+
+
+.event-receipt-block {
+  padding: 2.5rem 3.5rem;
+  @include clearfix();
+
+  .event-receipt-meta {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    color: #959595;
+    line-height: 1.8;
+
+    .meta-key {
+      font-size: 1.2rem;
+      font-weight: 600;
+      letter-spacing: .06em;
+      color: #464646;
+      text-transform: uppercase;
+      width: 25%;
+      display: inline-block;
+    }
+  }
+
+  .event-receipt-price {
+    font-size: 4rem;
+    text-align: center;
+    padding: 2rem 0;
+    border: 1px solid #464646;
+  }
+}