@ably/ui 8.7.0-dev.fa55b85 → 8.7.0-dev.fba161a

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/README.md +15 -4
  2. package/core/.DS_Store +0 -0
  3. package/core/Code/component.css +2 -0
  4. package/core/Code/component.js +1 -1
  5. package/core/Code.jsx +108 -88
  6. package/core/CompanyAutocomplete/component.js +1 -1
  7. package/core/ConnectStateWrapper/component.js +1 -1
  8. package/core/ConnectStateWrapper.jsx +7 -7
  9. package/core/ContactFooter/component.js +1 -1
  10. package/core/ContactFooter.jsx +12 -12
  11. package/core/CookieMessage/component.js +1 -1
  12. package/core/CookieMessage.jsx +10 -10
  13. package/core/CustomerLogos/component.js +1 -1
  14. package/core/CustomerLogos.jsx +7 -7
  15. package/core/DropdownMenu/component.js +1 -1
  16. package/core/DropdownMenu.jsx +11 -15
  17. package/core/FeatureFooter/component.js +1 -1
  18. package/core/FeaturedLink/component.css +1 -1
  19. package/core/FeaturedLink/component.js +1 -1
  20. package/core/FeaturedLink.jsx +10 -10
  21. package/core/Flash/component.js +1 -1
  22. package/core/Flash.jsx +142 -70
  23. package/core/Footer/component.css +23 -3
  24. package/core/Footer/component.js +1 -1
  25. package/core/Footer.jsx +156 -65
  26. package/core/Icon/component.js +1 -1
  27. package/core/Icon.jsx +7 -7
  28. package/core/Loader/component.js +1 -1
  29. package/core/Loader.jsx +7 -7
  30. package/core/Logo/component.js +1 -1
  31. package/core/Logo.jsx +33 -118
  32. package/core/Meganav/component.css +8 -10
  33. package/core/Meganav/component.js +1 -1
  34. package/core/Meganav/component.json +1 -1
  35. package/core/Meganav.jsx +387 -365
  36. package/core/MeganavBlogPostsList/component.js +1 -1
  37. package/core/MeganavBlogPostsList.jsx +13 -13
  38. package/core/MeganavContentCompany/component.js +1 -1
  39. package/core/MeganavContentCompany.jsx +39 -27
  40. package/core/MeganavContentDevelopers/component.js +1 -1
  41. package/core/MeganavContentDevelopers.jsx +41 -28
  42. package/core/MeganavContentPlatform/component.js +1 -1
  43. package/core/MeganavContentPlatform.jsx +23 -23
  44. package/core/MeganavContentUseCases/component.js +1 -1
  45. package/core/MeganavContentUseCases.jsx +62 -54
  46. package/core/MeganavContentWhyAbly/component.js +1 -22
  47. package/core/MeganavContentWhyAbly.jsx +333 -2141
  48. package/core/MeganavControl/component.js +1 -1
  49. package/core/MeganavControl.jsx +10 -10
  50. package/core/MeganavControlMobileDropdown/component.js +1 -1
  51. package/core/MeganavControlMobileDropdown.jsx +11 -11
  52. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  53. package/core/MeganavControlMobilePanelClose.jsx +10 -10
  54. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  55. package/core/MeganavControlMobilePanelOpen.jsx +10 -10
  56. package/core/MeganavItemsDesktop/component.js +1 -1
  57. package/core/MeganavItemsDesktop.jsx +16 -16
  58. package/core/MeganavItemsMobile/component.js +1 -1
  59. package/core/MeganavItemsMobile.jsx +39 -39
  60. package/core/MeganavItemsSignedIn/component.js +1 -1
  61. package/core/MeganavItemsSignedIn.jsx +33 -33
  62. package/core/MeganavSearch/component.js +1 -1
  63. package/core/MeganavSearch.jsx +23 -23
  64. package/core/MeganavSearchAutocomplete/component.js +1 -1
  65. package/core/MeganavSearchAutocomplete.jsx +4 -4
  66. package/core/MeganavSearchPanel/component.js +1 -1
  67. package/core/MeganavSearchPanel.jsx +19 -19
  68. package/core/MeganavSearchSuggestions/component.js +1 -1
  69. package/core/MeganavSearchSuggestions.jsx +13 -13
  70. package/core/Notice/component.css +1 -1
  71. package/core/Notice/component.js +1 -1
  72. package/core/Notice.jsx +154 -82
  73. package/core/Showcase/component.js +1 -1
  74. package/core/Showcase.jsx +1 -1
  75. package/core/SignOutLink/component.js +1 -1
  76. package/core/SignOutLink.jsx +7 -7
  77. package/core/Slider/component.js +1 -1
  78. package/core/Slider.jsx +14 -14
  79. package/core/Uptime/component.js +1 -1
  80. package/core/Uptime.jsx +15 -15
  81. package/core/fonts/jetBrains-mono.css +3 -0
  82. package/core/fonts/manrope.css +3 -0
  83. package/core/images/ably-logo.png +0 -0
  84. package/core/images/high-performer-2022.png +0 -0
  85. package/core/images/highest-user-adoption-2022.png +0 -0
  86. package/core/images/users-love-us-2022.png +0 -0
  87. package/core/scripts.js +1 -1
  88. package/core/sprites.svg +87 -3
  89. package/core/styles.css +222 -101
  90. package/package.json +1 -1
  91. package/reset/scripts.js +1 -1
  92. package/reset/styles.css +1 -11
  93. package/src/.DS_Store +0 -0
  94. package/src/core/DropdownMenu/component.jsx +0 -2
  95. package/src/core/FeaturedLink/component.css +1 -1
  96. package/src/core/Flash/component.jsx +40 -14
  97. package/src/core/Footer/component.css +23 -3
  98. package/src/core/Footer/component.html.erb +120 -58
  99. package/src/core/Footer/component.jsx +127 -52
  100. package/src/core/Logo/component.html.erb +2 -27
  101. package/src/core/Logo/component.jsx +7 -40
  102. package/src/core/Logo/component.rb +15 -6
  103. package/src/core/Meganav/component.css +8 -8
  104. package/src/core/Meganav/component.html.erb +1 -1
  105. package/src/core/Meganav/component.json +1 -1
  106. package/src/core/Meganav/component.jsx +1 -1
  107. package/src/core/Meganav/component.rb +3 -2
  108. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  109. package/src/core/MeganavContentCompany/component.jsx +9 -0
  110. package/src/core/MeganavContentDevelopers/component.html.erb +21 -14
  111. package/src/core/MeganavContentDevelopers/component.jsx +23 -13
  112. package/src/core/MeganavContentPlatform/component.html.erb +7 -7
  113. package/src/core/MeganavContentPlatform/component.jsx +7 -7
  114. package/src/core/MeganavContentUseCases/component.html.erb +42 -38
  115. package/src/core/MeganavContentUseCases/component.jsx +41 -38
  116. package/src/core/Notice/component.css +1 -1
  117. package/src/core/Notice/component.html.erb +2 -2
  118. package/src/core/Notice/component.jsx +2 -2
  119. package/src/core/core.rb +12 -4
  120. package/src/core/fonts/jetBrains-mono.css +3 -0
  121. package/src/core/fonts/manrope.css +3 -0
  122. package/src/core/icons/github.svg +1 -1
  123. package/src/core/icons/icon-display-chat-col.svg +4 -0
  124. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  125. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  126. package/src/core/icons/icon-display-events-col.svg +13 -0
  127. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  128. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  129. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  130. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  131. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  132. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  133. package/src/core/icons/icon-gui-resources.svg +3 -0
  134. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  135. package/src/core/icons/stackoverflow.svg +1 -1
  136. package/src/core/icons/youtube.svg +1 -1
  137. package/src/core/images/ably-logo.png +0 -0
  138. package/src/core/images/high-performer-2022.png +0 -0
  139. package/src/core/images/highest-user-adoption-2022.png +0 -0
  140. package/src/core/images/users-love-us-2022.png +0 -0
  141. package/src/core/styles/buttons.css +5 -5
  142. package/src/core/styles/forms.css +5 -5
  143. package/src/core/styles/properties.css +153 -45
  144. package/src/core/styles/text.css +59 -40
  145. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  146. package/src/core/utils/syntax-highlighter.css +2 -0
  147. package/src/core/utils/syntax-highlighter.js +5 -0
  148. package/tailwind.config.js +61 -44
  149. package/core/Meganav/component.js.LICENSE.txt +0 -7
  150. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
package/core/Footer.jsx CHANGED
@@ -7,7 +7,7 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
@@ -18,9 +18,9 @@ return /******/ (() => { // webpackBootstrap
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
22
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  var _excluded = ["name", "size", "color", "additionalCSS"];
26
26
 
@@ -64,17 +64,17 @@ Icon.propTypes = {
64
64
 
65
65
  /***/ }),
66
66
 
67
- /***/ 3474:
67
+ /***/ 6073:
68
68
  /***/ ((module) => {
69
69
 
70
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
70
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
71
71
 
72
72
  /***/ }),
73
73
 
74
- /***/ 9281:
74
+ /***/ 5225:
75
75
  /***/ ((module) => {
76
76
 
77
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
77
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
78
78
 
79
79
  /***/ })
80
80
 
@@ -158,10 +158,10 @@ __webpack_require__.d(__webpack_exports__, {
158
158
  });
159
159
 
160
160
  // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
161
- var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
161
+ var external_commonjs_react_commonjs2_react_ = __webpack_require__(5225);
162
162
  var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
163
163
  // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
164
- var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
164
+ var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(6073);
165
165
  var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
166
166
  // EXTERNAL MODULE: ./src/core/Icon/component.jsx
167
167
  var component = __webpack_require__(9008);
@@ -188,10 +188,10 @@ function Footer(_ref) {
188
188
  };
189
189
 
190
190
  return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("footer", {
191
- className: "bg-light-grey font-sans antialiased",
191
+ className: "bg-light-grey font-manrope antialiased leading-normal",
192
192
  "data-id": "footer"
193
193
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
194
- 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"
194
+ 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"
195
195
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
196
196
  className: "col-span-full md:col-span-2"
197
197
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
@@ -201,13 +201,13 @@ function Footer(_ref) {
201
201
  src: paths.ablyStack,
202
202
  alt: "Ably homepage"
203
203
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
204
- className: "text-overline2 col-span-full font-medium uppercase tracking-widen-0.1"
204
+ className: "text-overline2 font-jetbrains_mono font-bold col-span-full uppercase tracking-widen-0.16"
205
205
  }, "The Ably Platform")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
206
- className: "grid grid-cols-4"
206
+ className: "md:col-span-4 md:w-3/4 xs:w-3/5 w-full"
207
207
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
208
- className: "text-p3 py-16 font-medium p-menu-row-snug col-span-3"
208
+ className: "font-manrope text-p3 py-16 font-bold p-menu-row-snug"
209
209
  }, "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", {
210
- 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"
210
+ className: "grid grid-cols-1"
211
211
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
212
212
  className: "p-menu-row-snug"
213
213
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
@@ -234,7 +234,7 @@ function Footer(_ref) {
234
234
  href: absUrl("/hub"),
235
235
  className: "ui-footer-menu-row-link"
236
236
  }, "Streaming data sources")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
237
- className: "col-span-full sm:col-span-3 md:col-span-1"
237
+ className: "col-span-full xs:col-span-3 md:col-span-1"
238
238
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
239
239
  className: "ui-footer-col-title"
240
240
  }, "Ably is for"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -293,7 +293,7 @@ function Footer(_ref) {
293
293
  href: absUrl("/solutions/iot-and-connected-devices"),
294
294
  className: "ui-footer-menu-row-link"
295
295
  }, "IoT & Connected Devices")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
296
- className: "col-span-full sm:col-span-3 md:col-span-1"
296
+ className: "col-span-full xs:col-span-3 md:col-span-1"
297
297
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
298
298
  className: "ui-footer-col-title"
299
299
  }, "Developers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -327,18 +327,19 @@ function Footer(_ref) {
327
327
  href: absUrl("/download"),
328
328
  className: "ui-footer-menu-row-link"
329
329
  }, "SDKs")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
330
- className: "p-menu-row-snug flex items-center"
330
+ className: "p-menu-row-snug flex items-center -mt-4"
331
331
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
332
332
  className: "pr-8 ui-footer-menu-row-link",
333
333
  href: "https://status.ably.com/"
334
334
  }, "System status"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("iframe", {
335
- className: "w-24 h-24 mt-4",
335
+ className: "w-20 h-20 mb-2",
336
336
  src: "https://status.ably.com/embed/icon",
337
337
  allowtransparency: "true",
338
338
  frameBorder: "0",
339
- scrolling: "no"
339
+ scrolling: "no",
340
+ title: "System Status"
340
341
  })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
341
- className: "col-span-full sm:col-span-3 md:col-span-1"
342
+ className: "col-span-full xs:col-span-3 md:col-span-1"
342
343
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
343
344
  className: "ui-footer-col-title"
344
345
  }, "WHY ABLY"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -372,7 +373,7 @@ function Footer(_ref) {
372
373
  href: absUrl("/integrations"),
373
374
  className: "ui-footer-menu-row-link"
374
375
  }, "Third-party integrations")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
375
- className: "col-span-full sm:col-span-3 md:col-span-1"
376
+ className: "col-span-full xs:col-span-3 md:col-span-1"
376
377
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
377
378
  className: "ui-footer-col-title"
378
379
  }, "ABOUT"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -413,83 +414,173 @@ function Footer(_ref) {
413
414
  }, "Contact us"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
414
415
  className: "max-w-screen-xl ui-grid-px mx-auto"
415
416
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
416
- className: "border-t border-mid-grey"
417
+ className: "border-t border-mid-grey my-0"
417
418
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
418
- 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"
419
+ className: "max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"
419
420
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
420
- className: "flex flex-col flex-auto pb-40 ml-8 col-span-full md:col-span-1"
421
+ className: "md:flex md:items-center"
421
422
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
422
- className: "inline-flex"
423
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
424
- href: absUrl("/privacy"),
425
- className: "pr-24 ui-footer-link"
426
- }, "Cookies"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
427
- href: absUrl("/legals"),
428
- className: "pr-24 ui-footer-link"
429
- }, "Legals"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
430
- href: absUrl("/data-protection"),
431
- className: "pr-24 ui-footer-link"
432
- }, "Data Protection"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
433
- href: absUrl("/privacy"),
434
- className: "ui-footer-link"
435
- }, "Privacy")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
436
- className: "pt-32 flex items-center"
423
+ className: "flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2"
424
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
425
+ className: ""
426
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
427
+ className: "flex pb-24"
437
428
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
438
429
  className: "h-24 pr-24 text-cool-black hover:text-icon-twitter",
439
- href: "https://twitter.com/ablyrealtime"
440
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
430
+ href: "https://twitter.com/ablyrealtime",
431
+ title: "Ably on Twitter"
432
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
441
433
  name: "twitter",
442
434
  size: "1.5rem"
443
435
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
444
436
  className: "h-24 pr-24 text-cool-black hover:text-icon-linkedin",
445
- href: "https://www.linkedin.com/company/ably-realtime"
446
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
437
+ href: "https://www.linkedin.com/company/ably-realtime",
438
+ title: "Ably on LinkedIn"
439
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
447
440
  name: "linkedin",
448
441
  size: "1.5rem"
449
442
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
450
443
  className: "h-24 pr-24 text-cool-black hover:text-icon-github",
451
- href: "https://github.com/ably/"
452
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
444
+ href: "https://github.com/ably/",
445
+ title: "Ably on Github"
446
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
453
447
  name: "github",
454
448
  size: "1.5rem"
455
449
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
456
450
  className: "h-24 pr-24 text-cool-black hover:text-icon-discord",
457
- href: "https://discord.gg/jwBPhEZ9g5"
458
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
451
+ href: "https://discord.gg/jwBPhEZ9g5",
452
+ title: "Ably on Discord"
453
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
459
454
  name: "discord",
460
455
  size: "1.5rem"
456
+ })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
457
+ className: "xs:hidden sm:block ui-footer-glassdoor"
458
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
459
+ 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"
460
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
461
+ href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
462
+ className: "h-24 text-cool-black hover:text-icon-glassdoor",
463
+ title: "Ably reviews on glassdoor"
464
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
465
+ name: "glassdoor",
466
+ size: "1.5rem"
461
467
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
462
- className: "border-l border-mid-grey h-40"
463
- }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
464
- className: "flex flex-row pl-24 text-cool-black hover:text-icon-glassdoor",
465
- href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
466
- }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
468
+ className: "pl-16 text-menu3 font-manrope font-medium"
469
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("strong", {
470
+ className: "block font-medium"
471
+ }, "We're hiring!"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
472
+ href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
473
+ className: "ui-footer-link"
474
+ }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
475
+ className: "xs:block sm:hidden"
476
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
477
+ className: "border-t border-mid-grey w-full"
478
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
479
+ className: "flex py-24"
480
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
481
+ className: "h-24 pr-16 text-cool-black hover:text-icon-glassdoor",
482
+ href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
483
+ title: "Ably reviews on glassdoor"
484
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
467
485
  name: "glassdoor",
468
486
  size: "1.5rem"
469
487
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
470
- className: "pl-16 text-menu3 font-light"
488
+ className: "text-menu3 font-manrope font-medium"
471
489
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("strong", {
472
490
  className: "block font-medium"
473
491
  }, "We're hiring!"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
474
492
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
475
493
  className: "ui-footer-link"
476
- }, "Learn more"), "\xA0at Glassdoor"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
477
- className: "md:text-right col-span-full md:col-span-1 ml-8 inline-flex md:ml-auto"
494
+ }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
495
+ className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"
478
496
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
479
- className: "mr-24 w-96 h-96",
480
- src: paths.rocketList,
481
- alt: "Rocket List 2021"
497
+ className: "mr-24 h-80",
498
+ src: paths.highestUserAdoption,
499
+ alt: "Highest User Adoption 2022"
500
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
501
+ className: "mr-24 h-80",
502
+ src: paths.usersLoveUs,
503
+ alt: "Users Love Us"
482
504
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
483
- className: "w-96 h-96",
484
- src: paths.flexibleCompanies,
485
- alt: "Flexible Companies 2021"
486
- }))));
505
+ className: "mr-24 h-80",
506
+ src: paths.highestPerformer,
507
+ alt: "High Performer 2022"
508
+ }))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
509
+ className: "max-w-screen-xl ui-grid-px mx-auto"
510
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
511
+ className: "border-t border-mid-grey my-0"
512
+ })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
513
+ 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"
514
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
515
+ className: "flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"
516
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
517
+ className: "flex"
518
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
519
+ href: absUrl("/privacy"),
520
+ className: "pr-24 ui-footer-link"
521
+ }, "Cookies"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
522
+ href: absUrl("/legals"),
523
+ className: "pr-24 ui-footer-link"
524
+ }, "Legals"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
525
+ href: absUrl("/data-protection"),
526
+ className: "pr-24 ui-footer-link"
527
+ }, "Data Protection"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
528
+ href: absUrl("/privacy"),
529
+ className: "ui-footer-link"
530
+ }, "Privacy"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
531
+ className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"
532
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
533
+ className: "flex mr-24"
534
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
535
+ name: "icon-gui-tick",
536
+ color: "text-active-orange",
537
+ size: "1.5rem",
538
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
539
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
540
+ className: "ui-footer-compliance-text font-bold whitespace-nowrap"
541
+ }, "SOC 2 Type 2"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
542
+ className: "ui-footer-compliance-text font-medium mb-24"
543
+ }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
544
+ className: "flex mr-24 md:col-start-2"
545
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
546
+ name: "icon-gui-tick",
547
+ color: "text-active-orange",
548
+ size: "1.5rem",
549
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
550
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
551
+ className: "ui-footer-compliance-text font-bold whitespace-nowrap"
552
+ }, "HIPAA"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
553
+ className: "ui-footer-compliance-text font-medium mb-24"
554
+ }, "Compliant"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
555
+ className: "flex mr-24 md:col-start-3"
556
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
557
+ name: "icon-gui-tick",
558
+ color: "text-active-orange",
559
+ size: "1.5rem",
560
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
561
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
562
+ className: "ui-footer-compliance-text font-bold whitespace-nowrap"
563
+ }, "EU GDPR"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
564
+ className: "ui-footer-compliance-text font-medium mb-24"
565
+ }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
566
+ className: "flex mr-24 md:col-start-4"
567
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component["default"], {
568
+ name: "icon-gui-tick",
569
+ color: "text-active-orange",
570
+ size: "1.5rem",
571
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
572
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
573
+ className: "ui-footer-compliance-text font-bold whitespace-nowrap"
574
+ }, "256-bit AES"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
575
+ className: "ui-footer-compliance-text font-medium mb-24"
576
+ }, "Encryption"))))));
487
577
  }
488
578
  Footer.propTypes = {
489
579
  paths: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
490
580
  ablyStack: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
491
- rocketList: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
492
- flexibleCompanies: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
581
+ highestPerformer: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
582
+ highestUserAdoption: (external_commonjs_prop_types_commonjs2_prop_types_default()).string,
583
+ usersLoveUs: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
493
584
  }),
494
585
  urlBase: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
495
586
  };
@@ -1 +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}));
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,(()=>({}.default)));
package/core/Icon.jsx CHANGED
@@ -7,22 +7,22 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
14
14
 
15
- /***/ 3474:
15
+ /***/ 6073:
16
16
  /***/ ((module) => {
17
17
 
18
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
18
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
19
19
 
20
20
  /***/ }),
21
21
 
22
- /***/ 9281:
22
+ /***/ 5225:
23
23
  /***/ ((module) => {
24
24
 
25
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
25
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
26
26
 
27
27
  /***/ })
28
28
 
@@ -101,9 +101,9 @@ __webpack_require__.r(__webpack_exports__);
101
101
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
102
102
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
103
103
  /* harmony export */ });
104
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
104
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
105
105
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
106
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
106
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
107
107
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
108
108
  var _excluded = ["name", "size", "color", "additionalCSS"];
109
109
 
@@ -1 +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.Loader=o())}(this,(function(){return{}.default}));
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.Loader=o())}(this,(()=>({}.default)));
package/core/Loader.jsx CHANGED
@@ -7,22 +7,22 @@
7
7
  var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
10
+ })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
14
14
 
15
- /***/ 3474:
15
+ /***/ 6073:
16
16
  /***/ ((module) => {
17
17
 
18
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
18
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
19
19
 
20
20
  /***/ }),
21
21
 
22
- /***/ 9281:
22
+ /***/ 5225:
23
23
  /***/ ((module) => {
24
24
 
25
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
25
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
26
26
 
27
27
  /***/ })
28
28
 
@@ -101,9 +101,9 @@ __webpack_require__.r(__webpack_exports__);
101
101
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
102
102
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
103
103
  /* harmony export */ });
104
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
104
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
105
105
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
106
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
106
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
107
107
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
108
108
 
109
109
 
@@ -1 +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.Logo=o())}(this,(function(){return{}.default}));
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.Logo=o())}(this,(()=>({}.default)));