@ably/ui 8.7.0-dev.4de588d → 8.7.0-dev.52da22c

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 (135) hide show
  1. package/README.md +7 -3
  2. package/core/Code/component.js +1 -1
  3. package/core/Code.jsx +108 -88
  4. package/core/CompanyAutocomplete/component.js +2 -1
  5. package/core/CompanyAutocomplete/component.js.LICENSE.txt +1 -0
  6. package/core/ConnectStateWrapper/component.js +1 -1
  7. package/core/ConnectStateWrapper.jsx +7 -7
  8. package/core/ContactFooter/component.js +1 -1
  9. package/core/ContactFooter.jsx +12 -12
  10. package/core/CookieMessage/component.js +1 -1
  11. package/core/CookieMessage.jsx +10 -10
  12. package/core/CustomerLogos/component.js +1 -1
  13. package/core/CustomerLogos.jsx +7 -7
  14. package/core/DropdownMenu/component.js +1 -1
  15. package/core/DropdownMenu.jsx +11 -11
  16. package/core/FeatureFooter/component.js +1 -1
  17. package/core/FeaturedLink/component.js +1 -1
  18. package/core/FeaturedLink.jsx +10 -10
  19. package/core/Flash/component.js +1 -1
  20. package/core/Flash.jsx +19 -19
  21. package/core/Footer/component.css +11 -1
  22. package/core/Footer/component.js +1 -1
  23. package/core/Footer.jsx +71 -76
  24. package/core/Icon/component.js +1 -1
  25. package/core/Icon.jsx +7 -7
  26. package/core/Loader/component.js +1 -1
  27. package/core/Loader.jsx +7 -7
  28. package/core/Logo/component.js +1 -1
  29. package/core/Logo.jsx +7 -7
  30. package/core/Meganav/component.css +59 -20
  31. package/core/Meganav/component.js +1 -1
  32. package/core/Meganav/component.json +1 -1
  33. package/core/Meganav.jsx +955 -1047
  34. package/core/MeganavBlogPostsList/component.js +2 -1
  35. package/core/MeganavBlogPostsList/component.js.LICENSE.txt +1 -0
  36. package/core/MeganavBlogPostsList.jsx +13 -13
  37. package/core/MeganavContentCompany/component.js +1 -1
  38. package/core/MeganavContentCompany.jsx +328 -731
  39. package/core/MeganavContentDevelopers/component.js +1 -1
  40. package/core/MeganavContentDevelopers.jsx +108 -79
  41. package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +1 -1
  42. package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} +34 -58
  43. package/core/MeganavContentUseCases/component.js +1 -1
  44. package/core/MeganavContentUseCases.jsx +62 -54
  45. package/core/MeganavControl/component.js +1 -1
  46. package/core/MeganavControl.jsx +10 -10
  47. package/core/MeganavControlMobileDropdown/component.js +1 -1
  48. package/core/MeganavControlMobileDropdown.jsx +11 -11
  49. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  50. package/core/MeganavControlMobilePanelClose.jsx +10 -10
  51. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  52. package/core/MeganavControlMobilePanelOpen.jsx +10 -10
  53. package/core/MeganavItemsDesktop/component.js +1 -1
  54. package/core/MeganavItemsDesktop.jsx +17 -17
  55. package/core/MeganavItemsMobile/component.js +1 -1
  56. package/core/MeganavItemsMobile.jsx +39 -39
  57. package/core/MeganavItemsSignedIn/component.js +1 -1
  58. package/core/MeganavItemsSignedIn.jsx +33 -33
  59. package/core/MeganavSearch/component.js +1 -1
  60. package/core/MeganavSearch.jsx +23 -23
  61. package/core/MeganavSearchAutocomplete/component.js +1 -1
  62. package/core/MeganavSearchAutocomplete.jsx +4 -4
  63. package/core/MeganavSearchPanel/component.js +1 -1
  64. package/core/MeganavSearchPanel.jsx +19 -19
  65. package/core/MeganavSearchSuggestions/component.js +1 -1
  66. package/core/MeganavSearchSuggestions.jsx +13 -13
  67. package/core/Notice/component.js +1 -1
  68. package/core/Notice.jsx +30 -30
  69. package/core/Showcase/component.js +1 -1
  70. package/core/Showcase.jsx +1 -1
  71. package/core/SignOutLink/component.js +1 -1
  72. package/core/SignOutLink.jsx +7 -7
  73. package/core/Slider/component.js +1 -1
  74. package/core/Slider.jsx +14 -14
  75. package/core/Uptime/component.js +1 -1
  76. package/core/Uptime.jsx +300 -715
  77. package/core/images/best-support-2023.svg +1 -0
  78. package/core/images/fastest-implementation-2023.svg +1 -0
  79. package/core/images/high-performer-2023.svg +1 -0
  80. package/core/images/highest-user-adoption-2023.svg +1 -0
  81. package/core/scripts.js +2 -1
  82. package/core/scripts.js.LICENSE.txt +1 -0
  83. package/core/sprites.svg +93 -0
  84. package/core/styles.css +1 -7
  85. package/package.json +5 -5
  86. package/reset/scripts.js +1 -1
  87. package/reset/styles.css +1 -11
  88. package/src/core/Footer/component.css +11 -1
  89. package/src/core/Footer/component.html.erb +42 -47
  90. package/src/core/Footer/component.jsx +45 -53
  91. package/src/core/HeadwayWidget/HeadwayWidget.jsx +229 -0
  92. package/src/core/HeadwayWidget/index.js +5 -0
  93. package/src/core/Meganav/MeganavHeadwayPortal.jsx +20 -0
  94. package/src/core/Meganav/component.css +59 -18
  95. package/src/core/Meganav/component.json +1 -1
  96. package/src/core/Meganav/component.jsx +15 -11
  97. package/src/core/Meganav/component.rb +4 -4
  98. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  99. package/src/core/MeganavContentCompany/component.jsx +9 -0
  100. package/src/core/MeganavContentDevelopers/component.html.erb +30 -13
  101. package/src/core/MeganavContentDevelopers/component.js +16 -0
  102. package/src/core/MeganavContentDevelopers/component.jsx +35 -15
  103. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  104. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +18 -39
  105. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  106. package/src/core/MeganavContentUseCases/component.html.erb +42 -38
  107. package/src/core/MeganavContentUseCases/component.jsx +41 -38
  108. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  109. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  110. package/src/core/core.rb +8 -4
  111. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  112. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  113. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  114. package/src/core/icons/icon-display-events-col.svg +13 -0
  115. package/src/core/icons/icon-display-examples-col.svg +11 -0
  116. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  117. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  118. package/src/core/icons/icon-social-x.svg +3 -0
  119. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  120. package/src/core/images/best-support-2023.svg +1 -0
  121. package/src/core/images/fastest-implementation-2023.svg +1 -0
  122. package/src/core/images/high-performer-2023.svg +1 -0
  123. package/src/core/images/highest-user-adoption-2023.svg +1 -0
  124. package/src/core/styles/text.css +1 -1
  125. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  126. package/src/core/utils/syntax-highlighter.js +5 -0
  127. package/core/.DS_Store +0 -0
  128. package/core/DropdownMenuPreview/component.js +0 -6
  129. package/core/DropdownMenuPreview.jsx +0 -6
  130. package/core/Meganav/component.js.LICENSE.txt +0 -7
  131. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  132. package/core/Notice/component.js.LICENSE.txt +0 -9
  133. package/src/.DS_Store +0 -0
  134. package/src/core/.DS_Store +0 -0
  135. /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
package/core/MeganavContentDevelopers/component.js CHANGED
@@ -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.MeganavContentDevelopers=o())}(this,(function(){return{}.default}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavContentDevelopers=t())}(this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var r in o)e.o(o,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:o[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};e.d(t,{default:()=>o});const o=function(){var e=document.createElement("script");e.async=!0,e.src="https://cdn.headwayapp.co/widget.js",e.type="script/javascript",document.getElementsByTagName("head")[0].appendChild(e)};return t.default})()));
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -1,13 +1,13 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("prop-types"));
3
+ module.exports = factory(require("prop-types"), require("react"));
4
4
  else if(typeof define === 'function' && define.amd)
5
5
  define([, ], factory);
6
6
  else {
7
- var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
7
+ var a = typeof exports === 'object' ? factory(require("prop-types"), require("react")) : 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__6073__, __WEBPACK_EXTERNAL_MODULE__5225__) => {
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
 
@@ -153,10 +153,10 @@ __webpack_require__.r(__webpack_exports__);
153
153
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
154
154
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
155
155
  /* harmony export */ });
156
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
157
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
158
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
159
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
156
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6073);
157
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
158
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5225);
159
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
160
160
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
161
161
 
162
162
 
@@ -164,141 +164,170 @@ __webpack_require__.r(__webpack_exports__);
164
164
 
165
165
  var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
166
166
  var absUrl = _ref.absUrl;
167
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
167
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
168
168
  className: "flex max-w-screen-xl mx-auto"
169
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
169
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
170
170
  className: "ui-meganav-content-spacer"
171
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
172
- className: "grid grid-cols-12 ui-grid-gap-x w-full"
173
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
174
- className: "col-span-full md:col-span-4 pt-24 md:py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
175
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
176
- className: "ui-meganav-overline uppercase",
171
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("section", {
172
+ className: "grid w-full grid-cols-12 ui-grid-gap-x"
173
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
174
+ className: "px-24 pt-24 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:pl-0 md:pr-24"
175
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("h3", {
176
+ className: "uppercase ui-meganav-overline",
177
177
  id: "meganav-developers-panel-explore"
178
- }, "Explore"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
178
+ }, "Explore"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("ul", {
179
179
  "aria-labelledby": "meganav-developers-panel-explore"
180
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
180
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
181
181
  href: absUrl("/docs"),
182
182
  className: "ui-meganav-media-with-image group"
183
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
183
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
184
184
  name: "icon-display-docs-col",
185
185
  size: "2.5rem"
186
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
186
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
187
187
  className: "flex flex-col justify-center"
188
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
188
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
189
189
  className: "ui-meganav-media-heading"
190
- }, "Documentation"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
190
+ }, "Documentation"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
191
191
  className: "ui-meganav-media-copy"
192
- }, "Technical guides to help you build with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
192
+ }, "Technical guides to help you build with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
193
193
  href: absUrl("/docs/quick-start-guide"),
194
194
  className: "ui-meganav-media-with-image group"
195
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
195
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
196
196
  name: "icon-display-quickstart-guides-col",
197
197
  size: "2.5rem"
198
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
198
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
199
199
  className: "flex flex-col justify-center"
200
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
200
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
201
201
  className: "ui-meganav-media-heading"
202
- }, "Quickstart guides"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
202
+ }, "Quickstart guides"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
203
203
  className: "ui-meganav-media-copy"
204
- }, "Documentation to help you get started quickly.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
204
+ }, "Documentation to help you get started quickly.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
205
205
  href: absUrl("/integrations"),
206
206
  className: "ui-meganav-media-with-image group"
207
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
207
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
208
208
  name: "icon-display-integrations-col",
209
209
  size: "2.5rem"
210
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
210
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
211
+ className: "flex flex-col justify-center"
212
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
213
+ className: "ui-meganav-media-heading"
214
+ }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
215
+ className: "ui-meganav-media-copy"
216
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
217
+ href: absUrl("/examples"),
218
+ className: "ui-meganav-media-with-image group"
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
220
+ name: "icon-display-examples-col",
221
+ size: "2.5rem"
222
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
211
223
  className: "flex flex-col justify-center"
212
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
224
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
213
225
  className: "ui-meganav-media-heading"
214
- }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
226
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
215
227
  className: "ui-meganav-media-copy"
216
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
217
- className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
218
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
228
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
229
+ className: "px-24 pb-8 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:px-0"
230
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("ul", {
219
231
  className: "md:mt-40",
220
232
  "aria-labelledby": "meganav-developers-panel-explore"
221
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
233
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
222
234
  href: absUrl("/download"),
223
235
  className: "ui-meganav-media-with-image group"
224
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
236
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
225
237
  name: "icon-display-sdks-col",
226
238
  size: "2.5rem"
227
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
239
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
228
240
  className: "flex flex-col justify-center"
229
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
241
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
230
242
  className: "ui-meganav-media-heading"
231
- }, "SDKs"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
243
+ }, "SDKs"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
232
244
  className: "ui-meganav-media-copy"
233
- }, "Download an SDK to help you build realtime apps faster.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
245
+ }, "Download an SDK to help you build realtime apps faster.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
234
246
  href: absUrl("/tutorials"),
235
247
  className: "ui-meganav-media-with-image group"
236
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
248
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
237
249
  name: "icon-display-tutorials-demos-col",
238
250
  size: "2.5rem"
239
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
251
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
240
252
  className: "flex flex-col justify-center"
241
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
253
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
242
254
  className: "ui-meganav-media-heading"
243
- }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
255
+ }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
244
256
  className: "ui-meganav-media-copy"
245
- }, "Get stuck in with our hands-on resources. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
257
+ }, "Get stuck in with our hands-on resources.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
246
258
  href: absUrl("/reference-guide-chat"),
247
259
  className: "ui-meganav-media-with-image group"
248
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
260
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
249
261
  name: "icon-display-chat-col",
250
262
  size: "2.5rem"
251
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
263
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
264
+ className: "flex flex-col justify-center"
265
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
266
+ className: "ui-meganav-media-heading"
267
+ }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
268
+ className: "ui-meganav-media-copy"
269
+ }, "Learn how to build chat apps with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
270
+ href: absUrl("/reference-guide-multiplayer"),
271
+ className: "ui-meganav-media-with-image group"
272
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
273
+ name: "icon-multi-user-spaces-col",
274
+ size: "2.5rem"
275
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
252
276
  className: "flex flex-col justify-center"
253
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
277
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
254
278
  className: "ui-meganav-media-heading"
255
- }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
279
+ }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
256
280
  className: "ui-meganav-media-copy"
257
- }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
258
- className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
259
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
260
- className: "ui-meganav-overline uppercase",
281
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
282
+ className: "px-24 pt-8 pb-24 col-span-full md:col-span-4 md:py-24 lg:py-32 sm:px-32 md:px-0"
283
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("h3", {
284
+ className: "uppercase ui-meganav-overline",
261
285
  id: "meganav-developers-panel-quick-links"
262
- }, "Quick links"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
286
+ }, "Quick links"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("ul", {
263
287
  "aria-labelledby": "meganav-developers-panel-quick-links"
264
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
288
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
265
289
  href: "https://discord.gg/jwBPhEZ9g5",
266
- className: "group ui-meganav-media py-12"
267
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
290
+ className: "py-12 group ui-meganav-media"
291
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
268
292
  className: "ui-meganav-media-heading"
269
- }, "Discord"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
293
+ }, "Discord"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
270
294
  href: "https://github.com/ably",
271
- className: "group ui-meganav-media py-12"
272
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
295
+ className: "py-12 group ui-meganav-media"
296
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
273
297
  className: "ui-meganav-media-heading"
274
- }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
298
+ }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
275
299
  href: "https://changelog.ably.com/",
276
- className: "group ui-meganav-media py-12"
277
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
300
+ className: "py-12 group ui-meganav-media",
301
+ rel: "noopener noreferrer",
302
+ target: "_blank"
303
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
278
304
  className: "ui-meganav-media-heading"
279
- }, "Changelog"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
305
+ }, "Changelog"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("span", {
306
+ className: "headwayPortal"
307
+ }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
280
308
  href: "https://status.ably.com/",
281
- className: "group ui-meganav-media py-12"
282
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
309
+ className: "py-12 group ui-meganav-media"
310
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
283
311
  className: "ui-meganav-media-heading"
284
- }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
312
+ }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("iframe", {
313
+ title: "Ably status",
285
314
  src: "https://status.ably.com/embed/icon",
286
315
  allowtransparency: "true",
287
316
  frameBorder: "0",
288
317
  scrolling: "no",
289
- className: "w-24 h-24 ml-4 border-none pointer-events-none align-middle"
290
- })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
318
+ className: "w-24 h-24 ml-4 align-middle border-none pointer-events-none"
319
+ })))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("a", {
291
320
  href: absUrl("/support"),
292
- className: "group ui-meganav-media py-12"
293
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
321
+ className: "py-12 group ui-meganav-media"
322
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("p", {
294
323
  className: "ui-meganav-media-heading"
295
- }, "Support & FAQs")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
324
+ }, "Support & FAQs")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
296
325
  className: "ui-meganav-content-spacer"
297
326
  }));
298
327
  };
299
328
 
300
329
  MeganavContentDevelopers.propTypes = {
301
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
330
+ absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
302
331
  };
303
332
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentDevelopers);
304
333
  })();
package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js RENAMED
@@ -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.MeganavContentPlatform=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.MeganavContentProducts=o())}(this,(()=>({}.default)));
package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} RENAMED
@@ -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
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
26
 
@@ -42,7 +42,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
42
42
  style: {
43
43
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
44
  }
45
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
46
46
  name: "icon-gui-link-arrow",
47
47
  size: "calc(var(--featured-link-icon-size) * 1.25)",
48
48
  color: iconColor,
@@ -67,9 +67,9 @@ FeaturedLink.propTypes = {
67
67
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
68
68
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
69
69
  /* harmony export */ });
70
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
70
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
71
71
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
72
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
72
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
73
73
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
74
74
  var _excluded = ["name", "size", "color", "additionalCSS"];
75
75
 
@@ -113,17 +113,17 @@ Icon.propTypes = {
113
113
 
114
114
  /***/ }),
115
115
 
116
- /***/ 3474:
116
+ /***/ 6073:
117
117
  /***/ ((module) => {
118
118
 
119
- module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
119
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
120
120
 
121
121
  /***/ }),
122
122
 
123
- /***/ 9281:
123
+ /***/ 5225:
124
124
  /***/ ((module) => {
125
125
 
126
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
126
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
127
127
 
128
128
  /***/ })
129
129
 
@@ -202,16 +202,16 @@ __webpack_require__.r(__webpack_exports__);
202
202
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
203
203
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
204
204
  /* harmony export */ });
205
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
205
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
206
206
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
207
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
207
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
208
208
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
209
209
  /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
210
210
 
211
211
 
212
212
 
213
213
 
214
- var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
214
+ var MeganavContentProducts = function MeganavContentProducts(_ref) {
215
215
  var paths = _ref.paths,
216
216
  absUrl = _ref.absUrl;
217
217
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -234,70 +234,46 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
234
234
  style: {
235
235
  maxWidth: "330px"
236
236
  }
237
- }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
237
+ }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
238
238
  url: absUrl("/platform"),
239
239
  textSize: "text-p2"
240
240
  }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
241
241
  className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
242
242
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
243
243
  className: "ui-meganav-overline",
244
- id: "meganav-platform-panel-list-examples"
245
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
244
+ id: "meganav-products-panel-list-examples"
245
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
246
246
  className: "mb-16",
247
- "aria-labelledby": "meganav-platform-panel-list-examples"
247
+ "aria-labelledby": "meganav-products-panel-list-examples"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
249
- href: absUrl("/examples/avatar-stack"),
249
+ href: absUrl("/solutions/channels"),
250
250
  className: "group ui-meganav-media"
251
251
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
252
252
  className: "ui-meganav-media-heading"
253
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
253
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
254
254
  className: "ui-meganav-media-copy"
255
- }, "See who is connected in a digital space."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
256
- href: absUrl("/examples/emoji-reactions"),
257
- className: "ui-meganav-media group"
258
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
259
- className: "ui-meganav-media-heading"
260
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
261
- className: "ui-meganav-media-copy"
262
- }, "React with an emoji to a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
263
- href: absUrl("/examples/activity-feed"),
264
- className: "ui-meganav-media group"
265
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
- className: "ui-meganav-media-heading"
267
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
- className: "ui-meganav-media-copy"
269
- }, "Display a list of user actions in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
270
- href: absUrl("/examples/live-charts"),
271
- className: "ui-meganav-media group"
272
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
- className: "ui-meganav-media-heading"
274
- }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
- className: "ui-meganav-media-copy"
276
- }, "Visualise live metrics and data in a chart."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
277
- href: absUrl("/examples/live-cursors"),
278
- className: "ui-meganav-media group"
255
+ }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
256
+ href: absUrl("/spaces"),
257
+ className: "group ui-meganav-media"
279
258
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
280
259
  className: "ui-meganav-media-heading"
281
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
260
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
282
261
  className: "ui-meganav-media-copy"
283
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
284
- href: absUrl("/examples/typing-indicator"),
285
- className: "ui-meganav-media group"
262
+ }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
263
+ href: absUrl("/livesync"),
264
+ className: "group ui-meganav-media"
286
265
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
287
266
  className: "ui-meganav-media-heading"
288
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
267
+ }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
268
  className: "ui-meganav-media-copy"
290
- }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
291
- url: absUrl("/examples"),
292
- textSize: "text-p3"
293
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
294
270
  className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
295
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
296
272
  className: "ui-meganav-overline",
297
- id: "meganav-platform-panel-list-our-technology"
298
- }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
273
+ id: "meganav-products-panel-list-our-technology"
274
+ }, "Technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
299
275
  className: "mb-16",
300
- "aria-labelledby": "meganav-platform-panel-list-our-technology"
276
+ "aria-labelledby": "meganav-products-panel-list-our-technology"
301
277
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
302
278
  href: absUrl("/four-pillars-of-dependability#performance"),
303
279
  className: "ui-meganav-media group"
@@ -333,7 +309,7 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
333
309
  className: "ui-meganav-media-heading"
334
310
  }, "Global edge network"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
335
311
  className: "ui-meganav-media-copy"
336
- }, "An edge network of 15 core routing datacenters and 205+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
312
+ }, "An edge network of 15 core routing datacenters and 205+ PoPs.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
337
313
  url: absUrl("/four-pillars-of-dependability"),
338
314
  textSize: "text-p3"
339
315
  }, "Explore Four Pillars of Dependability"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -341,14 +317,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
341
317
  }));
342
318
  };
343
319
 
344
- MeganavContentPlatform.propTypes = {
320
+ MeganavContentProducts.propTypes = {
345
321
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
346
322
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
347
323
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
348
324
  }),
349
325
  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
350
326
  };
351
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
327
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
352
328
  })();
353
329
 
354
330
  /******/ return __webpack_exports__;
package/core/MeganavContentUseCases/component.js CHANGED
@@ -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.MeganavContentUseCases=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.MeganavContentUseCases=o())}(this,(()=>({}.default)));