@ably/ui 8.6.0 → 8.7.0-dev.05d9441

package/core/Footer/component.css

@@ -1,14 +1,34 @@
 @layer components {
   .ui-footer-col-title {
-    @apply text-overline2 p-menu-row-title font-normal uppercase tracking-widen-0.1;
+    @apply font-mono text-overline2 p-menu-row-title font-medium uppercase tracking-widen-0.16;
   }
 
   .ui-footer-menu-row-link {
-    @apply text-menu3 text-cool-black font-light hover:text-gui-hover block;
+    @apply text-menu3 text-cool-black font-sans font-medium hover:text-gui-hover block;
   }
 
   .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-sans font-medium;
+  }
+
+  .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/component.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Footer=o())}(this,(function(){return(()=>{"use strict";var e={};return e.default})()}));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Footer=o())}(this,(()=>(()=>{"use strict";var e={};return e.default})()));

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, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
 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__ = __webpack_require__(5225);
 /* 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__(6073);
 /* 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,122 +64,17 @@ 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:
+/***/ 6073:
 /***/ ((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__6073__;
 
 /***/ }),
 
-/***/ 9281:
+/***/ 5225:
 /***/ ((module) => {
 
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
+module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
 
 /***/ })
 
@@ -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__);
 
@@ -264,11 +158,11 @@ __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_ = __webpack_require__(5225);
 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__(6073);
+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
@@ -294,10 +188,10 @@ function Footer(_ref) {
   };
 
   return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("footer", {
-    className: "bg-light-grey font-sans antialiased",
+    className: "bg-light-grey font-sans antialiased leading-normal",
     "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", {
@@ -307,17 +201,17 @@ function Footer(_ref) {
     src: paths.ablyStack,
     alt: "Ably homepage"
   }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
-    className: "text-overline2 col-span-full font-medium uppercase tracking-widen-0.1"
+    className: "text-overline2 font-mono font-bold col-span-full uppercase tracking-widen-0.16"
   }, "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: "font-sans text-p3 py-16 font-bold 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", {
-    href: absUrl("/pub-sub-messaging"),
+    href: absUrl("/solutions/channels"),
     className: "ui-footer-menu-row-link"
   }, "Pub/sub messaging")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
     className: "p-menu-row-snug"
@@ -334,13 +228,8 @@ function Footer(_ref) {
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/protocols"),
     className: "ui-footer-menu-row-link"
-  }, "Multiple protocol messaging")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
-    className: "p-menu-row-snug"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    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"
+  }, "Multiple protocol messaging")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
+    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", {
@@ -375,11 +264,6 @@ function Footer(_ref) {
     className: "ui-footer-menu-row-link"
   }, "Healthcare")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
     className: "p-menu-row-snug"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
-    href: absUrl("/hub"),
-    className: "ui-footer-menu-row-link"
-  }, "Streaming data sources")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
-    className: "p-menu-row-snug"
   }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
     href: absUrl("/solutions/ecommerce-and-retail"),
     className: "ui-footer-menu-row-link"
@@ -399,7 +283,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 +317,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",
+    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 +363,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,85 +404,180 @@ 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"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
-    name: "twitter",
+    href: "https://twitter.com/ablyrealtime",
+    title: "Ably on X"
+  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
+    name: "icon-social-x",
     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"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    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/"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    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"
-  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
+    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: "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"
   })), /*#__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(component.default, {
+    className: "pl-16 text-menu3 font-sans font-medium"
+  }, /*#__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: "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: "pl-16 text-menu3 font-light"
+    className: "text-menu3 font-sans font-medium"
   }, /*#__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"), "\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: "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 2023"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
+    className: "mr-24 h-80",
+    src: paths.bestSupport,
+    alt: "Best Support 2023"
+  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
+    className: "mr-24 h-80",
+    src: paths.fastestImplementation,
+    alt: "Fastest Implementation 2023"
   }), /*#__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.highestPerformer,
+    alt: "High Performer 2023"
+  }))), /*#__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-bold whitespace-nowrap"
+  }, "SOC 2 Type 2"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium 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-bold whitespace-nowrap"
+  }, "HIPAA"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium 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-bold whitespace-nowrap"
+  }, "EU GDPR"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium 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-bold whitespace-nowrap"
+  }, "256-bit AES"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
+    className: "ui-footer-compliance-text font-medium 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,
+    bestSupport: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
+    fastestImplementation: (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/component.js

@@ -1 +1 @@
-!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Icon=o())}(this,(function(){return{}.default}));
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Icon=o())}(this,(()=>({}.default)));