@mycause/ui 0.0.0-c9beb99b → 0.0.0-c9cc3b00

package/dist/components/nav/nav-user-menu.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
+import React from "react";
 import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
-export declare type UserData = {
+export type UserData = {
     name: string;
     avatar?: {
         src: string;
     };
 };
-export declare type UserMenuItems = Array<UserMenuItemWithSubmenu>;
+export type UserMenuItems = Array<UserMenuItemWithSubmenu>;
 interface NavigationUserMenuProps {
     user: UserData;
     items?: UserMenuItems;
@@ -14,5 +14,5 @@ interface NavigationUserMenuProps {
     onChangeOpen: (isOpen: boolean) => void;
     isCompact?: boolean;
 }
-declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): JSX.Element;
+declare function NavigationUserMenu({ user, items, isOpen, onChangeOpen, }: NavigationUserMenuProps): React.JSX.Element;
 export default NavigationUserMenu;

package/dist/components/nav/nav.d.ts

@@ -5,7 +5,7 @@ import NavigationMenu from "./nav-menu";
 import { HybridNavigationLink } from "./nav-list";
 import { UserData } from "./nav-user-menu";
 import { UserMenuItemWithSubmenu } from "./nav-user-menu-items";
-declare type NavigationMenu = {
+type NavigationMenu = {
     id: string;
     label: React.ReactNode;
     analyticsId?: string;
@@ -18,31 +18,31 @@ declare type NavigationMenu = {
     loginRaised?: HybridNavigationLink | null;
     onClick?: () => void;
 };
-declare type SearchAction = {
+type SearchAction = {
     analyticsId?: string;
     onSearch: (query: string) => void;
 };
-declare type LoginAction = {
+type LoginAction = {
     analyticsId?: string;
     onLogin: () => void;
     color?: ColorSpecifier;
     noIcon?: boolean;
 };
-declare type StatsItemProps = {
+type StatsItemProps = {
     id: string;
     label: string;
     value: string;
     logo: string;
 };
-export declare type NavigationProps = {
+export type NavigationProps = {
     logo?: React.ReactNode;
     menus?: Array<NavigationMenu>;
     links?: Array<HybridNavigationLink>;
     stats?: Array<StatsItemProps>;
     cta?: ButtonProps | null;
-    cta2?: ButtonProps & {
+    cta2?: (ButtonProps & {
         targetTab?: string;
-    } | null;
+    }) | null;
     user?: UserData | null;
     login?: LoginAction | null;
     userMenu?: Array<UserMenuItemWithSubmenu>;
@@ -53,5 +53,5 @@ export declare type NavigationProps = {
     menuReverse?: boolean;
     isDark?: boolean;
 };
-declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): JSX.Element;
+declare function Navigation({ logo, menus, links, stats, cta, cta2, user, userMenu, search, login, isSticky, isCompactHeight, setSearchToLeft, menuReverse, isDark, }: NavigationProps): React.JSX.Element;
 export default Navigation;

package/dist/components/nav/nav.stories.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const NavigationDemo2SupportLink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const NavigationMyaccount: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/components/navigation/icons/abstain_detox.svg

@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_14_">
+		<circle fill="#55C1A9" cx="127.2" cy="126.6" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M145.8,238.2l-40.7-40.8c0,0,17.4,9.6,41.7,1.2
+			c0,0,10.2-4.8-4.2-9l-13.2-5.4l1.5-56.1c0,0,31.8-5.4,26.4-33.3l-9.6-36l90.5,89.4C238.2,148.2,228.3,223.8,145.8,238.2z"/>
+		<g id="XMLID_1_">
+			<g id="XMLID_2_">
+				<g id="XMLID_9_">
+					<g id="XMLID_10_">
+						<path id="XMLID_11_" fill="#FFFFFF" d="M114.5,202c-5.9-1.1-11.2-3.3-11.2-7.7c0-3.4,3.9-4.3,8.4-5.4c3.8-0.9,8.4-2,12.2-4.7
+							l0.2-55.3c-14.2-2.1-27.2-13.6-27.5-24.7c-0.3-9,2-17.1,4.6-24.9c0.4-1.3,0.8-2.5,1.3-3.8c1.6-4.7,3.1-9.2,4.1-13.7v0
+							c0.1-0.4,0.3-0.8,0.7-1.2c2.2-3.3,10.6-5.6,20.7-5.6c10.1,0,18.5,2.4,20.6,5.7c0.3,0.4,0.6,0.8,0.7,1.2c1,4.6,2.4,9,4,13.8
+							c2.9,9,6,18.3,5.6,28.8c-0.4,11.1-13.4,22.6-27.7,24.6l-0.2,55.3c3.8,2.7,8.4,3.8,12.1,4.8c4.5,1.1,8.4,2.1,8.4,5.5
+							c0,7.8-16.9,8.6-24.1,8.6C124.2,203.1,119.1,202.9,114.5,202z M126.4,126.8l-0.2,58.5l-0.5,0.3c-4.3,3.2-9.4,4.4-13.5,5.4
+							c-4.1,1-6.7,1.7-6.7,3.2c0,3.9,8.5,6.4,21.8,6.4c13.2,0,21.8-2.4,21.8-6.3c0-1.5-2.5-2.2-6.6-3.2c-4.1-1-9.2-2.3-13.5-5.5
+							l-0.5-0.4l0.2-58.5l1-0.1c13.3-1.4,26.3-12.3,26.6-22.5c0.3-10-2.6-19.1-5.5-27.9c-1.5-4.6-3-9.3-4-14c0,0,0,0-0.1-0.1
+							l-0.2-0.3c-1.4-2.3-8.7-4.7-18.7-4.7c-10,0-17.4,2.3-18.8,4.6l-0.2,0.3c-0.1,0.1-0.1,0.1-0.1,0.1c-1,4.7-2.6,9.4-4.1,13.9
+							c-2.9,8.8-6,17.9-5.7,27.9c0.3,10.1,13.1,21.2,26.5,22.6L126.4,126.8z"/>
+					</g>
+				</g>
+				<g id="XMLID_6_">
+					<g id="XMLID_7_">
+						<path id="XMLID_8_" fill="#FFFFFF" d="M116.3,66.4c-4.2-0.8-7.2-2.1-7.2-3.8l0,0c0-3.1,9.4-4.6,18.7-4.6
+							c9.3,0,18.7,1.7,18.7,4.7c0,1.4-1.9,2.6-5.8,3.4c-3.5,0.8-8.1,1.2-13,1.2C123.7,67.3,119.6,67,116.3,66.4z M110.3,62.6
+							c0,1.4,6.8,3.5,17.6,3.6c4.8,0,9.3-0.4,12.7-1.1c3.8-0.9,4.9-1.9,4.9-2.3c0-1.4-6.8-3.5-17.6-3.6
+							C117.1,59.1,110.3,61.2,110.3,62.6L110.3,62.6z"/>
+					</g>
+				</g>
+				<g id="XMLID_3_">
+					<g id="XMLID_4_">
+						<path id="XMLID_5_" fill="#FFFFFF" d="M140.2,95.4c-4,0.4-8.4,0.6-12.7,0.6c-7.1-0.1-13.7-0.8-18.7-1.9
+							c-5.4-1.3-8.1-2.9-8.1-4.8l0,0c0-4.2,14-6.2,27-6.1c7.1,0.1,13.7,0.8,18.7,1.9c5.4,1.3,8.1,2.9,8.1,4.8
+							C154.4,92.7,148.2,94.5,140.2,95.4z M114.9,84.9c-8.1,0.9-13.1,2.7-13.2,4.4l0,0c0,0.9,1.9,2.4,7.2,3.6
+							c4.9,1.1,11.5,1.8,18.5,1.9c15.2,0.2,25.8-2.5,25.8-4.9c0-0.9-1.9-2.4-7.2-3.6c-4.9-1.1-11.5-1.8-18.5-1.9
+							C122.9,84.3,118.6,84.5,114.9,84.9z"/>
+					</g>
+				</g>
+			</g>
+		</g>
+		<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="32.1" y1="188.6" x2="215.8" y2="55.6"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/accident_emergency.svg

@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="122.5 10 250 250" enable-background="new 122.5 10 250 250" xml:space="preserve">
+<g>
+	<circle fill="#55C1A9" cx="248.1" cy="136.1" r="121.6"/>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M320.9,146.4c0-2.3-1-4.3-2.3-5.2v10.4
+			C319.9,150.7,320.9,148.7,320.9,146.4z"/>
+		<path fill="#FFFFFF" d="M284.7,96.7h-21.5v-5.5c0-2.2,0.8-4.3,2.5-6c1.6-1.6,3.8-2.5,6-2.5h4.6c2.2,0,4.3,0.8,6,2.5
+			c1.6,1.6,2.5,3.8,2.5,6V96.7z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M318.7,141.4c-0.1-0.8-0.2-1.7-0.4-2.5
+			c-0.3-1.4-0.8-2.8-1.4-4.1l-17.6-37.4c-0.7-1.4-1.7-2.7-3.2-3.6c-1.4-0.9-3-1.3-4.6-1.3H178.2v80h21.5c0-10.7,8.6-19.3,19.3-19.3
+			s19.3,8.6,19.3,19.3h21.8c0-10.7,8.6-19.3,19.3-19.3c10.7,0,19.3,8.6,19.3,19.3h20.1v-29.2C318.8,142.6,318.8,142,318.7,141.4z
+			 M237.4,131.6h-11.2v11.2h-14.3v-11.2h-11.2v-14.3h11.2v-11.2h14.3v11.2h11.2V131.6z M270.7,137.2c-0.9,0-1.7-0.3-2.4-1
+			c-0.7-0.7-1-1.5-1-2.4v-27.6c0-0.8,0.3-1.5,0.9-2.1c0.6-0.6,1.4-0.9,2.1-0.9h17.2c1.2,0,2.5,0.3,3.6,1.1c1.1,0.7,1.9,1.7,2.4,2.9
+			l10.4,23.9c0.6,1.3,0.5,2.9-0.3,4.1c-0.8,1.3-2.2,2-3.6,2H270.7z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M219.1,155.5c-9.4,0-17,7.6-17,17
+			c0,9.4,7.6,17,17,17c9.4,0,17-7.6,17-17C236,163.1,228.4,155.5,219.1,155.5z M219.1,179.3c-3.8,0-6.9-3.1-6.9-6.9s3.1-6.9,6.9-6.9
+			c3.8,0,6.9,3.1,6.9,6.9S222.9,179.3,219.1,179.3z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M279.7,155.5c-9.4,0-17,7.6-17,17
+			c0,9.4,7.6,17,17,17c9.4,0,17-7.6,17-17C296.7,163.1,289.1,155.5,279.7,155.5z M279.7,179.3c-3.8,0-6.9-3.1-6.9-6.9
+			s3.1-6.9,6.9-6.9c3.8,0,6.9,3.1,6.9,6.9S283.5,179.3,279.7,179.3z"/>
+		<path fill="#FFFFFF" d="M324.5,169.1c0,1.9-1.5,3.4-3.4,3.4H306c-1.9,0-3.4-1.5-3.4-3.4v-7c0-1.9,1.5-3.4,3.4-3.4h15.2
+			c1.9,0,3.4,1.5,3.4,3.4V169.1z"/>
+		<path fill="#FFFFFF" d="M193.6,169.1c0,1.9-1.5,3.4-3.4,3.4h-15.2c-1.9,0-3.4-1.5-3.4-3.4v-7c0-1.9,1.5-3.4,3.4-3.4h15.2
+			c1.9,0,3.4,1.5,3.4,3.4V169.1z"/>
+	</g>
+	<path opacity="0.2" fill="#231F20" d="M176.7,174l24.4-1.4c0,0,7.3,29.9,32.1,11.1l3.9-11.2l24.4-1.3c0,0,2.6,19,18.4,18.1
+		c0,0,17.1-3.4,18.4-17.4h15l5.1-9.8l0.9-18.4l-1.3-8.6l-18.9-40.7l68.1,65.1c0,0-3.4,37.7-39.4,68.1c0,0-29.6,27-66,28.3L176.7,174
+		z"/>
+</g>
+</svg>

package/dist/components/navigation/icons/adventure.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="122.5 10 250 250" enable-background="new 122.5 10 250 250" xml:space="preserve">
+<g>
+	<circle fill="#55C1A9" cx="249.1" cy="135.6" r="121.6"/>
+	<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="201.9" y1="169" x2="220.6" y2="181.3"/>
+	<path opacity="0.2" fill="#231F20" d="M254,165.2l9-75l21-4.7l-2.6-26.1l88.3,84.8c0,0,0.9,13.3-1.7,19.3l-55.3-49.3L254,165.2z"/>
+	<polyline fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="146.9,196 202.6,154.9 241.6,180.2 	"/>
+	<polyline fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" points="221.9,198.6 312.3,113.8 367.6,163.2 	"/>
+	<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="314" y1="135.6" x2="352.3" y2="169"/>
+	<path fill="#FFFFFF" d="M262.6,82.1l9.4,2.5l14.5-7.7c0,0,13.2-0.3,7.1,11.2l-10,6.4c0,0-10,5.5-18.4,3.9l-1.3,6.9l13.3,4.3
+		c0,0,5.2-0.2,10.3,9.9l4.3,12.9l-9.4,9.2c0,0-0.6-12.4-10-14.5l-10.1-1.6c0,0-0.2,5.5-0.2,10.3v24.7l-18,16.8v-21l-3.4-31.7
+		c0,0-2.1-33.4-2.1-33.4c0.2-5.6,4.4-11.1,12.5-14.1c2-0.7,8.6-2.6,9.4,0L262.6,82.1z"/>
+	<circle fill="#FFFFFF" cx="248.2" cy="58.6" r="9.6"/>
+	<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="279" y1="60.4" x2="295.1" y2="128.6"/>
+</g>
+</svg>

package/dist/components/navigation/icons/assistance_dog.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="112.5 0 270 270" enable-background="new 112.5 0 270 270" xml:space="preserve">
+<g>
+	<ellipse fill="#55C1A9" cx="247.8" cy="135.6" rx="131.3" ry="131.3"/>
+	<path opacity="0.2" fill="#231F20" d="M181.6,197l8.7-0.7c0,0,7.3-2.4-3.1-5.9l1.4-13.9l12.5-3.5l14.6-13.9l7.3-0.3l43,1.7l3.1-34
+		l-11.5-13.5l5.2-5.2l25.7,25.3l3.5-6.2l-1.4-12.5c0,0,20.8,0.3,24.6-9.7l1-5.2l60.8,59.7c0,0-11.6,95.7-126.3,107.8L181.6,197z"/>
+	<g>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M266.5,104.2l6.4-13.2l3.5-10.3V68.5
+			c0,0,9.3,2.3,8.7,12.6c-0.6,10.3-0.1,2.3-0.1,2.3l17.2,13.2l10,3.4c0,0,8.9,2,0,9.8c0,0-3.4,4.9-20.9,4.3c0,0,1.4,16.9-1.8,20.4
+			l-55.4-53.4c0,0-3.2-5.5,4.3-4.3L266.5,104.2z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M288.6,146.5l-8.1,12.7v29.8c0,0,10.9,6.4,4.9,7.4
+			h-10l-8.8-29.8v-5.2l-41-2.3c0,0-6.4-2.6-15.6,5.7c0,0-12.4,13.2-21.3,11.2c0,0-1.2,6.6-3.2,10.9v3.7c0,0,11.1,1.7,5.7,5.7h-8.9
+			l-3.8-10.9V171l6.1-10c0,0-1.1-16.6,3.2-21.8c0,0,4.5-9.5,6.2-10.3c0,0-6.6-15.8-4.3-30.4c0,0,4.5-4.8,4.5,5.8
+			c0,0,1.7,18.9,6.9,20.9c0,0,19.8-1.1,35.6-4.9c0,0,16.7-1.9,21.1-7.2L288.6,146.5z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M249.5,167.5h11v22.4c0,0,11.1,2.6,7.3,6.6h-10.6
+			C257.2,196.5,252.9,190.5,249.5,167.5z"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M236,166.3c0,0-10,8.7-22.1,10.2l-3.2,13.2
+			c0,0,10.6,3,5.5,5.8c-5.2,2.7-0.6,1.1-0.6,1.1h-9.2c0,0-4.3-13.3-3.4-18.1c0,0,4.9-3.7,7.8-6.8c0,0,5.7-5.6,10.9-5.1L236,166.3z"
+			/>
+		<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="268.7" y1="125.2" x2="268" y2="161.5"/>
+		<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="288.3" y1="146.5" x2="268" y2="149.2"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/bike_ride.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_17_">
+		<circle fill="#55C1A9" cx="127.4" cy="127.3" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M238.5,150.1l-79.8-78.6c0,0,8.1,21-12.6,19.2l-7.2,2.7
+			l7.8,11.1h20.1c0,0,8.1,6.3,2.7,11.4l-4.8,4.8c0,0,37.2-0.3,35.7,36c0,0-9,38.4-45.9,22.2c0,0-12.9-9.9-14.7-21l-5.1-0.3
+			c0,0-2.1,14.1-15.3,0c0,0-15.9,42.6-56.1,15.6l68.4,67.8c0,0,40.5,1.2,77.4-34.5C209.1,206.5,233.4,181.6,238.5,150.1z"/>
+		<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="170" cy="152.1" r="30.4"/>
+		<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="88.4" cy="152.1" r="30.4"/>
+		<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M144,119.5h21.6c0,0,12-6,1.2-14.4h-19.2l-16-18.6
+			c0,0-6.8-5.4-11.6,1.4L103.6,104c0,0-6.3,5.4,3.3,13l14.9,13.9v27.6c0,0,6,13.2,13.2,0v-28.8c0,0,1.8-6.4-3.8-10l-11-11.6l5.5-4.8
+			C125.7,103.3,138.4,119.5,144,119.5z"/>
+		<circle fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="149.6" cy="80.5" r="10.8"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/bucket_list.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="122.5 10 250 250" enable-background="new 122.5 10 250 250" xml:space="preserve">
+<g>
+	<ellipse fill="#55C1A9" cx="249" cy="135.5" rx="121.5" ry="121.3"/>
+	<path opacity="0.2" fill="#231F20" d="M194.8,197.9c0,0,8.7,3.1,27,2.1h59.1c0,0,7.1,1.1,7.1-9.8l-0.6-64.8c0,0,35.6-9.3,24.1-37.2
+		l59.4,57.2c0,0-1.7,41.4-35.1,76.1c0,0-31.4,34.4-81.8,36L194.8,197.9z"/>
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M278.1,130.5c0,0-21.3-22.5-14.7-41.9c0,0,3.4-11.4,13.9-11.9
+			c0,0,12.1-2.3,17,10c0,0,14.5-7.5,22.3,8c0,0,4.2,9.2-3.4,19.2C313.2,114,303.7,127,278.1,130.5z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="
+			M288.5,194.4c0,3.5-3.4,6.1-6.9,6.1H202c-3.5,0-6.5-2.6-6.5-6.1v-91c0-3.5,2.9-6.8,6.5-6.8h79.6c3.5,0,6.9,3.3,6.9,6.8V194.4z"/>
+		<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M267,97.6c0,3.5-3.1,6.4-6.6,6.4h-37.2c-3.5,0-6.2-2.9-6.2-6.4
+			v-1.3c0-3.5,2.6-6.3,6.2-6.3h37.2c3.5,0,6.6,2.8,6.6,6.3V97.6z"/>
+		
+			<ellipse fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" cx="241.5" cy="81.3" rx="9.7" ry="9.7"/>
+		
+			<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="219" y1="125.5" x2="263" y2="125.5"/>
+		
+			<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="219" y1="149.5" x2="263" y2="149.5"/>
+		
+			<line fill-rule="evenodd" clip-rule="evenodd" fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="219" y1="173.5" x2="263" y2="173.5"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/cancer.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="122.5 10 250 250" enable-background="new 122.5 10 250 250" xml:space="preserve">
+<g>
+	<circle fill="#55C1A9" cx="248.1" cy="135.6" r="121.6"/>
+	<path opacity="0.2" fill="#231F20" enable-background="new    " d="M262.3,71.4c0,0,12.2,45-7.1,65.9l-31.8,66.5l50.1,50.6
+		c0,0,69.4-11.7,90-80.1L262.3,71.4z"/>
+	<path fill="#EEEDE8" d="M229.6,91.1c-0.3,0.3-3.4-8.4-3.5-9c-1.8-11.7,15.5-18.2,24.6-16.2c5.5,1.2,11.1,4.5,14.3,9.1
+		c1.6,2.3,2.7,5,2.5,7.9c-0.1,0.9-2.6,9-3.2,8.6C264.2,91.4,242.9,79.5,229.6,91.1z"/>
+	<path fill="#EEEDE8" d="M212.3,179.8c0,0,50.8-73.3,53.4-103.7c0,0,19.7,28.8-2,66l-40.3,61.7L212.3,179.8z"/>
+	<path fill="#FFFFFF" d="M271.6,205.5l-47.1-74.8c0,0-16.1-23.8,1.9-53.8c0,0,0.6,17.6,17.4,40.1l41.1,63.8L271.6,205.5z"/>
+</g>
+</svg>

package/dist/components/navigation/icons/celebrations.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_11_">
+		<circle fill="#55C1A9" cx="126.6" cy="126.6" r="113.5"/>
+		<path fill="none" stroke="#231F20" stroke-miterlimit="10" d="M239.5,135.8"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M239.5,135.8l-61.2-59.2l-50.4,51.2l-53.6,64l50,48.8
+			c0,0,47.2,3.2,83.6-34.8C207.9,205.8,239.5,171.4,239.5,135.8z"/>
+		<g>
+			<polygon fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" points="77.5,188.3 107.9,111 154.3,149.7 			"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="102" y1="126" x2="126" y2="126"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="94.8" y1="144" x2="146.4" y2="144"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="88.8" y1="160.8" x2="133.2" y2="160.8"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="82.8" y1="175.2" x2="103.2" y2="175.2"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="133.5" y1="122.2" x2="178.3" y2="76.6"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="128.5" y1="110.9" x2="138.3" y2="80.2"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="144.9" y1="127.4" x2="183.1" y2="107.4"/>
+			<circle fill="#FFFFFF" cx="182.7" cy="126.2" r="5.2"/>
+			<circle fill="#FFFFFF" cx="191.4" cy="92.4" r="3.4"/>
+			<circle fill="#FFFFFF" cx="172.2" cy="58.8" r="3.4"/>
+			<polygon fill="#FFFFFF" points="136.4,58.6 138.7,65.5 145.9,65.5 140,69.7 142.3,76.6 136.4,72.4 130.6,76.6 132.8,69.7 
+				126.9,65.5 134.2,65.5 			"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="115.9" y1="107" x2="114.3" y2="90.2"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" x1="156.2" y1="134.8" x2="172.5" y2="139.2"/>
+		</g>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/challenges.svg

@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_7_">
+		<circle fill="#55C1A9" cx="126.6" cy="125.4" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M109.1,216.6L90.3,197l0.4-15.6l-6-18.8l0.8-10.4l8-8l16-15.6
+			l25.2-22.4l8.4-10l16.2-78.8c0,0,54,13,73.2,66.6c0,0,23,69.8-27,118.2c0,0-30.4,35.2-78.8,33.2L109.1,216.6z"/>
+		<g>
+			<circle fill="#FFFFFF" cx="109" cy="76.4" r="12.8"/>
+			<path fill="#FFFFFF" d="M109,93h29.1c0,0,7.7-0.3,7.7,5c0,0,1.6,5.8-7.5,5.8h-20.4l6.9,22.2l13.5-3.5c0,0,5.6-2.8,11.9,3.4
+				l13.8,9.4c0,0,5,6.9,0,9.4c0,0-2.5,4.1-9.7-0.6l-14.1-9.4l-24.1,6c0,0-7.5,3.1-11-7.2l-6.9-18.8l-5,7.2l5,15c0,0,3.4,9.7-2.5,9.7
+				c0,0-5.6,0.6-7.5-8.8l-5-14.4c0,0-2.8-2.8,2.2-8.8L96,98C96,98,101.3,91.8,109,93z"/>
+			<path fill="#FFFFFF" d="M131.7,140.7l6.3,5.3l8.8,22.2c0,0,0,7.2-5.6,7.2c0,0-5.6,0.6-7.2-6.9l-5-14.1L116,145L131.7,140.7z"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="158.3" y1="15.4" x2="143.9" y2="91.8"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="135.7" y1="105.3" x2="123.5" y2="115"/>
+			<line fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" x1="103.8" y1="133.8" x2="100.3" y2="136.6"/>
+			<path fill="none" stroke="#FFFFFF" stroke-width="4" stroke-miterlimit="10" d="M90.6,146.6c0,0-11,7.5-5,18.5
+				c0,0,11,22.2,3.8,31.6"/>
+			<path fill="#55C1A9" d="M232.5,84l-14.3,46.9l-39.6,21.6l-3.6,23.4l-14.4,3.6l-23.4,27L78.3,228c0,0,47.2,22.6,96,1.8
+				C174.3,229.8,266.7,187.2,232.5,84z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/compete_represent.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="122.5 10 250 250" enable-background="new 122.5 10 250 250" xml:space="preserve">
+<g>
+	<ellipse fill="#55C1A9" cx="248" cy="135.6" rx="121.5" ry="121.6"/>
+	<path opacity="0.2" fill="#231F20" d="M369.7,141.2l-61.2-59.6l-29.1,57.4c0,0,20.1,29.6-10.7,53.6c0,0-19.3,12.9-47.1,0l61.2,59.1
+		C282.8,251.7,361.6,232.9,369.7,141.2z"/>
+	<g>
+		<polygon fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" points="307.6,83.5 279,137.8 251.6,123.2 
+			281,69.1 		"/>
+		<polygon fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" points="188.3,83.5 218.6,137.3 244.7,123.2 
+			214.9,69.1 		"/>
+		<g>
+			<path fill="#FFFFFF" d="M248,130.1c-17.5,0-31.7,14.2-31.7,31.7c0,17.5,14.2,31.7,31.7,31.7c17.5,0,31.7-14.2,31.7-31.7
+				C279.7,144.4,265.5,130.1,248,130.1z M261.1,179.9l-13.1-9.5l-13.1,9.5l5-15.4l-13.1-9.5H243l5-15.4l5,15.4h16.2l-13.1,9.5
+				L261.1,179.9z"/>
+			<path fill="#FFFFFF" d="M248,121.5c-22.2,0-40.3,18-40.3,40.3c0,22.3,18,40.3,40.3,40.3c22.2,0,40.3-18.1,40.3-40.3
+				C288.3,139.6,270.2,121.5,248,121.5z M248,196.2c-18.9,0-34.4-15.4-34.4-34.4c0-19,15.4-34.4,34.4-34.4
+				c18.9,0,34.4,15.4,34.4,34.4C282.3,180.8,266.9,196.2,248,196.2z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/cut_shave.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_16_">
+		<circle fill="#55C1A9" cx="127.8" cy="125.3" r="113.5"/>
+		<g>
+			<g>
+				<path fill="#FFFFFF" d="M119.9,156.1c-0.2,0-0.4-0.1-0.6-0.2l-5.6-3.8c-0.6-0.4-0.8-1.2-0.4-1.8l17.2-32.8
+					c0.1-0.2,0.3-0.4,0.6-0.6l63.5-35c0.4-0.2,1-0.2,1.4,0c0.4,0.3,0.7,0.8,0.7,1.3c0,0.3-0.5,7.9-10.1,13.8
+					c-8.5,5.2-44.8,25-48.9,27.2l-16.2,31.2c-0.2,0.4-0.5,0.6-0.9,0.7C120.3,156.1,120.1,156.1,119.9,156.1z M116.4,150.4l3.2,2.2
+					l15.7-30.2c0.1-0.2,0.3-0.5,0.6-0.6c0.4-0.2,40.2-21.8,49.1-27.3c4.8-3,7-6.3,8-8.7l-60.2,33.2L116.4,150.4z"/>
+			</g>
+			<g>
+				<path fill="#FFFFFF" d="M187,69.9l-51,53.2l-36.4,5.4l-5.2-5.6l37.7-6.4c0,0,32.3-33.8,40.2-41C180.2,68.1,187,69.9,187,69.9z"
+					/>
+			</g>
+			<g>
+				<path fill="#FFFFFF" d="M82.3,148.4c-4.7-0.7-8.6-3.4-10.6-7.4c-3.6-7.2,0-16.3,7.9-20.4c3.3-1.7,6.8-2.3,10.3-1.8
+					c4.8,0.7,8.6,3.4,10.6,7.4c3.6,7.2,0,16.3-7.9,20.5C89.3,148.2,85.8,148.9,82.3,148.4z M89.4,121.5c-2.9-0.4-5.8,0.1-8.6,1.5
+					c-6.6,3.4-9.6,10.9-6.7,16.7c1.6,3.2,4.7,5.3,8.5,5.9c2.9,0.4,5.8-0.1,8.6-1.5c6.6-3.4,9.6-10.9,6.7-16.7
+					C96.3,124.1,93.2,122,89.4,121.5z"/>
+			</g>
+			<g>
+				<path fill="#FFFFFF" d="M105.8,180.7c-2.9-0.4-5.6-1.7-7.6-3.8c-5.6-5.7-5-15.5,1.3-21.9c3.8-3.9,9-5.8,14-5.1
+					c2.9,0.4,5.6,1.7,7.6,3.8c5.6,5.7,5,15.5-1.3,21.9C116,179.5,110.8,181.4,105.8,180.7z M113.1,152.7c-4.1-0.6-8.4,1-11.6,4.3
+					c-5.2,5.3-5.8,13.4-1.3,17.9c1.6,1.6,3.7,2.6,6,3c4.1,0.6,8.4-1,11.6-4.3c5.2-5.3,5.8-13.4,1.3-17.9
+					C117.5,154.1,115.4,153,113.1,152.7z"/>
+			</g>
+			<g>
+				<path fill="#FFFFFF" d="M73.6,129.1c-0.2,1.4-1.5,2.4-2.9,2.3l-9.6-1.3c-1.4-0.2-2.4-1.5-2.2-2.9l0,0c0.2-1.4,1.5-2.4,2.9-2.3
+					l9.6,1.3C72.8,126.4,73.8,127.7,73.6,129.1L73.6,129.1z"/>
+			</g>
+		</g>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M99.5,177.7c0,0,12.8,6.4,20.8-4.4c0,0,6.8-8.3,0.8-19.6
+			l15-30.7c0,0,51.5-27.4,55.5-33l4.4-8.2l45.3,43.4c0,0,1.8,84-82.6,109.2L99.5,177.7z"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/disaster_relief.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_12_">
+		<circle fill="#55C1A9" cx="126.2" cy="126" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M140.3,73.6l0.8,35.2l34,2.4l0.8,29.2l-35,0.2l-1.4,34.6
+			l-29.2,0.8l55.6,56.8c0,0,48-16.8,65.6-66L140.3,73.6z"/>
+		<path fill="#FFFFFF" d="M173,111.2h-32.5V79c0-2.6-0.7-3.8-3.2-3.8h-20.7c-2.6,0-6,1.2-6,3.8v32.2H79.8c-2.6,0-5.3,1.9-5.3,4.5
+			v20.7c0,2.6,2.7,4.8,5.3,4.8h30.7v31c0,2.6,3.4,5,6,5h20.7c2.6,0,3.2-2.4,3.2-5v-31H173c2.6,0,3.5-2.2,3.5-4.8v-20.7
+			C176.5,113.1,175.6,111.2,173,111.2z"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/health_&_medical.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g id="Layer_1_1_">
+	<g>
+		<circle fill="#55C1A9" cx="126" cy="126" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M137.4,75.6l94.4,92c0,0-15.6,44.8-62,62.8l-57.2-54.8
+			l-4.8-29.6l2.4-13.6l18.3-7.7l9.7-19.9L137.4,75.6z"/>
+		<path fill="#FFFFFF" d="M178,122c0-8.8-7.2-16.3-16.3-16.3c-8.8,0-16.3,7.5-16.3,16.3c0,8.3,5.8,14.9,13.5,16.3v17.1
+			c0,13.3-10.8,24.3-24.3,24.3c-13.3,0-24-11.1-24-24.3l-0.3-19.6c6.4-0.8,12.7-4.7,18.2-11.1c0.8-0.8,1.1-2.2,0.8-3.3
+			c7.2-9.4,11.6-22.4,11.6-32.3c0-15.5-6.9-17.1-18.2-19.9l0,0c-0.8-1.4-2.2-2.2-3.9-2.2c-2.5,0-4.4,1.9-4.4,4.1
+			c0,2.5,1.9,4.4,4.4,4.4c1.1,0,1.9-0.3,2.5-0.8h0.3c11.1,2.5,14.1,3,14.1,14.4c0,8.6-4.1,20.4-10.5,29c-1.1,0-2.2,0.6-3,1.4
+			c-3,3.6-8.3,8.3-14.4,8.3c-6.4,0-11.3-4.7-14.6-8.3c-0.8-0.8-1.9-1.4-2.8-1.4c-6.6-8.6-10.8-20.5-10.8-29c0-11.3,3-11.9,14.1-14.4
+			h0.3c0.6,0.6,1.4,0.8,2.5,0.8c2.5,0,4.4-1.9,4.4-4.4c0-2.2-1.9-4.1-4.4-4.1c-1.7,0-3,0.8-3.9,2.2l0,0C81.2,72,74,73.6,74,89.1
+			c0,9.9,4.7,22.9,11.9,32.3c0,1.4,0,2.5,0.8,3.3c5.5,6.4,11.9,10.2,18.2,11.1v19.6c0,16.3,13.3,29.6,29.6,29.6
+			c16.6,0,29.8-13.3,29.8-29.6v-17.1C172.2,136.9,178,130.3,178,122L178,122z M161.7,133L161.7,133c-6.1,0-10.8-5-10.8-11.1
+			c0-5.8,4.7-10.8,10.8-10.8c6.1,0,11.1,5,11.1,10.8C172.7,128.1,167.7,133,161.7,133L161.7,133z"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/help_a_friend.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="112.5 0 270 270" enable-background="new 112.5 0 270 270" xml:space="preserve">
+<g>
+	<ellipse fill="#55C1A9" cx="247.8" cy="135.6" rx="131.3" ry="131.1"/>
+	<path opacity="0.2" fill="#231F20" d="M130.5,197c0,0,33.3-15.7,50-10.2l50.9,5.1c0,0,20.8,2.8,29.6-10.6l46.7-39.7
+		c0,0-2.3-10.2-21.3-0.9l-14.8,10.6l-17.1-16.2c0,0,8.8-7.4-6.5-6.5l-32.4-33.3c0,0,10.2,11.1,31.5-10.6c0,0,18-16.6,40.7-11.6
+		c0,0,15.7-3.7,14.3,10.2c0,0-1.9,8.8-23.1,7.4c0,0-18,0-23.1,12.9l53.7,0.9c0,0,25.4-1.8,33.8-12.5L366,78.3
+		c0,0,48.6,93.8-43,165.4C323,243.7,214.2,319.9,130.5,197z"/>
+	<path fill="#FFFFFF" d="M307.9,141c0,0.9-0.4,1.7-1.1,2.4l-48.9,41.7c-6.8,5.8-15.7,8.6-24.6,7.7l-60.5-5.9
+		c-6.7-0.7-13.5,0.2-19.8,2.4l-9.4,3.3l-11.4,5c-3.7-3.6-1.7-6.3-5-10.4c-0.9-1.1-3.4-8-4.7-12.6c-2.2-8-2.2-8-3.4-13.9
+		c0.7-0.2-0.7,0.3,0,0c3.9-1.4,7.6-3.4,11.1-5.8l21.2-14.7c9.6-6.7,20.8-10.6,32.4-11.6c1.8-0.2,3.7-0.2,5.5-0.2h64.3
+		c3.1,0,4.8,3.6,2.9,6c-2.8,3.5-6.2,6.3-10.1,8.4c-0.2,0.1-0.4,0.2-0.6,0.3c0,0,0,0,0,0c-1.8,0.9-3.7,1.7-5.7,2.2
+		c-0.2,0-0.3,0.1-0.5,0.1c-2.3,0.7-4.8,1.1-7.3,1.2l-13.8,0.7l-0.5,0l-6.7,0.3l-0.7,0l-2,0.1c-1.2,0.1-2.3,0.3-3.3,0.7
+		c-3.9,1.5-6.7,5.1-6.9,9.5c0,0.2,0,0.4,0,0.6c0,5.9,4.8,10.8,10.8,10.8h23c10.4,0,20.6-3.4,28.8-9.7l22-16.8
+		c6.3-4.8,14.3-6.7,22.1-5.2C307,138.1,307.9,139.5,307.9,141z"/>
+	<path fill="#FFFFFF" d="M366.2,79c-0.1,0-0.3,0.1-0.4,0.1c-0.6,0.2-1.2,0.4-1.7,0.6c-3.1,1.1-6,2.7-8.7,4.5l-16.5,11.4
+		c-7.5,5.2-16.2,8.3-25.3,9c-1.4,0.1-2.9,0.2-4.3,0.2h-50.1c-2.4,0-3.8-2.8-2.3-4.7c2.2-2.7,4.9-4.9,7.9-6.5
+		c0.2-0.1,0.3-0.2,0.5-0.3c0,0,0,0,0,0c1.4-0.7,2.9-1.3,4.4-1.8c0.1,0,0.2-0.1,0.4-0.1c1.8-0.5,3.7-0.8,5.7-0.9l10.8-0.5l0.4,0
+		l5.2-0.2l0.6,0l1.5-0.1c0.9,0,1.8-0.2,2.6-0.5c3-1.2,5.2-4,5.4-7.4c0-0.2,0-0.3,0-0.5c0-4.6-3.8-8.4-8.4-8.4h-18
+		c-8.1,0-16,2.7-22.5,7.6l-17.2,13.1c-4.9,3.7-11.2,5.2-17.2,4.1c-1.3-0.2-2-1.3-2-2.5c0-0.7,0.3-1.4,0.9-1.9l38.1-32.5
+		c5.3-4.5,12.2-6.7,19.2-6l47.2,4.6c5.2,0.5,10.5-0.1,15.4-1.9l10.1-3.6L350,53C356.3,61,361.8,69.7,366.2,79z"/>
+</g>
+</svg>

package/dist/components/navigation/icons/in_memory.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_4_">
+		<circle fill="#55C1A9" cx="126.5" cy="124.9" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M227.4,173.9c0,0-15.9,47.8-76.5,61L124,131.5v-14.2
+			c0,0,18.2-1.2,11.6-37.2L227.4,173.9z"/>
+		<path fill="#FFFFFF" d="M124.7,67.1c0,0-28.7,26.5-14.8,44.5c7.1,9.2,22.9,9.4,29.6,0C154.1,91.1,124.7,67.1,124.7,67.1z
+			 M132.6,110.5c-3.6,5-12,4.9-15.8,0c-7.4-9.6,7.9-23.7,7.9-23.7S140.4,99.5,132.6,110.5z"/>
+		<path fill="#FFFFFF" d="M128.1,130.4c0,0.6-1.5,1.1-3.3,1.1l0,0c-1.8,0-3.3-0.5-3.3-1.1V103c0-0.6,1.5-1.1,3.3-1.1l0,0
+			c1.8,0,3.3,0.5,3.3,1.1V130.4z"/>
+		<path fill="#FFFFFF" d="M151.6,237.2V121.7l-54,22.3v93.5C108.4,240.1,127.6,242.7,151.6,237.2z"/>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/marathon_run.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_23_">
+		<circle fill="#55C1A9" cx="126.8" cy="126.5" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M239,145.5l-85.6-83.8l-29.8,84.4l-51,18l76.2,73.8
+			C148.8,237.9,223.8,226.1,239,145.5z"/>
+		<g>
+			<circle fill="#FFFFFF" cx="145" cy="71.8" r="13.3"/>
+			<path fill="#FFFFFF" d="M116,100.4l-6.2,15c0,0-3.7,7.2-9.2,2.5c0,0-3.5-2.3-2.3-6.7l9-20c0,0,1.2-2.5,3.7-2.3l23.7-3
+				c0,0,16-0.2,15.5,9.5l9.7,10.5l16.5-2.7c0,0,6.5-1.3,6.5,6.2c0,0,0.2,3.5-5,5l-21.5,3.5l-8.2-7.5l-1-1.5l-5.5,26l20.2,18l-5,35.2
+				c0,0-1,7-8,6.2c0,0-7.7-0.3-7-9.2l5-26l-16.5-14l-18.2,19.2l-35.7,1.7c0,0-6.2-1.5-5.7-9c0,0,1.7-5.7,6.2-6l29.2-2l12.5-15.5
+				c0,0,0.5-3.7,1.3-8.2l6-26.5L116,100.4z"/>
+		</g>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/pets_&_animals.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g id="Layer_1_2_">
+		<circle fill="#55C1A9" cx="126" cy="125.2" r="113.5"/>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M232.2,165.2L151,85.6c0,0,1.2,10.8-4,14.4
+			c0,0-30.4,9.2-28.4,21.6l19.6,49.2c0,0,26.8-36.4,32-47.2l0.4,12c0,0,16,2.8,20.4,17.2c0,0,9.6,11.6-2,18.8l-10,2
+			c0,0-14.8,5.6-4.4,15.6c0,0,12.4,7.2,2.4,38C177,227.2,220.6,205.2,232.2,165.2z"/>
+		<g>
+			<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M177.4,226c0,0,10.2-31.2-4-38
+				c0,0-10.2-7,6.3-14.6c0,0,24.3,0,7.8-23.5c0,0-7.4-14-20.6-13.3v-12.7c0,0-25.3,42.7-32.3,48c0,0-38.3,26.7-36.4,48l0.6,14.6"/>
+			<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M137.5,169l-17.5-45.3c0,0-5.5-8.8,11-16.4
+				l16.1-5.2c0,0,11.7-11.1-4.7-14.7h-17.1c0,0-9-15.9-26-9.6l-13.9,5c0,0-8.9,1.2-5.7,22.8l1.9,26.3c0,0-3.8,20.1-12,31.2
+				c-8.2,11.1-17.3,34.6-17.3,34.6l-3.6,9.3"/>
+			<path fill="none" stroke="#FFFFFF" stroke-width="3" stroke-miterlimit="10" d="M103.7,94.7c0,0,18.8,55.1-21.1,30.5"/>
+		</g>
+	</g>
+</g>
+</svg>

package/dist/components/navigation/icons/project.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, 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="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 252 252" enable-background="new 0 0 252 252" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<circle fill="#55C1A9" cx="126.8" cy="126.4" r="113.6"/>
+		</g>
+		<path opacity="0.2" fill="#231F20" enable-background="new    " d="M236.2,158l-66.2-63.2c0,0-12.1-8.1-15.7-5.1
+			c0,0-4.5-6.6-19.7-3.5c0,0-49.8-7.3-60.2,48.5l-1.1,6.6l-14.6,15.1l82.9,82.6c0,0,30.6-1.8,58.9-26.3
+			C200.5,212.8,225.3,193.9,236.2,158z"/>
+		<g>
+			<path fill="#FFFFFF" d="M73.4,141.3l-12.4,11.6c0,0-7.5,7.7,5.4,10.5c0,0,8,4.6,54.8,8.5c0,0,22.4,2.3,33.4-4.4l24.4-8.7
+				c0,0-0.3,8.5,2.6,6.7c0,0,2.3,0,2.3-8.7l10.5-3.9l0.3-3.9l-2.1-2.3l-5.1,4.1l-5.9-6.4c0,0-2.1,4.4-28.6,6.4c0,0-9,0.8-12.9,2.6
+				c0,0-7.2,1.3-11.1-1c0,0-9.5,5.4-15.4,0.3c0,0-18.8-4.6-33.2-2.8v-3.6C80.6,146.2,72.9,146,73.4,141.3z"/>
+			<path fill="#FFFFFF" d="M77.5,141.6c0,0-7.2-13.4,8.2-36.3c0,0,11.8-13.6,19.5-15.4c0,0-21.9,28.6-23.7,35
+				C81.7,124.9,77.3,139.3,77.5,141.6z"/>
+			<path fill="#FFFFFF" d="M83.7,146.5c0,0,0-3.9-2.6-3.6c0,0,2.8-21.6,10.5-28.6c0,0,19.3-38.8,52.2-33.2c0,0-25-0.3-24.2,31.6
+				c0,0,4.9,16.7,3.1,27l-1.5,11.1C121.3,150.8,91.9,143.4,83.7,146.5z"/>
+			<path fill="#FFFFFF" d="M125.1,149.8c0,0,3.3-19,0.3-28.3c0,0-11.8-44.8,28-34.2c0,0-15.7,6.4-12.3,15.2c0,0,10.8-25.5,33.2-4.4
+				c0,0-13.1-0.8-15.4,17.5c0,0,7.2-17.2,16.2-14.9c0,0,17.5,10.3,14.9,40.4c0,0,5.1,0.8-2.6,4.4l-3.6-4.1c0,0-16.7,7.5-29.6,5.4
+				c0,0-11.8-0.5-13.6,2.8c0,0-7.2,2.6-9.8-0.5C130.8,149,126.4,148.5,125.1,149.8z"/>
+		</g>
+	</g>
+</g>
+</svg>