@ably/ui 8.2.1-dev.ade9a3d → 8.2.1-dev.f35b482

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 (10) hide show
  1. package/core/Meganav.jsx +6 -3
  2. package/core/MeganavContentPlatform.jsx +5 -2
  3. package/core/MeganavContentUseCases.jsx +1 -1
  4. package/package.json +1 -1
  5. package/src/core/MeganavContentCompany/component.html.erb +1 -1
  6. package/src/core/MeganavContentDevelopers/component.html.erb +2 -2
  7. package/src/core/MeganavContentPlatform/component.html.erb +2 -2
  8. package/src/core/MeganavContentPlatform/component.jsx +2 -2
  9. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  10. package/src/core/MeganavContentUseCases/component.jsx +1 -1
package/core/Meganav.jsx CHANGED
@@ -4402,7 +4402,7 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
4402
4402
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4403
4403
  className: "ui-meganav-content-spacer bg-extra-light-grey"
4404
4404
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
4405
- className: "grid grid-cols-12 ui-grid-gap-x"
4405
+ className: "grid grid-cols-12 ui-grid-gap-x w-full"
4406
4406
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4407
4407
  className: "col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
4408
4408
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -4413,7 +4413,10 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
4413
4413
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
4414
4414
  className: "ui-meganav-overline ml-24"
4415
4415
  }, "The Ably Platform")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
4416
- className: "text-p2 font-medium text-cool-black mb-8"
4416
+ className: "text-p2 font-medium text-cool-black mb-8",
4417
+ style: {
4418
+ maxWidth: "330px"
4419
+ }
4417
4420
  }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
4418
4421
  url: absUrl("/platform")
4419
4422
  }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -4551,7 +4554,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
4551
4554
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4552
4555
  className: "ui-meganav-content-spacer bg-extra-light-grey"
4553
4556
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
4554
- className: "grid grid-cols-12 ui-grid-gap-x"
4557
+ className: "grid grid-cols-12 ui-grid-gap-x w-full"
4555
4558
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
4556
4559
  className: "col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
4557
4560
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
package/core/MeganavContentPlatform.jsx CHANGED
@@ -326,7 +326,7 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
326
326
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
327
327
  className: "ui-meganav-content-spacer bg-extra-light-grey"
328
328
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
329
- className: "grid grid-cols-12 ui-grid-gap-x"
329
+ className: "grid grid-cols-12 ui-grid-gap-x w-full"
330
330
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
331
331
  className: "col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
332
332
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -337,7 +337,10 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
337
337
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
338
338
  className: "ui-meganav-overline ml-24"
339
339
  }, "The Ably Platform")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
340
- className: "text-p2 font-medium text-cool-black mb-8"
340
+ className: "text-p2 font-medium text-cool-black mb-8",
341
+ style: {
342
+ maxWidth: "330px"
343
+ }
341
344
  }, "Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything realtime, and lets you focus on your code."), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
342
345
  url: absUrl("/platform")
343
346
  }, "Explore how it works")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
package/core/MeganavContentUseCases.jsx CHANGED
@@ -275,7 +275,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
275
275
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
276
276
  className: "ui-meganav-content-spacer bg-extra-light-grey"
277
277
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
278
- className: "grid grid-cols-12 ui-grid-gap-x"
278
+ className: "grid grid-cols-12 ui-grid-gap-x w-full"
279
279
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
280
280
  className: "col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24"
281
281
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "8.2.1-dev.ade9a3d",
3
+ "version": "8.2.1-dev.f35b482",
4
4
  "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/core/MeganavContentCompany/component.html.erb CHANGED
@@ -64,7 +64,7 @@
64
64
  <% end %>
65
65
  </li>
66
66
  <li>
67
- <%= link_to abs_url("/aws"), class: "ui-meganav-media-with-image group" do %>
67
+ <%= link_to abs_url("/careers"), class: "ui-meganav-media-with-image group" do %>
68
68
  <%= render(AblyUi::Core::Icon.new(name: "icon-display-careers-col", size: "2.5rem")) %>
69
69
  <div class="flex flex-col justify-center">
70
70
  <p class="ui-meganav-media-heading">Careers</p>
package/src/core/MeganavContentDevelopers/component.html.erb CHANGED
@@ -93,9 +93,9 @@
93
93
  </a>
94
94
  </li>
95
95
  <li>
96
- <a href={absUrl("/support")} class="group ui-meganav-media py-12">
96
+ <%= link_to abs_url("/support"), class: "group ui-meganav-media py-12" do %>
97
97
  <p class="ui-meganav-media-heading">Support & FAQs</p>
98
- </a>
98
+ <% end %>
99
99
  </li>
100
100
  </ul>
101
101
  </div>
package/src/core/MeganavContentPlatform/component.html.erb CHANGED
@@ -1,13 +1,13 @@
1
1
  <div class="flex">
2
2
  <div class="ui-meganav-content-spacer bg-extra-light-grey"></div>
3
- <section class="grid grid-cols-12 ui-grid-gap-x">
3
+ <section class="grid grid-cols-12 ui-grid-gap-x w-full">
4
4
  <div class="col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
5
5
  <div class="flex mb-20">
6
6
  <%= image_tag(ably_stack_path, alt: "Ably homepage") %>
7
7
  <h3 class="ui-meganav-overline ml-24">The Ably Platform</h3>
8
8
  </div>
9
9
 
10
- <p class="text-p2 font-medium text-cool-black mb-8">
10
+ <p class="text-p2 font-medium text-cool-black mb-8" style="max-width: 330px">
11
11
  Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything
12
12
  realtime, and lets you focus on your code.
13
13
  </p>
package/src/core/MeganavContentPlatform/component.jsx CHANGED
@@ -6,13 +6,13 @@ import FeaturedLink from "../FeaturedLink/component.jsx";
6
6
  const MeganavContentPlatform = ({ paths, absUrl }) => (
7
7
  <div className="flex">
8
8
  <div className="ui-meganav-content-spacer bg-extra-light-grey"></div>
9
- <section className="grid grid-cols-12 ui-grid-gap-x">
9
+ <section className="grid grid-cols-12 ui-grid-gap-x w-full">
10
10
  <div className="col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
11
11
  <div className="flex mb-20">
12
12
  <img src={paths.ablyStack} alt="Ably homepage" />
13
13
  <h3 className="ui-meganav-overline ml-24">The Ably Platform</h3>
14
14
  </div>
15
- <p className="text-p2 font-medium text-cool-black mb-8">
15
+ <p className="text-p2 font-medium text-cool-black mb-8" style={{ maxWidth: "330px" }}>
16
16
  Easily power any realtime experience in your application. No complex infrastructure to manage or provision. Just a simple API that handles everything
17
17
  realtime, and lets you focus on your code.
18
18
  </p>
package/src/core/MeganavContentUseCases/component.html.erb CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="flex">
2
2
  <div class="ui-meganav-content-spacer bg-extra-light-grey"></div>
3
- <section class="grid grid-cols-12 ui-grid-gap-x">
3
+ <section class="grid grid-cols-12 ui-grid-gap-x w-full">
4
4
  <div class="col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
5
5
  <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-use-cases">
6
6
  Use cases
package/src/core/MeganavContentUseCases/component.jsx CHANGED
@@ -6,7 +6,7 @@ import Icon from "../Icon/component.jsx";
6
6
  const MeganavContentUseCases = ({ absUrl }) => (
7
7
  <div className="flex">
8
8
  <div className="ui-meganav-content-spacer bg-extra-light-grey"></div>
9
- <section className="grid grid-cols-12 ui-grid-gap-x">
9
+ <section className="grid grid-cols-12 ui-grid-gap-x w-full">
10
10
  <div className="col-span-full md:col-span-4 bg-extra-light-grey py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24">
11
11
  <h3 className="ui-meganav-overline" id="meganav-use-cases-panel-use-cases">
12
12
  Use cases