gent_styleguide 5.0.2 → 5.0.6

package/build/styleguide/img/svg/stad-gent.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="400px" height="259.683px"
+	 viewBox="7 80.159 400 259.683" enable-background="new 7 80.159 400 259.683" xml:space="preserve">
+<g id="Page-1" sketch:type="MSPage">
+	<g id="logo--footer" sketch:type="MSArtboardGroup">
+		<g id="logo-old-grey" transform="translate(7.000000, 10.000000)" sketch:type="MSLayerGroup">
+			<path id="Shape" sketch:type="MSShapeGroup" fill="#9DA8AF" d="M164.445,185.714v-77.778c0-2.222,1.589-4.127,3.492-4.127
+				c1.904,0,3.492,1.905,3.492,4.127v77.778H164.445L164.445,185.714z M182.222,185.714v-77.778c0-2.222-1.587-4.127-3.492-4.127
+				c-1.902,0-3.491,1.905-3.491,4.127v77.778H182.222L182.222,185.714z M210.793,185.397V142.54c0-2.222-1.587-3.81-3.174-3.81
+				c-1.905,0-3.177,1.587-3.177,3.81v42.857H210.793L210.793,185.397z M236.825,185.397v-17.46c0-1.905-1.271-3.492-3.177-3.492
+				c-1.902,0-3.175,1.587-3.175,3.492v17.46H236.825L236.825,185.397z M148.572,98.73h10.796l-5.397-10.793L148.572,98.73
+				L148.572,98.73z M157.778,98.73h31.111l-15.556-28.571L157.778,98.73L157.778,98.73z M197.778,131.746h19.365l-9.521-43.81
+				L197.778,131.746L197.778,131.746z M198.095,98.73l-5.396-10.793L187.62,98.73h0.635v205.081h9.841L198.095,98.73L198.095,98.73z
+				 M249.206,159.048l-3.177-16.826l-3.49,16.826h0.315v62.856h6.032L249.206,159.048L249.206,159.048L249.206,159.048z
+				 M242.857,159.048l-0.952-6.032h-18.729v6.032H242.857L242.857,159.048z M224.762,131.746l-3.81-16.826l-3.812,16.826l0,0
+				v128.889h7.938V131.746H224.762z M74.285,329.842L74.285,329.842c9.207,0,16.188-2.539,20.315-4.127s10.479-3.811,19.048-3.811
+				c8.571,0,14.921,2.223,19.049,3.811s11.11,4.127,20.316,4.127s16.19-2.539,20-4.127c3.812-1.588,11.429-3.811,20.317-3.811
+				c8.569,0,16.188,2.223,20.315,3.811s11.111,4.127,20,4.127c9.206,0,16.19-2.539,20.317-4.127s10.477-3.811,19.048-3.811
+				s14.921,2.223,19.048,3.811s11.11,4.127,20.317,4.127h1.587v-3.176h-1.587c-8.572,0-14.923-2.223-19.05-3.809
+				c-4.125-1.588-11.109-4.127-19.998-4.127c-9.206,0-16.19,2.539-20.317,4.127c-4.127,1.586-10.477,3.809-19.048,3.809
+				s-14.92-2.223-19.048-3.809c-4.127-1.588-12.063-4.127-21.271-4.127s-17.143,2.539-21.27,4.127
+				c-4.127,1.586-10.479,3.809-19.048,3.809c-8.571,0-14.922-2.223-19.05-3.809c-4.127-1.588-11.108-4.127-20.315-4.127
+				c-9.206,0-16.19,2.539-20,4.127c-4.127,1.586-10.478,3.809-19.048,3.809H73.33v3.176H74.285L74.285,329.842z M74.285,324.127
+				L74.285,324.127c9.207,0,16.188-2.539,20.315-4.127s10.479-3.811,19.048-3.811c8.571,0,14.921,2.223,19.049,3.811
+				s11.11,4.127,20.316,4.127s16.19-2.539,20.317-4.127c3.81-1.588,11.429-3.811,20.315-3.811c8.571,0,16.19,2.223,20.317,3.811
+				s11.111,4.127,20,4.127c9.207,0,16.189-2.539,20.316-4.127c4.128-1.588,10.478-3.811,19.049-3.811
+				c8.569,0,14.921,2.223,19.048,3.811s11.108,4.127,20.315,4.127h1.587v-3.174h-1.587c-8.57,0-14.921-2.223-19.048-3.811
+				s-11.109-4.127-20-4.127c-9.206,0-16.188,2.539-20.315,4.127s-10.479,3.811-19.049,3.811s-14.921-2.223-19.048-3.811
+				s-12.063-4.127-21.271-4.127c-9.206,0-17.145,2.539-21.271,4.127s-10.477,3.811-19.048,3.811c-8.57,0-14.921-2.223-19.048-3.811
+				s-11.11-4.127-20-4.127c-9.206,0-16.189,2.539-20.316,4.127c-4.128,1.588-10.477,3.811-19.048,3.811h-1.588v3.174H74.285
+				L74.285,324.127z M294.603,275.557v-10.795h14.286v-4.443h-14.286v-9.523h19.365v-4.441h-26.984l0,0h-6.666v3.809h6.666l0,0
+				v29.523h27.302v-4.443L294.603,275.557L294.603,275.557L294.603,275.557z M141.27,246.35c16.19,0,21.587,4.762,21.587,16.508
+				c0,15.557-11.108,16.826-21.587,16.826h-12.698V250.16h-6.667v-3.811h14.604H141.27L141.27,246.35z M141.27,275.557
+				c8.571,0,13.018-2.541,13.018-12.699c0-8.254-2.224-12.697-13.018-12.697h-4.762v25.396H141.27L141.27,275.557z M10.476,253.969
+				c0-2.857,3.812-4.127,8.254-4.127c3.812,0,7.304,0.635,10.159,1.27v6.352H32.7v-10.795c-1.905,0-7.304-0.951-13.65-0.951
+				C8.572,245.715,0,248.254,0,254.285c0,9.523,26.666,9.842,26.666,17.145c0,2.221-2.224,4.762-9.841,4.762
+				c-6.984,0-12.383-1.904-15.873-3.176v5.715c1.587,0.317,8.254,1.271,15.556,1.271c12.063,0,20.635-3.174,20.635-9.521
+				C36.825,260.635,10.476,260,10.476,253.969L10.476,253.969z M354.283,246.35v24.443l0,0l-17.775-24.443h-9.844l0,0h-7.302v3.811
+				h7.302v29.523h7.304v-25.715l0,0l18.729,25.715h8.891V246.35H354.283L354.283,246.35z M368.889,246.35v0.316v10.795h3.81v-6.668
+				h7.619V280h7.938v-29.207H400v-4.443H368.889L368.889,246.35z M42.857,246.35v4.443l0,0v6.668h3.812v-6.668h7.619v28.891h7.937
+				v-29.207H73.97v-4.445H42.857V246.35z M258.412,260.953v4.127h6.667v10.793c-0.637,0.635-2.857,1.27-6.667,1.27
+				c-9.523,0-11.11-7.301-11.11-13.332c0-6.668,1.587-12.699,8.889-13.018h14.285v-4.127h-14.603l0,0
+				c-12.381,0.318-17.146,6.668-17.146,17.145c0,9.84,6.032,17.145,19.685,17.145c7.302,0,12.697-2.225,14.604-3.178v-16.822
+				L258.412,260.953L258.412,260.953z M117.46,279.684h-8.254l-4.127-8.891H88.254l-3.492,8.891h-8.254l13.968-29.523H83.81v-3.811
+				h8.571l0,0h9.521L117.46,279.684L117.46,279.684z M103.492,266.35l-6.352-14.604l0,0l-6.35,14.604H103.492L103.492,266.35z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/build/styleguide/img/svg/target.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+    <path fill="#23333A" d="M15.5 26.989C9.823 26.735 5.265 22.177 5.011 16.5H4a1 1 0 0 1 0-2h1.101c.71-5.204 5.06-9.25 10.399-9.489V4a1 1 0 0 1 2 0v1.101a11.007 11.007 0 0 1 9.399 9.399H28a1 1 0 0 1 0 2h-1.011c-.239 5.34-4.285 9.689-9.489 10.399V28a1 1 0 0 1-2 0v-1.011zM16 25a9 9 0 1 0 0-18 9 9 0 0 0 0 18zm0-4a5 5 0 1 1 0-10 5 5 0 0 1 0 10z"/>
+</svg>

package/build/styleguide/img/svg/upload-light.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">
+    <g fill="none" fill-rule="evenodd">
+        <circle cx="80" cy="80" r="80" fill="#FFF"/>
+        <path fill="#009DE0" fill-opacity=".1" d="M116.726 115.85C129.743 114.746 140 103.856 140 90.564c0-13.297-10.264-24.19-23.3-25.204-.542-12.991-11.242-23.36-24.367-23.36-9.384 0-17.526 5.304-21.606 13.073a18.683 18.683 0 0 0-8.158-1.882c-10.382 0-18.8 8.416-18.8 18.798 0 1.305.136 2.578.389 3.808C35.434 78.096 29 86.039 29 95.486c0 11.247 9.118 20.365 20.365 20.365h67.36z"/>
+        <path fill="#23333A" d="M81.623 47.003a12.335 12.335 0 0 1 9.48-.702 12.34 12.34 0 0 1 7.2 6.207 1.5 1.5 0 1 0 2.679-1.35c-3.825-7.593-13.114-10.659-20.709-6.835a1.5 1.5 0 0 0 1.35 2.68zm10.752 47.402a1.496 1.496 0 0 0 2.121 0 1.5 1.5 0 0 0 0-2.121L80 77.789 65.505 92.284a1.5 1.5 0 1 0 2.121 2.121L78.5 83.531v35.314a1.5 1.5 0 0 0 3 0V83.531l10.875 10.874zM80 123.845a1.5 1.5 0 0 0-1.5 1.5v8.5a1.5 1.5 0 0 0 3 0v-8.5a1.5 1.5 0 0 0-1.5-1.5zm55-42.532c0 13.415-10.468 24.743-23.832 25.789l-.966.088H92a1.5 1.5 0 0 1 0-3h18.129l.776-.076C122.747 103.186 132 93.172 132 81.313c0-11.865-9.258-21.88-21.077-22.8l-1.327-.103-.055-1.33A21.95 21.95 0 0 0 87.551 36a21.971 21.971 0 0 0-19.499 11.798l-.675 1.285-1.306-.631a16.453 16.453 0 0 0-7.212-1.666c-9.165 0-16.621 7.456-16.621 16.621 0 1.133.115 2.266.343 3.368l.286 1.391-1.373.362C33.549 70.624 28 77.833 28 86.059c0 5.447 1.852 10.274 5.213 13.591 3.074 3.033 7.246 4.605 12.035 4.54l2.307-.014.002.014H68a1.5 1.5 0 1 1 0 3H45.278l-.316.001c-5.482.001-10.269-1.865-13.857-5.406C27.168 97.9 25 92.315 25 86.059c0-9.125 5.86-17.177 14.412-20.038a19.686 19.686 0 0 1-.174-2.614c0-10.819 8.802-19.621 19.621-19.621 2.487 0 4.91.468 7.223 1.394A24.953 24.953 0 0 1 87.551 33c13.014 0 23.712 9.85 24.9 22.656C125.197 57.302 135 68.328 135 81.313z"/>
+    </g>
+</svg>

package/build/styleguide/img/svg/upload.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">
+    <g fill="none" fill-rule="evenodd">
+        <circle cx="80" cy="80" r="80" fill="#FFF"/>
+        <circle cx="80" cy="80" r="80" fill="#009DE0" fill-opacity=".1"/>
+        <path fill="#FFF" d="M116.726 115.85C129.743 114.746 140 103.856 140 90.564c0-13.297-10.264-24.19-23.3-25.204-.542-12.991-11.242-23.36-24.367-23.36-9.384 0-17.526 5.304-21.606 13.073a18.683 18.683 0 0 0-8.158-1.882c-10.382 0-18.8 8.416-18.8 18.798 0 1.305.136 2.578.389 3.808C35.434 78.096 29 86.039 29 95.486c0 11.247 9.118 20.365 20.365 20.365h67.36z"/>
+        <path fill="#23333A" d="M81.623 47.003a12.335 12.335 0 0 1 9.48-.702 12.34 12.34 0 0 1 7.2 6.207 1.5 1.5 0 1 0 2.679-1.35c-3.825-7.593-13.114-10.659-20.709-6.835a1.5 1.5 0 0 0 1.35 2.68zm10.752 47.402a1.496 1.496 0 0 0 2.121 0 1.5 1.5 0 0 0 0-2.121L80 77.789 65.505 92.284a1.5 1.5 0 1 0 2.121 2.121L78.5 83.531v35.314a1.5 1.5 0 0 0 3 0V83.531l10.875 10.874zM80 123.845a1.5 1.5 0 0 0-1.5 1.5v8.5a1.5 1.5 0 0 0 3 0v-8.5a1.5 1.5 0 0 0-1.5-1.5zm55-42.532c0 13.415-10.468 24.743-23.832 25.789l-.966.088H92a1.5 1.5 0 0 1 0-3h18.129l.776-.076C122.747 103.186 132 93.172 132 81.313c0-11.865-9.258-21.88-21.077-22.8l-1.327-.103-.055-1.33A21.95 21.95 0 0 0 87.551 36a21.971 21.971 0 0 0-19.499 11.798l-.675 1.285-1.306-.631a16.453 16.453 0 0 0-7.212-1.666c-9.165 0-16.621 7.456-16.621 16.621 0 1.133.115 2.266.343 3.368l.286 1.391-1.373.362C33.549 70.624 28 77.833 28 86.059c0 5.447 1.852 10.274 5.213 13.591 3.074 3.033 7.246 4.605 12.035 4.54l2.307-.014.002.014H68a1.5 1.5 0 1 1 0 3H45.278l-.316.001c-5.482.001-10.269-1.865-13.857-5.406C27.168 97.9 25 92.315 25 86.059c0-9.125 5.86-17.177 14.412-20.038a19.686 19.686 0 0 1-.174-2.614c0-10.819 8.802-19.621 19.621-19.621 2.487 0 4.91.468 7.223 1.394A24.953 24.953 0 0 1 87.551 33c13.014 0 23.712 9.85 24.9 22.656C125.197 57.302 135 68.328 135 81.313z"/>
+    </g>
+</svg>

package/build/styleguide/img/svg/whistle-light.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">
+    <g fill="none" fill-rule="evenodd">
+        <circle cx="80" cy="80" r="80" fill="#FFF"/>
+        <path fill="#009DE0" fill-opacity=".1" d="M89.949 111.259c-5.123-1.089-9.294-5.226-10.167-10.707-1.133-7.11 3.714-13.794 10.825-14.928 1.63-.26 3.237-.205 4.76.119 5.124 1.089 9.294 5.224 10.167 10.707 1.133 7.112-3.713 13.795-10.825 14.927-1.628.26-3.236.206-4.76-.118zm35.886-12.903a12.772 12.772 0 0 0-2.675-.267 30.84 30.84 0 0 0-.38-4.386c-1.875-11.769-10.617-21.433-22.007-24.595-.192-.087-13.814-3.009-13.814-3.009l-5.82 3.333-3.962-5.412-42.55-9.044a3.003 3.003 0 0 0-2.767.835 3.002 3.002 0 0 0-.777 2.784l2.334 17.876a3 3 0 0 0 2.298 2.25l11.647 2.476c2.171.675 13.198 3.285 14.67 17.117.036.338.178 1.918.209 2.362.06.87.156 1.745.296 2.623 1.972 12.375 11.53 22.44 23.784 25.044 3.662.778 7.409.872 11.136.28 8.045-1.282 15.11-5.621 19.893-12.216a30.879 30.879 0 0 0 3.04-5.185c.786.353 1.634.639 2.537.83.996.212 2.005.305 2.998.278 2.965-.083 5.426-1.237 6.75-3.167 1.031-1.503 1.267-3.372.644-5.13-.965-2.726-3.832-4.9-7.484-5.677z"/>
+        <path fill="#23333A" d="M122.4 101.474a9.573 9.573 0 0 1-4.33-.9 30.102 30.102 0 0 0 1.547-7.349c.727-.009 1.454.06 2.153.208 2.501.532 4.658 1.986 5.28 3.744.806 2.28-1.275 4.203-4.65 4.297zm-10.92 5.315c-4.313 5.946-10.683 9.857-17.937 11.013-3.362.535-6.74.45-10.04-.25-11.049-2.35-19.667-11.423-21.445-22.582-.12-.76-.21-1.555-.266-2.358-.034-.488-.178-2.092-.218-2.473-.738-6.924-4.188-15.937-16.44-19.568l-.321-.096a2.838 2.838 0 0 0-.269-.07l-11.632-2.472-2.296-17.583c-.013-.1-.03-.199-.054-.297l41.429 8.806 3.285 4.487a2.994 2.994 0 0 0 3.911.832l4.823-2.761c4.852 1.042 11.677 2.517 12.484 2.715a.434.434 0 0 0 .035.01c10.368 2.877 18.159 11.58 19.847 22.175 1.155 7.254-.584 14.525-4.896 20.472zm18.397-10.613c-.964-2.726-3.832-4.901-7.483-5.677a12.772 12.772 0 0 0-2.676-.267 30.84 30.84 0 0 0-.38-4.386c-1.875-11.769-10.616-21.434-22.007-24.595-.192-.087-13.814-3.009-13.814-3.009l-5.82 3.333-3.962-5.412-42.549-9.044a3.003 3.003 0 0 0-2.768.834 3.002 3.002 0 0 0-.777 2.785l2.335 17.876a3 3 0 0 0 2.297 2.25l11.648 2.475c2.17.676 13.197 3.286 14.67 17.117.035.338.178 1.918.208 2.362.06.871.156 1.746.296 2.623 1.972 12.376 11.53 22.44 23.785 25.045 3.661.778 7.408.872 11.135.279 8.045-1.281 15.11-5.62 19.893-12.215a30.879 30.879 0 0 0 3.04-5.185 12.766 12.766 0 0 0 5.536 1.108c2.965-.083 5.425-1.237 6.75-3.167 1.03-1.503 1.266-3.372.643-5.13zM65.784 40.37a1.502 1.502 0 0 1 2.698-1.314l4.096 8.41a1.501 1.501 0 0 1-2.698 1.314l-4.096-8.41zM88.11 50.768l7.163-6.018a1.502 1.502 0 0 1 1.93 2.298l-7.162 6.017a1.499 1.499 0 0 1-2.114-.183 1.501 1.501 0 0 1 .183-2.114zm-8.762-4.177l1.871-8.804a1.5 1.5 0 1 1 2.935.624l-1.871 8.803a1.5 1.5 0 0 1-2.935-.623zm11.92 56.929c-1.629.259-3.237.205-4.76-.118-5.123-1.09-9.295-5.226-10.168-10.707-1.132-7.111 3.714-13.794 10.825-14.928 1.63-.26 3.238-.205 4.76.119 5.124 1.089 9.294 5.224 10.168 10.706 1.133 7.112-3.714 13.796-10.826 14.928zM92.55 74.95a15.96 15.96 0 0 0-5.856-.147 15.936 15.936 0 0 0-10.461 6.424 15.936 15.936 0 0 0-2.856 11.938c1.037 6.508 6.063 11.8 12.506 13.17a15.97 15.97 0 0 0 5.857.146 15.933 15.933 0 0 0 10.461-6.424 15.931 15.931 0 0 0 2.855-11.938c-1.037-6.507-6.063-11.8-12.506-13.169z"/>
+    </g>
+</svg>

package/build/styleguide/img/svg/whistle.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160">
+    <g fill="none" fill-rule="evenodd">
+        <circle cx="80" cy="80" r="80" fill="#FFF"/>
+        <circle cx="80" cy="80" r="80" fill="#009DE0" fill-opacity=".1"/>
+        <path fill="#FFF" d="M89.949 111.259c-5.123-1.089-9.294-5.226-10.167-10.707-1.133-7.11 3.714-13.794 10.825-14.928 1.63-.26 3.237-.205 4.76.119 5.124 1.089 9.294 5.224 10.167 10.707 1.133 7.112-3.713 13.795-10.825 14.927-1.628.26-3.236.206-4.76-.118zm35.886-12.903a12.772 12.772 0 0 0-2.675-.267 30.84 30.84 0 0 0-.38-4.386c-1.875-11.769-10.617-21.433-22.007-24.595-.192-.087-13.814-3.009-13.814-3.009l-5.82 3.333-3.962-5.412-42.55-9.044a3.003 3.003 0 0 0-2.767.835 3.002 3.002 0 0 0-.777 2.784l2.334 17.876a3 3 0 0 0 2.298 2.25l11.647 2.476c2.171.675 13.198 3.285 14.67 17.117.036.338.178 1.918.209 2.362.06.87.156 1.745.296 2.623 1.972 12.375 11.53 22.44 23.784 25.044 3.662.778 7.409.872 11.136.28 8.045-1.282 15.11-5.621 19.893-12.216a30.879 30.879 0 0 0 3.04-5.185c.786.353 1.634.639 2.537.83.996.212 2.005.305 2.998.278 2.965-.083 5.426-1.237 6.75-3.167 1.031-1.503 1.267-3.372.644-5.13-.965-2.726-3.832-4.9-7.484-5.677z"/>
+        <path fill="#23333A" d="M122.4 101.474a9.573 9.573 0 0 1-4.33-.9 30.102 30.102 0 0 0 1.547-7.349c.727-.009 1.454.06 2.153.208 2.501.532 4.658 1.986 5.28 3.744.806 2.28-1.275 4.203-4.65 4.297zm-10.92 5.315c-4.313 5.946-10.683 9.857-17.937 11.013-3.362.535-6.74.45-10.04-.25-11.049-2.35-19.667-11.423-21.445-22.582-.12-.76-.21-1.555-.266-2.358-.034-.488-.178-2.092-.218-2.473-.738-6.924-4.188-15.937-16.44-19.568l-.321-.096a2.838 2.838 0 0 0-.269-.07l-11.632-2.472-2.296-17.583c-.013-.1-.03-.199-.054-.297l41.429 8.806 3.285 4.487a2.994 2.994 0 0 0 3.911.832l4.823-2.761c4.852 1.042 11.677 2.517 12.484 2.715a.434.434 0 0 0 .035.01c10.368 2.877 18.159 11.58 19.847 22.175 1.155 7.254-.584 14.525-4.896 20.472zm18.397-10.613c-.964-2.726-3.832-4.901-7.483-5.677a12.772 12.772 0 0 0-2.676-.267 30.84 30.84 0 0 0-.38-4.386c-1.875-11.769-10.616-21.434-22.007-24.595-.192-.087-13.814-3.009-13.814-3.009l-5.82 3.333-3.962-5.412-42.549-9.044a3.003 3.003 0 0 0-2.768.834 3.002 3.002 0 0 0-.777 2.785l2.335 17.876a3 3 0 0 0 2.297 2.25l11.648 2.475c2.17.676 13.197 3.286 14.67 17.117.035.338.178 1.918.208 2.362.06.871.156 1.746.296 2.623 1.972 12.376 11.53 22.44 23.785 25.045 3.661.778 7.408.872 11.135.279 8.045-1.281 15.11-5.62 19.893-12.215a30.879 30.879 0 0 0 3.04-5.185 12.766 12.766 0 0 0 5.536 1.108c2.965-.083 5.425-1.237 6.75-3.167 1.03-1.503 1.266-3.372.643-5.13zM65.784 40.37a1.502 1.502 0 0 1 2.698-1.314l4.096 8.41a1.501 1.501 0 0 1-2.698 1.314l-4.096-8.41zM88.11 50.768l7.163-6.018a1.502 1.502 0 0 1 1.93 2.298l-7.162 6.017a1.499 1.499 0 0 1-2.114-.183 1.501 1.501 0 0 1 .183-2.114zm-8.762-4.177l1.871-8.804a1.5 1.5 0 1 1 2.935.624l-1.871 8.803a1.5 1.5 0 0 1-2.935-.623zm11.92 56.929c-1.629.259-3.237.205-4.76-.118-5.123-1.09-9.295-5.226-10.168-10.707-1.132-7.111 3.714-13.794 10.825-14.928 1.63-.26 3.238-.205 4.76.119 5.124 1.089 9.294 5.224 10.168 10.706 1.133 7.112-3.714 13.796-10.826 14.928zM92.55 74.95a15.96 15.96 0 0 0-5.856-.147 15.936 15.936 0 0 0-10.461 6.424 15.936 15.936 0 0 0-2.856 11.938c1.037 6.508 6.063 11.8 12.506 13.17a15.97 15.97 0 0 0 5.857.146 15.933 15.933 0 0 0 10.461-6.424 15.931 15.931 0 0 0 2.855-11.938c-1.037-6.507-6.063-11.8-12.506-13.169z"/>
+    </g>
+</svg>

package/build/styleguide/js/accordion.bindings-min.js

@@ -0,0 +1 @@
+"use strict";!function(){if(Accordion)for(var c=document.querySelectorAll(".accordion"),o=c.length;o--;)new Accordion(c[o])}();

package/build/styleguide/js/accordion.bindings.js

@@ -0,0 +1,14 @@
+'use strict';
+
+(function () {
+
+  if (!Accordion) { // eslint-disable-line no-undef
+    return;
+  }
+
+  const selected = document.querySelectorAll('.accordion');
+  for (let i = selected.length; i--;) {
+    new Accordion(selected[i]); // eslint-disable-line no-undef
+  }
+
+})();

package/build/styleguide/js/accordion.functions-min.js

@@ -0,0 +1 @@
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.Accordion=t()}(window,function(){return function(r,o){var i=[];o=function(){var e={expand:function(e,t){t.style.maxHeight="".concat(t.scrollHeight,"px")},collapse:function(e,t){t.style.maxHeight=0},transitionEnd:function(e){"max-height"===e.propertyName&&(e.currentTarget.classList.contains("accordion--expanded")||e.currentTarget.setAttribute("hidden","hidden"))},resizeEvent:function(e,t){for(var n=t.length;n--;)o.expand(null,t[n])},init:!0,buttonSelector:"button.accordion--button",accordionExpandedClass:"accordion--expanded"},t=Object.keys(e);o=o||{};for(var n=t.length;n--;)o[t[n]]=o[t[n]]||e[t[n]];return o}();function e(){!function(){for(var e=a.length;e--;)n(a[e],!0)}(),function(){for(var e=function(e){o.resizeEvent(e,i)},t=a.length;t--;){var n=a[t];n.addEventListener("click",c),n.addEventListener("keydown",u),r.querySelector("#".concat(n.getAttribute("aria-controls"))).addEventListener("transitionend",o.transitionEnd),o.resizeEvent&&window.addEventListener("resize",e)}window.addEventListener("hashchange",s)}(),s()}var a=r.querySelectorAll(o.buttonSelector),c=function(e){e.preventDefault();e=e.currentTarget;e.setAttribute("aria-expanded","true"===e.getAttribute("aria-expanded")?"false":"true"),n(e)},u=function(t){var e=t.keyCode||t.which,n=function(){for(var e=a.length;e--;)if(a[e]===t.currentTarget)return e}();switch(e){case 40:t.preventDefault(),n===a.length-1&&(n=-1),a[n+1].focus();break;case 38:t.preventDefault(),0===n&&(n=a.length),a[n-1].focus();break;case 36:t.preventDefault(),a[0].focus();break;case 35:t.preventDefault(),a[a.length-1].focus()}},n=function(e,t){var n=r.querySelector("#".concat(e.getAttribute("aria-controls")));n&&("true"===e.getAttribute("aria-expanded")?(n.classList.add(o.accordionExpandedClass),n.setAttribute("aria-hidden","false"),n.removeAttribute("hidden"),i.push(n),o.expand(e,n)):(n.classList.remove(o.accordionExpandedClass),n.setAttribute("aria-hidden","true"),t&&n.setAttribute("hidden","hidden"),i.filter(function(e){return e!==n}),o.collapse(e,n)))},d=function(e){e.setAttribute("aria-expanded","true"),n(e)},s=function(){var e=window.location.hash.replace("#","");if(e)try{var t=r.querySelector("[aria-controls=".concat(e,"]"));t&&(d(t),t.focus())}catch(e){}};return!1!==o.init&&e(),{init:e,closeAll:function(){for(var e,t=a.length;t--;)(e=a[t]).setAttribute("aria-expanded","false"),n(e)},openAll:function(){for(var e=a.length;e--;)d(a[e])}}}});

package/build/styleguide/js/accordion.functions.js

@@ -0,0 +1,241 @@
+'use strict';
+
+/* global define, module */
+(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define(factory);
+  }
+  else {
+    if (typeof exports === 'object') {
+      module.exports = factory();
+    }
+    else {
+      root.Accordion = factory();
+    }
+  }
+}(this || window, function () {
+
+  return function (elem, options) {
+
+    let expandedContent = [];
+
+    /**
+     * Override default options with options param.
+     */
+    options = (() => {
+      const defaults = {
+        expand: (button, content) => {
+          content.style.maxHeight = `${content.scrollHeight}px`;
+        },
+        collapse: (button, content) => {
+          content.style.maxHeight = 0;
+        },
+        transitionEnd: (e) => {
+          if (e.propertyName !== 'max-height') {
+            return;
+          }
+          if (!e.currentTarget.classList.contains('accordion--expanded')) {
+            e.currentTarget.setAttribute('hidden', 'hidden');
+          }
+        },
+        resizeEvent: (e, expandedContent) => {
+          for (let i = expandedContent.length; i--;) {
+            options.expand(null, expandedContent[i]);
+          }
+        },
+        init: true,
+        buttonSelector: 'button.accordion--button',
+        accordionExpandedClass: 'accordion--expanded'
+      };
+      const keys = Object.keys(defaults);
+      options = options || {};
+
+      for (let i = keys.length; i--;) {
+        options[keys[i]] = options[keys[i]] || defaults[keys[i]];
+      }
+
+      return options;
+    })();
+
+    const buttons = elem.querySelectorAll(options.buttonSelector);
+
+    /**
+     * Toggle aria-expanded attributes and trigger visibility Change function.
+     *
+     * @param {event} e The triggered event.
+     */
+    const toggle = (e) => {
+      e.preventDefault();
+      const button = e.currentTarget;
+      button.setAttribute('aria-expanded', button.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');
+      setVisibility(button);
+    };
+
+    /**
+     * Handle keyboard input: arrows, home & end.
+     *
+     * @param {event} e The triggered event.
+     */
+    const keyDown = (e) => {
+      const keyCode = e.keyCode || e.which;
+      let current = (() => {
+        for (let i = buttons.length; i--;) {
+          if (buttons[i] === e.currentTarget) {
+            return i;
+          }
+        }
+      })();
+      switch (keyCode) {
+        case 40: // arrow down
+          e.preventDefault();
+          if (current === buttons.length - 1) {
+            current = -1;
+          }
+          buttons[current + 1].focus();
+          break;
+        case 38: // arrow up
+          e.preventDefault();
+          if (current === 0) {
+            current = buttons.length;
+          }
+          buttons[current - 1].focus();
+          break;
+        case 36: // home
+          e.preventDefault();
+          buttons[0].focus();
+          break;
+        case 35: // end
+          e.preventDefault();
+          buttons[buttons.length - 1].focus();
+          break;
+      }
+    };
+
+    /**
+     * Add events to buttons.
+     * Listen for animationEnd on accordionContent.
+     */
+    const addEvents = () => {
+      const onResize = (e) => {
+        options.resizeEvent(e, expandedContent);
+      };
+
+      for (let i = buttons.length; i--;) {
+        const button = buttons[i];
+        button.addEventListener('click', toggle);
+        button.addEventListener('keydown', keyDown);
+
+        const accordionContent = elem.querySelector(`#${button.getAttribute('aria-controls')}`);
+        accordionContent.addEventListener('transitionend', options.transitionEnd);
+
+        if (options.resizeEvent) {
+          window.addEventListener('resize', onResize);
+        }
+      }
+
+      window.addEventListener('hashchange', hashEvent);
+    };
+
+    /**
+     * Hide or show the accordion content.
+     *
+     * @param {Object} button  The accordion button.
+     * @param {boolean|false} isInitial  True if this is the first run
+     *   triggered by init().
+     */
+    const setVisibility = (button, isInitial) => {
+
+      const accordionContent = elem.querySelector(`#${button.getAttribute('aria-controls')}`);
+      if (!accordionContent) {
+        return;
+      }
+
+      if (button.getAttribute('aria-expanded') === 'true') {
+        accordionContent.classList.add(options.accordionExpandedClass);
+        accordionContent.setAttribute('aria-hidden', 'false');
+        accordionContent.removeAttribute('hidden');
+        expandedContent.push(accordionContent);
+        options.expand(button, accordionContent);
+      }
+      else {
+        accordionContent.classList.remove(options.accordionExpandedClass);
+        accordionContent.setAttribute('aria-hidden', 'true');
+        if (isInitial) {
+          accordionContent.setAttribute('hidden', 'hidden');
+        }
+        expandedContent.filter(content => content !== accordionContent);
+        options.collapse(button, accordionContent);
+      }
+    };
+
+    /**
+     * Set all attributes and toggle visibility accordingly.
+     */
+    const setInitial = () => {
+      for (let i = buttons.length; i--;) {
+        setVisibility(buttons[i], true);
+      }
+    };
+
+    const close = (button) => {
+      button.setAttribute('aria-expanded', 'false');
+      setVisibility(button);
+    };
+
+    /**
+     * Closes all accordion items.
+     */
+    const closeAll = () => {
+      for (let i = buttons.length; i--;) {
+        close(buttons[i]);
+      }
+    };
+
+    const open = (button) => {
+      button.setAttribute('aria-expanded', 'true');
+      setVisibility(button);
+    };
+
+    /**
+     * Opens all accordion items.
+     */
+    const openAll = () => {
+      for (let i = buttons.length; i--;) {
+        open(buttons[i]);
+      }
+    };
+
+    /**
+     * Open the accordion-content related to the location hash.
+     */
+    const hashEvent = () => {
+      let hash = window.location.hash.replace('#', '');
+      if (!hash) {
+        return;
+      }
+      try {
+        const trigger = elem.querySelector(`[aria-controls=${hash}]`);
+        if (trigger) {
+          open(trigger);
+          trigger.focus();
+        }
+      }
+      catch (e) { }
+    };
+
+    /**
+     * Enable accordion functionality.
+     */
+    const init = () => {
+      setInitial();
+      addEvents();
+      hashEvent();
+    };
+
+    if (options.init !== false) {
+      init();
+    }
+
+    return {init, closeAll, openAll};
+  };
+}));

package/build/styleguide/js/breadcrumbs.bindings-min.js

@@ -0,0 +1 @@
+"use strict";!function(){if(Breadcrumbs)for(var r=document.querySelectorAll(".breadcrumb"),e=r.length;e--;)new Breadcrumbs(r[e])}();

package/build/styleguide/js/breadcrumbs.bindings.js

@@ -0,0 +1,14 @@
+'use strict';
+
+(function () {
+
+  if (!Breadcrumbs) { // eslint-disable-line no-undef
+    return;
+  }
+
+  const selected = document.querySelectorAll('.breadcrumb');
+  for (let i = selected.length; i--;) {
+    new Breadcrumbs(selected[i]); // eslint-disable-line no-undef
+  }
+
+})();

package/build/styleguide/js/breadcrumbs.functions-min.js

@@ -0,0 +1 @@
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.Breadcrumbs=t()}(window,function(){return function(t,e){function n(e){f(),(e.matches&&5<c.length||!e.matches&&2<c.length)&&(t.setAttribute("aria-expanded",!1),u(c.length-2))}function o(e){f(),t.setAttribute("aria-expanded",!0),d.focus()}var r,i,d=t.querySelector("ol, ul"),c=t.querySelectorAll("li"),u=function(e){var t=document.createElement("a");t.textContent="...",t.href="#",t.addEventListener("click",o),(r=document.createElement("li")).classList.add("expandable"),r.appendChild(t),d.insertBefore(r,d.children[e]),d.tabIndex=-1},f=function(){r&&r.parentNode.removeChild(r)};return i=window.matchMedia("(min-width: 768px)"),n(i),i.addListener(n),{}}});

package/build/styleguide/js/breadcrumbs.functions.js

@@ -0,0 +1,98 @@
+'use strict';
+
+/* global define, module */
+(function (root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define(factory);
+  }
+  else {
+    if (typeof exports === 'object') {
+      module.exports = factory();
+    }
+    else {
+      root.Breadcrumbs = factory();
+    }
+  }
+}(this || window, function () {
+
+  return function (elem, options) {
+    let list = elem.querySelector('ol, ul');
+    let items = elem.querySelectorAll('li');
+    let expandable;
+
+    /**
+     * Add an element to the DOM that makes it possible to expand the breadcrumb.
+     *
+     * @param {Int} position
+     *   Index of the new element.
+     */
+    const insertExpandable = position => {
+      let a = document.createElement('a');
+      a.textContent = '...';
+      a.href = '#';
+
+      // attach event listener.
+      a.addEventListener('click', expand);
+
+      // Add it to the DOM
+      expandable = document.createElement('li');
+      expandable.classList.add('expandable');
+      expandable.appendChild(a);
+      list.insertBefore(expandable, list.children[position]);
+      list.tabIndex = -1;
+    };
+
+    /**
+     *  Collapse the breadcrumb.
+     *
+     * @param {MediaQueryList} query
+     *   The results of the matchMedia function.
+     */
+    const collapse = query => {
+      // Remove any old expandables.
+      removeExpandable();
+
+      // Collapse when more than 5 items on tablet+,
+      // or more than 2 items on mobile screens
+      if ((query.matches && items.length > 5) ||
+      (!query.matches && items.length > 2)) {
+        elem.setAttribute('aria-expanded', false);
+        insertExpandable(items.length - 2);
+      }
+    };
+
+    /**
+     * Remove the expandable for the current breadcrumb.
+     */
+    const removeExpandable = () => {
+      if (expandable) {
+        expandable.parentNode.removeChild(expandable);
+      }
+    };
+
+    /**
+     * Expand the entire breadcrumb.
+     *
+     * @param {Event} e
+     *   Event object.
+     */
+    const expand = e => {
+      removeExpandable();
+      elem.setAttribute('aria-expanded', true);
+      list.focus();
+    };
+
+    /**
+     * Initialize functionality.
+     */
+    const init = () => {
+      let query = window.matchMedia('(min-width: 768px)');
+      collapse(query); // Execute once on page load.
+      query.addListener(collapse);
+    };
+
+    init();
+
+    return {};
+  };
+}));

package/build/styleguide/js/checkbox_dynamic.bindings-min.js

@@ -0,0 +1 @@
+"use strict";!function(){if(Accordion)for(var e=document.querySelectorAll(".checkbox-accordion"),c=e.length;c--;)new Accordion(e[c]);if(CheckboxFilterDynamic)for(var o=document.querySelectorAll(".checkbox-filter-dynamic"),n=o.length;n--;)new CheckboxFilterDynamic(o[n],{hiddenTagText:"Remove tag"})}();

package/build/styleguide/js/checkbox_dynamic.bindings.js

@@ -0,0 +1,19 @@
+'use strict';
+
+(function () {
+
+  if (Accordion) { // eslint-disable-line no-undef
+    const selected = document.querySelectorAll('.checkbox-accordion');
+    for (let i = selected.length; i--;) {
+      new Accordion(selected[i]); // eslint-disable-line no-undef
+    }
+  }
+
+  if (CheckboxFilterDynamic) { // eslint-disable-line no-undef
+    const selected = document.querySelectorAll('.checkbox-filter-dynamic');
+    for (let i = selected.length; i--;) {
+      new CheckboxFilterDynamic(selected[i], {hiddenTagText: 'Remove tag'}); // eslint-disable-line no-undef
+    }
+  }
+
+})();

package/build/styleguide/js/checkbox_dynamic.functions-min.js

@@ -0,0 +1 @@
+"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.CheckboxFilterDynamic=t()}(window,function(){return function(c,l){(l=l||{}).filterField=l.filterField||".checkbox-filter__filter",l.modalPreview=l.modalPreview||".modal-preview",l.accordionPreview=l.accordionPreview||".accordion-preview",l.accordionBtn=l.accordionBtn||"button.accordion--button",l.previewCheckboxes=l.previewCheckboxes||"div.checkbox.preview",l.checkboxes=l.checkboxes||"div.checkbox:not(.preview)",l.selectedContainer=l.selectedContainer||".checkbox-filter__selected",l.checkboxContainers=l.checkboxContainers||".checkbox-filter__checkboxes",l.openBtn=l.openBtn||".checkbox-filter__open",l.submitBtn=l.submitBtn||".checkbox-filter__submit",l.closeBtns=l.closeBtns||".checkbox-filter__close",l.resultSpan=l.resultSpan||".checkbox-filter__result",l.makeTags=!1!==l.makeTags,l.hiddenTagText=l.hiddenTagText||"remove tag",l.onRemoveTag=l.onRemoveTag||function(){};function a(e,t){l.makeTags&&d&&d.appendChild(y(e,t))}function e(){if(r.length)for(var e=r.length;e--;)!function(e){var t=r[e].querySelector("input[type=checkbox]"),n=c.querySelector("#"+t.getAttribute("data-original"));t&&(t.addEventListener("change",function(){return S(n,t)}),n.addEventListener("change",function(){return S(t,n)}))}(e)}var o=c.querySelector(l.filterField),u=c.querySelector(l.modalPreview),n=c.querySelector(l.accordionPreview),t=c.querySelector(l.accordionBtn),r=c.querySelectorAll(l.previewCheckboxes)||[],i=c.querySelectorAll(l.checkboxes)||[],d=c.querySelector(l.selectedContainer),f=c.querySelectorAll(l.checkboxContainers),s=c.querySelector(l.openBtn),h=c.querySelector(l.submitBtn),p=c.querySelectorAll(l.closeBtns),v=c.querySelector(l.resultSpan),b=[],k=function(e){var c;o&&(e&&(o.value=""),c=0,[].slice.call(f).forEach(function(e){e.style.display="none"}),x(function(e){var t=e.checkboxWrapper,n=e.checkbox,e=e.label;e&&-1!==e.textContent.toUpperCase().indexOf(o.value.toUpperCase())?(t.removeAttribute("hidden"),n.removeAttribute("hidden"),c++):(t.setAttribute("hidden","true"),n.setAttribute("hidden","true"))}),[].slice.call(f).forEach(function(e){e.querySelectorAll("".concat(l.checkboxes,":not([hidden])")).length&&(e.style.display="")}),v&&(v.textContent=""+c))},y=function(e,t){var n=document.createElement("li"),c=document.createElement("span");c.className="tag filter",c.textContent=t.textContent,c.setAttribute("data-value",e.value);var o=document.createElement("button");return o.type="button",o.innerHTML='<span class="visually-hidden">'.concat(l.hiddenTagText," ").concat(t.textContent,"</span>"),o.addEventListener("click",function(){return e.click()}),c.appendChild(o),n.appendChild(c),n},x=function(e){for(var t=0;t<i.length;t++){var n=i[t],c=n.querySelector("input[type=checkbox]"),o=n.querySelector("label");c&&o&&e({checkboxWrapper:n,checkbox:c,label:o})}},m=function(){x(function(e){var t=e.checkbox,e=-1!==b.indexOf(t);(e&&!t.checked||!e&&t.checked)&&t.click()})},S=function(e,t){e.checked!==t.checked&&e.click()},g=function(e){27===(e.keyCode||e.which)&&(e.preventDefault(),m())};return x(function(e){var t=e.checkbox,e=e.label;t.checked&&!t.indeterminate&&a(t,e)}),k(!0),function(){if(s&&s.addEventListener("click",function(){b=[],x(function(e){e=e.checkbox;e.checked&&b.push(e)}),document.addEventListener("keydown",g)}),p)for(var e=p.length;e--;)p[e].addEventListener("click",function(){m(),document.removeEventListener("keydown",g)});var t;h&&h.addEventListener("click",function(){document.removeEventListener("keydown",g)}),o&&(t=null,o.addEventListener("input",function(){t&&clearTimeout(t),t=setTimeout(k,200)}))}(),e(),t&&n&&t.addEventListener("click",function(){return x(function(e){var t=e.checkboxWrapper;e.checkbox.checked&&!n.contains(t)&&n.appendChild(t)})}),x(function(e){var o=e.checkboxWrapper,r=e.checkbox,i=e.label;r.addEventListener("change",function(){var e,t,n,c;r.checked?(a(r,i),e=o,t=r,u&&(u.querySelector("#"+t.id+"-preview")||(n=e.cloneNode(!0),c=n.querySelector("input"),e=n.querySelector("label"),c.name=null,c.id+="-preview",e.for+="-preview",t.addEventListener("change",function(){return S(c,t)}),c.addEventListener("change",function(){return S(t,c)}),u.appendChild(n)))):(e=r,l.makeTags&&d&&((n=d.querySelector('.filter[data-value="'+e.value+'"]'))&&(d.removeChild(n.parentElement),l.onRemoveTag(e,n))))})}),{}}});