@ably/ui 8.7.0-dev.67ade86 → 8.7.0-dev.681c3bf

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 (102) hide show
  1. package/core/Code/component.css +2 -0
  2. package/core/Code/component.js +1 -1
  3. package/core/Code.jsx +108 -88
  4. package/core/CompanyAutocomplete/component.js +1 -1
  5. package/core/ConnectStateWrapper/component.js +1 -1
  6. package/core/ConnectStateWrapper.jsx +7 -7
  7. package/core/ContactFooter/component.js +1 -1
  8. package/core/ContactFooter.jsx +12 -12
  9. package/core/CookieMessage/component.js +1 -1
  10. package/core/CookieMessage.jsx +10 -10
  11. package/core/CustomerLogos/component.js +1 -1
  12. package/core/CustomerLogos.jsx +7 -7
  13. package/core/DropdownMenu/component.js +1 -1
  14. package/core/DropdownMenu.jsx +11 -11
  15. package/core/FeatureFooter/component.js +1 -1
  16. package/core/FeaturedLink/component.js +1 -1
  17. package/core/FeaturedLink.jsx +10 -10
  18. package/core/Flash/component.js +1 -1
  19. package/core/Flash.jsx +19 -19
  20. package/core/Footer/component.js +1 -1
  21. package/core/Footer.jsx +19 -19
  22. package/core/Icon/component.js +1 -1
  23. package/core/Icon.jsx +7 -7
  24. package/core/Loader/component.js +1 -1
  25. package/core/Loader.jsx +7 -7
  26. package/core/Logo/component.js +1 -1
  27. package/core/Logo.jsx +7 -7
  28. package/core/Meganav/component.css +1 -3
  29. package/core/Meganav/component.js +1 -1
  30. package/core/Meganav.jsx +182 -145
  31. package/core/MeganavBlogPostsList/component.js +1 -1
  32. package/core/MeganavBlogPostsList.jsx +13 -13
  33. package/core/MeganavContentCompany/component.js +1 -1
  34. package/core/MeganavContentCompany.jsx +39 -27
  35. package/core/MeganavContentDevelopers/component.js +1 -1
  36. package/core/MeganavContentDevelopers.jsx +30 -17
  37. package/core/MeganavContentPlatform/component.js +1 -1
  38. package/core/MeganavContentPlatform.jsx +15 -15
  39. package/core/MeganavContentUseCases/component.js +1 -1
  40. package/core/MeganavContentUseCases.jsx +31 -19
  41. package/core/MeganavControl/component.js +1 -1
  42. package/core/MeganavControl.jsx +10 -10
  43. package/core/MeganavControlMobileDropdown/component.js +1 -1
  44. package/core/MeganavControlMobileDropdown.jsx +11 -11
  45. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  46. package/core/MeganavControlMobilePanelClose.jsx +10 -10
  47. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  48. package/core/MeganavControlMobilePanelOpen.jsx +10 -10
  49. package/core/MeganavItemsDesktop/component.js +1 -1
  50. package/core/MeganavItemsDesktop.jsx +16 -16
  51. package/core/MeganavItemsMobile/component.js +1 -1
  52. package/core/MeganavItemsMobile.jsx +39 -39
  53. package/core/MeganavItemsSignedIn/component.js +1 -1
  54. package/core/MeganavItemsSignedIn.jsx +33 -33
  55. package/core/MeganavSearch/component.js +1 -1
  56. package/core/MeganavSearch.jsx +23 -23
  57. package/core/MeganavSearchAutocomplete/component.js +1 -1
  58. package/core/MeganavSearchAutocomplete.jsx +4 -4
  59. package/core/MeganavSearchPanel/component.js +1 -1
  60. package/core/MeganavSearchPanel.jsx +19 -19
  61. package/core/MeganavSearchSuggestions/component.js +1 -1
  62. package/core/MeganavSearchSuggestions.jsx +13 -13
  63. package/core/Notice/component.js +1 -1
  64. package/core/Notice.jsx +30 -30
  65. package/core/Showcase/component.js +1 -1
  66. package/core/Showcase.jsx +1 -1
  67. package/core/SignOutLink/component.js +1 -1
  68. package/core/SignOutLink.jsx +7 -7
  69. package/core/Slider/component.js +1 -1
  70. package/core/Slider.jsx +14 -14
  71. package/core/Uptime/component.js +1 -1
  72. package/core/Uptime.jsx +15 -15
  73. package/core/fonts/jetBrains-mono.css +3 -0
  74. package/core/fonts/manrope.css +3 -0
  75. package/core/scripts.js +1 -1
  76. package/core/sprites.svg +62 -0
  77. package/core/styles.css +105 -78
  78. package/package.json +1 -1
  79. package/reset/scripts.js +1 -1
  80. package/reset/styles.css +1 -11
  81. package/src/core/Meganav/component.css +1 -1
  82. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  83. package/src/core/MeganavContentCompany/component.jsx +9 -0
  84. package/src/core/MeganavContentDevelopers/component.html.erb +9 -2
  85. package/src/core/MeganavContentDevelopers/component.jsx +11 -1
  86. package/src/core/MeganavContentUseCases/component.html.erb +15 -5
  87. package/src/core/MeganavContentUseCases/component.jsx +14 -5
  88. package/src/core/fonts/jetBrains-mono.css +3 -0
  89. package/src/core/fonts/manrope.css +3 -0
  90. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  91. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  92. package/src/core/icons/icon-display-events-col.svg +13 -0
  93. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  94. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  95. package/src/core/styles/buttons.css +5 -5
  96. package/src/core/styles/forms.css +4 -4
  97. package/src/core/styles/properties.css +45 -30
  98. package/src/core/styles/text.css +51 -33
  99. package/src/core/utils/syntax-highlighter-registry.js +2 -0
  100. package/src/core/utils/syntax-highlighter.css +2 -0
  101. package/src/core/utils/syntax-highlighter.js +5 -0
  102. package/tailwind.config.js +18 -2
package/tailwind.config.js CHANGED
@@ -35,6 +35,7 @@ module.exports = {
35
35
  "h2-xs": ["var(--fs-h2-xs)", "var(--lh-tight)"],
36
36
  h3: ["var(--fs-h3)", "var(--lh-tight)"],
37
37
  h4: ["var(--fs-h4)", "var(--lh-tight)"],
38
+ h5: ["var(--fs-h5)", "var(--lh-tight)"],
38
39
  p1: ["var(--fs-p1)", "var(--lh-relaxed)"],
39
40
  p2: ["var(--fs-p2)", "var(--lh-relaxed)"],
40
41
  p3: ["var(--fs-p3)", "var(--lh-relaxed)"],
@@ -53,6 +54,7 @@ module.exports = {
53
54
  menu3: ["var(--fs-menu3)", "var(--lh-snug)"],
54
55
  quote: ["var(--fs-quote)", "var(--lh-relaxed)"],
55
56
  code: ["var(--fs-code)", "var(--lh-dense)"],
57
+ code2: ["var(--fs-code2)", "var(--lh-dense)"],
56
58
  },
57
59
  colors: {
58
60
  transparent: "transparent",
@@ -70,10 +72,15 @@ module.exports = {
70
72
  "dark-grey": "var(--color-dark-grey)",
71
73
  "charcoal-grey": "var(--color-charcoal-grey)",
72
74
  "gui-default": "var(--color-gui-default)",
73
- "gui-alt": "var(--color-cool-black)",
74
75
  "gui-hover": "var(--color-gui-hover)",
75
- "gui-focus": "var(--color-gui-focus)",
76
76
  "gui-active": "var(--color-gui-active)",
77
+ "gui-default-dark": "var(--color-gui-default-dark)",
78
+ "gui-hover-dark": "var(--color-gui-hover-dark)",
79
+ "gui-active-dark": "var(--color-gui-active-dark)",
80
+ "gui-alt": "var(--color-cool-black)",
81
+ "gui-focus": "var(--color-gui-focus)",
82
+ "gui-focus-outline": "var(--color-gui-focus-outline)",
83
+
77
84
  "gui-visited": "var(--color-gui-visited)",
78
85
  "gui-unavailable": "var(--color-gui-unavailable)",
79
86
  "gui-error": "var(--color-gui-error)",
@@ -83,10 +90,14 @@ module.exports = {
83
90
  "icon-glassdoor": "var(--icon-color-glassdoor)",
84
91
  "icon-github": "var(--icon-color-github)",
85
92
  "icon-discord": "var(--icon-color-discord)",
93
+ "neutral-900": "var(--color-neutral-900)",
94
+ "neutral-500": "var(--color-neutral-500)",
86
95
  },
87
96
  fontFamily: {
88
97
  sans: ["NEXT Book", "Arial", "Helvetica", "sans-serif"],
89
98
  mono: ["Source Code Pro", "Courier", "monospace"],
99
+ manrope: ["Manrope", "sans-serif"],
100
+ jetbrains_mono: ["JetBrains Mono", "monospace"],
90
101
  },
91
102
  margin: (theme, { negative }) => ({
92
103
  auto: "auto",
@@ -124,6 +135,7 @@ module.exports = {
124
135
  20: "var(--spacing-20)",
125
136
  24: "var(--spacing-24)",
126
137
  32: "var(--spacing-32)",
138
+ 36: "var(--spacing-36)",
127
139
  40: "var(--spacing-40)",
128
140
  48: "var(--spacing-48)",
129
141
  64: "var(--spacing-64)",
@@ -155,11 +167,15 @@ module.exports = {
155
167
  "tighten-0.025": "var(--ls-tighten-0_025)",
156
168
  "tighten-0.02": "var(--ls-tighten-0_02)",
157
169
  "tighten-0.015": "var(--ls-tighten-0_015)",
170
+ "tighten-0.0125": "var(--ls-tighten-0_0125)",
158
171
  "tighten-0.01": "var(--ls-tighten-0_01)",
159
172
  "tighten-0.005": "var(--ls-tighten-0_005)",
160
173
  "tighten-0.0025": "var(--ls-tighten-0_0025)",
174
+ "tighten-0.0015": "var(--ls-tighten-0_0015)",
175
+ "widen-0": 0,
161
176
  "widen-0.1": "var(--ls-widen-0_1)",
162
177
  "widen-0.15": "var(--ls-widen-0_15)",
178
+ "widen-0.16": "var(--ls-widen-0_16)",
163
179
  },
164
180
  borderRadius: {
165
181
  none: "0",