@ably/ui 8.5.0 → 8.7.0-dev.602ecf0

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 (19) hide show
  1. package/core/Flash.jsx +7 -6
  2. package/core/Meganav.jsx +33 -8
  3. package/core/MeganavContentDevelopers.jsx +1 -1
  4. package/core/MeganavContentUseCases.jsx +25 -1
  5. package/core/MeganavContentWhyAbly/component.js +22 -0
  6. package/core/MeganavContentWhyAbly.jsx +3279 -0
  7. package/core/Notice/component.js +1 -1
  8. package/core/Notice.jsx +7 -6
  9. package/core/sprites.svg +37 -0
  10. package/core/styles.css +3 -3
  11. package/package.json +1 -1
  12. package/src/core/Flash/component.jsx +2 -4
  13. package/src/core/MeganavContentDevelopers/component.html.erb +1 -1
  14. package/src/core/MeganavContentDevelopers/component.jsx +1 -1
  15. package/src/core/MeganavContentUseCases/component.html.erb +18 -0
  16. package/src/core/MeganavContentUseCases/component.jsx +18 -0
  17. package/src/core/icons/icon-live-updates-results-metrics-col.svg +26 -0
  18. package/src/core/icons/icon-multi-user-spaces-col.svg +13 -0
  19. package/src/core/styles/text.css +3 -3
package/core/Flash.jsx CHANGED
@@ -1932,13 +1932,14 @@ var Flash = function Flash(_ref) {
1932
1932
  }
1933
1933
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
1934
1934
  type: "button",
1935
- className: "p-0 ml-auto self-start",
1935
+ className: "p-0 ml-auto self-start focus:outline-none",
1936
1936
  onClick: closeFlash
1937
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
1938
- className: "h-24 w-24 transition-colors ui-icon-cool-black"
1939
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
1940
- xlinkHref: "#sprite-close"
1941
- })))));
1937
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
1938
+ name: "icon-gui-close",
1939
+ color: iconColor[type],
1940
+ size: "1.5rem",
1941
+ additionalCSS: "transition-colors"
1942
+ }))));
1942
1943
  };
1943
1944
 
1944
1945
  Flash.propTypes = _objectSpread({}, FlashT);
package/core/Meganav.jsx CHANGED
@@ -3661,13 +3661,14 @@ var Flash = function Flash(_ref) {
3661
3661
  }
3662
3662
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
3663
3663
  type: "button",
3664
- className: "p-0 ml-auto self-start",
3664
+ className: "p-0 ml-auto self-start focus:outline-none",
3665
3665
  onClick: closeFlash
3666
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", {
3667
- className: "h-24 w-24 transition-colors ui-icon-cool-black"
3668
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
3669
- xlinkHref: "#sprite-close"
3670
- })))));
3666
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default, {
3667
+ name: "icon-gui-close",
3668
+ color: iconColor[type],
3669
+ size: "1.5rem",
3670
+ additionalCSS: "transition-colors"
3671
+ }))));
3671
3672
  };
3672
3673
 
3673
3674
  Flash.propTypes = _objectSpread({}, FlashT);
@@ -4346,7 +4347,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
4346
4347
  className: "group ui-meganav-media py-12"
4347
4348
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4348
4349
  className: "ui-meganav-media-heading"
4349
- }, "Github"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4350
+ }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4350
4351
  href: "https://changelog.ably.com/",
4351
4352
  className: "group ui-meganav-media py-12"
4352
4353
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -4568,6 +4569,18 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
4568
4569
  }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
4569
4570
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
4570
4571
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4572
+ href: absUrl("/solutions/live-updates-results-metrics"),
4573
+ className: "ui-meganav-media-with-image group"
4574
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
4575
+ name: "icon-live-updates-results-metrics-col",
4576
+ size: "2.5rem"
4577
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4578
+ className: "flex flex-col justify-center"
4579
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4580
+ className: "ui-meganav-media-heading"
4581
+ }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4582
+ className: "ui-meganav-media-copy"
4583
+ }, "Deliver live updates to keep users informed.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4571
4584
  href: absUrl("/solutions/chat"),
4572
4585
  className: "ui-meganav-media-with-image group"
4573
4586
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
@@ -4591,7 +4604,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
4591
4604
  className: "ui-meganav-media-heading"
4592
4605
  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4593
4606
  className: "ui-meganav-media-copy"
4594
- }, "Power engaging virtual events with realtime features.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4607
+ }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
4608
+ href: absUrl("/solutions/multi-user-virtual-spaces"),
4609
+ className: "ui-meganav-media-with-image group"
4610
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
4611
+ name: "icon-multi-user-spaces-col",
4612
+ size: "2.5rem"
4613
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4614
+ className: "flex flex-col justify-center"
4615
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4616
+ className: "ui-meganav-media-heading"
4617
+ }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4618
+ className: "ui-meganav-media-copy"
4619
+ }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4595
4620
  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"
4596
4621
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
4597
4622
  className: "ui-meganav-overline",
package/core/MeganavContentDevelopers.jsx CHANGED
@@ -365,7 +365,7 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
365
365
  className: "group ui-meganav-media py-12"
366
366
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
367
367
  className: "ui-meganav-media-heading"
368
- }, "Github"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
368
+ }, "GitHub"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
369
369
  href: "https://changelog.ably.com/",
370
370
  className: "group ui-meganav-media py-12"
371
371
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
package/core/MeganavContentUseCases.jsx CHANGED
@@ -284,6 +284,18 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
284
284
  }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
285
285
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
286
286
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
287
+ href: absUrl("/solutions/live-updates-results-metrics"),
288
+ className: "ui-meganav-media-with-image group"
289
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
290
+ name: "icon-live-updates-results-metrics-col",
291
+ size: "2.5rem"
292
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
293
+ className: "flex flex-col justify-center"
294
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
295
+ className: "ui-meganav-media-heading"
296
+ }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
297
+ className: "ui-meganav-media-copy"
298
+ }, "Deliver live updates to keep users informed.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
287
299
  href: absUrl("/solutions/chat"),
288
300
  className: "ui-meganav-media-with-image group"
289
301
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
@@ -307,7 +319,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
307
319
  className: "ui-meganav-media-heading"
308
320
  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
309
321
  className: "ui-meganav-media-copy"
310
- }, "Power engaging virtual events with realtime features.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
322
+ }, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
323
+ href: absUrl("/solutions/multi-user-virtual-spaces"),
324
+ className: "ui-meganav-media-with-image group"
325
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
326
+ name: "icon-multi-user-spaces-col",
327
+ size: "2.5rem"
328
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
329
+ className: "flex flex-col justify-center"
330
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
331
+ className: "ui-meganav-media-heading"
332
+ }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
333
+ className: "ui-meganav-media-copy"
334
+ }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
311
335
  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"
312
336
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
313
337
  className: "ui-meganav-overline",
package/core/MeganavContentWhyAbly/component.js ADDED
@@ -0,0 +1,22 @@
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 if(typeof exports === 'object')
7
+ exports["AblyUi"] = factory();
8
+ else
9
+ root["AblyUi"] = root["AblyUi"] || {}, root["AblyUi"]["Core"] = root["AblyUi"]["Core"] || {}, root["AblyUi"]["Core"]["MeganavContentWhyAbly"] = factory();
10
+ })(this, function() {
11
+ return /******/ (() => { // webpackBootstrap
12
+ var __webpack_exports__ = {};
13
+ /*!*****************************************************!*\
14
+ !*** ./src/core/MeganavContentWhyAbly/component.js ***!
15
+ \*****************************************************/
16
+
17
+ __webpack_exports__ = __webpack_exports__.default;
18
+ /******/ return __webpack_exports__;
19
+ /******/ })()
20
+ ;
21
+ });
22
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9BYmx5VWkuQ29yZS5bbmFtZV0vd2VicGFjay91bml2ZXJzYWxNb2R1bGVEZWZpbml0aW9uIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1Q0FBdUMsdURBQXVEO0FBQzlGLENBQUM7QUFDRCxPIiwiZmlsZSI6ImNvcmUvTWVnYW5hdkNvbnRlbnRXaHlBYmx5L2NvbXBvbmVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbIihmdW5jdGlvbiB3ZWJwYWNrVW5pdmVyc2FsTW9kdWxlRGVmaW5pdGlvbihyb290LCBmYWN0b3J5KSB7XG5cdGlmKHR5cGVvZiBleHBvcnRzID09PSAnb2JqZWN0JyAmJiB0eXBlb2YgbW9kdWxlID09PSAnb2JqZWN0Jylcblx0XHRtb2R1bGUuZXhwb3J0cyA9IGZhY3RvcnkoKTtcblx0ZWxzZSBpZih0eXBlb2YgZGVmaW5lID09PSAnZnVuY3Rpb24nICYmIGRlZmluZS5hbWQpXG5cdFx0ZGVmaW5lKFtdLCBmYWN0b3J5KTtcblx0ZWxzZSBpZih0eXBlb2YgZXhwb3J0cyA9PT0gJ29iamVjdCcpXG5cdFx0ZXhwb3J0c1tcIkFibHlVaVwiXSA9IGZhY3RvcnkoKTtcblx0ZWxzZVxuXHRcdHJvb3RbXCJBYmx5VWlcIl0gPSByb290W1wiQWJseVVpXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXSA9IHJvb3RbXCJBYmx5VWlcIl1bXCJDb3JlXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXVtcIk1lZ2FuYXZDb250ZW50V2h5QWJseVwiXSA9IGZhY3RvcnkoKTtcbn0pKHRoaXMsIGZ1bmN0aW9uKCkge1xucmV0dXJuICJdLCJzb3VyY2VSb290IjoiIn0=