@ably/ui 6.4.0 → 6.5.2

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 (9) hide show
  1. package/core/Footer.jsx +10 -0
  2. package/core/Meganav.jsx +8 -1
  3. package/core/MeganavContentUseCases.jsx +8 -1
  4. package/package.json +1 -1
  5. package/src/core/Footer/component.html.erb +6 -0
  6. package/src/core/Footer/component.jsx +10 -0
  7. package/src/core/MeganavContentUseCases/component.html.erb +7 -1
  8. package/src/core/MeganavContentUseCases/component.jsx +7 -1
  9. package/tailwind.config.js +1 -0
package/core/Footer.jsx CHANGED
@@ -345,6 +345,16 @@ function Footer(_ref) {
345
345
  className: "ui-footer-col-title"
346
346
  }, "Ably is for"), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("ul", null, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
347
347
  className: "p-menu-row-snug"
348
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
349
+ href: absUrl("/solutions/asset-tracking"),
350
+ className: "ui-footer-menu-row-link"
351
+ }, "Ably Asset Tracking")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
352
+ className: "p-menu-row-snug"
353
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
354
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
355
+ className: "ui-footer-menu-row-link"
356
+ }, "Extend Kafka to the edge")), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("li", {
357
+ className: "p-menu-row-snug"
348
358
  }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("a", {
349
359
  href: absUrl("/solutions/edtech"),
350
360
  className: "ui-footer-menu-row-link"
package/core/Meganav.jsx CHANGED
@@ -886,9 +886,16 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
886
886
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
887
887
  className: "ui-meganav-overline",
888
888
  id: "meganav-use-cases-panel-industry-use-cases"
889
- }, "By industry use case"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
889
+ }, "By use case"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
890
890
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
891
891
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
892
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
893
+ className: "ui-meganav-media group"
894
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
895
+ className: "ui-meganav-media-heading"
896
+ }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
897
+ className: "ui-meganav-media-copy"
898
+ }, "Enhance and reliably expand Kafka's event streaming capabilities beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
892
899
  href: absUrl("/solutions/edtech"),
893
900
  className: "ui-meganav-media group"
894
901
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
package/core/MeganavContentUseCases.jsx CHANGED
@@ -220,9 +220,16 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
220
220
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
221
221
  className: "ui-meganav-overline",
222
222
  id: "meganav-use-cases-panel-industry-use-cases"
223
- }, "By industry use case"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
223
+ }, "By use case"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
224
224
  "aria-labelledby": "meganav-use-cases-panel-industry-use-cases"
225
225
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
226
+ href: absUrl("/solutions/extend-kafka-to-the-edge"),
227
+ className: "ui-meganav-media group"
228
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
229
+ className: "ui-meganav-media-heading"
230
+ }, "Extend Kafka to the edge"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
231
+ className: "ui-meganav-media-copy"
232
+ }, "Enhance and reliably expand Kafka's event streaming capabilities beyond your private network."))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
226
233
  href: absUrl("/solutions/edtech"),
227
234
  className: "ui-meganav-media group"
228
235
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ably/ui",
3
- "version": "6.4.0",
3
+ "version": "6.5.2",
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/Footer/component.html.erb CHANGED
@@ -34,6 +34,12 @@
34
34
  <div class="col-span-full sm:col-span-3 md:col-span-1">
35
35
  <h2 class="ui-footer-col-title">Ably is for</h2>
36
36
  <ul>
37
+ <li class="p-menu-row-snug">
38
+ <%= link_to 'Ably Asset Tracking', abs_url("/solutions/asset-tracking"), class: "ui-footer-menu-row-link" %>
39
+ </li>
40
+ <li class="p-menu-row-snug">
41
+ <%= link_to 'Extend Kafka to the edge', abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-footer-menu-row-link" %>
42
+ </li>
37
43
  <li class="p-menu-row-snug">
38
44
  <%= link_to 'EdTech', abs_url("/solutions/edtech"), class: "ui-footer-menu-row-link" %>
39
45
  </li>
package/src/core/Footer/component.jsx CHANGED
@@ -54,6 +54,16 @@ export default function Footer({ paths, urlBase }) {
54
54
  <div className="col-span-full sm:col-span-3 md:col-span-1">
55
55
  <h2 className="ui-footer-col-title">Ably is for</h2>
56
56
  <ul>
57
+ <li className="p-menu-row-snug">
58
+ <a href={absUrl("/solutions/asset-tracking")} className="ui-footer-menu-row-link">
59
+ Ably Asset Tracking
60
+ </a>
61
+ </li>
62
+ <li className="p-menu-row-snug">
63
+ <a href={absUrl("/solutions/extend-kafka-to-the-edge")} className="ui-footer-menu-row-link">
64
+ Extend Kafka to the edge
65
+ </a>
66
+ </li>
57
67
  <li className="p-menu-row-snug">
58
68
  <a href={absUrl("/solutions/edtech")} className="ui-footer-menu-row-link">
59
69
  EdTech
package/src/core/MeganavContentUseCases/component.html.erb CHANGED
@@ -1,7 +1,13 @@
1
1
  <section class="ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32">
2
2
  <div>
3
- <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By industry use case</h3>
3
+ <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">By use case</h3>
4
4
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
5
+ <li>
6
+ <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
7
+ <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
8
+ <p class="ui-meganav-media-copy">Enhance and reliably expand Kafka&apos;s event streaming capabilities beyond your private network.</p>
9
+ <% end %>
10
+ </li>
5
11
  <li>
6
12
  <%= link_to abs_url("/solutions/edtech"), class: "ui-meganav-media group" do %>
7
13
  <p class="ui-meganav-media-heading">EdTech</p>
package/src/core/MeganavContentUseCases/component.jsx CHANGED
@@ -5,9 +5,15 @@ const MeganavContentUseCases = ({ absUrl }) => (
5
5
  <section className="ui-meganav-content ui-grid-gap md:grid-cols-2 gap-y-0 md:gap-y-32">
6
6
  <div>
7
7
  <h3 className="ui-meganav-overline" id="meganav-use-cases-panel-industry-use-cases">
8
- By industry use case
8
+ By use case
9
9
  </h3>
10
10
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
11
+ <li>
12
+ <a href={absUrl("/solutions/extend-kafka-to-the-edge")} className="ui-meganav-media group">
13
+ <p className="ui-meganav-media-heading">Extend Kafka to the edge</p>
14
+ <p className="ui-meganav-media-copy">Enhance and reliably expand Kafka&apos;s event streaming capabilities beyond your private network.</p>
15
+ </a>
16
+ </li>
11
17
  <li>
12
18
  <a href={absUrl("/solutions/edtech")} className="ui-meganav-media group">
13
19
  <p className="ui-meganav-media-heading">EdTech</p>
package/tailwind.config.js CHANGED
@@ -133,6 +133,7 @@ module.exports = {
133
133
  0: "0",
134
134
  none: "none",
135
135
  unset: "unset",
136
+ ...theme("spacing"),
136
137
  ...breakpoints(theme("screens")),
137
138
  }),
138
139
  boxShadow: {