@ably/ui 8.7.0-dev.98edac1 → 8.7.0-dev.994f756

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 (32) hide show
  1. package/README.md +7 -3
  2. package/core/Code/component.js +1 -1
  3. package/core/Code.jsx +24 -4
  4. package/core/Footer/component.css +11 -1
  5. package/core/Footer.jsx +38 -38
  6. package/core/Meganav/component.css +1 -1
  7. package/core/Meganav.jsx +70 -50
  8. package/core/MeganavContentCompany.jsx +13 -1
  9. package/core/MeganavContentPlatform.jsx +8 -8
  10. package/core/MeganavContentUseCases.jsx +49 -41
  11. package/core/sprites.svg +64 -0
  12. package/core/styles.css +1 -1
  13. package/package.json +1 -1
  14. package/src/core/Footer/component.css +11 -1
  15. package/src/core/Footer/component.html.erb +41 -41
  16. package/src/core/Footer/component.jsx +39 -39
  17. package/src/core/Meganav/component.css +1 -1
  18. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  19. package/src/core/MeganavContentCompany/component.jsx +9 -0
  20. package/src/core/MeganavContentPlatform/component.html.erb +6 -6
  21. package/src/core/MeganavContentPlatform/component.jsx +6 -6
  22. package/src/core/MeganavContentUseCases/component.html.erb +42 -38
  23. package/src/core/MeganavContentUseCases/component.jsx +41 -38
  24. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  25. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  26. package/src/core/icons/icon-display-events-col.svg +13 -0
  27. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  28. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  29. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  30. package/src/core/styles/forms.css +1 -1
  31. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  32. package/src/core/utils/syntax-highlighter.js +5 -0
package/README.md CHANGED
@@ -294,10 +294,14 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
294
294
  scripts/pre-release.sh
295
295
  ```
296
296
 
297
- This will do a couple of things:
297
+ This script is a combination of two scripts:
298
298
 
299
- update your local dependencies for ably-ui and run a production build
300
- — release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
299
+ 1. Pre-Release:
300
+
301
+ - update your local dependencies for ably-ui and run a production build
302
+ - release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
303
+
304
+ 2. Update Pre-Release Version:
301
305
 
302
306
  - update the preview app
303
307
  - commit all the above and push to origin
@@ -1 +1 @@
1
- !function(e,i){"object"==typeof exports&&"object"==typeof module?module.exports=i(require("highlight.js/lib/core"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/cpp"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/css"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/dos"),require("highlight.js/lib/languages/elixir"),require("highlight.js/lib/languages/erlang"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/plaintext"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/xml"),require("highlight.js/lib/languages/yaml"),require("highlightjs-curl/src/languages/curl")):"function"==typeof define&&define.amd?define([,,,,,,,,,,,,,,,,,,,,,,,,,],i):"object"==typeof exports?exports.AblyUi=i(require("highlight.js/lib/core"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/cpp"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/css"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/dos"),require("highlight.js/lib/languages/elixir"),require("highlight.js/lib/languages/erlang"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/plaintext"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/xml"),require("highlight.js/lib/languages/yaml"),require("highlightjs-curl/src/languages/curl")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Code=i(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,(function(e,i,l,r,a,g,s,t,h,u,o,n,b,c,d,p,j,y,v,q,x,m,f,k,S,L){return(()=>{"use strict";var w={6187:i=>{i.exports=e},5369:e=>{e.exports=i},3769:e=>{e.exports=l},7951:e=>{e.exports=r},209:e=>{e.exports=a},6765:e=>{e.exports=g},5966:e=>{e.exports=s},2097:e=>{e.exports=t},1228:e=>{e.exports=h},7052:e=>{e.exports=u},6360:e=>{e.exports=o},8749:e=>{e.exports=n},6018:e=>{e.exports=b},4378:e=>{e.exports=c},5306:e=>{e.exports=d},1499:e=>{e.exports=p},6239:e=>{e.exports=j},2290:e=>{e.exports=y},2550:e=>{e.exports=v},1331:e=>{e.exports=q},8894:e=>{e.exports=x},4603:e=>{e.exports=m},5737:e=>{e.exports=f},3201:e=>{e.exports=k},5796:e=>{e.exports=S},3631:e=>{e.exports=L}},C={};function M(e){var i=C[e];if(void 0!==i)return i.exports;var l=C[e]={exports:{}};return w[e](l,l.exports,M),l.exports}M.n=e=>{var i=e&&e.__esModule?()=>e.default:()=>e;return M.d(i,{a:i}),i},M.d=(e,i)=>{for(var l in i)M.o(i,l)&&!M.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:i[l]})},M.o=(e,i)=>Object.prototype.hasOwnProperty.call(e,i);var A={};return(()=>{M.d(A,{default:()=>ee});var e=M(6187),i=M.n(e),l=M(5369),r=M.n(l),a=M(3769),g=M.n(a),s=M(7951),t=M.n(s),h=M(209),u=M.n(h),o=M(6765),n=M.n(o),b=M(2097),c=M.n(b),d=M(5966),p=M.n(d),j=M(7052),y=M.n(j),v=M(1228),q=M.n(v),x=M(2290),m=M.n(x),f=M(6360),k=M.n(f),S=M(8749),L=M.n(S),w=M(6018),C=M.n(w),T=M(4378),U=M.n(T),H=M(5737),O=M.n(H),P=M(5306),D=M.n(P),E=M(1499),J=M.n(E),N=M(6239),R=M.n(N),_=M(2550),G=M.n(_),Q=M(1331),X=M.n(Q),Y=M(4603),z=M.n(Y),B=M(8894),F=M.n(B),I=M(3201),K=M.n(I),V=M(5796),W=M.n(V),Z=M(3631),$=M.n(Z);[{label:"Text",key:"text",module:m()},{label:"JS",key:"javascript",module:U()},{label:"TS",key:"typescript",module:O()},{label:"Java",key:"java",module:C()},{label:"Ruby",key:"ruby",module:X()},{label:"Python",key:"python",module:G()},{label:"PHP",key:"php",module:R()},{label:"Shell",key:"bash",module:r()},{label:"C#",key:"cs",module:t()},{label:"CSS",key:"css",module:u()},{label:"Go",key:"go",module:k()},{label:"HTML",key:"xml",module:K()},{label:"HTTP",key:"http",module:L()},{label:"C++",key:"cpp",module:g()},{label:"Dart",key:"dart",module:n()},{label:"Swift",key:"swift",module:z()},{label:"Objective C",key:"objectivec",module:J()},{label:"Node.js",key:"javascript",module:U()},{label:"JSON",key:"json",module:D()},{label:"DOS",key:"dos",module:c()},{label:"YAML",key:"yaml",module:W()},{label:"Erlang",key:"erlang",module:y()},{label:"Elixir",key:"elixir",module:q()},{label:"Diff",key:"diff",module:p()},{label:"SQL",key:"sql",module:F()},{label:"cURL",key:"curl",module:$()},{label:"HTML",key:"html",module:K()},{label:"XML",key:"xml",module:K()}].forEach((function(e){var l=e.key,r=e.module;return i().registerLanguage(l,r)}));const ee=function(e){if(!e)throw"Missing code element";var l=e.querySelector("pre"),r=e.querySelector("code"),a=l.getAttribute("lang");if(!r||!l||!a)throw"Malformed code element";var g=function(e,l){var r=function(e){var i;switch(e||(e="text"),e.toLowerCase()){case"android":i="java";break;case".net":case"net":case"dotnet":case"csharp":case"c#":i="cs";break;case"objc":case"objective c":i="objectivec";break;case"laravel":i="php";break;case"flutter":i="dart";break;case"node.js":case"js":i="javascript";break;case"ts":i="typescript";break;case"shell":case"fh":case"sh":i="bash";break;case"https":case"http":case"txt":case"plaintext":i="text";break;case"cmd":case"bat":i="dos";break;case"yml":i="yaml";break;case"erl":i="erlang";break;case"patch":i="diff";break;case"svg":i="xml"}return i||e}(e);if("string"==typeof l&&l&&r)return i().highlight(l,{language:r}).value}(a,r.innerHTML);r.innerHTML=g}})(),A.default})()}));
1
+ !function(e,i){"object"==typeof exports&&"object"==typeof module?module.exports=i(require("highlight.js/lib/core"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/cpp"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/css"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/dos"),require("highlight.js/lib/languages/elixir"),require("highlight.js/lib/languages/erlang"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/plaintext"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/xml"),require("highlight.js/lib/languages/yaml"),require("highlightjs-curl/src/languages/curl")):"function"==typeof define&&define.amd?define([,,,,,,,,,,,,,,,,,,,,,,,,,,],i):"object"==typeof exports?exports.AblyUi=i(require("highlight.js/lib/core"),require("highlight.js/lib/languages/bash"),require("highlight.js/lib/languages/cpp"),require("highlight.js/lib/languages/csharp"),require("highlight.js/lib/languages/css"),require("highlight.js/lib/languages/dart"),require("highlight.js/lib/languages/diff"),require("highlight.js/lib/languages/dos"),require("highlight.js/lib/languages/elixir"),require("highlight.js/lib/languages/erlang"),require("highlight.js/lib/languages/go"),require("highlight.js/lib/languages/http"),require("highlight.js/lib/languages/java"),require("highlight.js/lib/languages/javascript"),require("highlight.js/lib/languages/json"),require("highlight.js/lib/languages/kotlin"),require("highlight.js/lib/languages/objectivec"),require("highlight.js/lib/languages/php"),require("highlight.js/lib/languages/plaintext"),require("highlight.js/lib/languages/python"),require("highlight.js/lib/languages/ruby"),require("highlight.js/lib/languages/sql"),require("highlight.js/lib/languages/swift"),require("highlight.js/lib/languages/typescript"),require("highlight.js/lib/languages/xml"),require("highlight.js/lib/languages/yaml"),require("highlightjs-curl/src/languages/curl")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Code=i(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,(function(e,i,l,r,a,g,s,t,h,u,o,n,b,c,d,p,j,y,q,v,x,k,m,f,S,L,w){return(()=>{"use strict";var C={6187:i=>{i.exports=e},5369:e=>{e.exports=i},3769:e=>{e.exports=l},7951:e=>{e.exports=r},209:e=>{e.exports=a},6765:e=>{e.exports=g},5966:e=>{e.exports=s},2097:e=>{e.exports=t},1228:e=>{e.exports=h},7052:e=>{e.exports=u},6360:e=>{e.exports=o},8749:e=>{e.exports=n},6018:e=>{e.exports=b},4378:e=>{e.exports=c},5306:e=>{e.exports=d},1046:e=>{e.exports=p},1499:e=>{e.exports=j},6239:e=>{e.exports=y},2290:e=>{e.exports=q},2550:e=>{e.exports=v},1331:e=>{e.exports=x},8894:e=>{e.exports=k},4603:e=>{e.exports=m},5737:e=>{e.exports=f},3201:e=>{e.exports=S},5796:e=>{e.exports=L},3631:e=>{e.exports=w}},M={};function A(e){var i=M[e];if(void 0!==i)return i.exports;var l=M[e]={exports:{}};return C[e](l,l.exports,A),l.exports}A.n=e=>{var i=e&&e.__esModule?()=>e.default:()=>e;return A.d(i,{a:i}),i},A.d=(e,i)=>{for(var l in i)A.o(i,l)&&!A.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:i[l]})},A.o=(e,i)=>Object.prototype.hasOwnProperty.call(e,i);var T={};return(()=>{A.d(T,{default:()=>le});var e=A(6187),i=A.n(e),l=A(5369),r=A.n(l),a=A(3769),g=A.n(a),s=A(7951),t=A.n(s),h=A(209),u=A.n(h),o=A(6765),n=A.n(o),b=A(2097),c=A.n(b),d=A(5966),p=A.n(d),j=A(7052),y=A.n(j),q=A(1228),v=A.n(q),x=A(2290),k=A.n(x),m=A(6360),f=A.n(m),S=A(8749),L=A.n(S),w=A(6018),C=A.n(w),M=A(4378),U=A.n(M),H=A(5737),O=A.n(H),P=A(5306),D=A.n(P),E=A(1499),J=A.n(E),N=A(6239),R=A.n(N),_=A(2550),G=A.n(_),K=A(1331),Q=A.n(K),X=A(4603),Y=A.n(X),z=A(1046),B=A.n(z),F=A(8894),I=A.n(F),V=A(3201),W=A.n(V),Z=A(5796),$=A.n(Z),ee=A(3631),ie=A.n(ee);[{label:"Text",key:"text",module:k()},{label:"JS",key:"javascript",module:U()},{label:"TS",key:"typescript",module:O()},{label:"Java",key:"java",module:C()},{label:"Ruby",key:"ruby",module:Q()},{label:"Python",key:"python",module:G()},{label:"PHP",key:"php",module:R()},{label:"Shell",key:"bash",module:r()},{label:"C#",key:"cs",module:t()},{label:"CSS",key:"css",module:u()},{label:"Go",key:"go",module:f()},{label:"HTML",key:"xml",module:W()},{label:"HTTP",key:"http",module:L()},{label:"C++",key:"cpp",module:g()},{label:"Dart",key:"dart",module:n()},{label:"Swift",key:"swift",module:Y()},{label:"Kotlin",key:"kotlin",module:B()},{label:"Objective C",key:"objectivec",module:J()},{label:"Node.js",key:"javascript",module:U()},{label:"JSON",key:"json",module:D()},{label:"DOS",key:"dos",module:c()},{label:"YAML",key:"yaml",module:$()},{label:"Erlang",key:"erlang",module:y()},{label:"Elixir",key:"elixir",module:v()},{label:"Diff",key:"diff",module:p()},{label:"SQL",key:"sql",module:I()},{label:"cURL",key:"curl",module:ie()},{label:"HTML",key:"html",module:W()},{label:"XML",key:"xml",module:W()}].forEach((function(e){var l=e.key,r=e.module;return i().registerLanguage(l,r)}));const le=function(e){if(!e)throw"Missing code element";var l=e.querySelector("pre"),r=e.querySelector("code"),a=l.getAttribute("lang");if(!r||!l||!a)throw"Malformed code element";var g=function(e,l){var r=function(e){var i;switch(e||(e="text"),e.toLowerCase()){case"android":i="java";break;case".net":case"net":case"dotnet":case"csharp":case"c#":i="cs";break;case"objc":case"objective c":i="objectivec";break;case"laravel":i="php";break;case"flutter":i="dart";break;case"node.js":case"js":i="javascript";break;case"ts":i="typescript";break;case"kotlin":case"kt":i="kotlin";break;case"shell":case"fh":case"sh":i="bash";break;case"https":case"http":case"txt":case"plaintext":i="text";break;case"cmd":case"bat":i="dos";break;case"yml":i="yaml";break;case"erl":i="erlang";break;case"patch":i="diff";break;case"svg":i="xml"}return i||e}(e);if("string"==typeof l&&l&&r)return i().highlight(l,{language:r}).value}(a,r.innerHTML);r.innerHTML=g}})(),T.default})()}));
package/core/Code.jsx CHANGED
@@ -1,13 +1,13 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("prop-types"), require("highlight.js/lib/core"), require("highlight.js/lib/languages/bash"), require("highlight.js/lib/languages/cpp"), require("highlight.js/lib/languages/csharp"), require("highlight.js/lib/languages/css"), require("highlight.js/lib/languages/dart"), require("highlight.js/lib/languages/dos"), require("highlight.js/lib/languages/diff"), require("highlight.js/lib/languages/erlang"), require("highlight.js/lib/languages/elixir"), require("highlight.js/lib/languages/plaintext"), require("highlight.js/lib/languages/go"), require("highlight.js/lib/languages/http"), require("highlight.js/lib/languages/java"), require("highlight.js/lib/languages/javascript"), require("highlight.js/lib/languages/typescript"), require("highlight.js/lib/languages/json"), require("highlight.js/lib/languages/objectivec"), require("highlight.js/lib/languages/php"), require("highlight.js/lib/languages/python"), require("highlight.js/lib/languages/ruby"), require("highlight.js/lib/languages/swift"), require("highlight.js/lib/languages/sql"), require("highlight.js/lib/languages/xml"), require("highlight.js/lib/languages/yaml"), require("highlightjs-curl/src/languages/curl"));
3
+ module.exports = factory(require("react"), require("prop-types"), require("highlight.js/lib/core"), require("highlight.js/lib/languages/bash"), require("highlight.js/lib/languages/cpp"), require("highlight.js/lib/languages/csharp"), require("highlight.js/lib/languages/css"), require("highlight.js/lib/languages/dart"), require("highlight.js/lib/languages/dos"), require("highlight.js/lib/languages/diff"), require("highlight.js/lib/languages/erlang"), require("highlight.js/lib/languages/elixir"), require("highlight.js/lib/languages/plaintext"), require("highlight.js/lib/languages/go"), require("highlight.js/lib/languages/http"), require("highlight.js/lib/languages/java"), require("highlight.js/lib/languages/javascript"), require("highlight.js/lib/languages/typescript"), require("highlight.js/lib/languages/json"), require("highlight.js/lib/languages/objectivec"), require("highlight.js/lib/languages/php"), require("highlight.js/lib/languages/python"), require("highlight.js/lib/languages/ruby"), require("highlight.js/lib/languages/swift"), require("highlight.js/lib/languages/kotlin"), require("highlight.js/lib/languages/sql"), require("highlight.js/lib/languages/xml"), require("highlight.js/lib/languages/yaml"), require("highlightjs-curl/src/languages/curl"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- define([, , , , , , , , , , , , , , , , , , , , , , , , , , , ], factory);
5
+ define([, , , , , , , , , , , , , , , , , , , , , , , , , , , , ], factory);
6
6
  else {
7
- var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("highlight.js/lib/core"), require("highlight.js/lib/languages/bash"), require("highlight.js/lib/languages/cpp"), require("highlight.js/lib/languages/csharp"), require("highlight.js/lib/languages/css"), require("highlight.js/lib/languages/dart"), require("highlight.js/lib/languages/dos"), require("highlight.js/lib/languages/diff"), require("highlight.js/lib/languages/erlang"), require("highlight.js/lib/languages/elixir"), require("highlight.js/lib/languages/plaintext"), require("highlight.js/lib/languages/go"), require("highlight.js/lib/languages/http"), require("highlight.js/lib/languages/java"), require("highlight.js/lib/languages/javascript"), require("highlight.js/lib/languages/typescript"), require("highlight.js/lib/languages/json"), require("highlight.js/lib/languages/objectivec"), require("highlight.js/lib/languages/php"), require("highlight.js/lib/languages/python"), require("highlight.js/lib/languages/ruby"), require("highlight.js/lib/languages/swift"), require("highlight.js/lib/languages/sql"), require("highlight.js/lib/languages/xml"), require("highlight.js/lib/languages/yaml"), require("highlightjs-curl/src/languages/curl")) : factory(root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined]);
7
+ var a = typeof exports === 'object' ? factory(require("react"), require("prop-types"), require("highlight.js/lib/core"), require("highlight.js/lib/languages/bash"), require("highlight.js/lib/languages/cpp"), require("highlight.js/lib/languages/csharp"), require("highlight.js/lib/languages/css"), require("highlight.js/lib/languages/dart"), require("highlight.js/lib/languages/dos"), require("highlight.js/lib/languages/diff"), require("highlight.js/lib/languages/erlang"), require("highlight.js/lib/languages/elixir"), require("highlight.js/lib/languages/plaintext"), require("highlight.js/lib/languages/go"), require("highlight.js/lib/languages/http"), require("highlight.js/lib/languages/java"), require("highlight.js/lib/languages/javascript"), require("highlight.js/lib/languages/typescript"), require("highlight.js/lib/languages/json"), require("highlight.js/lib/languages/objectivec"), require("highlight.js/lib/languages/php"), require("highlight.js/lib/languages/python"), require("highlight.js/lib/languages/ruby"), require("highlight.js/lib/languages/swift"), require("highlight.js/lib/languages/kotlin"), require("highlight.js/lib/languages/sql"), require("highlight.js/lib/languages/xml"), require("highlight.js/lib/languages/yaml"), require("highlightjs-curl/src/languages/curl")) : factory(root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__, __WEBPACK_EXTERNAL_MODULE__6187__, __WEBPACK_EXTERNAL_MODULE__5369__, __WEBPACK_EXTERNAL_MODULE__3769__, __WEBPACK_EXTERNAL_MODULE__7951__, __WEBPACK_EXTERNAL_MODULE__209__, __WEBPACK_EXTERNAL_MODULE__6765__, __WEBPACK_EXTERNAL_MODULE__2097__, __WEBPACK_EXTERNAL_MODULE__5966__, __WEBPACK_EXTERNAL_MODULE__7052__, __WEBPACK_EXTERNAL_MODULE__1228__, __WEBPACK_EXTERNAL_MODULE__2290__, __WEBPACK_EXTERNAL_MODULE__6360__, __WEBPACK_EXTERNAL_MODULE__8749__, __WEBPACK_EXTERNAL_MODULE__6018__, __WEBPACK_EXTERNAL_MODULE__4378__, __WEBPACK_EXTERNAL_MODULE__5737__, __WEBPACK_EXTERNAL_MODULE__5306__, __WEBPACK_EXTERNAL_MODULE__1499__, __WEBPACK_EXTERNAL_MODULE__6239__, __WEBPACK_EXTERNAL_MODULE__2550__, __WEBPACK_EXTERNAL_MODULE__1331__, __WEBPACK_EXTERNAL_MODULE__4603__, __WEBPACK_EXTERNAL_MODULE__8894__, __WEBPACK_EXTERNAL_MODULE__3201__, __WEBPACK_EXTERNAL_MODULE__5796__, __WEBPACK_EXTERNAL_MODULE__3631__) {
10
+ })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__, __WEBPACK_EXTERNAL_MODULE__6187__, __WEBPACK_EXTERNAL_MODULE__5369__, __WEBPACK_EXTERNAL_MODULE__3769__, __WEBPACK_EXTERNAL_MODULE__7951__, __WEBPACK_EXTERNAL_MODULE__209__, __WEBPACK_EXTERNAL_MODULE__6765__, __WEBPACK_EXTERNAL_MODULE__2097__, __WEBPACK_EXTERNAL_MODULE__5966__, __WEBPACK_EXTERNAL_MODULE__7052__, __WEBPACK_EXTERNAL_MODULE__1228__, __WEBPACK_EXTERNAL_MODULE__2290__, __WEBPACK_EXTERNAL_MODULE__6360__, __WEBPACK_EXTERNAL_MODULE__8749__, __WEBPACK_EXTERNAL_MODULE__6018__, __WEBPACK_EXTERNAL_MODULE__4378__, __WEBPACK_EXTERNAL_MODULE__5737__, __WEBPACK_EXTERNAL_MODULE__5306__, __WEBPACK_EXTERNAL_MODULE__1499__, __WEBPACK_EXTERNAL_MODULE__6239__, __WEBPACK_EXTERNAL_MODULE__2550__, __WEBPACK_EXTERNAL_MODULE__1331__, __WEBPACK_EXTERNAL_MODULE__4603__, __WEBPACK_EXTERNAL_MODULE__1046__, __WEBPACK_EXTERNAL_MODULE__8894__, __WEBPACK_EXTERNAL_MODULE__3201__, __WEBPACK_EXTERNAL_MODULE__5796__, __WEBPACK_EXTERNAL_MODULE__3631__) {
11
11
  return /******/ (() => { // webpackBootstrap
12
12
  /******/ "use strict";
13
13
  /******/ var __webpack_modules__ = ({
@@ -117,6 +117,13 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5306__;
117
117
 
118
118
  /***/ }),
119
119
 
120
+ /***/ 1046:
121
+ /***/ ((module) => {
122
+
123
+ module.exports = __WEBPACK_EXTERNAL_MODULE__1046__;
124
+
125
+ /***/ }),
126
+
120
127
  /***/ 1499:
121
128
  /***/ ((module) => {
122
129
 
@@ -341,6 +348,11 @@ var languageToHighlightKey = function languageToHighlightKey(lang) {
341
348
  id = "typescript";
342
349
  break;
343
350
 
351
+ case "kotlin":
352
+ case "kt":
353
+ id = "kotlin";
354
+ break;
355
+
344
356
  case "shell":
345
357
  case "fh":
346
358
  case "sh":
@@ -462,6 +474,9 @@ var ruby_default = /*#__PURE__*/__webpack_require__.n(ruby_);
462
474
  // EXTERNAL MODULE: external {"commonjs":"highlight.js/lib/languages/swift","commonjs2":"highlight.js/lib/languages/swift"}
463
475
  var swift_ = __webpack_require__(4603);
464
476
  var swift_default = /*#__PURE__*/__webpack_require__.n(swift_);
477
+ // EXTERNAL MODULE: external {"commonjs":"highlight.js/lib/languages/kotlin","commonjs2":"highlight.js/lib/languages/kotlin"}
478
+ var kotlin_ = __webpack_require__(1046);
479
+ var kotlin_default = /*#__PURE__*/__webpack_require__.n(kotlin_);
465
480
  // EXTERNAL MODULE: external {"commonjs":"highlight.js/lib/languages/sql","commonjs2":"highlight.js/lib/languages/sql"}
466
481
  var sql_ = __webpack_require__(8894);
467
482
  var sql_default = /*#__PURE__*/__webpack_require__.n(sql_);
@@ -500,6 +515,7 @@ var curl_default = /*#__PURE__*/__webpack_require__.n(curl_);
500
515
 
501
516
 
502
517
 
518
+
503
519
 
504
520
 
505
521
  var registry = [{
@@ -566,6 +582,10 @@ var registry = [{
566
582
  label: "Swift",
567
583
  key: "swift",
568
584
  module: (swift_default())
585
+ }, {
586
+ label: "Kotlin",
587
+ key: "kotlin",
588
+ module: (kotlin_default())
569
589
  }, {
570
590
  label: "Objective C",
571
591
  key: "objectivec",
@@ -8,13 +8,23 @@
8
8
  }
9
9
 
10
10
  .ui-footer-link {
11
- @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
11
+ @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
12
12
  }
13
13
 
14
14
  .ui-footer-compliance-text {
15
15
  font-size: 12px;
16
16
  }
17
17
 
18
+ .ui-footer-tick-icon {
19
+ min-width: 1.5rem;
20
+ }
21
+
22
+ @media (max-width: 1040px) {
23
+ .ui-footer-bottom-links {
24
+ @apply pb-40;
25
+ }
26
+ }
27
+
18
28
  @media screen {
19
29
  .ui-footer-glassdoor {
20
30
  display: none;
package/core/Footer.jsx CHANGED
@@ -191,9 +191,9 @@ function Footer(_ref) {
191
191
  className: "bg-light-grey font-sans antialiased",
192
192
  "data-id": "footer"
193
193
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
194
- className: "max-w-screen-xl mx-auto py-32 sm:py-40 lg:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"
194
+ className: "max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6"
195
195
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
196
- className: "col-span-full lg:col-span-2"
196
+ className: "col-span-full md:col-span-2"
197
197
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
198
198
  className: "flex flex-row p-menu-row-snug"
199
199
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
@@ -203,11 +203,11 @@ function Footer(_ref) {
203
203
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
204
204
  className: "text-overline2 col-span-full font-medium uppercase tracking-widen-0.1"
205
205
  }, "The Ably Platform")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
206
- className: "grid grid-cols-4 lg:col-span-2"
206
+ className: "md:col-span-4 md:w-3/4 xs:w-3/5 w-full"
207
207
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
208
- className: "text-p3 py-16 font-medium p-menu-row-snug col-span-3"
208
+ className: "text-p3 py-16 font-medium p-menu-row-snug"
209
209
  }, "Easily power any realtime experience in your application via a simple API that handles everything realtime.")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", {
210
- className: "grid xs:grid-cols-2 gap-x-8 md:gap-x-24 xl:gap-x-32 md:grid-cols-1"
210
+ className: "grid grid-cols-1"
211
211
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
212
212
  className: "p-menu-row-snug"
213
213
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
@@ -234,7 +234,7 @@ function Footer(_ref) {
234
234
  href: absUrl("/hub"),
235
235
  className: "ui-footer-menu-row-link"
236
236
  }, "Streaming data sources")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
237
- className: "col-span-full xs:col-span-3 lg:col-span-1"
237
+ className: "col-span-full xs:col-span-3 md:col-span-1"
238
238
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
239
239
  className: "ui-footer-col-title"
240
240
  }, "Ably is for"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -293,7 +293,7 @@ function Footer(_ref) {
293
293
  href: absUrl("/solutions/iot-and-connected-devices"),
294
294
  className: "ui-footer-menu-row-link"
295
295
  }, "IoT & Connected Devices")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
296
- className: "col-span-full xs:col-span-3 lg:col-span-1"
296
+ className: "col-span-full xs:col-span-3 md:col-span-1"
297
297
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
298
298
  className: "ui-footer-col-title"
299
299
  }, "Developers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -327,19 +327,19 @@ function Footer(_ref) {
327
327
  href: absUrl("/download"),
328
328
  className: "ui-footer-menu-row-link"
329
329
  }, "SDKs")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
330
- className: "p-menu-row-snug flex items-center"
330
+ className: "p-menu-row-snug flex items-center -mt-4"
331
331
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
332
332
  className: "pr-8 ui-footer-menu-row-link",
333
333
  href: "https://status.ably.com/"
334
334
  }, "System status"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("iframe", {
335
- className: "w-24 h-24 mt-4",
335
+ className: "w-20 h-20 mb-2",
336
336
  src: "https://status.ably.com/embed/icon",
337
337
  allowtransparency: "true",
338
338
  frameBorder: "0",
339
339
  scrolling: "no",
340
340
  title: "System Status"
341
341
  })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
342
- className: "col-span-full xs:col-span-3 lg:col-span-1"
342
+ className: "col-span-full xs:col-span-3 md:col-span-1"
343
343
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
344
344
  className: "ui-footer-col-title"
345
345
  }, "WHY ABLY"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -373,7 +373,7 @@ function Footer(_ref) {
373
373
  href: absUrl("/integrations"),
374
374
  className: "ui-footer-menu-row-link"
375
375
  }, "Third-party integrations")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
376
- className: "col-span-full xs:col-span-3 lg:col-span-1"
376
+ className: "col-span-full xs:col-span-3 md:col-span-1"
377
377
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("h2", {
378
378
  className: "ui-footer-col-title"
379
379
  }, "ABOUT"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
@@ -414,17 +414,17 @@ function Footer(_ref) {
414
414
  }, "Contact us"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
415
415
  className: "max-w-screen-xl ui-grid-px mx-auto"
416
416
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
417
- className: "border-t border-mid-grey"
417
+ className: "border-t border-mid-grey my-0"
418
418
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
419
- className: "max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2"
419
+ className: "max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2"
420
420
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
421
- className: ""
421
+ className: "md:flex md:items-center"
422
422
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
423
- className: "flex flex-col lg:flex-row flex-auto ml-8 sm:col-span-1 lg:col-span-2"
423
+ className: "flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2"
424
424
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
425
425
  className: ""
426
426
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
427
- className: "flex items-center pb-24"
427
+ className: "flex pb-24"
428
428
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
429
429
  className: "h-24 pr-24 text-cool-black hover:text-icon-twitter",
430
430
  href: "https://twitter.com/ablyrealtime",
@@ -456,7 +456,7 @@ function Footer(_ref) {
456
456
  })))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
457
457
  className: "xs:hidden sm:block ui-footer-glassdoor"
458
458
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
459
- className: "flex sm:pt-24 lg:pt-0 sm:border-t sm:border-l-0 lg:border-t-0 lg:border-l sm:border-mid-grey sm:w-3/4 lg:w-full lg:pl-24"
459
+ className: "flex sm:pt-24 md:pt-0 sm:border-t sm:border-l-0 md:border-t-0 md:border-l sm:border-mid-grey sm:w-3/4 md:w-full md:pl-24"
460
460
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
461
461
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
462
462
  className: "h-24 text-cool-black hover:text-icon-glassdoor",
@@ -478,7 +478,7 @@ function Footer(_ref) {
478
478
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
479
479
  className: "flex py-24"
480
480
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
481
- className: "h-24 pr-24 text-cool-black hover:text-icon-glassdoor",
481
+ className: "h-24 pr-16 text-cool-black hover:text-icon-glassdoor",
482
482
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
483
483
  title: "Ably reviews on glassdoor"
484
484
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
@@ -492,29 +492,29 @@ function Footer(_ref) {
492
492
  href: "https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm",
493
493
  className: "ui-footer-link"
494
494
  }, "Learn more at Glassdoor"))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
495
- className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto"
495
+ className: "col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center"
496
496
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
497
- className: "mr-24 w-96 h-96",
497
+ className: "mr-24 h-80",
498
498
  src: paths.highestUserAdoption,
499
499
  alt: "Highest User Adoption 2022"
500
500
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
501
- className: "mr-24 w-96 h-96",
501
+ className: "mr-24 h-80",
502
502
  src: paths.usersLoveUs,
503
503
  alt: "Users Love Us"
504
504
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("img", {
505
- className: "mr-24 w-96 h-96",
505
+ className: "mr-24 h-80",
506
506
  src: paths.highestPerformer,
507
507
  alt: "High Performer 2022"
508
508
  }))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
509
509
  className: "max-w-screen-xl ui-grid-px mx-auto"
510
510
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("hr", {
511
- className: "border-t border-mid-grey"
511
+ className: "border-t border-mid-grey my-0"
512
512
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
513
- className: "max-w-screen-xl mx-auto py-24 md:py-40 lg:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px "
513
+ className: "max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px"
514
514
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
515
- className: "flex flex-col flex-auto pb-40 ml-8 col-span-full md:col-span-1"
515
+ className: "flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links"
516
516
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
517
- className: "pl-16 "
517
+ className: "flex"
518
518
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
519
519
  href: absUrl("/privacy"),
520
520
  className: "pr-24 ui-footer-link"
@@ -528,49 +528,49 @@ function Footer(_ref) {
528
528
  href: absUrl("/privacy"),
529
529
  className: "ui-footer-link"
530
530
  }, "Privacy"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
531
- className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 md:pl-0 "
531
+ className: "xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end"
532
532
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
533
533
  className: "flex mr-24"
534
534
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
535
535
  name: "icon-gui-tick",
536
536
  color: "text-active-orange",
537
537
  size: "1.5rem",
538
- additionalCSS: "bg-white rounded-full mr-12"
538
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
539
539
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
540
- className: "ui-footer-compliance-text font-medium"
540
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
541
541
  }, "SOC 2 Type 2"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
542
542
  className: "ui-footer-compliance-text font-light mb-24"
543
543
  }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
544
- className: "flex mr-24 sm:col-start-2"
544
+ className: "flex mr-24 md:col-start-2"
545
545
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
546
546
  name: "icon-gui-tick",
547
547
  color: "text-active-orange",
548
548
  size: "1.5rem",
549
- additionalCSS: "bg-white rounded-full mr-12"
549
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
550
550
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
551
- className: "ui-footer-compliance-text font-medium"
551
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
552
552
  }, "HIPAA"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
553
553
  className: "ui-footer-compliance-text font-light mb-24"
554
554
  }, "Compliant"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
555
- className: "flex mr-24 sm:col-start-3"
555
+ className: "flex mr-24 md:col-start-3"
556
556
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
557
557
  name: "icon-gui-tick",
558
558
  color: "text-active-orange",
559
559
  size: "1.5rem",
560
- additionalCSS: "bg-white rounded-full mr-12"
560
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
561
561
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
562
- className: "ui-footer-compliance-text font-medium"
562
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
563
563
  }, "EU GDPR"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
564
564
  className: "ui-footer-compliance-text font-light mb-24"
565
565
  }, "Certified"))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
566
- className: "flex mr-24 sm:col-start-4"
566
+ className: "flex mr-24 md:col-start-4"
567
567
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(component.default, {
568
568
  name: "icon-gui-tick",
569
569
  color: "text-active-orange",
570
570
  size: "1.5rem",
571
- additionalCSS: "bg-white rounded-full mr-12"
571
+ additionalCSS: "bg-white rounded-full mr-12 ui-footer-tick-icon"
572
572
  }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
573
- className: "ui-footer-compliance-text font-medium"
573
+ className: "ui-footer-compliance-text font-medium whitespace-nowrap"
574
574
  }, "256-bit AES"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
575
575
  className: "ui-footer-compliance-text font-light mb-24"
576
576
  }, "Encryption"))))));
@@ -95,7 +95,7 @@
95
95
  grid-template-rows: min-content 1fr;
96
96
 
97
97
  @apply block px-8 py-8 hover:bg-light-grey rounded relative -left-8 w-extend-8;
98
- @apply grid gap-x-8;
98
+ @apply grid gap-x-16;
99
99
  }
100
100
 
101
101
  .ui-meganav-media-heading {
package/core/Meganav.jsx CHANGED
@@ -888,7 +888,19 @@ var MeganavContentCompany = function MeganavContentCompany(_ref) {
888
888
  className: "ui-meganav-media-heading"
889
889
  }, "Careers"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
890
890
  className: "ui-meganav-media-copy"
891
- }, "Discover our open roles and core Ably values.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(BlogPostsList, {
891
+ }, "Discover our open roles and core Ably values.")))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
892
+ href: absUrl("/events"),
893
+ className: "ui-meganav-media-with-image group"
894
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
895
+ name: "icon-display-events-col",
896
+ size: "2.5rem"
897
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
898
+ className: "flex flex-col justify-center"
899
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
900
+ className: "ui-meganav-media-heading"
901
+ }, "Events"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
902
+ className: "ui-meganav-media-copy"
903
+ }, "Join Ably at upcoming events.")))))), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(BlogPostsList, {
892
904
  absUrl: absUrl
893
905
  })), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
894
906
  className: "ui-meganav-content-spacer"
@@ -1135,13 +1147,6 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1135
1147
  }, "Activity Feed"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1136
1148
  className: "ui-meganav-media-copy"
1137
1149
  }, "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", {
1138
- href: absUrl("/examples/live-charts"),
1139
- className: "ui-meganav-media group"
1140
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1141
- className: "ui-meganav-media-heading"
1142
- }, "Live Charts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1143
- className: "ui-meganav-media-copy"
1144
- }, "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", {
1145
1150
  href: absUrl("/examples/live-cursors"),
1146
1151
  className: "ui-meganav-media group"
1147
1152
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -1155,7 +1160,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
1155
1160
  className: "ui-meganav-media-heading"
1156
1161
  }, "Typing Indicator"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1157
1162
  className: "ui-meganav-media-copy"
1158
- }, "See when a user is typing a message.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1163
+ }, "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", {
1164
+ href: absUrl("/examples/chat-admin-privileges"),
1165
+ className: "ui-meganav-media group"
1166
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1167
+ className: "ui-meganav-media-heading"
1168
+ }, "Chat Admin Privileges"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1169
+ className: "ui-meganav-media-copy"
1170
+ }, "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, {
1159
1171
  url: absUrl("/examples"),
1160
1172
  textSize: "text-p3"
1161
1173
  }, "Explore all live examples")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -1249,58 +1261,82 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1249
1261
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1250
1262
  className: "ui-meganav-overline",
1251
1263
  id: "meganav-use-cases-panel-use-cases"
1252
- }, "Use cases"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1264
+ }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1253
1265
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
1254
1266
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1255
- href: absUrl("/solutions/live-updates-results-metrics"),
1267
+ href: absUrl("/solutions/chat"),
1256
1268
  className: "ui-meganav-media-with-image group"
1257
1269
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1258
- name: "icon-live-updates-results-metrics-col",
1270
+ name: "icon-display-chat-stack-col",
1259
1271
  size: "2.5rem"
1260
1272
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1261
1273
  className: "flex flex-col justify-center"
1262
1274
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1263
1275
  className: "ui-meganav-media-heading"
1264
- }, "Live updates, results & metrics"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1276
+ }, "Live Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1265
1277
  className: "ui-meganav-media-copy"
1266
- }, "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", {
1267
- href: absUrl("/solutions/chat"),
1278
+ }, "Deliver highly reliable chat experiences at scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1279
+ href: absUrl("/solutions/multiplayer-collaboration"),
1268
1280
  className: "ui-meganav-media-with-image group"
1269
1281
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1270
- name: "icon-display-chat-stack-col",
1282
+ name: "icon-multi-user-spaces-col",
1271
1283
  size: "2.5rem"
1272
1284
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1273
1285
  className: "flex flex-col justify-center"
1274
1286
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1275
1287
  className: "ui-meganav-media-heading"
1276
- }, "Chat"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1288
+ }, "Multiplayer Collaboration"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1277
1289
  className: "ui-meganav-media-copy"
1278
- }, "Deliver highly reliable chat experiences at scale. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1279
- href: absUrl("/solutions/virtual-events"),
1290
+ }, "Bring collaborative multiplayer experiences to your users.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1291
+ href: absUrl("/solutions/data-broadcast"),
1280
1292
  className: "ui-meganav-media-with-image group"
1281
1293
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1282
- name: "icon-display-virtual-events-col",
1294
+ name: "icon-display-data-broadcast-col",
1283
1295
  size: "2.5rem"
1284
1296
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1285
1297
  className: "flex flex-col justify-center"
1286
1298
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1287
1299
  className: "ui-meganav-media-heading"
1288
- }, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1300
+ }, "Data Broadcast"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1289
1301
  className: "ui-meganav-media-copy"
1290
- }, "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", {
1291
- href: absUrl("/solutions/multi-user-virtual-spaces"),
1302
+ }, "Broadcast realtime event data to millions of devices around the globe.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1303
+ href: absUrl("/solutions/data-synchronization"),
1292
1304
  className: "ui-meganav-media-with-image group"
1293
1305
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1294
- name: "icon-multi-user-spaces-col",
1306
+ name: "icon-display-data-synchronization-col",
1295
1307
  size: "2.5rem"
1296
1308
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1297
1309
  className: "flex flex-col justify-center"
1298
1310
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1299
1311
  className: "ui-meganav-media-heading"
1300
- }, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1312
+ }, "Data Synchronization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1301
1313
  className: "ui-meganav-media-copy"
1302
- }, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1303
- 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"
1314
+ }, "Keep your frontend and backend in realtime sync, at global scale.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1315
+ href: absUrl("/push-notifications"),
1316
+ className: "ui-meganav-media-with-image group"
1317
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1318
+ name: "icon-display-push-notifications-col",
1319
+ size: "2.5rem"
1320
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1321
+ className: "flex flex-col justify-center"
1322
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1323
+ className: "ui-meganav-media-heading"
1324
+ }, "Notifications"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1325
+ className: "ui-meganav-media-copy"
1326
+ }, "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", {
1327
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
1328
+ className: "ui-meganav-media-with-image group"
1329
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
1330
+ name: "icon-display-kafka-at-the-edge-col",
1331
+ size: "2.5rem"
1332
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1333
+ className: "flex flex-col justify-center"
1334
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1335
+ className: "ui-meganav-media-heading"
1336
+ }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1337
+ className: "ui-meganav-media-copy"
1338
+ }, "Reliably expand Kafka\u2019s event streaming beyond your private network.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1339
+ 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"
1304
1340
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1305
1341
  className: "ui-meganav-overline",
1306
1342
  id: "meganav-use-cases-panel-industry"
@@ -1341,7 +1377,12 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1341
1377
  className: "ui-meganav-media-heading"
1342
1378
  }, "Healthcare (HIPAA)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1343
1379
  className: "ui-meganav-media-copy"
1344
- }, "Provide trustworthy, HIPAA-compliant realtime apps."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1380
+ }, "Provide trustworthy, HIPAA-compliant realtime apps."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1381
+ className: "col-span-full md:col-span-4 pt-0 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
1382
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1383
+ "aria-labelledby": "meganav-use-cases-panel-solutions",
1384
+ className: "mt-0 md:mt-40"
1385
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1345
1386
  href: absUrl("/solutions/ecommerce-and-retail"),
1346
1387
  className: "ui-meganav-media group"
1347
1388
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
@@ -1369,28 +1410,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
1369
1410
  className: "ui-meganav-media-heading"
1370
1411
  }, "IoT & Connected Devices"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1371
1412
  className: "ui-meganav-media-copy"
1372
- }, "Monitor and control global IoT deployments in realtime."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1373
- 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"
1374
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
1375
- className: "ui-meganav-overline",
1376
- id: "meganav-use-cases-panel-solutions"
1377
- }, "Solutions"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
1378
- "aria-labelledby": "meganav-use-cases-panel-solutions"
1379
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1380
- href: absUrl("/solutions/extend-kafka-to-the-edge"),
1381
- className: "ui-meganav-media group"
1382
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1383
- className: "ui-meganav-media-heading"
1384
- }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1385
- className: "ui-meganav-media-copy"
1386
- }, "Reliably expand Kafka\u2019s event streaming beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
1387
- href: absUrl("/solutions/asset-tracking"),
1388
- className: "ui-meganav-media group"
1389
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1390
- className: "ui-meganav-media-heading"
1391
- }, "Asset Tracking"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
1392
- className: "ui-meganav-media-copy"
1393
- }, "Track assets in realtime with a solution optimised for last mile logistics.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1413
+ }, "Monitor and control global IoT deployments in realtime.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
1394
1414
  className: "ui-meganav-content-spacer"
1395
1415
  }));
1396
1416
  };