@ably/ui 8.7.0-dev.e1c1353 → 8.7.0-dev.e5a8888

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 (36) hide show
  1. package/core/Meganav/component.json +1 -1
  2. package/core/Meganav.jsx +57 -56
  3. package/core/MeganavContentDevelopers.jsx +28 -3
  4. package/core/MeganavContentPlatform.jsx +12 -36
  5. package/core/MeganavContentProducts/component.js +1 -0
  6. package/core/MeganavContentProducts.jsx +333 -0
  7. package/core/MeganavContentUseCases.jsx +4 -4
  8. package/core/MeganavItemsDesktop.jsx +2 -2
  9. package/core/MeganavItemsMobile.jsx +1 -1
  10. package/core/sprites.svg +27 -0
  11. package/core/styles.css +1 -1
  12. package/package.json +1 -1
  13. package/src/.DS_Store +0 -0
  14. package/src/core/.DS_Store +0 -0
  15. package/src/core/Meganav/component.json +1 -1
  16. package/src/core/Meganav/component.jsx +2 -2
  17. package/src/core/Meganav/component.rb +4 -4
  18. package/src/core/MeganavContentDevelopers/component.html.erb +18 -2
  19. package/src/core/MeganavContentDevelopers/component.jsx +20 -1
  20. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
  21. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +17 -38
  22. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  23. package/src/core/MeganavContentUseCases/component.html.erb +4 -4
  24. package/src/core/MeganavContentUseCases/component.jsx +4 -4
  25. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  26. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  27. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  28. package/src/core/icons/icon-display-examples-col.svg +11 -0
  29. package/src/core/styles/text.css +1 -1
  30. package/core/.DS_Store +0 -0
  31. package/core/DropdownMenuPreview/component.js +0 -6
  32. package/core/DropdownMenuPreview.jsx +0 -6
  33. package/core/Meganav/component.js.LICENSE.txt +0 -7
  34. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  35. package/core/Notice/component.js.LICENSE.txt +0 -9
  36. /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
package/core/Meganav/component.json CHANGED
@@ -29,7 +29,7 @@
29
29
  }
30
30
  },
31
31
  "panels": [
32
- { "label": "Platform", "shortLabel": "Platform", "id": "platform-panel", "component": "MeganavContentPlatform" },
32
+ { "label": "Products", "shortLabel": "Products", "id": "products-panel", "component": "MeganavContentProducts" },
33
33
  { "label": "Solutions", "shortLabel": "Solutions", "id": "use-cases-panel", "component": "MeganavContentUseCases" },
34
34
  { "label": "Company", "shortLabel": "Company", "id": "company-panel", "component": "MeganavContentCompany" },
35
35
  { "label": "Developers", "shortLabel": "Developers", "id": "developers-panel", "component": "MeganavContentDevelopers" }
package/core/Meganav.jsx CHANGED
@@ -984,7 +984,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
984
984
  className: "ui-meganav-media-heading"
985
985
  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
986
986
  className: "ui-meganav-media-copy"
987
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
987
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
988
+ href: absUrl("/examples"),
989
+ className: "ui-meganav-media-with-image group"
990
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
991
+ name: "icon-display-examples-col",
992
+ size: "2.5rem"
993
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
994
+ className: "flex flex-col justify-center"
995
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
996
+ className: "ui-meganav-media-heading"
997
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
998
+ className: "ui-meganav-media-copy"
999
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
988
1000
  className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
989
1001
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
990
1002
  className: "md:mt-40",
@@ -1013,7 +1025,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1013
1025
  className: "ui-meganav-media-heading"
1014
1026
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1015
1027
  className: "ui-meganav-media-copy"
1016
- }, "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", {
1028
+ }, "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", {
1017
1029
  href: absUrl("/reference-guide-chat"),
1018
1030
  className: "ui-meganav-media-with-image group"
1019
1031
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -1025,7 +1037,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1025
1037
  className: "ui-meganav-media-heading"
1026
1038
  }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1027
1039
  className: "ui-meganav-media-copy"
1028
- }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1040
+ }, "Learn how to build chat apps with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1041
+ href: absUrl("/reference-guide-multiplayer"),
1042
+ className: "ui-meganav-media-with-image group"
1043
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1044
+ name: "icon-multi-user-spaces-col",
1045
+ size: "2.5rem"
1046
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1047
+ className: "flex flex-col justify-center"
1048
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1049
+ className: "ui-meganav-media-heading"
1050
+ }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1051
+ className: "ui-meganav-media-copy"
1052
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1029
1053
  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"
1030
1054
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1031
1055
  className: "ui-meganav-overline uppercase",
@@ -1053,6 +1077,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1053
1077
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1054
1078
  className: "ui-meganav-media-heading"
1055
1079
  }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
1080
+ title: "Ably status",
1056
1081
  src: "https://status.ably.com/embed/icon",
1057
1082
  allowtransparency: "true",
1058
1083
  frameBorder: "0",
@@ -1075,7 +1100,7 @@ MeganavContentDevelopers.propTypes = {
1075
1100
 
1076
1101
  /***/ }),
1077
1102
 
1078
- /***/ 6654:
1103
+ /***/ 8254:
1079
1104
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1080
1105
 
1081
1106
  "use strict";
@@ -1091,7 +1116,7 @@ MeganavContentDevelopers.propTypes = {
1091
1116
 
1092
1117
 
1093
1118
 
1094
- var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1119
+ var MeganavContentProducts = function MeganavContentProducts(_ref) {
1095
1120
  var paths = _ref.paths,
1096
1121
  absUrl = _ref.absUrl;
1097
1122
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1121,63 +1146,39 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1121
1146
  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"
1122
1147
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1123
1148
  className: "ui-meganav-overline",
1124
- id: "meganav-platform-panel-list-examples"
1125
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1149
+ id: "meganav-products-panel-list-examples"
1150
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1126
1151
  className: "mb-16",
1127
- "aria-labelledby": "meganav-platform-panel-list-examples"
1152
+ "aria-labelledby": "meganav-products-panel-list-examples"
1128
1153
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1129
- href: absUrl("/examples/avatar-stack"),
1154
+ href: absUrl("/solutions/channels"),
1130
1155
  className: "group ui-meganav-media"
1131
1156
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1132
1157
  className: "ui-meganav-media-heading"
1133
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1158
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1134
1159
  className: "ui-meganav-media-copy"
1135
- }, "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", {
1136
- href: absUrl("/examples/emoji-reactions"),
1137
- className: "ui-meganav-media group"
1138
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1139
- className: "ui-meganav-media-heading"
1140
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1141
- className: "ui-meganav-media-copy"
1142
- }, "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", {
1143
- href: absUrl("/examples/activity-feed"),
1144
- className: "ui-meganav-media group"
1145
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1146
- className: "ui-meganav-media-heading"
1147
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1148
- className: "ui-meganav-media-copy"
1149
- }, "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", {
1150
- href: absUrl("/examples/live-cursors"),
1151
- className: "ui-meganav-media group"
1152
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1153
- className: "ui-meganav-media-heading"
1154
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1155
- className: "ui-meganav-media-copy"
1156
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1157
- href: absUrl("/examples/typing-indicator"),
1158
- className: "ui-meganav-media group"
1160
+ }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1161
+ href: absUrl("/spaces"),
1162
+ className: "group ui-meganav-media"
1159
1163
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1160
1164
  className: "ui-meganav-media-heading"
1161
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1165
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1162
1166
  className: "ui-meganav-media-copy"
1163
- }, "See when a user is typing a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1164
- href: absUrl("/examples/chat-admin-privileges"),
1165
- className: "ui-meganav-media group"
1167
+ }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1168
+ href: absUrl("/livesync"),
1169
+ className: "group ui-meganav-media"
1166
1170
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1167
1171
  className: "ui-meganav-media-heading"
1168
- }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1172
+ }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1169
1173
  className: "ui-meganav-media-copy"
1170
- }, "Control who can take admin actions in a digital space.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1171
- url: absUrl("/examples"),
1172
- textSize: "text-p3"
1173
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1174
+ }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1174
1175
  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"
1175
1176
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1176
1177
  className: "ui-meganav-overline",
1177
- id: "meganav-platform-panel-list-our-technology"
1178
+ id: "meganav-products-panel-list-our-technology"
1178
1179
  }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1179
1180
  className: "mb-16",
1180
- "aria-labelledby": "meganav-platform-panel-list-our-technology"
1181
+ "aria-labelledby": "meganav-products-panel-list-our-technology"
1181
1182
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1182
1183
  href: absUrl("/four-pillars-of-dependability#performance"),
1183
1184
  className: "ui-meganav-media group"
@@ -1221,14 +1222,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1221
1222
  }));
1222
1223
  };
1223
1224
 
1224
- MeganavContentPlatform.propTypes = {
1225
+ MeganavContentProducts.propTypes = {
1225
1226
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
1226
1227
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
1227
1228
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
1228
1229
  }),
1229
1230
  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
1230
1231
  };
1231
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
1232
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
1232
1233
 
1233
1234
  /***/ }),
1234
1235
 
@@ -1324,18 +1325,18 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1324
1325
  }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1325
1326
  className: "ui-meganav-media-copy"
1326
1327
  }, "Deliver cross-platform push notifications with a simple unified API.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1327
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
1328
+ href: absUrl("/solutions/asset-tracking"),
1328
1329
  className: "ui-meganav-media-with-image group"
1329
1330
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1330
- name: "icon-display-kafka-at-the-edge-col",
1331
+ name: "icon-display-asset-tracking-col",
1331
1332
  size: "2.5rem"
1332
1333
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1333
1334
  className: "flex flex-col justify-center"
1334
1335
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1335
1336
  className: "ui-meganav-media-heading"
1336
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1337
+ }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1337
1338
  className: "ui-meganav-media-copy"
1338
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1339
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1339
1340
  className: "col-span-full md:col-span-4 pt-24 pb-0 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1340
1341
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1341
1342
  className: "ui-meganav-overline",
@@ -1633,7 +1634,7 @@ var MeganavDesktopItems = function MeganavDesktopItems(_ref) {
1633
1634
  "data-id": "meganav-items-desktop"
1634
1635
  }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__/* .panels.map */ .h.map(function (panel) {
1635
1636
  var PanelComponent = panels[panel.component];
1636
- var bgCSS = ["platform-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
1637
+ var bgCSS = ["products-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
1637
1638
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
1638
1639
  className: "ui-meganav-item",
1639
1640
  key: panel.id
@@ -3358,7 +3359,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9042__;
3358
3359
  /***/ ((module) => {
3359
3360
 
3360
3361
  "use strict";
3361
- module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
3362
+ module.exports = JSON.parse('{"n":{"white":{"backgroundColor":"bg-white","textColor":"text-cool-black","buttonBackgroundColor":"","buttonTextColor":"","mobileMenuColor":"text-cool-black","logoTextColor":"text-cool-black","barShadow":"shadow-subtle"},"black":{"backgroundColor":"bg-cool-black","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""},"transparentToWhite":{"backgroundColor":"bg-transparent","textColor":"text-white","buttonBackgroundColor":"bg-white","buttonTextColor":"text-cool-black","mobileMenuColor":"text-white","logoTextColor":"text-white","barShadow":""}},"h":[{"label":"Products","shortLabel":"Products","id":"products-panel","component":"MeganavContentProducts"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
3362
3363
 
3363
3364
  /***/ })
3364
3365
 
@@ -4331,8 +4332,8 @@ var absUrl = function absUrl(path) {
4331
4332
  };
4332
4333
 
4333
4334
  /* harmony default export */ const url_base = (absUrl);
4334
- // EXTERNAL MODULE: ./src/core/MeganavContentPlatform/component.jsx
4335
- var MeganavContentPlatform_component = __webpack_require__(6654);
4335
+ // EXTERNAL MODULE: ./src/core/MeganavContentProducts/component.jsx
4336
+ var MeganavContentProducts_component = __webpack_require__(8254);
4336
4337
  // EXTERNAL MODULE: ./src/core/MeganavContentUseCases/component.jsx
4337
4338
  var MeganavContentUseCases_component = __webpack_require__(1118);
4338
4339
  // EXTERNAL MODULE: ./src/core/MeganavContentCompany/component.jsx + 1 modules
@@ -4423,7 +4424,7 @@ var SignInPlaceholder = function SignInPlaceholder() {
4423
4424
  };
4424
4425
 
4425
4426
  var panels = {
4426
- MeganavContentPlatform: MeganavContentPlatform_component["default"],
4427
+ MeganavContentProducts: MeganavContentProducts_component["default"],
4427
4428
  MeganavContentUseCases: MeganavContentUseCases_component["default"],
4428
4429
  MeganavContentCompany: MeganavContentCompany_component["default"],
4429
4430
  MeganavContentDevelopers: MeganavContentDevelopers_component["default"]
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -213,7 +213,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
213
213
  className: "ui-meganav-media-heading"
214
214
  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
215
215
  className: "ui-meganav-media-copy"
216
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
216
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
217
+ href: absUrl("/examples"),
218
+ className: "ui-meganav-media-with-image group"
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___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_0___default().createElement("div", {
223
+ className: "flex flex-col justify-center"
224
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
225
+ className: "ui-meganav-media-heading"
226
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
+ className: "ui-meganav-media-copy"
228
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
217
229
  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
230
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
219
231
  className: "md:mt-40",
@@ -242,7 +254,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
242
254
  className: "ui-meganav-media-heading"
243
255
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___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_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
246
258
  href: absUrl("/reference-guide-chat"),
247
259
  className: "ui-meganav-media-with-image group"
248
260
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -254,7 +266,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
254
266
  className: "ui-meganav-media-heading"
255
267
  }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
256
268
  className: "ui-meganav-media-copy"
257
- }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Learn how to build chat apps with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
270
+ href: absUrl("/reference-guide-multiplayer"),
271
+ className: "ui-meganav-media-with-image group"
272
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___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_0___default().createElement("div", {
276
+ className: "flex flex-col justify-center"
277
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
278
+ className: "ui-meganav-media-heading"
279
+ }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
280
+ className: "ui-meganav-media-copy"
281
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
258
282
  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
283
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
260
284
  className: "ui-meganav-overline uppercase",
@@ -282,6 +306,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
282
306
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
283
307
  className: "ui-meganav-media-heading"
284
308
  }, "Status", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("iframe", {
309
+ title: "Ably status",
285
310
  src: "https://status.ably.com/embed/icon",
286
311
  allowtransparency: "true",
287
312
  frameBorder: "0",
package/core/MeganavContentPlatform.jsx CHANGED
@@ -242,55 +242,31 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
242
242
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
243
243
  className: "ui-meganav-overline",
244
244
  id: "meganav-platform-panel-list-examples"
245
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
245
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
246
246
  className: "mb-16",
247
247
  "aria-labelledby": "meganav-platform-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-cursors"),
271
- className: "ui-meganav-media group"
272
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
273
- className: "ui-meganav-media-heading"
274
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
275
- className: "ui-meganav-media-copy"
276
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
277
- href: absUrl("/examples/typing-indicator"),
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
- }, "Typing Indicator"), /*#__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
- }, "See when a user is typing a message."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
284
- href: absUrl("/examples/chat-admin-privileges"),
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
- }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
267
+ }, "LiveSync (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
289
268
  className: "ui-meganav-media-copy"
290
- }, "Control who can take admin actions in a digital space.")))), /*#__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
+ }, "Build stateful interactive applications."))))), /*#__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",
package/core/MeganavContentProducts/component.js ADDED
@@ -0,0 +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.MeganavContentProducts=o())}(this,(()=>({}.default)));