@ably/ui 15.3.0-dev.50f0faf0 → 15.3.0

package/core/Logo.js

@@ -1 +1 @@
-import React from"react";import LogoAsset from"./images/ably-logo.svg";const Logo=({dataId,logoUrl,logoAlt,href="/",additionalImgAttrs,additionalLinkAttrs})=>React.createElement("a",{href:href,"data-id":dataId,className:"block",style:{height:"2.125rem"},...additionalLinkAttrs},React.createElement("img",{src:logoUrl??LogoAsset,width:"108px",alt:logoAlt??"Ably logo",...additionalImgAttrs}));export default React.memo(Logo);
+import React from"react";import LogoAssetMonoStacked from"./images/logo/ably-logo-mono-stacked.svg";import LogoAssetMonoWhiteStacked from"./images/logo/ably-logo-mono-white-stacked.svg";import LogoAssetMonoWhite from"./images/logo/ably-logo-mono-white.svg";import LogoAssetMono from"./images/logo/ably-logo-mono.svg";import LogoAssetStacked from"./images/logo/ably-logo-stacked.svg";import LogoAssetWhiteStacked from"./images/logo/ably-logo-white-stacked.svg";import LogoAssetWhite from"./images/logo/ably-logo-white.svg";import LogoAsset from"./images/logo/ably-logo.svg";const Logo=({dataId,href="/",additionalImgAttrs,additionalLinkAttrs,theme="light",variant="default",orientation="default",logoUrl,logoAlt="Ably logo"})=>{const getLogoSrc=React.useCallback(()=>{if(logoUrl)return logoUrl;if(theme==="dark"){if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoWhiteStacked:LogoAssetMonoWhite}else{return orientation==="stacked"?LogoAssetWhiteStacked:LogoAssetWhite}}else{if(variant==="mono"){return orientation==="stacked"?LogoAssetMonoStacked:LogoAssetMono}else{return orientation==="stacked"?LogoAssetStacked:LogoAsset}}},[logoUrl,theme,variant,orientation]);const logoSrc=getLogoSrc();return React.createElement("a",{href:href,"data-id":dataId,className:"block",...additionalLinkAttrs},React.createElement("img",{src:logoSrc,width:"108px",alt:logoAlt,...additionalImgAttrs}))};export default React.memo(Logo);

package/core/Status.js

@@ -1 +1 @@
-import React from"react";import useSWR from"swr";import cn from"./utils/cn";import Icon from"./Icon";export const StatusUrl="https://ntqy1wz94gjv.statuspage.io/api/v2/status.json";const fetcher=url=>fetch(url).then(res=>res.json());const indicatorClass=indicator=>{switch(indicator){case"none":return"bg-green-500";case"operational":return"bg-green-500";case"minor":return"bg-yellow-500";case"major":return"bg-orange-500";case"critical":return"bg-orange-800";default:return"bg-neutral-500"}};export const StatusIcon=({statusUrl,refreshInterval=1e3*60})=>{const{data,error,isLoading}=useSWR(statusUrl,fetcher,{refreshInterval});return React.createElement("span",{className:cn("inline-flex h-[1rem] aspect-square m-[0.25rem] rounded-full",indicatorClass(data?.status?.indicator),{"animate-pulse":isLoading||error})})};const Status=({statusUrl=StatusUrl,additionalCSS,refreshInterval=1e3*60,showDescription=false})=>{const{data}=useSWR(statusUrl,fetcher,{refreshInterval});return React.createElement("a",{href:"https://status.ably.com",className:cn("inline-flex group/status items-center gap-8",additionalCSS),target:"_blank",rel:"noreferrer"},React.createElement(StatusIcon,{statusUrl:statusUrl,refreshInterval:refreshInterval??1e3*60}),showDescription&&data?.status?.description&&React.createElement("div",{className:"flex gap-8 ui-text-menu4 font-medium text-neutral-900 group-hover/status:text-neutral-1300 dark:text-neutral-400 dark:group-hover/status:text-neutral-000 transition-colors"},React.createElement("span",null,data.status.description),React.createElement(Icon,{name:"icon-gui-external-link",size:"16px"})))};export default Status;
+import React from"react";import useSWR from"swr";import cn from"./utils/cn";import Icon from"./Icon";export const statusTypes=["none","operational","minor","major","critical","unknown"];export const StatusUrl="https://ntqy1wz94gjv.statuspage.io/api/v2/status.json";const fetcher=url=>fetch(url).then(res=>res.json());const indicatorClass=indicator=>{switch(indicator){case"none":case"operational":return"bg-gui-success-green";case"minor":return"bg-yellow-500";case"major":return"bg-orange-500";case"critical":return"bg-gui-error-red";default:return"bg-neutral-500"}};export const StatusIcon=({statusUrl,refreshInterval=1e3*60})=>{const{data,error,isLoading}=useSWR(statusUrl,fetcher,{refreshInterval});return React.createElement("span",{className:cn("inline-flex h-8 aspect-square rounded-full",indicatorClass(data?.status?.indicator),{"animate-pulse":isLoading||error})})};const Status=({statusUrl=StatusUrl,additionalCSS,refreshInterval=1e3*60,showDescription=false})=>{const{data}=useSWR(statusUrl,fetcher,{refreshInterval});return React.createElement("a",{href:"https://status.ably.com",className:cn("inline-flex group/status items-center gap-8",additionalCSS),target:"_blank",rel:"noreferrer"},React.createElement(StatusIcon,{statusUrl:statusUrl,refreshInterval:refreshInterval??1e3*60}),showDescription&&data?.status?.description&&React.createElement("div",{className:"flex gap-8 ui-text-menu4 font-medium text-neutral-900 group-hover/status:text-neutral-1300 dark:text-neutral-400 dark:group-hover/status:text-neutral-000 transition-colors"},React.createElement("span",null,data.status.description.charAt(0).toUpperCase()+data.status.description.slice(1).toLowerCase()),React.createElement(Icon,{name:"icon-gui-external-link",size:"16px"})))};export default Status;

package/core/icons/product/icon-product-platform.svg

@@ -1,5 +1,5 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.70314 1.3249C9.7943 1.27574 9.89624 1.25 9.99981 1.25C10.1034 1.25 10.2053 1.27574 10.2965 1.3249L18.4215 5.6999C18.5207 5.75345 18.6036 5.83285 18.6613 5.92967C18.7191 6.0265 18.7496 6.13715 18.7496 6.2499C18.7496 6.36265 18.7191 6.4733 18.6613 6.57012C18.6036 6.66695 18.5207 6.74634 18.4215 6.7999L10.2965 11.1749C10.2053 11.2241 10.1034 11.2498 9.99981 11.2498C9.89624 11.2498 9.7943 11.2241 9.70314 11.1749L1.57814 6.7999C1.47892 6.74634 1.39604 6.66695 1.33827 6.57012C1.2805 6.4733 1.25 6.36265 1.25 6.2499C1.25 6.13715 1.2805 6.0265 1.33827 5.92967C1.39604 5.83285 1.47892 5.75345 1.57814 5.6999L9.70314 1.3249Z" fill="currentColor"/>
-<path d="M2.72078 8.83506L9.11078 12.2759C9.38404 12.4231 9.68957 12.5001 9.99995 12.5001C10.3103 12.5001 10.6159 12.4231 10.8891 12.2759L17.2791 8.83423L18.4208 9.45006C18.52 9.50362 18.6029 9.58301 18.6607 9.67984C18.7184 9.77666 18.7489 9.88731 18.7489 10.0001C18.7489 10.1128 18.7184 10.2235 18.6607 10.3203C18.6029 10.4171 18.52 10.4965 18.4208 10.5501L10.2958 14.9251C10.2048 14.9739 10.1032 14.9995 9.99995 14.9995C9.8967 14.9995 9.79507 14.9739 9.70412 14.9251L1.57912 10.5501C1.4799 10.4965 1.39701 10.4171 1.33924 10.3203C1.28148 10.2235 1.25098 10.1128 1.25098 10.0001C1.25098 9.88731 1.28148 9.77666 1.33924 9.67984C1.39701 9.58301 1.4799 9.50362 1.57912 9.45006L2.72078 8.83506Z" fill="currentColor"/>
-<path d="M9.11078 16.0259L2.72078 12.5842L1.57912 13.2001C1.4799 13.2536 1.39701 13.333 1.33924 13.4298C1.28148 13.5267 1.25098 13.6373 1.25098 13.7501C1.25098 13.8628 1.28148 13.9735 1.33924 14.0703C1.39701 14.1671 1.4799 14.2465 1.57912 14.3001L9.70412 18.6751C9.88828 18.7751 10.1116 18.7751 10.2958 18.6751L18.4208 14.3001C18.52 14.2465 18.6029 14.1671 18.6607 14.0703C18.7184 13.9735 18.7489 13.8628 18.7489 13.7501C18.7489 13.6373 18.7184 13.5267 18.6607 13.4298C18.6029 13.333 18.52 13.2536 18.4208 13.2001L17.2791 12.5851L10.8891 16.0267C10.6158 16.1738 10.3102 16.2507 9.99985 16.2506C9.68947 16.2504 9.38398 16.1732 9.11078 16.0259Z" fill="currentColor"/>
+<path d="M9.70314 1.3249C9.7943 1.27574 9.89624 1.25 9.99981 1.25C10.1034 1.25 10.2053 1.27574 10.2965 1.3249L18.4215 5.6999C18.5207 5.75345 18.6036 5.83285 18.6613 5.92967C18.7191 6.0265 18.7496 6.13715 18.7496 6.2499C18.7496 6.36265 18.7191 6.4733 18.6613 6.57012C18.6036 6.66695 18.5207 6.74634 18.4215 6.7999L10.2965 11.1749C10.2053 11.2241 10.1034 11.2498 9.99981 11.2498C9.89624 11.2498 9.7943 11.2241 9.70314 11.1749L1.57814 6.7999C1.47892 6.74634 1.39604 6.66695 1.33827 6.57012C1.2805 6.4733 1.25 6.36265 1.25 6.2499C1.25 6.13715 1.2805 6.0265 1.33827 5.92967C1.39604 5.83285 1.47892 5.75345 1.57814 5.6999L9.70314 1.3249Z" fill="#ff5416"/>
+<path d="M2.72078 8.83506L9.11078 12.2759C9.38404 12.4231 9.68957 12.5001 9.99995 12.5001C10.3103 12.5001 10.6159 12.4231 10.8891 12.2759L17.2791 8.83423L18.4208 9.45006C18.52 9.50362 18.6029 9.58301 18.6607 9.67984C18.7184 9.77666 18.7489 9.88731 18.7489 10.0001C18.7489 10.1128 18.7184 10.2235 18.6607 10.3203C18.6029 10.4171 18.52 10.4965 18.4208 10.5501L10.2958 14.9251C10.2048 14.9739 10.1032 14.9995 9.99995 14.9995C9.8967 14.9995 9.79507 14.9739 9.70412 14.9251L1.57912 10.5501C1.4799 10.4965 1.39701 10.4171 1.33924 10.3203C1.28148 10.2235 1.25098 10.1128 1.25098 10.0001C1.25098 9.88731 1.28148 9.77666 1.33924 9.67984C1.39701 9.58301 1.4799 9.50362 1.57912 9.45006L2.72078 8.83506Z" fill="#ff5416"/>
+<path d="M9.11078 16.0259L2.72078 12.5842L1.57912 13.2001C1.4799 13.2536 1.39701 13.333 1.33924 13.4298C1.28148 13.5267 1.25098 13.6373 1.25098 13.7501C1.25098 13.8628 1.28148 13.9735 1.33924 14.0703C1.39701 14.1671 1.4799 14.2465 1.57912 14.3001L9.70412 18.6751C9.88828 18.7751 10.1116 18.7751 10.2958 18.6751L18.4208 14.3001C18.52 14.2465 18.6029 14.1671 18.6607 14.0703C18.7184 13.9735 18.7489 13.8628 18.7489 13.7501C18.7489 13.6373 18.7184 13.5267 18.6607 13.4298C18.6029 13.333 18.52 13.2536 18.4208 13.2001L17.2791 12.5851L10.8891 16.0267C10.6158 16.1738 10.3102 16.2507 9.99985 16.2506C9.68947 16.2504 9.38398 16.1732 9.11078 16.0259Z" fill="#ff5416"/>
 </svg>

package/core/images/logo/ably-logo-mono-stacked.svg

@@ -0,0 +1,17 @@
+<svg width="119" height="128" viewBox="0 0 119 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.5427 116.818V73.7886H46.3261V89.3552C48.9432 86.8401 52.342 85.4805 55.9108 85.4805C64.3059 85.4805 71.7833 91.8704 71.7833 101.523C71.7833 111.176 64.3059 117.566 55.9108 117.566C52.1381 117.566 48.5693 116.07 45.9522 113.351V116.784H38.5427V116.818ZM64 101.523C64 96.1189 60.1593 92.3802 55.163 92.3802C50.2687 92.3802 46.496 95.9489 46.3261 101.149V101.523C46.3261 106.927 50.1667 110.666 55.163 110.666C60.1593 110.666 64 106.927 64 101.523ZM75.3521 116.818V73.7886H83.1354V116.818H75.3521ZM94.0117 128L98.5321 117.192L86.2283 86.2283H94.6234L102.475 107.845L110.428 86.2283H118.959L102.271 128H94.0117ZM26.205 86.2283V90.103C23.5199 87.146 19.7472 85.4805 15.8725 85.4805C7.44344 85.4805 0 91.8704 0 101.523C0 111.176 7.44344 117.566 15.8725 117.566C19.8832 117.566 23.7238 115.798 26.4769 112.671V116.818H33.2406V86.2283H26.205ZM25.4572 101.523C25.4572 106.859 21.6166 110.666 16.6203 110.666C11.624 110.666 7.78332 106.825 7.78332 101.523C7.78332 96.2209 11.624 92.3802 16.6203 92.3802C21.5146 92.3802 25.2873 96.0169 25.4572 101.149V101.523Z" fill="#03020D"/>
+<path d="M59.2416 0L26.035 60.8051L19.5433 56.2846L50.2687 0H59.2416ZM59.7174 0L92.924 60.8051L99.4158 56.2846L68.6904 0H59.7174Z" fill="url(#paint0_linear_991_524)"/>
+<path d="M92.4822 61.145L59.4795 35.3479L26.4769 61.145L33.2406 65.8694L59.4795 45.3405L85.7525 65.8694L92.4822 61.145Z" fill="url(#paint1_linear_991_524)"/>
+<defs>
+<linearGradient id="paint0_linear_991_524" x1="37.8241" y1="90.959" x2="98.7846" y2="49.7815" gradientUnits="userSpaceOnUse">
+<stop stop-color="#292831"/>
+<stop offset="0.6875" stop-color="#1D1C25"/>
+<stop offset="1" stop-color="#03020D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_524" x1="41.5838" y1="81.0053" x2="74.3836" y2="44.5302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#292831"/>
+<stop offset="0.6875" stop-color="#1D1C25"/>
+<stop offset="1" stop-color="#03020D"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-mono-white-stacked.svg

@@ -0,0 +1,17 @@
+<svg width="119" height="128" viewBox="0 0 119 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.5427 116.818V73.7886H46.3261V89.3552C48.9432 86.8401 52.342 85.4805 55.9108 85.4805C64.3059 85.4805 71.7833 91.8704 71.7833 101.523C71.7833 111.176 64.3059 117.566 55.9108 117.566C52.1381 117.566 48.5693 116.07 45.9522 113.351V116.784H38.5427V116.818ZM64 101.523C64 96.1189 60.1593 92.3802 55.163 92.3802C50.2687 92.3802 46.496 95.9489 46.3261 101.149V101.523C46.3261 106.927 50.1667 110.666 55.163 110.666C60.1593 110.666 64 106.927 64 101.523ZM75.3521 116.818V73.7886H83.1354V116.818H75.3521ZM94.0117 128L98.5321 117.192L86.2283 86.2283H94.6234L102.475 107.845L110.428 86.2283H118.959L102.271 128H94.0117ZM26.205 86.2283V90.103C23.5199 87.146 19.7472 85.4805 15.8725 85.4805C7.44344 85.4805 0 91.8704 0 101.523C0 111.176 7.44344 117.566 15.8725 117.566C19.8832 117.566 23.7238 115.798 26.4769 112.671V116.818H33.2406V86.2283H26.205ZM25.4572 101.523C25.4572 106.859 21.6166 110.666 16.6203 110.666C11.624 110.666 7.78332 106.825 7.78332 101.523C7.78332 96.2209 11.624 92.3802 16.6203 92.3802C21.5146 92.3802 25.2873 96.0169 25.4572 101.149V101.523Z" fill="white"/>
+<path d="M59.2416 0L26.035 60.8051L19.5433 56.2846L50.2687 0H59.2416ZM59.7174 0L92.924 60.8051L99.4158 56.2846L68.6904 0H59.7174Z" fill="url(#paint0_linear_991_520)"/>
+<path d="M92.4822 61.145L59.4796 35.3479L26.4769 61.145L33.2406 65.8694L59.4796 45.3405L85.7525 65.8694L92.4822 61.145Z" fill="url(#paint1_linear_991_520)"/>
+<defs>
+<linearGradient id="paint0_linear_991_520" x1="37.8241" y1="90.959" x2="98.7846" y2="49.7815" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5E5E5"/>
+<stop offset="0.6875" stop-color="#E5E5E5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_520" x1="41.5839" y1="81.0053" x2="74.3836" y2="44.5302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5E5E5"/>
+<stop offset="0.6875" stop-color="#E5E5E5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-mono-white.svg

@@ -0,0 +1,17 @@
+<svg width="205" height="64" viewBox="0 0 205 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M126.751 49.9572V8.17627H134.294V23.3024C136.849 20.87 140.14 19.5209 143.615 19.5209C151.771 19.5209 159.007 25.7349 159.007 35.0967C159.007 44.4586 151.771 50.693 143.615 50.693C139.956 50.693 136.501 49.2417 133.926 46.6049V49.9572H126.751ZM151.464 35.0967C151.464 29.8639 147.744 26.205 142.879 26.205C138.137 26.205 134.478 29.6799 134.294 34.7288V35.0967C134.294 40.3296 138.014 43.9885 142.879 43.9885C147.744 43.9885 151.464 40.3296 151.464 35.0967ZM162.502 49.9572V8.17627H170.045V49.9572H162.502ZM180.592 60.7908L184.987 50.3047L173.05 20.2568H181.205L188.809 41.2494L196.536 20.2568H204.814L188.625 60.8112H180.592V60.7908ZM114.773 20.2568V24.0383C112.157 21.1766 108.498 19.5413 104.737 19.5413C96.5807 19.5413 89.3447 25.7553 89.3447 35.1172C89.3447 44.4995 96.5807 50.693 104.737 50.693C108.641 50.693 112.341 48.9965 115.018 45.9508V49.9776H121.6V20.2568H114.773ZM114.037 35.0967C114.037 40.2683 110.317 43.9885 105.452 43.9885C100.587 43.9885 96.8669 40.2683 96.8669 35.0967C96.8669 29.9252 100.587 26.205 105.452 26.205C110.194 26.205 113.853 29.7413 114.037 34.7288V35.0967Z" fill="white"/>
+<path d="M39.4789 0L7.20298 59.0738L0.907227 54.6586L30.7712 0H39.4789ZM39.9286 0L72.2046 59.0738L78.5003 54.6586L48.6364 0H39.9286Z" fill="url(#paint0_linear_991_536)"/>
+<path d="M71.7548 59.4213L39.7037 34.3201L7.65265 59.4213L14.1937 64L39.7037 44.0294L65.2138 64L71.7548 59.4213Z" fill="url(#paint1_linear_991_536)"/>
+<defs>
+<linearGradient id="paint0_linear_991_536" x1="18.6663" y1="88.3691" x2="77.8896" y2="48.3678" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5E5E5"/>
+<stop offset="0.6875" stop-color="#E5E5E5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_536" x1="22.324" y1="78.7187" x2="54.2238" y2="43.2904" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5E5E5"/>
+<stop offset="0.6875" stop-color="#E5E5E5"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-mono.svg

@@ -0,0 +1,17 @@
+<svg width="204" height="64" viewBox="0 0 204 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M125.844 49.9572V8.17627H133.387V23.3024C135.942 20.87 139.233 19.5209 142.708 19.5209C150.864 19.5209 158.1 25.7349 158.1 35.0967C158.1 44.4586 150.864 50.693 142.708 50.693C139.049 50.693 135.594 49.2417 133.019 46.6049V49.9572H125.844ZM150.557 35.0967C150.557 29.8639 146.837 26.205 141.972 26.205C137.23 26.205 133.571 29.6799 133.387 34.7288V35.0967C133.387 40.3296 137.107 43.9885 141.972 43.9885C146.837 43.9885 150.557 40.3296 150.557 35.0967ZM161.595 49.9572V8.17627H169.138V49.9572H161.595ZM179.685 60.7908L184.08 50.3047L172.142 20.2568H180.298L187.902 41.2494L195.629 20.2568H203.907L187.718 60.8112H179.685V60.7908ZM113.866 20.2568V24.0383C111.249 21.1766 107.59 19.5413 103.829 19.5413C95.6735 19.5413 88.4374 25.7553 88.4374 35.1172C88.4374 44.4995 95.6735 50.693 103.829 50.693C107.734 50.693 111.433 48.9965 114.111 45.9508V49.9776H120.693V20.2568H113.866ZM113.13 35.0967C113.13 40.2683 109.41 43.9885 104.545 43.9885C99.6799 43.9885 95.9596 40.2683 95.9596 35.0967C95.9596 29.9252 99.6799 26.205 104.545 26.205C109.287 26.205 112.946 29.7413 113.13 34.7288V35.0967Z" fill="#03020D"/>
+<path d="M38.5717 0L6.29575 59.0738L0 54.6586L29.8639 0H38.5717ZM39.0214 0L71.2973 59.0738L77.5931 54.6586L47.7292 0H39.0214Z" fill="url(#paint0_linear_991_540)"/>
+<path d="M70.8476 59.4213L38.7965 34.3201L6.74542 59.4213L13.2865 64L38.7965 44.0294L64.3066 64L70.8476 59.4213Z" fill="url(#paint1_linear_991_540)"/>
+<defs>
+<linearGradient id="paint0_linear_991_540" x1="17.7591" y1="88.3691" x2="76.9824" y2="48.3678" gradientUnits="userSpaceOnUse">
+<stop stop-color="#292831"/>
+<stop offset="0.6875" stop-color="#1D1C25"/>
+<stop offset="1" stop-color="#03020D"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_540" x1="21.4168" y1="78.7187" x2="53.3166" y2="43.2904" gradientUnits="userSpaceOnUse">
+<stop stop-color="#292831"/>
+<stop offset="0.6875" stop-color="#1D1C25"/>
+<stop offset="1" stop-color="#03020D"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-stacked.svg

@@ -0,0 +1,23 @@
+<svg width="119" height="128" viewBox="0 0 119 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.5427 116.818V73.7886H46.3261V89.3552C48.9432 86.8401 52.342 85.4805 55.9108 85.4805C64.3059 85.4805 71.7833 91.8704 71.7833 101.523C71.7833 111.176 64.3059 117.566 55.9108 117.566C52.1381 117.566 48.5693 116.07 45.9522 113.351V116.784H38.5427V116.818ZM64 101.523C64 96.1189 60.1593 92.3802 55.163 92.3802C50.2687 92.3802 46.496 95.9489 46.3261 101.149V101.523C46.3261 106.927 50.1667 110.666 55.163 110.666C60.1593 110.666 64 106.927 64 101.523ZM75.3521 116.818V73.7886H83.1354V116.818H75.3521ZM94.0117 128L98.5321 117.192L86.2283 86.2283H94.6234L102.475 107.845L110.428 86.2283H118.959L102.271 128H94.0117ZM26.205 86.2283V90.103C23.5199 87.146 19.7472 85.4805 15.8725 85.4805C7.44344 85.4805 0 91.8704 0 101.523C0 111.176 7.44344 117.566 15.8725 117.566C19.8832 117.566 23.7238 115.798 26.4769 112.671V116.818H33.2406V86.2283H26.205ZM25.4572 101.523C25.4572 106.859 21.6166 110.666 16.6203 110.666C11.624 110.666 7.78332 106.825 7.78332 101.523C7.78332 96.2209 11.624 92.3802 16.6203 92.3802C21.5146 92.3802 25.2873 96.0169 25.4572 101.149V101.523Z" fill="#03020D"/>
+<path d="M59.2416 0L26.035 60.8051L19.5433 56.2846L50.2687 0H59.2416ZM59.7174 0L92.924 60.8051L99.4158 56.2846L68.6904 0H59.7174Z" fill="url(#paint0_linear_991_532)"/>
+<path d="M92.4822 61.145L59.4795 35.3479L26.4769 61.145L33.2406 65.8694L59.4795 45.3405L85.7525 65.8694L92.4822 61.145Z" fill="url(#paint1_linear_991_532)"/>
+<defs>
+<linearGradient id="paint0_linear_991_532" x1="30.8116" y1="77.039" x2="86.368" y2="15.3375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_532" x1="41.5883" y1="81.0275" x2="74.4237" y2="44.5601" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-white-stacked.svg

@@ -0,0 +1,23 @@
+<svg width="119" height="128" viewBox="0 0 119 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.5427 116.818V73.7886H46.3261V89.3552C48.9432 86.8401 52.342 85.4805 55.9108 85.4805C64.3059 85.4805 71.7833 91.8704 71.7833 101.523C71.7833 111.176 64.3059 117.566 55.9108 117.566C52.1381 117.566 48.5693 116.07 45.9522 113.351V116.784H38.5427V116.818ZM64 101.523C64 96.1189 60.1593 92.3802 55.163 92.3802C50.2687 92.3802 46.496 95.9489 46.3261 101.149V101.523C46.3261 106.927 50.1667 110.666 55.163 110.666C60.1593 110.666 64 106.927 64 101.523ZM75.3521 116.818V73.7886H83.1354V116.818H75.3521ZM94.0117 128L98.5321 117.192L86.2283 86.2283H94.6234L102.475 107.845L110.428 86.2283H118.959L102.271 128H94.0117ZM26.205 86.2283V90.103C23.5199 87.146 19.7472 85.4805 15.8725 85.4805C7.44344 85.4805 0 91.8704 0 101.523C0 111.176 7.44344 117.566 15.8725 117.566C19.8832 117.566 23.7238 115.798 26.4769 112.671V116.818H33.2406V86.2283H26.205ZM25.4572 101.523C25.4572 106.859 21.6166 110.666 16.6203 110.666C11.624 110.666 7.78332 106.825 7.78332 101.523C7.78332 96.2209 11.624 92.3802 16.6203 92.3802C21.5146 92.3802 25.2873 96.0169 25.4572 101.149V101.523Z" fill="white"/>
+<path d="M59.2416 0L26.035 60.8051L19.5433 56.2846L50.2687 0H59.2416ZM59.7174 0L92.924 60.8051L99.4158 56.2846L68.6904 0H59.7174Z" fill="url(#paint0_linear_991_528)"/>
+<path d="M92.4822 61.145L59.4796 35.3479L26.4769 61.145L33.2406 65.8694L59.4796 45.3405L85.7525 65.8694L92.4822 61.145Z" fill="url(#paint1_linear_991_528)"/>
+<defs>
+<linearGradient id="paint0_linear_991_528" x1="30.8116" y1="77.039" x2="86.368" y2="15.3375" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_528" x1="41.5883" y1="81.0275" x2="74.4237" y2="44.5601" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo-white.svg

@@ -0,0 +1,23 @@
+<svg width="205" height="64" viewBox="0 0 205 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M126.751 49.9572V8.17627H134.294V23.3024C136.849 20.87 140.14 19.5209 143.615 19.5209C151.771 19.5209 159.007 25.7349 159.007 35.0967C159.007 44.4586 151.771 50.693 143.615 50.693C139.956 50.693 136.501 49.2417 133.926 46.6049V49.9572H126.751ZM151.464 35.0967C151.464 29.8639 147.744 26.205 142.879 26.205C138.137 26.205 134.478 29.6799 134.294 34.7288V35.0967C134.294 40.3296 138.014 43.9885 142.879 43.9885C147.744 43.9885 151.464 40.3296 151.464 35.0967ZM162.502 49.9572V8.17627H170.045V49.9572H162.502ZM180.592 60.7908L184.987 50.3047L173.05 20.2568H181.205L188.809 41.2494L196.536 20.2568H204.814L188.625 60.8112H180.592V60.7908ZM114.773 20.2568V24.0383C112.157 21.1766 108.498 19.5413 104.737 19.5413C96.5807 19.5413 89.3447 25.7553 89.3447 35.1172C89.3447 44.4995 96.5807 50.693 104.737 50.693C108.641 50.693 112.341 48.9965 115.018 45.9508V49.9776H121.6V20.2568H114.773ZM114.037 35.0967C114.037 40.2683 110.317 43.9885 105.452 43.9885C100.587 43.9885 96.8669 40.2683 96.8669 35.0967C96.8669 29.9252 100.587 26.205 105.452 26.205C110.194 26.205 113.853 29.7413 114.037 34.7288V35.0967Z" fill="white"/>
+<path d="M39.4789 0L7.20298 59.0738L0.907227 54.6586L30.7712 0H39.4789ZM39.9286 0L72.2046 59.0738L78.5003 54.6586L48.6364 0H39.9286Z" fill="url(#paint0_linear_991_544)"/>
+<path d="M71.7548 59.4213L39.7037 34.3201L7.65265 59.4213L14.1937 64L39.7037 44.0294L65.2138 64L71.7548 59.4213Z" fill="url(#paint1_linear_991_544)"/>
+<defs>
+<linearGradient id="paint0_linear_991_544" x1="11.8545" y1="74.8439" x2="65.8278" y2="14.9005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_544" x1="22.324" y1="78.7187" x2="54.2238" y2="43.2904" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+</defs>
+</svg>

package/core/images/logo/ably-logo.svg

@@ -0,0 +1,23 @@
+<svg width="204" height="64" viewBox="0 0 204 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M125.844 49.9572V8.17627H133.387V23.3024C135.942 20.87 139.233 19.5209 142.708 19.5209C150.864 19.5209 158.1 25.7349 158.1 35.0967C158.1 44.4586 150.864 50.693 142.708 50.693C139.049 50.693 135.594 49.2417 133.019 46.6049V49.9572H125.844ZM150.557 35.0967C150.557 29.8639 146.837 26.205 141.972 26.205C137.23 26.205 133.571 29.6799 133.387 34.7288V35.0967C133.387 40.3296 137.107 43.9885 141.972 43.9885C146.837 43.9885 150.557 40.3296 150.557 35.0967ZM161.595 49.9572V8.17627H169.138V49.9572H161.595ZM179.685 60.7908L184.08 50.3047L172.142 20.2568H180.298L187.902 41.2494L195.629 20.2568H203.907L187.718 60.8112H179.685V60.7908ZM113.866 20.2568V24.0383C111.249 21.1766 107.59 19.5413 103.829 19.5413C95.6735 19.5413 88.4374 25.7553 88.4374 35.1172C88.4374 44.4995 95.6735 50.693 103.829 50.693C107.734 50.693 111.433 48.9965 114.111 45.9508V49.9776H120.693V20.2568H113.866ZM113.13 35.0967C113.13 40.2683 109.41 43.9885 104.545 43.9885C99.6799 43.9885 95.9596 40.2683 95.9596 35.0967C95.9596 29.9252 99.6799 26.205 104.545 26.205C109.287 26.205 112.946 29.7413 113.13 34.7288V35.0967Z" fill="#03020D"/>
+<path d="M38.5717 0L6.29575 59.0738L0 54.6586L29.8639 0H38.5717ZM39.0214 0L71.2973 59.0738L77.5931 54.6586L47.7292 0H39.0214Z" fill="url(#paint0_linear_991_548)"/>
+<path d="M70.8476 59.4213L38.7965 34.3201L6.74542 59.4213L13.2865 64L38.7965 44.0294L64.3066 64L70.8476 59.4213Z" fill="url(#paint1_linear_991_548)"/>
+<defs>
+<linearGradient id="paint0_linear_991_548" x1="10.9472" y1="74.8439" x2="64.9206" y2="14.9005" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+<linearGradient id="paint1_linear_991_548" x1="21.4168" y1="78.7187" x2="53.3166" y2="43.2904" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF5416"/>
+<stop offset="0.2535" stop-color="#FF5115"/>
+<stop offset="0.461" stop-color="#FF4712"/>
+<stop offset="0.6523" stop-color="#FF350E"/>
+<stop offset="0.8327" stop-color="#FF1E08"/>
+<stop offset="1" stop-color="#FF0000"/>
+</linearGradient>
+</defs>
+</svg>