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

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 +13 -1
  2. package/core/MeganavContentDevelopers.jsx +13 -1
  3. package/core/styles.css +1 -1
  4. package/package.json +1 -1
  5. package/src/core/MeganavContentDevelopers/component.html.erb +9 -2
  6. package/src/core/MeganavContentDevelopers/component.jsx +10 -1
  7. package/src/core/styles/text.css +1 -1
  8. package/core/.DS_Store +0 -0
  9. package/core/DropdownMenuPreview/component.js +0 -6
  10. package/core/DropdownMenuPreview.jsx +0 -6
  11. package/core/Meganav/component.js.LICENSE.txt +0 -7
  12. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  13. package/core/Notice/component.js.LICENSE.txt +0 -9
package/core/Meganav.jsx CHANGED
@@ -1025,7 +1025,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
1025
1025
  className: "ui-meganav-media-heading"
1026
1026
  }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1027
1027
  className: "ui-meganav-media-copy"
1028
- }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1028
+ }, "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", {
1029
+ href: absUrl("/reference-guide-multiplayer"),
1030
+ className: "ui-meganav-media-with-image group"
1031
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
1032
+ name: "icon-multi-user-spaces-col",
1033
+ size: "2.5rem"
1034
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1035
+ className: "flex flex-col justify-center"
1036
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1037
+ className: "ui-meganav-media-heading"
1038
+ }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
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", {
1029
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"
1030
1042
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1031
1043
  className: "ui-meganav-overline uppercase",
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -254,7 +254,19 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
254
254
  className: "ui-meganav-media-heading"
255
255
  }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
256
256
  className: "ui-meganav-media-copy"
257
- }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
257
+ }, "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", {
258
+ href: absUrl("/reference-guide-multiplayer"),
259
+ className: "ui-meganav-media-with-image group"
260
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
261
+ name: "icon-multi-user-spaces-col",
262
+ size: "2.5rem"
263
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
264
+ className: "flex flex-col justify-center"
265
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
+ className: "ui-meganav-media-heading"
267
+ }, "Multiplayer reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
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", {
258
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"
259
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
260
272
  className: "ui-meganav-overline uppercase",
package/core/styles.css CHANGED
@@ -347,7 +347,7 @@
347
347
 
348
348
  .ui-text-h4 {
349
349
  @apply font-sans font-medium text-cool-black;
350
- @apply text-h4 uppercase;
350
+ @apply text-h4;
351
351
  @apply tracking-widen-0.1;
352
352
  }
353
353
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "8.7.0-dev.e1c1353",
3
+ "version": "8.7.0-dev.e2257f1",
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
@@ -35,7 +35,6 @@
35
35
  </li>
36
36
  </ul>
37
37
  </div>
38
-
39
38
  <div class="col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0">
40
39
  <ul class="md:mt-40" aria-labelledby="meganav-developers-panel-explore">
41
40
  <li>
@@ -65,9 +64,17 @@
65
64
  </div>
66
65
  <% end %>
67
66
  </li>
67
+ <li>
68
+ <%= link_to abs_url("/reference-guide-multiplayer"), class: "ui-meganav-media-with-image group" do %>
69
+ <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
70
+ <div class="flex flex-col justify-center">
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>
73
+ </div>
74
+ <% end %>
75
+ </li>
68
76
  </ul>
69
77
  </div>
70
-
71
78
  <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">
72
79
  <h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-quick-links">
73
80
  Quick links
package/src/core/MeganavContentDevelopers/component.jsx CHANGED
@@ -71,6 +71,15 @@ const MeganavContentDevelopers = ({ absUrl }) => (
71
71
  </div>
72
72
  </a>
73
73
  </li>
74
+ <li>
75
+ <a href={absUrl("/reference-guide-multiplayer")} className="ui-meganav-media-with-image group">
76
+ <Icon name="icon-multi-user-spaces-col" size="2.5rem" />
77
+ <div className="flex flex-col justify-center">
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>
80
+ </div>
81
+ </a>
82
+ </li>
74
83
  </ul>
75
84
  </div>
76
85
 
@@ -121,7 +130,7 @@ const MeganavContentDevelopers = ({ absUrl }) => (
121
130
  );
122
131
 
123
132
  MeganavContentDevelopers.propTypes = {
124
- absUrl: T.func,
133
+ absUrl: T.func
125
134
  };
126
135
 
127
136
  export default MeganavContentDevelopers;
package/src/core/styles/text.css CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  .ui-text-h4 {
27
27
  @apply font-sans font-medium text-cool-black;
28
- @apply text-h4 uppercase;
28
+ @apply text-h4;
29
29
  @apply tracking-widen-0.1;
30
30
  }
31
31
 
package/core/.DS_Store DELETED
Binary file
package/core/DropdownMenuPreview/component.js DELETED
@@ -1,6 +0,0 @@
1
- /******/ (() => { // webpackBootstrap
2
- /******/ "use strict";
3
- /******/
4
- /******/
5
- /******/ })()
6
- ;
package/core/DropdownMenuPreview.jsx DELETED
@@ -1,6 +0,0 @@
1
- /******/ (() => { // webpackBootstrap
2
- /******/ "use strict";
3
- /******/
4
- /******/
5
- /******/ })()
6
- ;
package/core/Meganav/component.js.LICENSE.txt DELETED
@@ -1,7 +0,0 @@
1
- /*!
2
- * @overview es6-promise - a tiny implementation of Promises/A+.
3
- * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
4
- * @license Licensed under MIT license
5
- * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
6
- * @version v4.2.8+1e68dce6
7
- */
package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt DELETED
@@ -1,7 +0,0 @@
1
- /*!
2
- * @overview es6-promise - a tiny implementation of Promises/A+.
3
- * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
4
- * @license Licensed under MIT license
5
- * See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
6
- * @version v4.2.8+1e68dce6
7
- */
package/core/Notice/component.js.LICENSE.txt DELETED
@@ -1,9 +0,0 @@
1
- /*!
2
- * JavaScript Cookie v2.2.1
3
- * https://github.com/js-cookie/js-cookie
4
- *
5
- * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
6
- * Released under the MIT license
7
- */
8
-
9
- /*! @license DOMPurify | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/2.2.2/LICENSE */