@ably/ui 8.0.0-dev.27cfcb9 → 8.0.0-dev.7e3a14d

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 (17) hide show
  1. package/core/FeatureFooter.jsx +17 -0
  2. package/core/Icon/component.css +1 -0
  3. package/core/Meganav.jsx +7 -7
  4. package/core/MeganavContentPlatform.jsx +7 -7
  5. package/package.json +1 -1
  6. package/src/core/MeganavContentPlatform/component.html.erb +7 -7
  7. package/src/core/MeganavContentPlatform/component.jsx +7 -7
  8. package/core/fonts/.DS_Store +0 -0
  9. package/core/images/.DS_Store +0 -0
  10. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/log/.keep +0 -0
  11. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/.keep +0 -0
  12. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/pids/.keep +0 -0
  13. package/src/.DS_Store +0 -0
  14. package/src/core/.DS_Store +0 -0
  15. package/src/core/fonts/.DS_Store +0 -0
  16. package/src/core/images/.DS_Store +0 -0
  17. package/src/reset/.DS_Store +0 -0
package/core/FeatureFooter.jsx ADDED
@@ -0,0 +1,17 @@
1
+ (function webpackUniversalModuleDefinition(root, factory) {
2
+ if(typeof exports === 'object' && typeof module === 'object')
3
+ module.exports = factory();
4
+ else if(typeof define === 'function' && define.amd)
5
+ define([], factory);
6
+ else {
7
+ var a = factory();
8
+ for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
+ }
10
+ })(this, function() {
11
+ return /******/ (() => { // webpackBootstrap
12
+ var __webpack_exports__ = {};
13
+
14
+ /******/ return __webpack_exports__;
15
+ /******/ })()
16
+ ;
17
+ });
package/core/Icon/component.css ADDED
@@ -0,0 +1 @@
1
+
package/core/Meganav.jsx CHANGED
@@ -4123,49 +4123,49 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
4123
4123
  }, "Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
4124
4124
  "aria-labelledby": "meganav-platform-panel-list-examples"
4125
4125
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4126
- href: absUrl("/topic/avatar-stack"),
4126
+ href: absUrl("/examples/avatar-stack"),
4127
4127
  className: "group ui-meganav-media"
4128
4128
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4129
4129
  className: "ui-meganav-media-heading"
4130
4130
  }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4131
4131
  className: "ui-meganav-media-copy"
4132
4132
  }, "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", {
4133
- href: absUrl("/topic/emoji-reactions"),
4133
+ href: absUrl("/examples/emoji-reactions"),
4134
4134
  className: "ui-meganav-media group"
4135
4135
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4136
4136
  className: "ui-meganav-media-heading"
4137
4137
  }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4138
4138
  className: "ui-meganav-media-copy"
4139
4139
  }, "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", {
4140
- href: absUrl("/topic/activity-feed"),
4140
+ href: absUrl("/examples/activity-feed"),
4141
4141
  className: "ui-meganav-media group"
4142
4142
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4143
4143
  className: "ui-meganav-media-heading"
4144
4144
  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4145
4145
  className: "ui-meganav-media-copy"
4146
4146
  }, "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", {
4147
- href: absUrl("/topic/live-charts"),
4147
+ href: absUrl("/examples/live-charts"),
4148
4148
  className: "ui-meganav-media group"
4149
4149
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4150
4150
  className: "ui-meganav-media-heading"
4151
4151
  }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4152
4152
  className: "ui-meganav-media-copy"
4153
4153
  }, "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", {
4154
- href: absUrl("/topic/live-cursors"),
4154
+ href: absUrl("/examples/live-cursors"),
4155
4155
  className: "ui-meganav-media group"
4156
4156
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4157
4157
  className: "ui-meganav-media-heading"
4158
4158
  }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4159
4159
  className: "ui-meganav-media-copy"
4160
4160
  }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4161
- href: absUrl("/topic/typing-indicator"),
4161
+ href: absUrl("/examples/typing-indicator"),
4162
4162
  className: "ui-meganav-media group"
4163
4163
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4164
4164
  className: "ui-meganav-media-heading"
4165
4165
  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4166
4166
  className: "ui-meganav-media-copy"
4167
4167
  }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
4168
- url: absUrl("/topics/live-examples")
4168
+ url: absUrl("/examples")
4169
4169
  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
4170
4170
  className: "ui-meganav-overline",
4171
4171
  id: "meganav-platform-panel-list-our-technology"
package/core/MeganavContentPlatform.jsx CHANGED
@@ -342,49 +342,49 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
342
342
  }, "Examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
343
343
  "aria-labelledby": "meganav-platform-panel-list-examples"
344
344
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
345
- href: absUrl("/topic/avatar-stack"),
345
+ href: absUrl("/examples/avatar-stack"),
346
346
  className: "group ui-meganav-media"
347
347
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
348
348
  className: "ui-meganav-media-heading"
349
349
  }, "Avatar Stack"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
350
350
  className: "ui-meganav-media-copy"
351
351
  }, "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", {
352
- href: absUrl("/topic/emoji-reactions"),
352
+ href: absUrl("/examples/emoji-reactions"),
353
353
  className: "ui-meganav-media group"
354
354
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
355
355
  className: "ui-meganav-media-heading"
356
356
  }, "Emoji Reactions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
357
357
  className: "ui-meganav-media-copy"
358
358
  }, "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", {
359
- href: absUrl("/topic/activity-feed"),
359
+ href: absUrl("/examples/activity-feed"),
360
360
  className: "ui-meganav-media group"
361
361
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
362
362
  className: "ui-meganav-media-heading"
363
363
  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
364
364
  className: "ui-meganav-media-copy"
365
365
  }, "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", {
366
- href: absUrl("/topic/live-charts"),
366
+ href: absUrl("/examples/live-charts"),
367
367
  className: "ui-meganav-media group"
368
368
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
369
369
  className: "ui-meganav-media-heading"
370
370
  }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
371
371
  className: "ui-meganav-media-copy"
372
372
  }, "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", {
373
- href: absUrl("/topic/live-cursors"),
373
+ href: absUrl("/examples/live-cursors"),
374
374
  className: "ui-meganav-media group"
375
375
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
376
376
  className: "ui-meganav-media-heading"
377
377
  }, "Live Cursors"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
378
378
  className: "ui-meganav-media-copy"
379
379
  }, "Track all cursors in realtime."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
380
- href: absUrl("/topic/typing-indicator"),
380
+ href: absUrl("/examples/typing-indicator"),
381
381
  className: "ui-meganav-media group"
382
382
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
383
383
  className: "ui-meganav-media-heading"
384
384
  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
385
385
  className: "ui-meganav-media-copy"
386
386
  }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
387
- url: absUrl("/topics/live-examples")
387
+ url: absUrl("/examples")
388
388
  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
389
389
  className: "ui-meganav-overline",
390
390
  id: "meganav-platform-panel-list-our-technology"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "8.0.0-dev.27cfcb9",
3
+ "version": "8.0.0-dev.7e3a14d",
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/MeganavContentPlatform/component.html.erb CHANGED
@@ -17,44 +17,44 @@
17
17
  <h3 class="ui-meganav-overline" id="meganav-platform-panel-list-examples">Examples</h3>
18
18
  <ul aria-labelledby="meganav-platform-panel-list-examples">
19
19
  <li>
20
- <%= link_to abs_url("/topic/avatar-stack"), class: "ui-meganav-media group" do %>
20
+ <%= link_to abs_url("/examples/avatar-stack"), class: "ui-meganav-media group" do %>
21
21
  <p class="ui-meganav-media-heading">Avatar Stack</p>
22
22
  <p class="ui-meganav-media-copy">See who is connected in a digital space.</p>
23
23
  <% end %>
24
24
  </li>
25
25
  <li>
26
- <%= link_to abs_url("/topic/emoji-reactions"), class: "ui-meganav-media group" do %>
26
+ <%= link_to abs_url("/examples/emoji-reactions"), class: "ui-meganav-media group" do %>
27
27
  <p class="ui-meganav-media-heading">Emoji Reactions</p>
28
28
  <p class="ui-meganav-media-copy">React with an emoji to a message.</p>
29
29
  <% end %>
30
30
  </li>
31
31
  <li>
32
- <%= link_to abs_url("/topic/activity-feed"), class: "ui-meganav-media group" do %>
32
+ <%= link_to abs_url("/examples/activity-feed"), class: "ui-meganav-media group" do %>
33
33
  <p class="ui-meganav-media-heading">Activity Feed</p>
34
34
  <p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
35
35
  <% end %>
36
36
  </li>
37
37
  <li>
38
- <%= link_to abs_url("/topic/live-charts"), class: "ui-meganav-media group" do %>
38
+ <%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
39
39
  <p class="ui-meganav-media-heading">Live Charts</p>
40
40
  <p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
41
41
  <% end %>
42
42
  </li>
43
43
  <li>
44
- <%= link_to abs_url("/topic/live-cursors"), class: "ui-meganav-media group" do %>
44
+ <%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
45
45
  <p class="ui-meganav-media-heading">Live Cursors</p>
46
46
  <p class="ui-meganav-media-copy">Track all cursors in realtime.</p>
47
47
  <% end %>
48
48
  </li>
49
49
  <li>
50
- <%= link_to abs_url("/topic/typing-indicator"), class: "ui-meganav-media group" do %>
50
+ <%= link_to abs_url("/examples/typing-indicator"), class: "ui-meganav-media group" do %>
51
51
  <p class="ui-meganav-media-heading">Typing Indicator</p>
52
52
  <p class="ui-meganav-media-copy">See when a user is typing a message.</p>
53
53
  <% end %>
54
54
  </li>
55
55
  </ul>
56
56
 
57
- <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/topics/live-examples"))) do %>Explore all live examples<% end %>
57
+ <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"))) do %>Explore all live examples<% end %>
58
58
  </div>
59
59
 
60
60
  <div>
package/src/core/MeganavContentPlatform/component.jsx CHANGED
@@ -24,43 +24,43 @@ const MeganavContentPlatform = ({ paths, absUrl }) => (
24
24
  </h3>
25
25
  <ul aria-labelledby="meganav-platform-panel-list-examples">
26
26
  <li>
27
- <a href={absUrl("/topic/avatar-stack")} className="group ui-meganav-media">
27
+ <a href={absUrl("/examples/avatar-stack")} className="group ui-meganav-media">
28
28
  <p className="ui-meganav-media-heading">Avatar Stack</p>
29
29
  <p className="ui-meganav-media-copy">See who is connected in a digital space.</p>
30
30
  </a>
31
31
  </li>
32
32
  <li>
33
- <a href={absUrl("/topic/emoji-reactions")} className="ui-meganav-media group">
33
+ <a href={absUrl("/examples/emoji-reactions")} className="ui-meganav-media group">
34
34
  <p className="ui-meganav-media-heading">Emoji Reactions</p>
35
35
  <p className="ui-meganav-media-copy">React with an emoji to a message.</p>
36
36
  </a>
37
37
  </li>
38
38
  <li>
39
- <a href={absUrl("/topic/activity-feed")} className="ui-meganav-media group">
39
+ <a href={absUrl("/examples/activity-feed")} className="ui-meganav-media group">
40
40
  <p className="ui-meganav-media-heading">Activity Feed</p>
41
41
  <p className="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
42
42
  </a>
43
43
  </li>
44
44
  <li>
45
- <a href={absUrl("/topic/live-charts")} className="ui-meganav-media group">
45
+ <a href={absUrl("/examples/live-charts")} className="ui-meganav-media group">
46
46
  <p className="ui-meganav-media-heading">Live Charts</p>
47
47
  <p className="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
48
48
  </a>
49
49
  </li>
50
50
  <li>
51
- <a href={absUrl("/topic/live-cursors")} className="ui-meganav-media group">
51
+ <a href={absUrl("/examples/live-cursors")} className="ui-meganav-media group">
52
52
  <p className="ui-meganav-media-heading">Live Cursors</p>
53
53
  <p className="ui-meganav-media-copy">Track all cursors in realtime.</p>
54
54
  </a>
55
55
  </li>
56
56
  <li>
57
- <a href={absUrl("/topic/typing-indicator")} className="ui-meganav-media group">
57
+ <a href={absUrl("/examples/typing-indicator")} className="ui-meganav-media group">
58
58
  <p className="ui-meganav-media-heading">Typing Indicator</p>
59
59
  <p className="ui-meganav-media-copy">See when a user is typing a message.</p>
60
60
  </a>
61
61
  </li>
62
62
  </ul>
63
- <FeaturedLink url={absUrl("/topics/live-examples")}>Explore all live examples</FeaturedLink>
63
+ <FeaturedLink url={absUrl("/examples")}>Explore all live examples</FeaturedLink>
64
64
  </div>
65
65
 
66
66
  <div>
package/core/fonts/.DS_Store DELETED
Binary file
package/core/images/.DS_Store DELETED
Binary file
package/src/.DS_Store DELETED
Binary file
package/src/core/.DS_Store DELETED
Binary file
package/src/core/fonts/.DS_Store DELETED
Binary file
package/src/core/images/.DS_Store DELETED
Binary file
package/src/reset/.DS_Store DELETED
Binary file