@ably/ui 8.6.0 → 8.7.0
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.
- package/core/Meganav.jsx +13 -1
- package/core/MeganavContentUseCases.jsx +13 -1
- package/core/sprites.svg +12 -0
- package/package.json +1 -1
- package/src/core/MeganavContentUseCases/component.html.erb +9 -0
- package/src/core/MeganavContentUseCases/component.jsx +9 -0
- package/src/core/icons/icon-multi-user-spaces-col.svg +13 -0
package/core/Meganav.jsx
CHANGED
|
@@ -4603,7 +4603,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
|
|
|
4603
4603
|
className: "ui-meganav-media-heading"
|
|
4604
4604
|
}, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
4605
4605
|
className: "ui-meganav-media-copy"
|
|
4606
|
-
}, "Power engaging virtual events with realtime features.")))))
|
|
4606
|
+
}, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
4607
|
+
href: absUrl("/solutions/multi-user-virtual-spaces"),
|
|
4608
|
+
className: "ui-meganav-media-with-image group"
|
|
4609
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
|
|
4610
|
+
name: "icon-multi-user-spaces-col",
|
|
4611
|
+
size: "2.5rem"
|
|
4612
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
4613
|
+
className: "flex flex-col justify-center"
|
|
4614
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
4615
|
+
className: "ui-meganav-media-heading"
|
|
4616
|
+
}, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
4617
|
+
className: "ui-meganav-media-copy"
|
|
4618
|
+
}, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
4607
4619
|
className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
|
|
4608
4620
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
|
|
4609
4621
|
className: "ui-meganav-overline",
|
|
@@ -319,7 +319,19 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
|
|
|
319
319
|
className: "ui-meganav-media-heading"
|
|
320
320
|
}, "Virtual Events"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
321
321
|
className: "ui-meganav-media-copy"
|
|
322
|
-
}, "Power engaging virtual events with realtime features.")))))
|
|
322
|
+
}, "Power engaging virtual events with realtime features.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
|
|
323
|
+
href: absUrl("/solutions/multi-user-virtual-spaces"),
|
|
324
|
+
className: "ui-meganav-media-with-image group"
|
|
325
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
|
|
326
|
+
name: "icon-multi-user-spaces-col",
|
|
327
|
+
size: "2.5rem"
|
|
328
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
329
|
+
className: "flex flex-col justify-center"
|
|
330
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
331
|
+
className: "ui-meganav-media-heading"
|
|
332
|
+
}, "Multi-user virtual spaces"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
|
|
333
|
+
className: "ui-meganav-media-copy"
|
|
334
|
+
}, "Build live and interactive multi-user applications.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
323
335
|
className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
|
|
324
336
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
|
|
325
337
|
className: "ui-meganav-overline",
|
package/core/sprites.svg
CHANGED
|
@@ -367,6 +367,18 @@
|
|
|
367
367
|
<path d="M10 19L9 18L6 18.5L8 20.5L10 21.5V19Z" fill="#03020D"/>
|
|
368
368
|
<path d="M19 11L21 10L22 12L21.5 13L19.5 12L19 11Z" fill="#03020D"/>
|
|
369
369
|
<path d="M14.5 5.5L13 6.5L11 5V4H14.5V5.5Z" fill="#03020D"/>
|
|
370
|
+
</symbol><symbol fill="none" id="sprite-icon-multi-user-spaces-col" viewBox="0 0 49 48"><title>sprite-icon-multi-user-spaces-col</title>
|
|
371
|
+
<rect x="13" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
372
|
+
<rect x="31" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
373
|
+
<rect x="13" y="31" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
374
|
+
<path d="M16 19L16 31" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
375
|
+
<path d="M34 19L34 26" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
376
|
+
<path d="M19 16L31 16" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
377
|
+
<path d="M19 34L29 34" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
378
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7494 34.1265C47.7376 33.8234 47.5443 33.5572 47.2597 33.4522L30.3737 27.2184C30.0903 27.1138 29.7719 27.1893 29.5658 27.41C29.3596 27.6308 29.306 27.9536 29.4297 28.2291L36.806 44.66C36.932 44.9405 37.2163 45.1158 37.5235 45.1021C37.8306 45.0885 38.0984 44.8888 38.199 44.5983L40.4903 37.9808L47.3138 34.8369C47.5894 34.71 47.7613 34.4296 47.7494 34.1265Z" fill="#FF5416"/>
|
|
379
|
+
<path d="M12.8863 45.5057L1.62891 41.3499L6.37144 39.1648L7.96873 34.5518L12.8863 45.5057Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
380
|
+
<path d="M30.2574 0.999899L19 5.15576L23.7425 7.34085L25.3398 11.9538L30.2574 0.999899Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
381
|
+
<path d="M33 6L44 6" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
370
382
|
</symbol><symbol id="sprite-linkedin" viewBox="0 0 24 24"><title>sprite-linkedin</title>
|
|
371
383
|
<path d="M24 1.76471V22.2353C24 22.7033 23.8141 23.1522 23.4831 23.4831C23.1522 23.8141 22.7033 24 22.2353 24H1.76471C1.29668 24 0.847817 23.8141 0.51687 23.4831C0.185924 23.1522 0 22.7033 0 22.2353L0 1.76471C0 1.29668 0.185924 0.847817 0.51687 0.51687C0.847817 0.185924 1.29668 0 1.76471 0L22.2353 0C22.7033 0 23.1522 0.185924 23.4831 0.51687C23.8141 0.847817 24 1.29668 24 1.76471ZM7.05882 9.17647H3.52941V20.4706H7.05882V9.17647ZM7.37647 5.29412C7.37833 5.02715 7.32759 4.76242 7.22714 4.51506C7.12669 4.2677 6.9785 4.04255 6.79103 3.85246C6.60357 3.66237 6.38049 3.51107 6.13455 3.4072C5.88861 3.30332 5.62462 3.24891 5.35765 3.24706H5.29412C4.7512 3.24706 4.23053 3.46273 3.84663 3.84663C3.46273 4.23053 3.24706 4.7512 3.24706 5.29412C3.24706 5.83703 3.46273 6.35771 3.84663 6.74161C4.23053 7.1255 4.7512 7.34118 5.29412 7.34118C5.56111 7.34774 5.82678 7.30164 6.07594 7.2055C6.32511 7.10936 6.55289 6.96506 6.74627 6.78086C6.93965 6.59666 7.09484 6.37616 7.20297 6.13196C7.3111 5.88775 7.37006 5.62464 7.37647 5.35765V5.29412ZM20.4706 13.6094C20.4706 10.2141 18.3106 8.89412 16.1647 8.89412C15.4621 8.85894 14.7626 9.00858 14.1358 9.32814C13.5091 9.64769 12.9771 10.126 12.5929 10.7153H12.4941V9.17647H9.17647V20.4706H12.7059V14.4635C12.6549 13.8483 12.8487 13.2378 13.2452 12.7646C13.6417 12.2915 14.2089 11.9939 14.8235 11.9365H14.9576C16.08 11.9365 16.9129 12.6424 16.9129 14.4212V20.4706H20.4424L20.4706 13.6094Z"/>
|
|
372
384
|
</symbol><symbol id="sprite-quote" viewBox="0 0 25 19"><title>sprite-quote</title>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ably/ui",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.7.0",
|
|
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",
|
|
@@ -33,6 +33,15 @@
|
|
|
33
33
|
</div>
|
|
34
34
|
<% end %>
|
|
35
35
|
</li>
|
|
36
|
+
<li>
|
|
37
|
+
<%= link_to abs_url("/solutions/multi-user-virtual-spaces"), class: "ui-meganav-media-with-image group" do %>
|
|
38
|
+
<%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
|
|
39
|
+
<div class="flex flex-col justify-center">
|
|
40
|
+
<p class="ui-meganav-media-heading">Multi-user virtual spaces</p>
|
|
41
|
+
<p class="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
|
|
42
|
+
</div>
|
|
43
|
+
<% end %>
|
|
44
|
+
</li>
|
|
36
45
|
</ul>
|
|
37
46
|
</div>
|
|
38
47
|
|
|
@@ -39,6 +39,15 @@ const MeganavContentUseCases = ({ absUrl }) => (
|
|
|
39
39
|
</div>
|
|
40
40
|
</a>
|
|
41
41
|
</li>
|
|
42
|
+
<li>
|
|
43
|
+
<a href={absUrl("/solutions/multi-user-virtual-spaces")} className="ui-meganav-media-with-image group">
|
|
44
|
+
<Icon name="icon-multi-user-spaces-col" size="2.5rem" />
|
|
45
|
+
<div className="flex flex-col justify-center">
|
|
46
|
+
<p className="ui-meganav-media-heading">Multi-user virtual spaces</p>
|
|
47
|
+
<p className="ui-meganav-media-copy">Build live and interactive multi-user applications.</p>
|
|
48
|
+
</div>
|
|
49
|
+
</a>
|
|
50
|
+
</li>
|
|
42
51
|
</ul>
|
|
43
52
|
</div>
|
|
44
53
|
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg width="49" height="48" viewBox="0 0 49 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect x="13" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
3
|
+
<rect x="31" y="13" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
4
|
+
<rect x="13" y="31" width="6" height="6" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M16 19L16 31" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
6
|
+
<path d="M34 19L34 26" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
7
|
+
<path d="M19 16L31 16" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
8
|
+
<path d="M19 34L29 34" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.7494 34.1265C47.7376 33.8234 47.5443 33.5572 47.2597 33.4522L30.3737 27.2184C30.0903 27.1138 29.7719 27.1893 29.5658 27.41C29.3596 27.6308 29.306 27.9536 29.4297 28.2291L36.806 44.66C36.932 44.9405 37.2163 45.1158 37.5235 45.1021C37.8306 45.0885 38.0984 44.8888 38.199 44.5983L40.4903 37.9808L47.3138 34.8369C47.5894 34.71 47.7613 34.4296 47.7494 34.1265Z" fill="#FF5416"/>
|
|
10
|
+
<path d="M12.8863 45.5057L1.62891 41.3499L6.37144 39.1648L7.96873 34.5518L12.8863 45.5057Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
11
|
+
<path d="M30.2574 0.999899L19 5.15576L23.7425 7.34085L25.3398 11.9538L30.2574 0.999899Z" stroke="#03020D" stroke-width="1.5" stroke-linejoin="round"/>
|
|
12
|
+
<path d="M33 6L44 6" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
|
|
13
|
+
</svg>
|