@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/src/core/icons/icon-display-kafka-at-the-edge-col.svg ADDED
@@ -0,0 +1,8 @@
1
+ <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M19 3.59888C9.81598 5.842 3 14.125 3 24C3 33.875 9.81598 42.158 19 44.4011M29 3.59888C32.9541 4.56464 36.4693 6.65 39.1905 9.49999M44.1304 18C44.6962 19.9011 45 21.9151 45 24C45 26.2687 44.6403 28.4533 43.9747 30.5M38.8336 38.8649C36.1649 41.528 32.7834 43.477 29 44.4011" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
3
+ <circle cx="42" cy="13.5" r="2" fill="#FF5416"/>
4
+ <circle cx="24" cy="3" r="2" fill="#FF5416"/>
5
+ <circle cx="24" cy="45" r="2" fill="#FF5416"/>
6
+ <circle cx="42" cy="35" r="2" fill="#FF5416"/>
7
+ <path d="M32.8453 25.5085C31.7549 25.5085 30.7774 25.9916 30.108 26.7521L28.3927 25.5378C28.5748 25.0365 28.6793 24.4982 28.6793 23.9347C28.6793 23.381 28.5784 22.8518 28.4023 22.3578L30.1138 21.1564C30.7831 21.9131 31.7581 22.3935 32.8453 22.3935C34.8578 22.3935 36.4954 20.7562 36.4954 18.7434C36.4954 16.7306 34.8578 15.0933 32.8453 15.0933C30.8328 15.0933 29.1952 16.7306 29.1952 18.7434C29.1952 19.1037 29.2496 19.4511 29.3473 19.7801L27.6347 20.9822C26.9193 20.0946 25.8892 19.475 24.7156 19.2858V17.2217C26.369 16.8745 27.6147 15.4054 27.6147 13.6501C27.6147 11.6373 25.9772 10 23.9647 10C21.9521 10 20.3146 11.6373 20.3146 13.6501C20.3146 15.3819 21.5281 16.8328 23.1484 17.2049V19.2958C20.9371 19.6839 19.25 21.6138 19.25 23.9347C19.25 26.267 20.9538 28.2039 23.1811 28.5789V30.7867C21.5442 31.1465 20.3146 32.6063 20.3146 34.3499C20.3146 36.3627 21.9521 38 23.9647 38C25.9772 38 27.6147 36.3627 27.6147 34.3499C27.6147 32.6063 26.3851 31.1465 24.7482 30.7867V28.5788C25.8988 28.3851 26.9099 27.7776 27.618 26.9098L29.3447 28.132C29.2489 28.458 29.1952 28.802 29.1952 29.1586C29.1952 31.1714 30.8328 32.8087 32.8453 32.8087C34.8578 32.8087 36.4954 31.1714 36.4954 29.1586C36.4954 27.1458 34.8578 25.5085 32.8453 25.5085V25.5085ZM32.8453 16.9737C33.8212 16.9737 34.615 17.7678 34.615 18.7434C34.615 19.7191 33.8212 20.5131 32.8453 20.5131C31.8694 20.5131 31.0756 19.7191 31.0756 18.7434C31.0756 17.7678 31.8694 16.9737 32.8453 16.9737V16.9737ZM22.1949 13.6501C22.1949 12.6745 22.9887 11.8804 23.9647 11.8804C24.9406 11.8804 25.7343 12.6745 25.7343 13.6501C25.7343 14.6258 24.9406 15.4198 23.9647 15.4198C22.9887 15.4198 22.1949 14.6258 22.1949 13.6501V13.6501ZM25.7343 34.3499C25.7343 35.3255 24.9406 36.1196 23.9647 36.1196C22.9887 36.1196 22.1949 35.3255 22.1949 34.3499C22.1949 33.3742 22.9887 32.5802 23.9647 32.5802C24.9406 32.5802 25.7343 33.3742 25.7343 34.3499ZM23.9645 26.4028C22.6034 26.4028 21.4961 25.2958 21.4961 23.9347C21.4961 22.5736 22.6034 21.4663 23.9645 21.4663C25.3256 21.4663 26.4328 22.5736 26.4328 23.9347C26.4328 25.2958 25.3256 26.4028 23.9645 26.4028V26.4028ZM32.8453 30.9284C31.8694 30.9284 31.0756 30.1343 31.0756 29.1586C31.0756 28.183 31.8694 27.3889 32.8453 27.3889C33.8212 27.3889 34.615 28.183 34.615 29.1586C34.615 30.1343 33.8212 30.9284 32.8453 30.9284Z" fill="#03020D"/>
8
+ </svg>
package/src/core/icons/icon-display-push-notifications-col.svg ADDED
@@ -0,0 +1,6 @@
1
+ <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M26.5 8L7.38462 8C4.46154 7.99973 3 9.49973 3 12.4997V39.5C3 42.5 4.46154 44 7.38462 44H36.6154C39.5385 44 41 42.5 41 39.5V21.5" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M29.25 10C29.25 5.16751 33.1675 1.25 38 1.25C42.8325 1.25 46.75 5.16751 46.75 10C46.75 14.8325 42.8325 18.75 38 18.75C33.1675 18.75 29.25 14.8325 29.25 10Z" fill="#FF5416"/>
4
+ <path d="M39 6.5V13.5H37.5788V7.90479H37.5394L36 8.90967V7.59717L37.6641 6.5H39Z" fill="white"/>
5
+ <path d="M28.7528 19H14.2551C13.6569 19 13.0832 19.232 12.6603 19.6446C12.2374 20.0573 12 20.6166 12 21.2002V30.4808C12 31.0643 12.2374 31.6245 12.6603 32.0371C13.0832 32.4498 13.6569 32.6817 14.2551 32.6817H27.6977L30.0498 34.8505C30.13 34.9242 30.2304 34.9731 30.3389 34.9917C30.4474 35.0103 30.5587 34.9975 30.6598 34.9549C30.7609 34.9122 30.8471 34.8421 30.9076 34.7523C30.968 34.6625 31.0001 34.5573 31 34.4499V21.2002C31 20.618 30.7636 20.0594 30.3424 19.6469C29.9212 19.2345 29.3495 19.0021 28.7528 19Z" stroke="#03020D" stroke-width="1.5"/>
6
+ </svg>
package/src/core/icons/icon-tech-apachekafka.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M32.3062 26.586C30.437 26.586 28.7612 27.4141 27.6137 28.7179L24.6732 26.6362C24.9853 25.7768 25.1645 24.854 25.1645 23.8881C25.1645 22.9389 24.9915 22.0316 24.6897 21.1849L27.6236 19.1252C28.7711 20.4225 30.4424 21.2461 32.3062 21.2461C35.7562 21.2461 38.5635 18.4393 38.5635 14.9888C38.5635 11.5382 35.7562 8.73143 32.3062 8.73143C28.8562 8.73143 26.0489 11.5382 26.0489 14.9888C26.0489 15.6064 26.1422 16.2019 26.3097 16.7659L23.3737 18.8266C22.1473 17.3051 20.3815 16.2428 18.3696 15.9185V12.3801C21.204 11.7848 23.3396 9.26646 23.3396 6.25732C23.3396 2.80681 20.5323 0 17.0823 0C13.6322 0 10.825 2.80681 10.825 6.25732C10.825 9.22616 12.9053 11.7134 15.683 12.3512V15.9356C11.8921 16.601 9 19.9094 9 23.8881C9 27.8862 11.9208 31.2067 15.739 31.8495V35.6343C12.9329 36.2511 10.825 38.7536 10.825 41.7427C10.825 45.1932 13.6322 48 17.0823 48C20.5323 48 23.3396 45.1932 23.3396 41.7427C23.3396 38.7536 21.2317 36.2511 18.4256 35.6343V31.8494C20.3979 31.5172 22.1313 30.4759 23.3451 28.9882L26.3053 31.0834C26.1409 31.6423 26.0489 32.232 26.0489 32.8433C26.0489 36.2938 28.8562 39.1007 32.3062 39.1007C35.7562 39.1007 38.5635 36.2938 38.5635 32.8433C38.5635 29.3928 35.7562 26.586 32.3062 26.586ZM32.3062 11.9549C33.9792 11.9549 35.3399 13.3162 35.3399 14.9888C35.3399 16.6613 33.9792 18.0225 32.3062 18.0225C30.6332 18.0225 29.2725 16.6613 29.2725 14.9888C29.2725 13.3162 30.6332 11.9549 32.3062 11.9549ZM14.0484 6.25732C14.0484 4.58479 15.4093 3.22359 17.0823 3.22359C18.7553 3.22359 20.116 4.58479 20.116 6.25732C20.116 7.92986 18.7553 9.29106 17.0823 9.29106C15.4093 9.29106 14.0484 7.92986 14.0484 6.25732ZM20.116 41.7427C20.116 43.4152 18.7553 44.7764 17.0823 44.7764C15.4093 44.7764 14.0484 43.4152 14.0484 41.7427C14.0484 40.0701 15.4093 38.7089 17.0823 38.7089C18.7553 38.7089 20.116 40.0701 20.116 41.7427ZM17.082 28.1192C14.7487 28.1192 12.8505 26.2213 12.8505 23.8881C12.8505 21.5548 14.7487 19.6566 17.082 19.6566C19.4152 19.6566 21.3134 21.5548 21.3134 23.8881C21.3134 26.2213 19.4152 28.1192 17.082 28.1192ZM32.3062 35.8772C30.6332 35.8772 29.2725 34.5159 29.2725 32.8433C29.2725 31.1708 30.6332 29.8096 32.3062 29.8096C33.9792 29.8096 35.3399 31.1708 35.3399 32.8433C35.3399 34.5159 33.9792 35.8772 32.3062 35.8772Z" fill="#03020D"/>
3
+ </svg>
package/src/core/styles/forms.css CHANGED
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  .ui-checkbox-input:checked + .ui-checkbox-styled {
44
- @apply bg-active-orange border-dark-grey border;
44
+ @apply bg-active-orange border-none;
45
45
  }
46
46
 
47
47
  .ui-checkbox-input:checked + .ui-checkbox-styled svg {
package/src/core/utils/syntax-highlighter-registry.js CHANGED
@@ -22,6 +22,7 @@ import php from "highlight.js/lib/languages/php";
22
22
  import python from "highlight.js/lib/languages/python";
23
23
  import ruby from "highlight.js/lib/languages/ruby";
24
24
  import swift from "highlight.js/lib/languages/swift";
25
+ import kotlin from "highlight.js/lib/languages/kotlin";
25
26
  import sql from "highlight.js/lib/languages/sql";
26
27
  import xml from "highlight.js/lib/languages/xml";
27
28
  import yaml from "highlight.js/lib/languages/yaml";
@@ -44,6 +45,7 @@ const registry = [
44
45
  { label: "C++", key: "cpp", module: cpp },
45
46
  { label: "Dart", key: "dart", module: dart },
46
47
  { label: "Swift", key: "swift", module: swift },
48
+ { label: "Kotlin", key: "kotlin", module: kotlin },
47
49
  { label: "Objective C", key: "objectivec", module: objectivec },
48
50
  { label: "Node.js", key: "javascript", module: javascript },
49
51
  { label: "JSON", key: "json", module: json },
package/src/core/utils/syntax-highlighter.js CHANGED
@@ -43,6 +43,11 @@ const languageToHighlightKey = (lang) => {
43
43
  id = "typescript";
44
44
  break;
45
45
 
46
+ case "kotlin":
47
+ case "kt":
48
+ id = "kotlin";
49
+ break;
50
+
46
51
  case "shell":
47
52
  case "fh":
48
53
  case "sh":