@ably/ui 8.6.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 (18) hide show
  1. package/core/Flash.jsx +7 -6
  2. package/core/Meganav.jsx +21 -8
  3. package/core/MeganavContentDevelopers.jsx +1 -1
  4. package/core/MeganavContentUseCases.jsx +13 -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 +12 -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 +9 -0
  16. package/src/core/MeganavContentUseCases/component.jsx +9 -0
  17. package/src/core/icons/icon-multi-user-spaces-col.svg +13 -0
  18. 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", {
@@ -4603,7 +4604,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
4603
4604
  className: "ui-meganav-media-heading"
4604
4605
  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4605
4606
  className: "ui-meganav-media-copy"
4606
- }, "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", {
4607
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"
4608
4621
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
4609
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
@@ -319,7 +319,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
319
319
  className: "ui-meganav-media-heading"
320
320
  }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
321
321
  className: "ui-meganav-media-copy"
322
- }, "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", {
323
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"
324
336
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
325
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=