@ably/ui 13.3.0 → 14.0.0-dev.fbce38f

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 (402) hide show
  1. package/README.md +25 -152
  2. package/core/Accordion/component.js +1 -0
  3. package/core/Code/component.css +1 -72
  4. package/core/Code/component.js +1 -1
  5. package/core/ConnectStateWrapper/component.js +1 -1
  6. package/core/ContactFooter/component.css +7 -10
  7. package/core/ContactFooter/component.js +1 -1
  8. package/core/CookieMessage/component.css +10 -13
  9. package/core/CookieMessage/component.js +1 -1
  10. package/core/CustomerLogos/component.js +1 -1
  11. package/core/DropdownMenu/component.js +1 -1
  12. package/core/FeaturedLink/component.js +1 -1
  13. package/core/Flash/component.css +19 -22
  14. package/core/Flash/component.js +1 -1
  15. package/core/Footer/component.css +22 -25
  16. package/core/Footer/component.js +1 -1
  17. package/core/Icon/component.js +1 -1
  18. package/core/Loader/component.js +1 -1
  19. package/core/Logo/component.js +1 -1
  20. package/core/Meganav/component.css +103 -106
  21. package/core/Meganav/component.js +1 -1
  22. package/core/MeganavBlogPostsList/component.js +1 -2
  23. package/core/MeganavContentCompany/component.js +1 -1
  24. package/core/MeganavContentDevelopers/component.js +1 -1
  25. package/core/MeganavContentProducts/component.js +1 -1
  26. package/core/MeganavContentUseCases/component.js +1 -1
  27. package/core/MeganavControl/component.js +1 -1
  28. package/core/MeganavControlMobileDropdown/component.js +1 -1
  29. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  30. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  31. package/core/MeganavItemsDesktop/component.js +1 -1
  32. package/core/MeganavItemsMobile/component.js +1 -1
  33. package/core/MeganavItemsSignedIn/component.js +1 -1
  34. package/core/MeganavSearch/component.js +1 -1
  35. package/core/MeganavSearchAutocomplete/component.js +1 -1
  36. package/core/MeganavSearchPanel/component.js +1 -1
  37. package/core/MeganavSearchSuggestions/component.js +1 -1
  38. package/core/Notice/component.css +4 -7
  39. package/core/Notice/component.js +1 -1
  40. package/core/SignOutLink/component.js +1 -1
  41. package/core/Slider/component.css +4 -7
  42. package/core/Slider/component.js +1 -1
  43. package/core/Table/Table.js +1 -0
  44. package/core/Table/TableCell.js +1 -0
  45. package/core/Table/TableRow.js +1 -0
  46. package/core/Table/index.js +1 -0
  47. package/core/Table/stories/data.js +1 -0
  48. package/core/Tooltip/component.js +1 -0
  49. package/core/css.js +1 -0
  50. package/core/dom-query.js +1 -0
  51. package/core/hubspot-chat-toggle.js +1 -0
  52. package/core/icons/discord.svg +10 -0
  53. package/core/icons/facebook.svg +4 -0
  54. package/core/icons/github.svg +3 -0
  55. package/core/icons/glassdoor.svg +3 -0
  56. package/core/icons/google.svg +3 -0
  57. package/core/icons/icon-display-48hrs.svg +3 -0
  58. package/core/icons/icon-display-about-ably-col.svg +4 -0
  59. package/core/icons/icon-display-api-keys.svg +3 -0
  60. package/core/icons/icon-display-api.svg +3 -0
  61. package/core/icons/icon-display-asset-tracking-col.svg +18 -0
  62. package/core/icons/icon-display-browser.svg +10 -0
  63. package/core/icons/icon-display-calendar.svg +3 -0
  64. package/core/icons/icon-display-call-mobile.svg +3 -0
  65. package/core/icons/icon-display-careers-col.svg +9 -0
  66. package/core/icons/icon-display-case-studies-col.svg +5 -0
  67. package/core/icons/icon-display-chat-col.svg +4 -0
  68. package/core/icons/icon-display-chat-stack-col.svg +4 -0
  69. package/core/icons/icon-display-chat-stack.svg +4 -0
  70. package/core/icons/icon-display-cloud-servers.svg +3 -0
  71. package/core/icons/icon-display-compare-tech-col.svg +9 -0
  72. package/core/icons/icon-display-customers-col.svg +15 -0
  73. package/core/icons/icon-display-data-broadcast-col.svg +26 -0
  74. package/core/icons/icon-display-data-synchronization-col.svg +14 -0
  75. package/core/icons/icon-display-docs-col.svg +7 -0
  76. package/core/icons/icon-display-documentation.svg +3 -0
  77. package/core/icons/icon-display-events-col.svg +13 -0
  78. package/core/icons/icon-display-examples-col.svg +11 -0
  79. package/core/icons/icon-display-gdpr.svg +3 -0
  80. package/core/icons/icon-display-general-comms.svg +3 -0
  81. package/core/icons/icon-display-hipaa.svg +10 -0
  82. package/core/icons/icon-display-integrations-col.svg +8 -0
  83. package/core/icons/icon-display-it-support-access.svg +3 -0
  84. package/core/icons/icon-display-it-support-helpdesk.svg +3 -0
  85. package/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  86. package/core/icons/icon-display-laptop.svg +10 -0
  87. package/core/icons/icon-display-lightbulb-col.svg +10 -0
  88. package/core/icons/icon-display-live-chat.svg +3 -0
  89. package/core/icons/icon-display-map-pin.svg +3 -0
  90. package/core/icons/icon-display-message.svg +3 -0
  91. package/core/icons/icon-display-padlock-closed.svg +3 -0
  92. package/core/icons/icon-display-platform.svg +22 -0
  93. package/core/icons/icon-display-play.svg +3 -0
  94. package/core/icons/icon-display-privacy-shield-framework.svg +7 -0
  95. package/core/icons/icon-display-push-notifications-col.svg +6 -0
  96. package/core/icons/icon-display-quickstart-guides-col.svg +8 -0
  97. package/core/icons/icon-display-resources-col.svg +21 -0
  98. package/core/icons/icon-display-sdks-col.svg +11 -0
  99. package/core/icons/icon-display-servers.svg +3 -0
  100. package/core/icons/icon-display-shopping-cart.svg +10 -0
  101. package/core/icons/icon-display-sla.svg +3 -0
  102. package/core/icons/icon-display-soc2-type2.svg +3 -0
  103. package/core/icons/icon-display-tech-account-comms.svg +3 -0
  104. package/core/icons/icon-display-tutorials-demos-col.svg +25 -0
  105. package/core/icons/icon-display-virtual-events-col.svg +12 -0
  106. package/core/icons/icon-display-virtual-events.svg +12 -0
  107. package/core/icons/icon-gui-ably-badge.svg +3 -0
  108. package/core/icons/icon-gui-arrow-bidirectional-horizontal.svg +3 -0
  109. package/core/icons/icon-gui-arrow-bidirectional-vertical.svg +3 -0
  110. package/core/icons/icon-gui-arrow-down.svg +3 -0
  111. package/core/icons/icon-gui-arrow-left.svg +3 -0
  112. package/core/icons/icon-gui-arrow-right.svg +3 -0
  113. package/core/icons/icon-gui-arrow-up.svg +3 -0
  114. package/core/icons/icon-gui-burger-menu.svg +5 -0
  115. package/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  116. package/core/icons/icon-gui-check-circled-fill.svg +4 -0
  117. package/core/icons/icon-gui-check-circled.svg +3 -0
  118. package/core/icons/icon-gui-checklist-checked.svg +3 -0
  119. package/core/icons/icon-gui-clock.svg +3 -0
  120. package/core/icons/icon-gui-close.svg +3 -0
  121. package/core/icons/icon-gui-copy.svg +10 -0
  122. package/core/icons/icon-gui-cross-circled-fill.svg +4 -0
  123. package/core/icons/icon-gui-cross-circled.svg +3 -0
  124. package/core/icons/icon-gui-dash-circled.svg +3 -0
  125. package/core/icons/icon-gui-disclosure-arrow.svg +3 -0
  126. package/core/icons/icon-gui-document-generic.svg +3 -0
  127. package/core/icons/icon-gui-enlarge.svg +3 -0
  128. package/core/icons/icon-gui-external-link.svg +3 -0
  129. package/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  130. package/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  131. package/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  132. package/core/icons/icon-gui-history.svg +3 -0
  133. package/core/icons/icon-gui-info.svg +3 -0
  134. package/core/icons/icon-gui-link-arrow.svg +3 -0
  135. package/core/icons/icon-gui-link.svg +4 -0
  136. package/core/icons/icon-gui-live-chat.svg +3 -0
  137. package/core/icons/icon-gui-minus.svg +3 -0
  138. package/core/icons/icon-gui-plus.svg +3 -0
  139. package/core/icons/icon-gui-quote-marks-solid.svg +3 -0
  140. package/core/icons/icon-gui-refresh.svg +10 -0
  141. package/core/icons/icon-gui-resources.svg +3 -0
  142. package/core/icons/icon-gui-search.svg +3 -0
  143. package/core/icons/icon-gui-tick.svg +3 -0
  144. package/core/icons/icon-gui-warning.svg +5 -0
  145. package/core/icons/icon-live-updates-results-metrics-col.svg +26 -0
  146. package/core/icons/icon-multi-user-spaces-col.svg +13 -0
  147. package/core/icons/icon-social-x.svg +3 -0
  148. package/core/icons/icon-tech-apachekafka.svg +3 -0
  149. package/core/icons/linkedin.svg +3 -0
  150. package/core/icons/quote.svg +3 -0
  151. package/core/icons/stackoverflow.svg +3 -0
  152. package/core/icons/twitter.svg +3 -0
  153. package/core/icons/youtube.svg +11 -0
  154. package/core/icons.js +1 -0
  155. package/core/load-sprites.js +1 -0
  156. package/core/react-renderer.js +1 -0
  157. package/core/remote-blogs-posts.js +1 -0
  158. package/core/remote-data-store.js +1 -0
  159. package/core/remote-data-util.js +1 -0
  160. package/core/remote-session-data.js +1 -0
  161. package/core/scripts.js +1 -2
  162. package/core/sprites.svg +1 -525
  163. package/core/styles/buttons.css +122 -0
  164. package/core/styles/forms.css +62 -0
  165. package/core/styles/layout.css +19 -0
  166. package/core/styles/properties.css +276 -0
  167. package/core/styles/text.css +166 -0
  168. package/core/styles.base.css +1 -0
  169. package/core/styles.components.css +33 -0
  170. package/core/styles.css +2 -699
  171. package/core/url-base.js +1 -0
  172. package/core/utils/syntax-highlighter-registry.js +1 -0
  173. package/core/utils/syntax-highlighter.css +67 -0
  174. package/core/utils/syntax-highlighter.js +1 -0
  175. package/package.json +39 -34
  176. package/reset/scripts.js +1 -1
  177. package/reset/styles/normalize.css +353 -0
  178. package/reset/styles/reset.css +129 -0
  179. package/reset/styles.css +2 -477
  180. package/src/core/Accordion/Accordion.stories.tsx +39 -0
  181. package/src/core/Accordion/component.tsx +147 -0
  182. package/src/core/Code/Code.stories.tsx +71 -0
  183. package/src/core/Code/component.tsx +45 -0
  184. package/src/core/ConnectStateWrapper/{component.jsx → component.tsx} +7 -3
  185. package/src/core/ContactFooter/ContactFooter.stories.tsx +11 -0
  186. package/src/core/ContactFooter/component.css +7 -9
  187. package/src/core/ContactFooter/component.tsx +92 -0
  188. package/src/core/CookieMessage/CookieMessage.stories.tsx +12 -0
  189. package/src/core/CookieMessage/component.css +10 -12
  190. package/src/core/CookieMessage/{component.jsx → component.tsx} +15 -10
  191. package/src/core/CustomerLogos/CustomerLogos.stories.tsx +43 -0
  192. package/src/core/CustomerLogos/component.tsx +35 -0
  193. package/src/core/DropdownMenu/DropdownMenu.stories.tsx +48 -0
  194. package/src/core/DropdownMenu/{component.jsx → component.tsx} +64 -36
  195. package/src/core/FeaturedLink/FeaturedLink.stories.tsx +43 -0
  196. package/src/core/FeaturedLink/{component.jsx → component.tsx} +26 -18
  197. package/src/core/Flash/Flash.stories.tsx +37 -0
  198. package/src/core/Flash/component.css +19 -21
  199. package/src/core/Flash/{component.jsx → component.tsx} +78 -39
  200. package/src/core/Footer/Footer.stories.tsx +26 -0
  201. package/src/core/Footer/component.css +22 -24
  202. package/src/core/Footer/{component.jsx → component.tsx} +237 -70
  203. package/src/core/Icon/Icon.stories.tsx +150 -0
  204. package/src/core/Icon/component.tsx +26 -0
  205. package/src/core/Loader/Loader.stories.tsx +21 -0
  206. package/src/core/Loader/{component.jsx → component.tsx} +11 -8
  207. package/src/core/Logo/Logo.stories.tsx +12 -0
  208. package/src/core/Logo/component.tsx +29 -0
  209. package/src/core/Meganav/Meganav.stories.tsx +86 -0
  210. package/src/core/Meganav/component.css +103 -105
  211. package/src/core/Meganav/component.js +6 -7
  212. package/src/core/Meganav/component.tsx +228 -0
  213. package/src/core/MeganavBlogPostsList/{component.jsx → component.tsx} +15 -14
  214. package/src/core/MeganavContentCompany/{component.jsx → component.tsx} +82 -33
  215. package/src/core/MeganavContentDevelopers/{component.jsx → component.tsx} +98 -34
  216. package/src/core/MeganavContentProducts/component.tsx +165 -0
  217. package/src/core/MeganavContentUseCases/component.tsx +244 -0
  218. package/src/core/MeganavControl/{component.jsx → component.tsx} +18 -12
  219. package/src/core/MeganavControlMobileDropdown/{component.jsx → component.tsx} +3 -7
  220. package/src/core/MeganavControlMobilePanelClose/{component.jsx → component.tsx} +16 -9
  221. package/src/core/MeganavControlMobilePanelOpen/component.tsx +32 -0
  222. package/src/core/MeganavItemsDesktop/component.tsx +68 -0
  223. package/src/core/MeganavItemsMobile/component.tsx +197 -0
  224. package/src/core/MeganavItemsSignedIn/{component.jsx → component.tsx} +59 -23
  225. package/src/core/MeganavSearch/component.tsx +36 -0
  226. package/src/core/MeganavSearchAutocomplete/component.tsx +12 -0
  227. package/src/core/MeganavSearchPanel/component.tsx +52 -0
  228. package/src/core/MeganavSearchSuggestions/component.tsx +62 -0
  229. package/src/core/Notice/component.css +4 -6
  230. package/src/core/Notice/component.js +1 -1
  231. package/src/core/Notice/component.tsx +104 -0
  232. package/src/core/SignOutLink/component.tsx +51 -0
  233. package/src/core/Slider/Slider.stories.tsx +45 -0
  234. package/src/core/Slider/component.css +4 -6
  235. package/src/core/Slider/component.tsx +112 -0
  236. package/src/core/Table/Table.tsx +30 -0
  237. package/src/core/Table/TableCell.tsx +84 -0
  238. package/src/core/Table/TableRow.tsx +25 -0
  239. package/src/core/Table/index.ts +24 -0
  240. package/src/core/Table/stories/Table.stories.tsx +12 -0
  241. package/src/core/Table/stories/data.tsx +113 -0
  242. package/src/core/Tooltip/Tooltip.stories.tsx +27 -0
  243. package/src/core/Tooltip/component.tsx +60 -0
  244. package/src/core/icons.js +6 -0
  245. package/src/core/{react-renderer.js → react-renderer.tsx} +9 -7
  246. package/src/core/styles/buttons.css +121 -123
  247. package/src/core/styles/forms.css +49 -51
  248. package/src/core/styles/layout.css +14 -16
  249. package/src/core/styles/properties.css +250 -259
  250. package/src/core/styles/text.css +165 -167
  251. package/src/core/styles.components.css +22 -24
  252. package/src/core/utils/syntax-highlighter.css +55 -59
  253. package/src/pages/Buttons.mdx +121 -0
  254. package/src/pages/Chips.mdx +136 -0
  255. package/src/pages/Colour.mdx +23 -0
  256. package/src/pages/Forms.mdx +173 -0
  257. package/src/pages/Layout.mdx +58 -0
  258. package/src/pages/Typography.mdx +206 -0
  259. package/src/pages/utils.ts +70 -0
  260. package/tailwind.config.js +1 -7
  261. package/tailwind.extend.js +1 -1
  262. package/core/.gitignore +0 -1
  263. package/core/Code.jsx +0 -684
  264. package/core/CompanyAutocomplete/component.css +0 -46
  265. package/core/CompanyAutocomplete/component.js +0 -2
  266. package/core/CompanyAutocomplete/component.js.LICENSE.txt +0 -1
  267. package/core/ConnectStateWrapper.jsx +0 -222
  268. package/core/ContactFooter.jsx +0 -342
  269. package/core/CookieMessage.jsx +0 -204
  270. package/core/CustomerLogos.jsx +0 -144
  271. package/core/DropdownMenu.jsx +0 -313
  272. package/core/FeatureFooter/component.css +0 -13
  273. package/core/FeatureFooter/component.js +0 -1
  274. package/core/FeaturedLink.jsx +0 -241
  275. package/core/Flash.jsx +0 -622
  276. package/core/Footer.jsx +0 -587
  277. package/core/Icon.jsx +0 -152
  278. package/core/Loader.jsx +0 -154
  279. package/core/Logo.jsx +0 -147
  280. package/core/Meganav.jsx +0 -4151
  281. package/core/MeganavBlogPostsList/component.js.LICENSE.txt +0 -1
  282. package/core/MeganavBlogPostsList.jsx +0 -296
  283. package/core/MeganavContentCompany.jsx +0 -1058
  284. package/core/MeganavContentDevelopers.jsx +0 -334
  285. package/core/MeganavContentProducts.jsx +0 -373
  286. package/core/MeganavContentUseCases.jsx +0 -341
  287. package/core/MeganavControl.jsx +0 -199
  288. package/core/MeganavControlMobileDropdown.jsx +0 -197
  289. package/core/MeganavControlMobilePanelClose.jsx +0 -198
  290. package/core/MeganavControlMobilePanelOpen.jsx +0 -193
  291. package/core/MeganavItemsDesktop.jsx +0 -279
  292. package/core/MeganavItemsMobile.jsx +0 -689
  293. package/core/MeganavItemsSignedIn.jsx +0 -643
  294. package/core/MeganavSearch.jsx +0 -434
  295. package/core/MeganavSearchAutocomplete.jsx +0 -117
  296. package/core/MeganavSearchPanel.jsx +0 -386
  297. package/core/MeganavSearchSuggestions.jsx +0 -299
  298. package/core/Notice.jsx +0 -914
  299. package/core/Showcase/component.css +0 -31
  300. package/core/Showcase/component.js +0 -1
  301. package/core/Showcase.jsx +0 -17
  302. package/core/SignOutLink.jsx +0 -157
  303. package/core/Slider.jsx +0 -400
  304. package/core/Uptime/component.css +0 -128
  305. package/core/Uptime/component.js +0 -1
  306. package/core/Uptime.jsx +0 -895
  307. package/core/scripts.js.LICENSE.txt +0 -1
  308. package/preview/tmp/.keep +0 -0
  309. package/preview/tmp/pids/.keep +0 -0
  310. package/reset/.gitignore +0 -1
  311. package/src/core/Code/component.html.erb +0 -3
  312. package/src/core/Code/component.jsx +0 -31
  313. package/src/core/Code/component.rb +0 -12
  314. package/src/core/CompanyAutocomplete/component.css +0 -45
  315. package/src/core/CompanyAutocomplete/component.js +0 -204
  316. package/src/core/ContactFooter/component.html.erb +0 -32
  317. package/src/core/ContactFooter/component.jsx +0 -66
  318. package/src/core/ContactFooter/component.rb +0 -13
  319. package/src/core/CustomerLogos/component.html.erb +0 -9
  320. package/src/core/CustomerLogos/component.jsx +0 -28
  321. package/src/core/CustomerLogos/component.rb +0 -14
  322. package/src/core/FeatureFooter/component.css +0 -12
  323. package/src/core/FeatureFooter/component.html.erb +0 -54
  324. package/src/core/FeatureFooter/component.js +0 -7
  325. package/src/core/FeatureFooter/component.rb +0 -30
  326. package/src/core/FeaturedLink/component.html.erb +0 -15
  327. package/src/core/FeaturedLink/component.rb +0 -21
  328. package/src/core/Footer/component.html.erb +0 -256
  329. package/src/core/Footer/component.rb +0 -14
  330. package/src/core/Icon/component.html.erb +0 -3
  331. package/src/core/Icon/component.jsx +0 -19
  332. package/src/core/Icon/component.rb +0 -25
  333. package/src/core/Loader/component.html.erb +0 -18
  334. package/src/core/Loader/component.rb +0 -19
  335. package/src/core/Logo/component.html.erb +0 -3
  336. package/src/core/Logo/component.jsx +0 -20
  337. package/src/core/Logo/component.rb +0 -31
  338. package/src/core/Meganav/component.html.erb +0 -31
  339. package/src/core/Meganav/component.jsx +0 -123
  340. package/src/core/Meganav/component.rb +0 -60
  341. package/src/core/MeganavBlogPostsList/component.html.erb +0 -5
  342. package/src/core/MeganavBlogPostsList/component.rb +0 -13
  343. package/src/core/MeganavContentCompany/component.html.erb +0 -90
  344. package/src/core/MeganavContentCompany/component.rb +0 -14
  345. package/src/core/MeganavContentDevelopers/component.html.erb +0 -129
  346. package/src/core/MeganavContentDevelopers/component.rb +0 -13
  347. package/src/core/MeganavContentProducts/component.html.erb +0 -83
  348. package/src/core/MeganavContentProducts/component.jsx +0 -105
  349. package/src/core/MeganavContentProducts/component.rb +0 -14
  350. package/src/core/MeganavContentUseCases/component.html.erb +0 -135
  351. package/src/core/MeganavContentUseCases/component.jsx +0 -147
  352. package/src/core/MeganavContentUseCases/component.rb +0 -13
  353. package/src/core/MeganavControl/component.html.erb +0 -6
  354. package/src/core/MeganavControl/component.rb +0 -20
  355. package/src/core/MeganavControlMobileDropdown/component.html.erb +0 -7
  356. package/src/core/MeganavControlMobileDropdown/component.rb +0 -11
  357. package/src/core/MeganavControlMobilePanelClose/component.html.erb +0 -12
  358. package/src/core/MeganavControlMobilePanelClose/component.rb +0 -12
  359. package/src/core/MeganavControlMobilePanelOpen/component.html.erb +0 -7
  360. package/src/core/MeganavControlMobilePanelOpen/component.jsx +0 -25
  361. package/src/core/MeganavControlMobilePanelOpen/component.rb +0 -9
  362. package/src/core/MeganavItemsDesktop/component.html.erb +0 -17
  363. package/src/core/MeganavItemsDesktop/component.jsx +0 -49
  364. package/src/core/MeganavItemsDesktop/component.rb +0 -23
  365. package/src/core/MeganavItemsMobile/component.html.erb +0 -75
  366. package/src/core/MeganavItemsMobile/component.jsx +0 -137
  367. package/src/core/MeganavItemsMobile/component.rb +0 -21
  368. package/src/core/MeganavItemsSignedIn/component.html.erb +0 -53
  369. package/src/core/MeganavItemsSignedIn/component.rb +0 -33
  370. package/src/core/MeganavSearch/component.html.erb +0 -15
  371. package/src/core/MeganavSearch/component.jsx +0 -33
  372. package/src/core/MeganavSearch/component.rb +0 -13
  373. package/src/core/MeganavSearchAutocomplete/component.html.erb +0 -6
  374. package/src/core/MeganavSearchAutocomplete/component.jsx +0 -14
  375. package/src/core/MeganavSearchAutocomplete/component.rb +0 -6
  376. package/src/core/MeganavSearchPanel/component.html.erb +0 -22
  377. package/src/core/MeganavSearchPanel/component.jsx +0 -39
  378. package/src/core/MeganavSearchPanel/component.rb +0 -13
  379. package/src/core/MeganavSearchSuggestions/component.html.erb +0 -22
  380. package/src/core/MeganavSearchSuggestions/component.jsx +0 -49
  381. package/src/core/MeganavSearchSuggestions/component.rb +0 -18
  382. package/src/core/Notice/component.html.erb +0 -16
  383. package/src/core/Notice/component.jsx +0 -71
  384. package/src/core/Notice/component.rb +0 -29
  385. package/src/core/Showcase/component.css +0 -30
  386. package/src/core/Showcase/component.html.erb +0 -76
  387. package/src/core/Showcase/component.js +0 -180
  388. package/src/core/Showcase/component.jsx +0 -0
  389. package/src/core/Showcase/component.rb +0 -190
  390. package/src/core/SignOutLink/component.html.erb +0 -1
  391. package/src/core/SignOutLink/component.jsx +0 -32
  392. package/src/core/SignOutLink/component.rb +0 -17
  393. package/src/core/Slider/component.html.erb +0 -28
  394. package/src/core/Slider/component.jsx +0 -86
  395. package/src/core/Slider/component.rb +0 -38
  396. package/src/core/Uptime/component.css +0 -127
  397. package/src/core/Uptime/component.html.erb +0 -0
  398. package/src/core/Uptime/component.js +0 -1
  399. package/src/core/Uptime/component.jsx +0 -183
  400. package/src/core/Uptime/component.rb +0 -7
  401. package/src/core/core.rb +0 -81
  402. /package/{preview/log/.keep → src/core/Accordion/component.js} +0 -0
@@ -1,689 +0,0 @@
1
- (function webpackUniversalModuleDefinition(root, factory) {
2
- if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("prop-types"));
4
- else if(typeof define === 'function' && define.amd)
5
- define([, ], factory);
6
- else {
7
- var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
- for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
- }
10
- })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
- return /******/ (() => { // webpackBootstrap
12
- /******/ "use strict";
13
- /******/ var __webpack_modules__ = ({
14
-
15
- /***/ 5751:
16
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
17
-
18
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
- /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
-
28
-
29
-
30
- // When generating links with target=_blank, we only add `noreferrer` to
31
- // links that don't start with `/`, so we can continue tracking referrers
32
- // across our own domains
33
-
34
- var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
- var props = {};
36
-
37
- if (newWindow) {
38
- props.target = "_blank";
39
-
40
- if (url.startsWith("/") && !url.startsWith("//")) {
41
- props.rel = "noopener";
42
- } else {
43
- props.rel = "noopenner noreferrer";
44
- }
45
- }
46
-
47
- return props;
48
- };
49
-
50
- var FeaturedLink = function FeaturedLink(_ref) {
51
- var url = _ref.url,
52
- _ref$textSize = _ref.textSize,
53
- textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
54
- _ref$iconColor = _ref.iconColor,
55
- iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
56
- _ref$flush = _ref.flush,
57
- flush = _ref$flush === void 0 ? false : _ref$flush,
58
- _ref$reverse = _ref.reverse,
59
- reverse = _ref$reverse === void 0 ? false : _ref$reverse,
60
- _ref$additionalCSS = _ref.additionalCSS,
61
- additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
- _ref$newWindow = _ref.newWindow,
63
- newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
- _ref$onClick = _ref.onClick,
65
- onClick = _ref$onClick === void 0 ? undefined : _ref$onClick,
66
- children = _ref.children;
67
- var targetAndRel = buildTargetAndRel(url, newWindow);
68
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
69
- href: url,
70
- className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
71
- style: {
72
- "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
73
- }
74
- }, targetAndRel, {
75
- onClick: onClick
76
- }), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
77
- name: "icon-gui-link-arrow",
78
- size: "calc(var(--featured-link-icon-size) * 1.25)",
79
- color: iconColor,
80
- additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
81
- }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
82
- name: "icon-gui-link-arrow",
83
- size: "calc(var(--featured-link-icon-size) * 1.25)",
84
- color: iconColor,
85
- additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
86
- })));
87
- };
88
-
89
- FeaturedLink.propTypes = {
90
- url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
91
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
92
- textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
94
- flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
95
- reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
96
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
97
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
98
- onClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
99
- };
100
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
101
-
102
- /***/ }),
103
-
104
- /***/ 9008:
105
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
106
-
107
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
108
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
109
- /* harmony export */ });
110
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
111
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
112
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
113
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
114
- var _excluded = ["name", "size", "color", "additionalCSS"];
115
-
116
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
117
-
118
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
119
-
120
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
121
-
122
-
123
-
124
-
125
- var Icon = function Icon(_ref) {
126
- var name = _ref.name,
127
- _ref$size = _ref.size,
128
- size = _ref$size === void 0 ? "0.75rem" : _ref$size,
129
- _ref$color = _ref.color,
130
- color = _ref$color === void 0 ? "" : _ref$color,
131
- _ref$additionalCSS = _ref.additionalCSS,
132
- additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
133
- additionalAttributes = _objectWithoutProperties(_ref, _excluded);
134
-
135
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
136
- className: "".concat(color, " ").concat(additionalCSS),
137
- style: {
138
- width: size,
139
- height: size
140
- }
141
- }, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
142
- xlinkHref: "#sprite-".concat(name)
143
- }));
144
- };
145
-
146
- Icon.propTypes = {
147
- name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
148
- size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
149
- color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
150
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
151
- };
152
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
153
-
154
- /***/ }),
155
-
156
- /***/ 8746:
157
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
158
-
159
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
160
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
161
- /* harmony export */ });
162
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
163
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
164
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
165
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
166
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
167
-
168
-
169
-
170
-
171
- var MeganavControlMobileDropdown = function MeganavControlMobileDropdown(_ref) {
172
- var theme = _ref.theme;
173
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
174
- type: "button",
175
- className: "block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none",
176
- "data-id": "meganav-control-mobile-dropdown",
177
- "aria-expanded": "false",
178
- "aria-controls": "meganav-mobile-dropdown"
179
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
180
- name: "icon-gui-burger-menu",
181
- size: "1.5rem",
182
- color: theme.mobileMenuColor,
183
- additionalCSS: "transition-colors",
184
- "data-id": "meganav-control-mobile-dropdown-menu"
185
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
186
- name: "icon-gui-close",
187
- size: "1.5rem",
188
- color: theme.mobileMenuColor,
189
- additionalCSS: "transition-colors hidden",
190
- "data-id": "meganav-control-mobile-dropdown-close"
191
- }));
192
- };
193
-
194
- MeganavControlMobileDropdown.propTypes = {
195
- theme: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
196
- };
197
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobileDropdown);
198
-
199
- /***/ }),
200
-
201
- /***/ 5598:
202
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
203
-
204
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
205
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
206
- /* harmony export */ });
207
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
208
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
209
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
210
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
211
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
212
-
213
-
214
-
215
-
216
- var MeganavControlMobilePanelClose = function MeganavControlMobilePanelClose(_ref) {
217
- var ariaControls = _ref.ariaControls,
218
- _ref$displayHr = _ref.displayHr,
219
- displayHr = _ref$displayHr === void 0 ? true : _ref$displayHr;
220
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
221
- className: "mx-24 md:mx-32"
222
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
223
- type: "button",
224
- className: "ui-meganav-mobile-link text-gui-default mb-16",
225
- "data-id": "meganav-control-mobile-panel-close",
226
- "aria-expanded": "false",
227
- "aria-controls": ariaControls,
228
- "aria-label": "Hide panel"
229
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
230
- name: "icon-gui-disclosure-arrow",
231
- color: "text-cool-black",
232
- size: "1.5rem",
233
- additionalCSS: "relative -top-1 transform rotate-180"
234
- }), "Back"), displayHr ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr", {
235
- className: "ui-meganav-hr"
236
- }) : null);
237
- };
238
-
239
- MeganavControlMobilePanelClose.propTypes = {
240
- ariaControls: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
241
- displayHr: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
242
- };
243
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobilePanelClose);
244
-
245
- /***/ }),
246
-
247
- /***/ 7806:
248
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
249
-
250
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
251
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
252
- /* harmony export */ });
253
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
254
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
255
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
256
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
257
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
258
-
259
-
260
-
261
-
262
- var MeganavControlMobilePanelOpen = function MeganavControlMobilePanelOpen(_ref) {
263
- var ariaControls = _ref.ariaControls,
264
- children = _ref.children;
265
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
266
- type: "button",
267
- className: "ui-meganav-mobile-link",
268
- "data-id": "meganav-control-mobile-panel-open",
269
- "aria-expanded": "false",
270
- "aria-controls": ariaControls,
271
- "aria-label": "Show ".concat(children)
272
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
273
- name: "icon-gui-disclosure-arrow",
274
- color: "text-cool-black",
275
- size: "1.5rem",
276
- additionalCSS: "relative -top-1 ml-auto float-right"
277
- }));
278
- };
279
-
280
- MeganavControlMobilePanelOpen.propTypes = {
281
- ariaControls: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
282
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
283
- };
284
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobilePanelOpen);
285
-
286
- /***/ }),
287
-
288
- /***/ 3833:
289
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
290
-
291
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
292
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
293
- /* harmony export */ });
294
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
295
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
296
-
297
-
298
- var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
299
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
300
- className: "absolute w-full mt-8 z-10 hidden shadow-container rounded-lg bg-white border border-mid-grey",
301
- "data-id": "meganav-search-autocomplete-container"
302
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ol", {
303
- className: "m-16",
304
- "data-id": "meganav-search-autocomplete-list"
305
- }));
306
- };
307
-
308
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchAutocomplete);
309
-
310
- /***/ }),
311
-
312
- /***/ 8926:
313
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
314
-
315
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
316
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
317
- /* harmony export */ });
318
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
319
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
320
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
321
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
322
- /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
323
-
324
-
325
-
326
-
327
- var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
328
- var absUrl = _ref.absUrl,
329
- displaySupportLink = _ref.displaySupportLink;
330
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
331
- className: "ui-text-overline2 text-cool-black py-12"
332
- }, "Popular pages"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
333
- className: "flex justify-between items-center overflow-hidden"
334
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
335
- className: "flex transition-transform"
336
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
337
- className: "py-12 pr-8 flex-shrink-0"
338
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
339
- href: absUrl("/docs/how-ably-works"),
340
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
341
- }, "How does Ably work?")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
342
- className: "py-12 px-8 flex-shrink-0"
343
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
344
- href: absUrl("/docs/quick-start-guide"),
345
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
346
- }, "Quickstart guide")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
347
- className: "py-12 px-8 flex-shrink-0"
348
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
349
- href: absUrl("/docs/core-features/pubsub"),
350
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
351
- }, "Publish/Subscribe Messaging")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
352
- className: "py-12 pl-8 flex-shrink-0"
353
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
354
- href: absUrl("/platform"),
355
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
356
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
357
- url: absUrl("/support"),
358
- textSize: "text-p2"
359
- }, "Support") : null));
360
- };
361
-
362
- MeganavSearchSuggestions.propTypes = {
363
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
364
- displaySupportLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
365
- };
366
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchSuggestions);
367
-
368
- /***/ }),
369
-
370
- /***/ 1866:
371
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
372
-
373
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
374
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
375
- /* harmony export */ });
376
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
377
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
378
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
379
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
380
-
381
-
382
-
383
- var SignOutLink = function SignOutLink(_ref) {
384
- var token = _ref.token,
385
- href = _ref.href,
386
- text = _ref.text,
387
- children = _ref.children,
388
- absUrl = _ref.absUrl;
389
- var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
390
-
391
- var onClick = function onClick(e) {
392
- formRef.current.submit();
393
- e.preventDefault();
394
- };
395
-
396
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
397
- ref: formRef,
398
- method: "post",
399
- action: absUrl(href),
400
- className: "hidden"
401
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
402
- name: "_method",
403
- value: "delete",
404
- type: "hidden"
405
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
406
- name: "authenticity_token",
407
- value: token,
408
- type: "hidden"
409
- })), children({
410
- href: href,
411
- text: text,
412
- onClick: onClick
413
- }));
414
- };
415
-
416
- SignOutLink.propTypes = {
417
- token: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
418
- href: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
419
- text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
420
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
421
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
422
- };
423
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SignOutLink);
424
-
425
- /***/ }),
426
-
427
- /***/ 6073:
428
- /***/ ((module) => {
429
-
430
- module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
431
-
432
- /***/ }),
433
-
434
- /***/ 5225:
435
- /***/ ((module) => {
436
-
437
- module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
438
-
439
- /***/ }),
440
-
441
- /***/ 3166:
442
- /***/ ((module) => {
443
-
444
- module.exports = JSON.parse('{"h":[{"label":"Products","shortLabel":"Products","id":"products-panel","component":"MeganavContentProducts"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
445
-
446
- /***/ })
447
-
448
- /******/ });
449
- /************************************************************************/
450
- /******/ // The module cache
451
- /******/ var __webpack_module_cache__ = {};
452
- /******/
453
- /******/ // The require function
454
- /******/ function __webpack_require__(moduleId) {
455
- /******/ // Check if module is in cache
456
- /******/ var cachedModule = __webpack_module_cache__[moduleId];
457
- /******/ if (cachedModule !== undefined) {
458
- /******/ return cachedModule.exports;
459
- /******/ }
460
- /******/ // Create a new module (and put it into the cache)
461
- /******/ var module = __webpack_module_cache__[moduleId] = {
462
- /******/ // no module.id needed
463
- /******/ // no module.loaded needed
464
- /******/ exports: {}
465
- /******/ };
466
- /******/
467
- /******/ // Execute the module function
468
- /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
469
- /******/
470
- /******/ // Return the exports of the module
471
- /******/ return module.exports;
472
- /******/ }
473
- /******/
474
- /************************************************************************/
475
- /******/ /* webpack/runtime/compat get default export */
476
- /******/ (() => {
477
- /******/ // getDefaultExport function for compatibility with non-harmony modules
478
- /******/ __webpack_require__.n = (module) => {
479
- /******/ var getter = module && module.__esModule ?
480
- /******/ () => (module['default']) :
481
- /******/ () => (module);
482
- /******/ __webpack_require__.d(getter, { a: getter });
483
- /******/ return getter;
484
- /******/ };
485
- /******/ })();
486
- /******/
487
- /******/ /* webpack/runtime/define property getters */
488
- /******/ (() => {
489
- /******/ // define getter functions for harmony exports
490
- /******/ __webpack_require__.d = (exports, definition) => {
491
- /******/ for(var key in definition) {
492
- /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
493
- /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
494
- /******/ }
495
- /******/ }
496
- /******/ };
497
- /******/ })();
498
- /******/
499
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
500
- /******/ (() => {
501
- /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
502
- /******/ })();
503
- /******/
504
- /******/ /* webpack/runtime/make namespace object */
505
- /******/ (() => {
506
- /******/ // define __esModule on exports
507
- /******/ __webpack_require__.r = (exports) => {
508
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
509
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
510
- /******/ }
511
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
512
- /******/ };
513
- /******/ })();
514
- /******/
515
- /************************************************************************/
516
- var __webpack_exports__ = {};
517
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
518
- (() => {
519
- __webpack_require__.r(__webpack_exports__);
520
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
521
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
522
- /* harmony export */ });
523
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
524
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
525
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
526
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
527
- /* harmony import */ var _SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1866);
528
- /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
529
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9008);
530
- /* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3166);
531
- /* harmony import */ var _MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8746);
532
- /* harmony import */ var _MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5598);
533
- /* harmony import */ var _MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7806);
534
- /* harmony import */ var _MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3833);
535
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
536
-
537
-
538
-
539
-
540
-
541
-
542
-
543
-
544
-
545
-
546
-
547
-
548
- var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
549
- var panels = _ref.panels,
550
- paths = _ref.paths,
551
- sessionState = _ref.sessionState,
552
- theme = _ref.theme,
553
- loginLink = _ref.loginLink,
554
- absUrl = _ref.absUrl;
555
- var classNames = "ui-meganav-link ".concat(theme.textColor);
556
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
557
- className: "flex md:hidden",
558
- "data-id": "meganav-items-mobile"
559
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, sessionState.signedIn && sessionState.logOut ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
560
- absUrl: absUrl
561
- }, sessionState.logOut), function (_ref2) {
562
- var text = _ref2.text,
563
- href = _ref2.href,
564
- onClick = _ref2.onClick;
565
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
566
- onClick: onClick,
567
- href: absUrl(href),
568
- className: classNames,
569
- "data-id": "meganav-link"
570
- }, text);
571
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
572
- href: absUrl(loginLink),
573
- className: classNames,
574
- "data-id": "meganav-link"
575
- }, "Login")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
576
- className: "ui-meganav-item"
577
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
578
- theme: theme
579
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
580
- className: "ui-meganav-mobile-dropdown invisible",
581
- id: "meganav-mobile-dropdown",
582
- "data-id": "meganav-mobile-dropdown"
583
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
584
- className: "pt-24 pb-16 ui-grid-px bg-white"
585
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
586
- className: "mb-16",
587
- action: absUrl("/search"),
588
- method: "get"
589
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
590
- className: "relative w-full"
591
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
592
- name: "icon-gui-search",
593
- color: "text-cool-black",
594
- size: "1.5rem",
595
- additionalCSS: "absolute top-12 left-16 hover:text-gui-hover"
596
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
597
- type: "button",
598
- className: "absolute top-12 right-16 p-0 focus:outline-gui-focus m-0 md:hidden invisible",
599
- "data-id": "meganav-search-input-clear"
600
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
601
- name: "icon-gui-cross-circled-fill",
602
- color: "text-dark-grey",
603
- size: "1.5rem",
604
- additionalCSS: ""
605
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
606
- type: "search",
607
- name: "q",
608
- className: "ui-input px-48 h-48",
609
- style: {
610
- maxWidth: "none"
611
- },
612
- placeholder: "Search",
613
- autoComplete: "off",
614
- "data-id": "meganav-mobile-search-input"
615
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
616
- className: "max-h-0 overflow-hidden transition-all",
617
- "data-id": "meganav-mobile-search-suggestions"
618
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
619
- absUrl: absUrl,
620
- displaySupportLink: false
621
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
622
- className: "mb-16",
623
- "data-id": "meganav-mobile-panel-controls"
624
- }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__/* .panels.map */ .h.map(function (panel) {
625
- var PanelComponent = panels[panel.component];
626
- var displayHr = ["company-panel", "developers-panel"].includes(panel.id);
627
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
628
- className: "ui-meganav-mobile-item",
629
- key: "".concat(panel.id, "-mobile")
630
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
631
- ariaControls: "".concat(panel.id, "-mobile")
632
- }, panel.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
633
- className: "ui-meganav-panel-mobile hidden",
634
- id: "".concat(panel.id, "-mobile"),
635
- "data-scroll-lock-scrollable": true
636
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
637
- ariaControls: "".concat(panel.id, "-mobile"),
638
- displayHr: displayHr
639
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PanelComponent, {
640
- paths: paths,
641
- absUrl: absUrl
642
- })));
643
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
644
- href: absUrl("/pricing"),
645
- className: "ui-meganav-mobile-link"
646
- }, "Pricing"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr", {
647
- className: "ui-meganav-hr mb-20"
648
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
649
- className: "flex justify-between items-center mb-16"
650
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
651
- href: absUrl("/contact"),
652
- className: "text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"
653
- }, "Contact us"), sessionState.signedIn && sessionState.account ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
654
- href: absUrl(sessionState.account.links.dashboard.href),
655
- className: "ui-btn-secondary"
656
- }, "Dashboard") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
657
- href: absUrl("/sign-up"),
658
- className: "ui-btn"
659
- }, "Sign up free"))))));
660
- };
661
-
662
- MeganavItemsMobile.propTypes = {
663
- panels: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
664
- paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
665
- iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
666
- }),
667
- sessionState: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
668
- theme: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
669
- loginLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
670
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
671
- };
672
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(MeganavItemsMobile, function (oldState, newState) {
673
- var pathsOld = oldState.pathsOld,
674
- themeOld = oldState.themeOld;
675
- var pathsNew = newState.pathsNew,
676
- themeNew = newState.themeNew;
677
-
678
- if (pathsOld === pathsNew && themeOld === themeNew && Object.keys(newState.sessionState || {}).length === 0) {
679
- return true;
680
- } else {
681
- return false;
682
- }
683
- }));
684
- })();
685
-
686
- /******/ return __webpack_exports__;
687
- /******/ })()
688
- ;
689
- });