@ably/ui 14.5.0-dev.c1c587f → 14.5.1-dev.6d0f90c

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 (34) hide show
  1. package/core/Code.js +1 -1
  2. package/core/Icon.js +1 -1
  3. package/core/ProductTile.js +1 -1
  4. package/core/icons/icon-display-custom.svg +7 -0
  5. package/core/icons/icon-display-integrations.svg +8 -0
  6. package/core/sprites.svg +1 -1
  7. package/index.d.ts +9 -5
  8. package/package.json +2 -2
  9. package/core/.DS_Store +0 -0
  10. package/core/Accordion/.DS_Store +0 -0
  11. package/core/Code/.DS_Store +0 -0
  12. package/core/ContactFooter/.DS_Store +0 -0
  13. package/core/CookieMessage/.DS_Store +0 -0
  14. package/core/CustomerLogos/.DS_Store +0 -0
  15. package/core/DropdownMenu/.DS_Store +0 -0
  16. package/core/FeaturedLink/.DS_Store +0 -0
  17. package/core/Flash/.DS_Store +0 -0
  18. package/core/Footer/.DS_Store +0 -0
  19. package/core/Icon/.DS_Store +0 -0
  20. package/core/Loader/.DS_Store +0 -0
  21. package/core/Logo/.DS_Store +0 -0
  22. package/core/Meganav/.DS_Store +0 -0
  23. package/core/MeganavBlogPostsList/.DS_Store +0 -0
  24. package/core/MeganavControl/.DS_Store +0 -0
  25. package/core/MeganavControlMobileDropdown/.DS_Store +0 -0
  26. package/core/MeganavControlMobilePanelClose/.DS_Store +0 -0
  27. package/core/MeganavControlMobilePanelOpen/.DS_Store +0 -0
  28. package/core/MeganavSearchAutocomplete/.DS_Store +0 -0
  29. package/core/MeganavSearchSuggestions/.DS_Store +0 -0
  30. package/core/Notice/.DS_Store +0 -0
  31. package/core/Slider/.DS_Store +0 -0
  32. package/core/Table/.DS_Store +0 -0
  33. package/core/Tooltip/.DS_Store +0 -0
  34. package/core/icons/.DS_Store +0 -0
package/core/Code.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{highlightSnippet,registerDefaultLanguages}from"./utils/syntax-highlighter";import languagesRegistry from"./utils/syntax-highlighter-registry";registerDefaultLanguages(languagesRegistry);const Code=({language,snippet,textSize="ui-text-code",padding="p-32",additionalCSS=""})=>{const HTMLraw=highlightSnippet(language,`${snippet}`.trim())??"";const className=`language-${language} ${textSize}`;return /*#__PURE__*/React.createElement("div",{className:`hljs overflow-auto ${padding} ${additionalCSS}`,"data-id":"code"},/*#__PURE__*/React.createElement("pre",{lang:language},/*#__PURE__*/React.createElement("code",{className:className,dangerouslySetInnerHTML:{__html:HTMLraw}})))};export default Code;
1
+ import React from"react";import{highlightSnippet,registerDefaultLanguages}from"./utils/syntax-highlighter";import languagesRegistry from"./utils/syntax-highlighter-registry";registerDefaultLanguages(languagesRegistry);const Code=({language,snippet,textSize="ui-text-code",padding="p-32",additionalCSS="",showLines,lineCSS})=>{const HTMLraw=highlightSnippet(language,`${snippet}`.trim())??"";const className=`language-${language} ${textSize}`;const lineCount=snippet.split(/\r\n|\r|\n/).length;return /*#__PURE__*/React.createElement("div",{className:`hljs overflow-auto flex ${padding} ${additionalCSS}`,"data-id":"code"},showLines?/*#__PURE__*/React.createElement("div",null,[...Array(lineCount)].map((_,i)=>/*#__PURE__*/React.createElement("p",{className:`mr-24 font-mono text-neutral-800 ${lineCSS??""}`,key:i},i+1))):null,/*#__PURE__*/React.createElement("pre",{lang:language},/*#__PURE__*/React.createElement("code",{className:className,dangerouslySetInnerHTML:{__html:HTMLraw}})))};export default Code;
package/core/Icon.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{defaultIconSecondaryColor}from"./Icon/secondary-colors";const Icon=({name,size="0.75rem",color="",secondaryColor=defaultIconSecondaryColor(name),additionalCSS="",...additionalAttributes})=>/*#__PURE__*/React.createElement("svg",{className:`${color} ${additionalCSS}`,style:{width:size,height:size,...secondaryColor&&{"--ui-icon-secondary-color":secondaryColor}},...additionalAttributes},/*#__PURE__*/React.createElement("use",{xlinkHref:`#sprite-${name}`}));export default Icon;
1
+ import React from"react";import{defaultIconSecondaryColor}from"./Icon/secondary-colors";const convertTailwindClassToVar=className=>className.replace(/(text|bg)-([a-z0-9-]+)/gi,"var(--color-$2)");const Icon=({name,size="0.75rem",color="",secondaryColor=defaultIconSecondaryColor(name),additionalCSS="",...additionalAttributes})=>/*#__PURE__*/React.createElement("svg",{className:`${color} ${additionalCSS}`,style:{width:size,height:size,...secondaryColor&&{"--ui-icon-secondary-color":convertTailwindClassToVar(secondaryColor)}},...additionalAttributes},/*#__PURE__*/React.createElement("use",{xlinkHref:`#sprite-${name}`}));export default Icon;
package/core/ProductTile.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import Icon from"./Icon";import FeaturedLink from"./FeaturedLink";import{products}from"./ProductTile/data";const ProductTile=({name,selected,currentPage})=>{const{icon,label,description,link,unavailable}=products[name]??{};return /*#__PURE__*/React.createElement("div",{className:`rounded-lg p-12 flex flex-col gap-8 transition-colors ${selected?"bg-neutral-300":"bg-neutral-1200 hover:bg-neutral-1100"}`},/*#__PURE__*/React.createElement("div",{className:"flex gap-12"},icon?/*#__PURE__*/React.createElement(Icon,{name:icon,size:"48"}):null,/*#__PURE__*/React.createElement("div",{className:`flex ${unavailable?"flex-row items-center gap-4":"flex-col justify-center"} `},/*#__PURE__*/React.createElement("p",{className:`${unavailable?"ui-text-p2":"ui-text-p3"} ${selected?"text-neutral-800":"text-neutral-500"} font-medium`},"Ably"," "),/*#__PURE__*/React.createElement("p",{className:`ui-text-p2 ${selected?"text-neutral-1300":"text-neutral-300"} font-bold ${unavailable?"":"mt-[-3px]"}`},label))),unavailable?/*#__PURE__*/React.createElement("div",{className:"-mt-8"},/*#__PURE__*/React.createElement("div",{className:"table-cell bg-neutral-1000 rounded-full px-6 py-2 text-neutral-600 tracking-tighten-0.015 font-bold text-[8px] leading-snug"},"COMING SOON")):null,/*#__PURE__*/React.createElement("p",{className:`ui-text-p3 ${selected?"text-neutral-1000":"text-neutral-700"} font-medium leading-snug`},description),selected&&link?/*#__PURE__*/React.createElement(FeaturedLink,{additionalCSS:`ui-btn-secondary w-full hover:text-neutral-1300 mt-8 text-center inline-block ${selected?"text-neutral-1300":"text-white"}`,iconColor:"text-orange-600",url:link},currentPage?"View docs":"Explore"):null)};export default ProductTile;
1
+ import React from"react";import Icon from"./Icon";import FeaturedLink from"./FeaturedLink";import{products}from"./ProductTile/data";const ProductTile=({name,selected,currentPage,className,onClick})=>{const{icon,label,description,link,unavailable}=products[name]??{};return /*#__PURE__*/React.createElement("div",{className:`rounded-lg p-12 flex flex-col gap-8 transition-colors ${selected?"bg-neutral-300":"bg-neutral-1200 hover:bg-neutral-1100"} ${className??""}`,onClick:onClick},/*#__PURE__*/React.createElement("div",{className:"flex gap-12"},icon?/*#__PURE__*/React.createElement(Icon,{name:icon,size:"48"}):null,/*#__PURE__*/React.createElement("div",{className:`flex ${unavailable?"flex-row items-center gap-4":"flex-col justify-center"} `},/*#__PURE__*/React.createElement("p",{className:`${unavailable?"ui-text-p2":"ui-text-p3"} ${selected?"text-neutral-800":"text-neutral-500"} font-medium`},"Ably"," "),/*#__PURE__*/React.createElement("p",{className:`ui-text-p2 ${selected?"text-neutral-1300":"text-neutral-300"} font-bold ${unavailable?"":"mt-[-3px]"}`},label))),unavailable?/*#__PURE__*/React.createElement("div",{className:"-mt-8"},/*#__PURE__*/React.createElement("div",{className:"table-cell bg-neutral-1000 rounded-full px-6 py-2 text-neutral-600 tracking-tighten-0.015 font-bold text-[8px] leading-snug"},"COMING SOON")):null,/*#__PURE__*/React.createElement("p",{className:`ui-text-p3 ${selected?"text-neutral-1000":"text-neutral-700"} font-medium leading-snug`},description),selected&&link?/*#__PURE__*/React.createElement(FeaturedLink,{additionalCSS:`ui-btn-secondary w-full hover:text-neutral-1300 mt-8 text-center inline-block ${selected?"text-neutral-1300":"text-white"}`,iconColor:"text-orange-600",url:link},currentPage?"View docs":"Explore"):null)};export default ProductTile;
package/core/icons/icon-display-custom.svg ADDED
@@ -0,0 +1,7 @@
1
+ <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M27.0001 35.106H43.0001" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
3
+ <path d="M35.1136 26.9951V42.9951" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round"/>
4
+ <path d="M18 26.9951H8C6 26.9951 5 27.995 5 29.9951V39.9951C5 41.9951 6 42.9951 8 42.9951H18C20 42.9951 21 41.9951 21 39.9951V29.9951C21 27.9951 20 26.9951 18 26.9951Z" stroke="#C6CED9" stroke-width="1.5"/>
5
+ <path d="M40 4.99512H30C28 4.99512 27 5.99498 27 7.99512V17.9951C27 19.9951 28 20.9951 30 20.9951H40C42 20.9951 43 19.9951 43 17.9951V7.99512C43 5.99512 42 4.99512 40 4.99512Z" stroke="#C6CED9" stroke-width="1.5"/>
6
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M5.21968 5.21472C5.90995 4.52448 6.88442 4.24512 8 4.24512H18C19.1156 4.24512 20.0901 4.52453 20.7803 5.21479C21.4706 5.90505 21.75 6.87951 21.75 7.99512V17.9951C21.75 19.1107 21.4706 20.0852 20.7803 20.7754C20.0901 21.4657 19.1156 21.7451 18 21.7451H8C6.88439 21.7451 5.90993 21.4657 5.21967 20.7754C4.52941 20.0852 4.25 19.1107 4.25 17.9951V7.99512C4.25 6.87945 4.5294 5.90498 5.21968 5.21472Z" fill="#FF5416"/>
7
+ </svg>
package/core/icons/icon-display-integrations.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M13.6999 13.6957C9.40409 17.9914 9.18585 24.738 13.2124 28.7646L17.9425 33.4946L33.4988 17.9383L28.7688 13.2082C24.7422 9.18165 17.9956 9.39989 13.6999 13.6957Z" stroke="#C6CED9" stroke-width="1.5" stroke-linejoin="round"/>
3
+ <path d="M51.2129 51.2085L44.3844 44.3801" stroke="#FF5416" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M46.4514 46.4464C41.8956 51.0022 34.6731 51.2851 30.3219 46.9338L25.5918 42.2037C25.2989 41.9108 25.2989 41.436 25.5918 41.1431L41.1482 25.5867C41.441 25.2938 41.9159 25.2938 42.2088 25.5867L46.9389 30.3168C51.2902 34.6681 51.0073 41.8906 46.4514 46.4464Z" fill="#FF5416"/>
5
+ <path d="M8.78645 8.78223L13.7362 13.732" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
6
+ <path d="M29.2926 22.2168L34.2423 27.1665" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7
+ <path d="M22.2215 29.2881L27.1712 34.2378" stroke="#C6CED9" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
8
+ </svg>