@ably/ui 8.7.0-dev.35edbd4 → 8.7.0-dev.3e2f3f8

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 (13) hide show
  1. package/core/Meganav.jsx +17 -41
  2. package/core/MeganavContentDevelopers.jsx +2 -2
  3. package/core/MeganavContentPlatform.jsx +12 -36
  4. package/core/MeganavContentUseCases.jsx +3 -3
  5. package/package.json +1 -1
  6. package/src/core/MeganavContentDevelopers/component.html.erb +1 -1
  7. package/src/core/MeganavContentDevelopers/component.jsx +2 -2
  8. package/src/core/MeganavContentPlatform/component.html.erb +12 -30
  9. package/src/core/MeganavContentPlatform/component.jsx +10 -31
  10. package/src/core/MeganavContentUseCases/component.html.erb +3 -3
  11. package/src/core/MeganavContentUseCases/component.jsx +3 -3
  12. package/src/.DS_Store +0 -0
  13. package/src/core/.DS_Store +0 -0
package/core/Meganav.jsx CHANGED
@@ -1013,7 +1013,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1013
1013
  className: "ui-meganav-media-heading"
1014
1014
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1015
1015
  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", {
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", {
1017
1017
  href: absUrl("/reference-guide-chat"),
1018
1018
  className: "ui-meganav-media-with-image group"
1019
1019
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -1037,7 +1037,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1037
1037
  className: "ui-meganav-media-heading"
1038
1038
  }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1039
1039
  className: "ui-meganav-media-copy"
1040
- }, "Learn about the core Ably concepts for Multiplayer collaboration.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1040
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1041
1041
  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"
1042
1042
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1043
1043
  className: "ui-meganav-overline uppercase",
@@ -1135,55 +1135,31 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1135
1135
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1136
1136
  className: "ui-meganav-overline",
1137
1137
  id: "meganav-platform-panel-list-examples"
1138
- }, "Our Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1138
+ }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1139
1139
  className: "mb-16",
1140
1140
  "aria-labelledby": "meganav-platform-panel-list-examples"
1141
1141
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1142
- href: absUrl("/examples/avatar-stack"),
1142
+ href: absUrl("/solutions/channels"),
1143
1143
  className: "group ui-meganav-media"
1144
1144
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1145
1145
  className: "ui-meganav-media-heading"
1146
- }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1146
+ }, "Pub/Sub Channels"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1147
1147
  className: "ui-meganav-media-copy"
1148
- }, "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", {
1149
- href: absUrl("/examples/emoji-reactions"),
1150
- className: "ui-meganav-media group"
1151
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1152
- className: "ui-meganav-media-heading"
1153
- }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1154
- className: "ui-meganav-media-copy"
1155
- }, "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", {
1156
- href: absUrl("/examples/activity-feed"),
1157
- className: "ui-meganav-media group"
1158
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1159
- className: "ui-meganav-media-heading"
1160
- }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1161
- className: "ui-meganav-media-copy"
1162
- }, "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", {
1163
- href: absUrl("/examples/live-cursors"),
1164
- className: "ui-meganav-media group"
1165
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1166
- className: "ui-meganav-media-heading"
1167
- }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1168
- className: "ui-meganav-media-copy"
1169
- }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1170
- href: absUrl("/examples/typing-indicator"),
1171
- className: "ui-meganav-media group"
1148
+ }, "Build infinitely scalable realtime applications."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1149
+ href: absUrl("/spaces"),
1150
+ className: "group ui-meganav-media"
1172
1151
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1173
1152
  className: "ui-meganav-media-heading"
1174
- }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1153
+ }, "Spaces (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1175
1154
  className: "ui-meganav-media-copy"
1176
- }, "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", {
1177
- href: absUrl("/examples/chat-admin-privileges"),
1178
- className: "ui-meganav-media group"
1155
+ }, "Create multi-user collaborative environments."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1156
+ href: absUrl("/livesync"),
1157
+ className: "group ui-meganav-media"
1179
1158
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1180
1159
  className: "ui-meganav-media-heading"
1181
- }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1160
+ }, "LiveSync (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1182
1161
  className: "ui-meganav-media-copy"
1183
- }, "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"], {
1184
- url: absUrl("/examples"),
1185
- textSize: "text-p3"
1186
- }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1162
+ }, "Build stateful interactive applications."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1187
1163
  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"
1188
1164
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1189
1165
  className: "ui-meganav-overline",
@@ -1337,7 +1313,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1337
1313
  }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1338
1314
  className: "ui-meganav-media-copy"
1339
1315
  }, "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", {
1340
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
1316
+ href: absUrl("/solutions/asset-tracking"),
1341
1317
  className: "ui-meganav-media-with-image group"
1342
1318
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1343
1319
  name: "icon-display-kafka-at-the-edge-col",
@@ -1346,9 +1322,9 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1346
1322
  className: "flex flex-col justify-center"
1347
1323
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1348
1324
  className: "ui-meganav-media-heading"
1349
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1325
+ }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1350
1326
  className: "ui-meganav-media-copy"
1351
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1327
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1352
1328
  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"
1353
1329
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1354
1330
  className: "ui-meganav-overline",
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -242,7 +242,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
242
242
  className: "ui-meganav-media-heading"
243
243
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
244
244
  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", {
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", {
246
246
  href: absUrl("/reference-guide-chat"),
247
247
  className: "ui-meganav-media-with-image group"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
@@ -266,7 +266,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
266
266
  className: "ui-meganav-media-heading"
267
267
  }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
268
  className: "ui-meganav-media-copy"
269
- }, "Learn about the core Ably concepts for Multiplayer collaboration.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Learn how to build collaborative features with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
270
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"
271
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
272
272
  className: "ui-meganav-overline uppercase",
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/MeganavContentUseCases.jsx CHANGED
@@ -238,7 +238,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
238
238
  }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
239
239
  className: "ui-meganav-media-copy"
240
240
  }, "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", {
241
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
241
+ href: absUrl("/solutions/asset-tracking"),
242
242
  className: "ui-meganav-media-with-image group"
243
243
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
244
244
  name: "icon-display-kafka-at-the-edge-col",
@@ -247,9 +247,9 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
247
247
  className: "flex flex-col justify-center"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
249
249
  className: "ui-meganav-media-heading"
250
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
250
+ }, "Asset Tracking (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
251
251
  className: "ui-meganav-media-copy"
252
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
252
+ }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
253
253
  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"
254
254
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
255
255
  className: "ui-meganav-overline",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "8.7.0-dev.35edbd4",
3
+ "version": "8.7.0-dev.3e2f3f8",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/core/MeganavContentDevelopers/component.html.erb CHANGED
@@ -69,7 +69,7 @@
69
69
  <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
70
70
  <div class="flex flex-col justify-center">
71
71
  <p class="ui-meganav-media-heading">Multiplayer reference guide</p>
72
- <p class="ui-meganav-media-copy">Learn about the core Ably concepts for Multiplayer collaboration.</p>
72
+ <p class="ui-meganav-media-copy">Learn how to build collaborative features with Ably.</p>
73
73
  </div>
74
74
  <% end %>
75
75
  </li>
package/src/core/MeganavContentDevelopers/component.jsx CHANGED
@@ -58,7 +58,7 @@ const MeganavContentDevelopers = ({ absUrl }) => (
58
58
  <Icon name="icon-display-tutorials-demos-col" size="2.5rem" />
59
59
  <div className="flex flex-col justify-center">
60
60
  <p className="ui-meganav-media-heading">Tutorials & Demos</p>
61
- <p className="ui-meganav-media-copy">Get stuck in with our hands-on resources. </p>
61
+ <p className="ui-meganav-media-copy">Get stuck in with our hands-on resources.</p>
62
62
  </div>
63
63
  </a>
64
64
  </li>
@@ -76,7 +76,7 @@ const MeganavContentDevelopers = ({ absUrl }) => (
76
76
  <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
77
77
  <div className="flex flex-col justify-center">
78
78
  <p className="ui-meganav-media-heading">Multiplayer reference guide</p>
79
- <p className="ui-meganav-media-copy">Learn about the core Ably concepts for Multiplayer collaboration.</p>
79
+ <p className="ui-meganav-media-copy">Learn how to build collaborative features with Ably.</p>
80
80
  </div>
81
81
  </a>
82
82
  </li>
package/src/core/MeganavContentPlatform/component.html.erb CHANGED
@@ -16,47 +16,29 @@
16
16
  </div>
17
17
 
18
18
  <div class="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">
19
- <h3 class="ui-meganav-overline" id="meganav-platform-panel-list-examples">Our Examples</h3>
19
+ <h3 class="ui-meganav-overline" id="meganav-platform-panel-list-examples">
20
+ Products
21
+ </h3>
20
22
  <ul class="mb-16" aria-labelledby="meganav-platform-panel-list-examples">
21
23
  <li>
22
- <%= link_to abs_url("/examples/avatar-stack"), class: "ui-meganav-media group" do %>
23
- <p class="ui-meganav-media-heading">Avatar Stack</p>
24
- <p class="ui-meganav-media-copy">See who is connected in a digital space.</p>
24
+ <%= link_to abs_url("/solutions/channels"), class: "ui-meganav-media group" do %>
25
+ <p class="ui-meganav-media-heading">Pub/Sub Channels</p>
26
+ <p class="ui-meganav-media-copy">Build infinitely scalable realtime applications.</p>
25
27
  <% end %>
26
28
  </li>
27
29
  <li>
28
- <%= link_to abs_url("/examples/emoji-reactions"), class: "ui-meganav-media group" do %>
29
- <p class="ui-meganav-media-heading">Emoji Reactions</p>
30
- <p class="ui-meganav-media-copy">React with an emoji to a message.</p>
30
+ <%= link_to abs_url("/spaces"), class: "ui-meganav-media group" do %>
31
+ <p class="ui-meganav-media-heading">Spaces (Beta)</p>
32
+ <p class="ui-meganav-media-copy">Create multi-user collaborative environments.</p>
31
33
  <% end %>
32
34
  </li>
33
35
  <li>
34
- <%= link_to abs_url("/examples/activity-feed"), class: "ui-meganav-media group" do %>
35
- <p class="ui-meganav-media-heading">Activity Feed</p>
36
- <p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
37
- <% end %>
38
- </li>
39
- <li>
40
- <%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
41
- <p class="ui-meganav-media-heading">Live Cursors</p>
42
- <p class="ui-meganav-media-copy">Track all cursors in realtime.</p>
43
- <% end %>
44
- </li>
45
- <li>
46
- <%= link_to abs_url("/examples/typing-indicator"), class: "ui-meganav-media group" do %>
47
- <p class="ui-meganav-media-heading">Typing Indicator</p>
48
- <p class="ui-meganav-media-copy">See when a user is typing a message.</p>
49
- <% end %>
50
- </li>
51
- <li>
52
- <%= link_to abs_url("/examples/chat-admin-privileges"), class: "ui-meganav-media group" do %>
53
- <p class="ui-meganav-media-heading">Chat Admin Privileges</p>
54
- <p class="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
36
+ <%= link_to abs_url("/livesync"), class: "ui-meganav-media group" do %>
37
+ <p class="ui-meganav-media-heading">LiveSync (Beta)</p>
38
+ <p class="ui-meganav-media-copy">Build stateful interactive applications.</p>
55
39
  <% end %>
56
40
  </li>
57
41
  </ul>
58
-
59
- <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"), text_size: 'text-p3')) do %>Explore all live examples<% end %>
60
42
  </div>
61
43
 
62
44
  <div class="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">
package/src/core/MeganavContentPlatform/component.jsx CHANGED
@@ -24,49 +24,28 @@ const MeganavContentPlatform = ({ paths, absUrl }) => (
24
24
 
25
25
  <div 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">
26
26
  <h3 className="ui-meganav-overline" id="meganav-platform-panel-list-examples">
27
- Our Examples
27
+ Products
28
28
  </h3>
29
29
  <ul className="mb-16" aria-labelledby="meganav-platform-panel-list-examples">
30
30
  <li>
31
- <a href={absUrl("/examples/avatar-stack")} className="group ui-meganav-media">
32
- <p className="ui-meganav-media-heading">Avatar Stack</p>
33
- <p className="ui-meganav-media-copy">See who is connected in a digital space.</p>
31
+ <a href={absUrl("/solutions/channels")} className="group ui-meganav-media">
32
+ <p className="ui-meganav-media-heading">Pub/Sub Channels</p>
33
+ <p className="ui-meganav-media-copy">Build infinitely scalable realtime applications.</p>
34
34
  </a>
35
35
  </li>
36
36
  <li>
37
- <a href={absUrl("/examples/emoji-reactions")} className="ui-meganav-media group">
38
- <p className="ui-meganav-media-heading">Emoji Reactions</p>
39
- <p className="ui-meganav-media-copy">React with an emoji to a message.</p>
37
+ <a href={absUrl("/spaces")} className="group ui-meganav-media">
38
+ <p className="ui-meganav-media-heading">Spaces (Beta)</p>
39
+ <p className="ui-meganav-media-copy">Create multi-user collaborative environments.</p>
40
40
  </a>
41
41
  </li>
42
42
  <li>
43
- <a href={absUrl("/examples/activity-feed")} className="ui-meganav-media group">
44
- <p className="ui-meganav-media-heading">Activity Feed</p>
45
- <p className="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
46
- </a>
47
- </li>
48
- <li>
49
- <a href={absUrl("/examples/live-cursors")} className="ui-meganav-media group">
50
- <p className="ui-meganav-media-heading">Live Cursors</p>
51
- <p className="ui-meganav-media-copy">Track all cursors in realtime.</p>
52
- </a>
53
- </li>
54
- <li>
55
- <a href={absUrl("/examples/typing-indicator")} className="ui-meganav-media group">
56
- <p className="ui-meganav-media-heading">Typing Indicator</p>
57
- <p className="ui-meganav-media-copy">See when a user is typing a message.</p>
58
- </a>
59
- </li>
60
- <li>
61
- <a href={absUrl("/examples/chat-admin-privileges")} className="ui-meganav-media group">
62
- <p className="ui-meganav-media-heading">Chat Admin Privileges</p>
63
- <p className="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
43
+ <a href={absUrl("/livesync")} className="group ui-meganav-media">
44
+ <p className="ui-meganav-media-heading">LiveSync (Beta)</p>
45
+ <p className="ui-meganav-media-copy">Build stateful interactive applications.</p>
64
46
  </a>
65
47
  </li>
66
48
  </ul>
67
- <FeaturedLink url={absUrl("/examples")} textSize="text-p3">
68
- Explore all live examples
69
- </FeaturedLink>
70
49
  </div>
71
50
 
72
51
  <div 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">
package/src/core/MeganavContentUseCases/component.html.erb CHANGED
@@ -53,11 +53,11 @@
53
53
  <% end %>
54
54
  </li>
55
55
  <li>
56
- <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media-with-image group" do %>
56
+ <%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media-with-image group" do %>
57
57
  <%= render(AblyUi::Core::Icon.new(name: "icon-display-kafka-at-the-edge-col", size: "2.5rem")) %>
58
58
  <div class="flex flex-col justify-center">
59
- <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
60
- <p class="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
59
+ <p class="ui-meganav-media-heading">Asset Tracking (Beta)</p>
60
+ <p class="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
61
61
  </div>
62
62
  <% end %>
63
63
  </li>
package/src/core/MeganavContentUseCases/component.jsx CHANGED
@@ -58,11 +58,11 @@ const MeganavContentUseCases = ({ absUrl }) => (
58
58
  </a>
59
59
  </li>
60
60
  <li>
61
- <a href={absUrl("/solutions/extend-kafka-to-the-edge")} className="ui-meganav-media-with-image group">
61
+ <a href={absUrl("/solutions/asset-tracking")} className="ui-meganav-media-with-image group">
62
62
  <Icon name="icon-display-kafka-at-the-edge-col" size="2.5rem" />
63
63
  <div className="flex flex-col justify-center">
64
- <p className="ui-meganav-media-heading">Extend Kafka to the edge</p>
65
- <p className="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
64
+ <p className="ui-meganav-media-heading">Asset Tracking (Beta)</p>
65
+ <p className="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
66
66
  </div>
67
67
  </a>
68
68
  </li>
package/src/.DS_Store DELETED
Binary file
package/src/core/.DS_Store DELETED
Binary file