@ably/ui 8.7.0-dev.b3aa10e → 8.7.0-dev.bd84e91

package/core/Footer/component.css

@@ -8,7 +8,27 @@
   }
 
   .ui-footer-link {
-    @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
+    @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
+  }
+
+  .ui-footer-compliance-text {
+    font-size: 12px;
+  }
+
+  .ui-footer-tick-icon {
+    min-width: 1.5rem;
+  }
+
+  @media (max-width: 1040px) {
+    .ui-footer-bottom-links {
+      @apply pb-40;
+    }
+  }
+
+  @media screen {
+    .ui-footer-glassdoor {
+      display: none;
+    }
   }
 }
 

package/core/Footer.jsx

@@ -1,26 +1,26 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
+		module.exports = factory(require("react"), require("prop-types"));
 	else if(typeof define === 'function' && define.amd)
-		define([], factory);
+		define([, ], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
+		var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
 return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ 9008:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 var _excluded = ["name", "size", "color", "additionalCSS"];
 
@@ -64,121 +64,16 @@ Icon.propTypes = {
 
 /***/ }),
 
-/***/ 2703:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = __webpack_require__(414);
-
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-module.exports = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  };
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  };
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-
-/***/ }),
-
-/***/ 5697:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (false) { var throwOnDirectAccess, ReactIs; } else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  module.exports = __webpack_require__(2703)();
-}
-
-
-/***/ }),
-
-/***/ 414:
+/***/ 3474:
 /***/ ((module) => {
 
-"use strict";
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-module.exports = ReactPropTypesSecret;
-
+module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
 
 /***/ }),
 
 /***/ 9281:
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
 
 /***/ })
@@ -252,9 +147,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
 (() => {
-"use strict";
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -266,9 +160,9 @@ __webpack_require__.d(__webpack_exports__, {
 // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
 var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
 var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
-// EXTERNAL MODULE: ./node_modules/prop-types/index.js
-var prop_types = __webpack_require__(5697);
-var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
+// EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
+var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
+var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
 // EXTERNAL MODULE: ./src/core/Icon/component.jsx
 var component = __webpack_require__(9008);
 ;// CONCATENATED MODULE: ./src/core/url-base.js
@@ -297,7 +191,7 @@ function Footer(_ref) {
     className: "bg-light-grey font-sans antialiased",
     "data-id": "footer"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "max-w-screen-xl mx-auto py-32 sm:py-40 lg:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"
+    className: "max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "col-span-full md:col-span-2"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -309,11 +203,11 @@ function Footer(_ref) {
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
     className: "text-overline2 col-span-full font-medium uppercase tracking-widen-0.1"
   }, "The Ably Platform")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "grid grid-cols-4"
+    className: "md:col-span-4 md:w-3/4 xs:w-3/5 w-full"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
-    className: "text-p3 py-16 font-medium p-menu-row-snug col-span-3"
+    className: "text-p3 py-16 font-medium p-menu-row-snug"
   }, "Easily power any realtime experience in your application via a simple API that handles everything realtime.")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
-    className: "grid gap-x-8 sm:gap-x-16 md:gap-x-24 xl:gap-x-32 sm:grid-cols-2 md:grid-cols-1"
+    className: "grid grid-cols-1"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
     className: "p-menu-row-snug"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
@@ -340,7 +234,7 @@ function Footer(_ref) {
     href: absUrl("/hub"),
     className: "ui-footer-menu-row-link"
   }, "Streaming data sources")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "col-span-full sm:col-span-3 md:col-span-1"
+    className: "col-span-full xs:col-span-3 md:col-span-1"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
     className: "ui-footer-col-title"
   }, "Ably is for"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -399,7 +293,7 @@ function Footer(_ref) {
     href: absUrl("/solutions/iot-and-connected-devices"),
     className: "ui-footer-menu-row-link"
   }, "IoT & Connected Devices")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "col-span-full sm:col-span-3 md:col-span-1"
+    className: "col-span-full xs:col-span-3 md:col-span-1"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
     className: "ui-footer-col-title"
   }, "Developers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -433,18 +327,19 @@ function Footer(_ref) {
     href: absUrl("/download"),
     className: "ui-footer-menu-row-link"
   }, "SDKs")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
-    className: "p-menu-row-snug flex items-center"
+    className: "p-menu-row-snug flex items-center -mt-4"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     className: "pr-8 ui-footer-menu-row-link",
     href: "https://status.ably.com/"
   }, "System status"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("iframe", {
-    className: "w-24 h-24 mt-4",
+    className: "w-20 h-20 mb-2",
     src: "https://status.ably.com/embed/icon",
     allowtransparency: "true",
     frameBorder: "0",
-    scrolling: "no"
+    scrolling: "no",
+    title: "System Status"
   })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "col-span-full sm:col-span-3 md:col-span-1"
+    className: "col-span-full xs:col-span-3 md:col-span-1"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
     className: "ui-footer-col-title"
   }, "WHY ABLY"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -478,7 +373,7 @@ function Footer(_ref) {
     href: absUrl("/integrations"),
     className: "ui-footer-menu-row-link"
   }, "Third-party integrations")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "col-span-full sm:col-span-3 md:col-span-1"
+    className: "col-span-full xs:col-span-3 md:col-span-1"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
     className: "ui-footer-col-title"
   }, "ABOUT"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -519,56 +414,53 @@ function Footer(_ref) {
   }, "Contact us"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
     className: "max-w-screen-xl ui-grid-px mx-auto"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
-    className: "border-t border-mid-grey"
+    className: "border-t border-mid-grey my-0"
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 grid ui-grid-gap ui-grid-px grid-cols-2"
+    className: "max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "flex flex-col flex-auto pb-40 ml-8 col-span-full md:col-span-1"
+    className: "md:flex md:items-center"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "inline-flex"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    href: absUrl("/privacy"),
-    className: "pr-24 ui-footer-link"
-  }, "Cookies"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    href: absUrl("/legals"),
-    className: "pr-24 ui-footer-link"
-  }, "Legals"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    href: absUrl("/data-protection"),
-    className: "pr-24 ui-footer-link"
-  }, "Data Protection"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    href: absUrl("/privacy"),
-    className: "ui-footer-link"
-  }, "Privacy")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "pt-32 flex items-center"
+    className: "flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: ""
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex pb-24"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     className: "h-24 pr-24 text-cool-black hover:text-icon-twitter",
-    href: "https://twitter.com/ablyrealtime"
+    href: "https://twitter.com/ablyrealtime",
+    title: "Ably on Twitter"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
     name: "twitter",
     size: "1.5rem"
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     className: "h-24 pr-24 text-cool-black hover:text-icon-linkedin",
-    href: "https://www.linkedin.com/company/ably-realtime"
+    href: "https://www.linkedin.com/company/ably-realtime",
+    title: "Ably on LinkedIn"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
     name: "linkedin",
     size: "1.5rem"
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     className: "h-24 pr-24 text-cool-black hover:text-icon-github",
-    href: "https://github.com/ably/"
+    href: "https://github.com/ably/",
+    title: "Ably on Github"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
     name: "github",
     size: "1.5rem"
   })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     className: "h-24 pr-24 text-cool-black hover:text-icon-discord",
-    href: "https://discord.gg/jwBPhEZ9g5"
+    href: "https://discord.gg/jwBPhEZ9g5",
+    title: "Ably on Discord"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
     name: "discord",
     size: "1.5rem"
-  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "border-l border-mid-grey h-40"
-  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    className: "flex flex-row pl-24 text-cool-black hover:text-icon-glassdoor",
-    href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
+  })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "xs:hidden sm:block ui-footer-glassdoor"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
+    className: "h-24 text-cool-black hover:text-icon-glassdoor",
+    title: "Ably reviews on glassdoor"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
     name: "glassdoor",
     size: "1.5rem"
@@ -579,25 +471,118 @@ function Footer(_ref) {
   }, "We're hiring!"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
     className: "ui-footer-link"
-  }, "Learn more"), "\xA0at Glassdoor"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
-    className: "md:text-right col-span-full md:col-span-1 ml-8 inline-flex md:ml-auto"
+  }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "xs:block sm:hidden"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "border-t border-mid-grey w-full"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex py-24"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    className: "h-24 pr-16 text-cool-black hover:text-icon-glassdoor",
+    href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
+    title: "Ably reviews on glassdoor"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    name: "glassdoor",
+    size: "1.5rem"
+  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "text-menu3 font-light"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("strong", {
+    className: "block font-medium"
+  }, "We're hiring!"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
+    className: "ui-footer-link"
+  }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
-    className: "mr-24 w-96 h-96",
-    src: paths.rocketList,
-    alt: "Rocket List 2021"
+    className: "mr-24 h-80",
+    src: paths.highestUserAdoption,
+    alt: "Highest User Adoption 2022"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
-    className: "w-96 h-96",
-    src: paths.flexibleCompanies,
-    alt: "Flexible Companies 2021"
-  }))));
+    className: "mr-24 h-80",
+    src: paths.usersLoveUs,
+    alt: "Users Love Us"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
+    className: "mr-24 h-80",
+    src: paths.highestPerformer,
+    alt: "High Performer 2022"
+  }))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "max-w-screen-xl ui-grid-px mx-auto"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
+    className: "border-t border-mid-grey my-0"
+  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/privacy"),
+    className: "pr-24 ui-footer-link"
+  }, "Cookies"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/legals"),
+    className: "pr-24 ui-footer-link"
+  }, "Legals"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/data-protection"),
+    className: "pr-24 ui-footer-link"
+  }, "Data Protection"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
+    href: absUrl("/privacy"),
+    className: "ui-footer-link"
+  }, "Privacy"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex mr-24"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    name: "icon-gui-tick",
+    color: "text-active-orange",
+    size: "1.5rem",
+    additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium whitespace-nowrap"
+  }, "SOC 2 Type 2"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-light mb-24"
+  }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex mr-24 md:col-start-2"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    name: "icon-gui-tick",
+    color: "text-active-orange",
+    size: "1.5rem",
+    additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium whitespace-nowrap"
+  }, "HIPAA"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-light mb-24"
+  }, "Compliant"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex mr-24 md:col-start-3"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    name: "icon-gui-tick",
+    color: "text-active-orange",
+    size: "1.5rem",
+    additionalCSS: "bg-white rounded-full mr-12  ui-footer-tick-icon"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium whitespace-nowrap"
+  }, "EU GDPR"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-light mb-24"
+  }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    className: "flex mr-24 md:col-start-4"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    name: "icon-gui-tick",
+    color: "text-active-orange",
+    size: "1.5rem",
+    additionalCSS: "bg-white rounded-full mr-12  ui-footer-tick-icon"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium whitespace-nowrap"
+  }, "256-bit AES"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-light mb-24"
+  }, "Encryption"))))));
 }
 Footer.propTypes = {
-  paths: prop_types_default().shape({
-    ablyStack: (prop_types_default()).string,
-    rocketList: (prop_types_default()).string,
-    flexibleCompanies: (prop_types_default()).string
+  paths: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
+    ablyStack: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    highestPerformer: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    highestUserAdoption: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    usersLoveUs: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
   }),
-  urlBase: (prop_types_default()).string
+  urlBase: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
 };
 })();
 

package/core/Icon.jsx

@@ -1,131 +1,27 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
+		module.exports = factory(require("react"), require("prop-types"));
 	else if(typeof define === 'function' && define.amd)
-		define([], factory);
+		define([, ], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
+		var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
+})(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
 return /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 2703:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-"use strict";
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = __webpack_require__(414);
-
-function emptyFunction() {}
-function emptyFunctionWithReset() {}
-emptyFunctionWithReset.resetWarningCache = emptyFunction;
-
-module.exports = function() {
-  function shim(props, propName, componentName, location, propFullName, secret) {
-    if (secret === ReactPropTypesSecret) {
-      // It is still safe when called from React.
-      return;
-    }
-    var err = new Error(
-      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
-      'Use PropTypes.checkPropTypes() to call them. ' +
-      'Read more at http://fb.me/use-check-prop-types'
-    );
-    err.name = 'Invariant Violation';
-    throw err;
-  };
-  shim.isRequired = shim;
-  function getShim() {
-    return shim;
-  };
-  // Important!
-  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
-  var ReactPropTypes = {
-    array: shim,
-    bool: shim,
-    func: shim,
-    number: shim,
-    object: shim,
-    string: shim,
-    symbol: shim,
-
-    any: shim,
-    arrayOf: getShim,
-    element: shim,
-    elementType: shim,
-    instanceOf: getShim,
-    node: shim,
-    objectOf: getShim,
-    oneOf: getShim,
-    oneOfType: getShim,
-    shape: getShim,
-    exact: getShim,
-
-    checkPropTypes: emptyFunctionWithReset,
-    resetWarningCache: emptyFunction
-  };
-
-  ReactPropTypes.PropTypes = ReactPropTypes;
-
-  return ReactPropTypes;
-};
-
-
-/***/ }),
-
-/***/ 5697:
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-if (false) { var throwOnDirectAccess, ReactIs; } else {
-  // By explicitly using `prop-types` you are opting into new production behavior.
-  // http://fb.me/prop-types-in-prod
-  module.exports = __webpack_require__(2703)();
-}
-
-
-/***/ }),
-
-/***/ 414:
+/***/ 3474:
 /***/ ((module) => {
 
-"use strict";
-/**
- * Copyright (c) 2013-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-
-
-var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
-
-module.exports = ReactPropTypesSecret;
-
+module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
 
 /***/ }),
 
 /***/ 9281:
 /***/ ((module) => {
 
-"use strict";
 module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
 
 /***/ })
@@ -199,16 +95,15 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
 (() => {
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 var _excluded = ["name", "size", "color", "additionalCSS"];