@ably/ui 8.7.0-dev.63cc1c3 → 8.7.0-dev.6c8bb4b

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 (78) hide show
  1. package/README.md +9 -2
  2. package/core/Code/component.css +3 -3
  3. package/core/Code/component.js +1 -1
  4. package/core/Code.jsx +328 -7145
  5. package/core/CompanyAutocomplete/component.js +1 -1
  6. package/core/DropdownMenu/component.js +1 -0
  7. package/core/DropdownMenu.jsx +313 -0
  8. package/core/{MeganavContentWhyAbly → DropdownMenuPreview}/component.js +0 -0
  9. package/core/{MeganavContentWhyAbly.jsx → DropdownMenuPreview.jsx} +0 -0
  10. package/core/Flash.jsx +129 -57
  11. package/core/Logo.jsx +28 -113
  12. package/core/Meganav/component.js +1 -2
  13. package/core/Meganav/component.json +1 -1
  14. package/core/Meganav.jsx +186 -185
  15. package/core/MeganavBlogPostsList/component.js +1 -1
  16. package/core/MeganavContentDevelopers.jsx +21 -9
  17. package/core/MeganavContentUseCases.jsx +1 -1
  18. package/core/MeganavControlMobileDropdown/component.js +1 -1
  19. package/core/MeganavItemsDesktop.jsx +1 -1
  20. package/core/MeganavItemsMobile.jsx +1 -1
  21. package/core/MeganavSearchAutocomplete/component.js +1 -2
  22. package/core/Notice/component.js +1 -2
  23. package/core/Notice/component.js.LICENSE.txt +0 -15
  24. package/core/Notice.jsx +130 -58
  25. package/core/Slider/component.js +1 -1
  26. package/core/images/ably-logo.png +0 -0
  27. package/core/scripts.js +1 -2
  28. package/core/sprites.svg +42 -1
  29. package/core/styles.css +2 -0
  30. package/package.json +3 -2
  31. package/src/.DS_Store +0 -0
  32. package/src/core/.DS_Store +0 -0
  33. package/src/core/Code/component.css +1 -67
  34. package/src/core/Code/component.js +11 -46
  35. package/src/core/Code/component.jsx +7 -3
  36. package/{preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/log/.keep → src/core/DropdownMenu/component.js} +0 -0
  37. package/src/core/DropdownMenu/component.jsx +112 -0
  38. package/src/core/FeatureFooter/component.html.erb +1 -1
  39. package/src/core/Flash/component.jsx +40 -14
  40. package/src/core/Logo/component.html.erb +2 -27
  41. package/src/core/Logo/component.jsx +7 -40
  42. package/src/core/Logo/component.rb +15 -6
  43. package/src/core/Meganav/component.html.erb +1 -1
  44. package/src/core/Meganav/component.json +1 -1
  45. package/src/core/Meganav/component.jsx +1 -1
  46. package/src/core/Meganav/component.rb +3 -2
  47. package/src/core/MeganavContentDevelopers/component.html.erb +17 -8
  48. package/src/core/MeganavContentDevelopers/component.jsx +17 -8
  49. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  50. package/src/core/MeganavContentUseCases/component.jsx +1 -1
  51. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  52. package/src/core/core.rb +4 -0
  53. package/src/core/icons/github.svg +1 -1
  54. package/src/core/icons/google.svg +3 -0
  55. package/src/core/icons/icon-display-chat-col.svg +4 -0
  56. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  57. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  58. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  59. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  60. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  61. package/src/core/icons/icon-gui-resources.svg +3 -0
  62. package/src/core/icons/stackoverflow.svg +3 -0
  63. package/src/core/icons/youtube.svg +11 -0
  64. package/src/core/images/ably-logo.png +0 -0
  65. package/src/core/styles/properties.css +2 -0
  66. package/src/core/utils/syntax-highlighter-registry.js +61 -0
  67. package/src/core/utils/syntax-highlighter.css +69 -0
  68. package/src/core/utils/syntax-highlighter.js +98 -0
  69. package/tailwind.config.js +1 -0
  70. package/core/.DS_Store +0 -0
  71. package/core/fonts/.DS_Store +0 -0
  72. package/core/images/.DS_Store +0 -0
  73. package/core/scripts.js.LICENSE.txt +0 -32
  74. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/.keep +0 -0
  75. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/pids/.keep +0 -0
  76. package/src/core/fonts/.DS_Store +0 -0
  77. package/src/core/images/.DS_Store +0 -0
  78. package/src/reset/.DS_Store +0 -0
@@ -0,0 +1,69 @@
1
+ @layer base {
2
+ @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,600;0,700;1,600;1,700&display=swap");
3
+ }
4
+
5
+ @layer components {
6
+ .hljs {
7
+ background: var(--syntax-black);
8
+ color: var(--syntax-light-grey);
9
+ }
10
+
11
+ .hljs-emphasis {
12
+ @apply italic;
13
+ }
14
+
15
+ .hljs-strong {
16
+ @apply font-bold;
17
+ }
18
+
19
+ .hljs-comment,
20
+ .hljs-quote {
21
+ color: var(--syntax-dark-grey);
22
+ }
23
+
24
+ .hljs-variable,
25
+ .hljs-template-variable,
26
+ .hljs-tag,
27
+ .hljs-name,
28
+ .hljs-selector-id,
29
+ .hljs-selector-class,
30
+ .hljs-regexp,
31
+ .hljs-deletion {
32
+ color: var(--syntax-red);
33
+ }
34
+
35
+ .hljs-number,
36
+ .hljs-built_in,
37
+ .hljs-literal,
38
+ .hljs-type,
39
+ .hljs-params,
40
+ .hljs-meta,
41
+ .hljs-link {
42
+ color: var(--syntax-orange);
43
+ }
44
+
45
+ .hljs-attribute {
46
+ color: var(--syntax-yellow);
47
+ }
48
+
49
+ .hljs-string,
50
+ .hljs-symbol,
51
+ .hljs-bullet,
52
+ .hljs-addition {
53
+ color: var(--syntax-green);
54
+ }
55
+
56
+ .hljs-title,
57
+ .hljs-section {
58
+ color: var(--syntax-blue);
59
+ }
60
+
61
+ .hljs-keyword,
62
+ .hljs-selector-tag {
63
+ color: var(--syntax-lilac);
64
+ }
65
+
66
+ .hljs-subst {
67
+ color: var(--syntax-mid-grey);
68
+ }
69
+ }
@@ -0,0 +1,98 @@
1
+ import hljs from "highlight.js/lib/core";
2
+
3
+ // Map certain frameworks, protocols etc to available langauage packs
4
+ const languageToHighlightKey = (lang) => {
5
+ let id;
6
+
7
+ if (!lang) {
8
+ lang = "text";
9
+ }
10
+
11
+ switch (lang.toLowerCase()) {
12
+ case "android":
13
+ id = "java";
14
+ break;
15
+
16
+ case ".net":
17
+ case "net":
18
+ case "dotnet":
19
+ case "csharp":
20
+ case "c#":
21
+ id = "cs";
22
+ break;
23
+
24
+ case "objc":
25
+ case "objective c":
26
+ id = "objectivec";
27
+ break;
28
+
29
+ case "laravel":
30
+ id = "php";
31
+ break;
32
+
33
+ case "flutter":
34
+ id = "dart";
35
+ break;
36
+
37
+ case "node.js":
38
+ case "js":
39
+ id = "javascript";
40
+ break;
41
+
42
+ case "ts":
43
+ id = "typescript";
44
+ break;
45
+
46
+ case "shell":
47
+ case "fh":
48
+ case "sh":
49
+ id = "bash";
50
+ break;
51
+
52
+ case "https":
53
+ case "http":
54
+ case "txt":
55
+ case "plaintext":
56
+ id = "text";
57
+ break;
58
+
59
+ case "cmd":
60
+ case "bat":
61
+ id = "dos";
62
+ break;
63
+
64
+ case "yml":
65
+ id = "yaml";
66
+ break;
67
+
68
+ case "erl":
69
+ id = "erlang";
70
+ break;
71
+
72
+ case "patch":
73
+ id = "diff";
74
+ break;
75
+
76
+ case "svg":
77
+ id = "xml";
78
+ break;
79
+
80
+ default:
81
+ break;
82
+ }
83
+
84
+ return id || lang;
85
+ };
86
+
87
+ const registerDefaultLanguages = (register) => {
88
+ register.forEach(({ key, module }) => hljs.registerLanguage(key, module));
89
+ };
90
+
91
+ const highlightSnippet = (languageKeyword, snippet) => {
92
+ const language = languageToHighlightKey(languageKeyword);
93
+ if (typeof snippet !== "string" || !snippet || !language) return;
94
+
95
+ return hljs.highlight(snippet, { language }).value;
96
+ };
97
+
98
+ export { highlightSnippet, languageToHighlightKey, registerDefaultLanguages };
@@ -131,6 +131,7 @@ module.exports = {
131
131
  80: "var(--spacing-80)",
132
132
  88: "var(--spacing-88)",
133
133
  96: "var(--spacing-96)",
134
+ 128: "var(--spacing-128)",
134
135
  160: "var(--spacing-160)",
135
136
  256: "var(--spacing-256)",
136
137
  },
package/core/.DS_Store DELETED
Binary file
Binary file
Binary file
@@ -1,32 +0,0 @@
1
- /*
2
- object-assign
3
- (c) Sindre Sorhus
4
- @license MIT
5
- */
6
-
7
- /** @license React v0.20.2
8
- * scheduler.production.min.js
9
- *
10
- * Copyright (c) Facebook, Inc. and its affiliates.
11
- *
12
- * This source code is licensed under the MIT license found in the
13
- * LICENSE file in the root directory of this source tree.
14
- */
15
-
16
- /** @license React v17.0.2
17
- * react-dom.production.min.js
18
- *
19
- * Copyright (c) Facebook, Inc. and its affiliates.
20
- *
21
- * This source code is licensed under the MIT license found in the
22
- * LICENSE file in the root directory of this source tree.
23
- */
24
-
25
- /** @license React v17.0.2
26
- * react.production.min.js
27
- *
28
- * Copyright (c) Facebook, Inc. and its affiliates.
29
- *
30
- * This source code is licensed under the MIT license found in the
31
- * LICENSE file in the root directory of this source tree.
32
- */
Binary file
Binary file
Binary file