ably-ui 8.7.0.dev.6c80bfb → 8.7.0.dev.6dec76a

Sign up to get free protection for your applications and to get access to all the features.
Files changed (10) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/README.md +7 -3
  4. data/lib/ably_ui/core/footer/component.css +1 -1
  5. data/lib/ably_ui/core/footer/footer.html.erb +19 -19
  6. data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
  7. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +34 -37
  8. data/lib/ably_ui/core/sprites.svg +9 -0
  9. data/lib/ably_ui/version.rb +1 -1
  10. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 4567ef312da58d6f7a659e89dc1f1d5bd4d9f61bfff82f7452f4d300f4339191
4
- data.tar.gz: 22780a0b13418df101d46f9570aebaeb8dd5f46fa6b9217a63816a59da30fe7e
3
+ metadata.gz: 11158348dd9fa3aa4ac333e3432bb9a5df88e5a494e93a8f89081523e44bbd3f
4
+ data.tar.gz: 66b6dc6ff79b19cf622226d85406d7d310848c36f9db6fae32049c20342499f4
5
5
  SHA512:
6
- metadata.gz: 9197a14dfd1c8cea6826c94ae520bcf1294ff581936c616b49714c843293d5317f8f875a2b39cc535c8bf94504ab35a82e1720e31a3a76a91df4485053b386ab
7
- data.tar.gz: 027c189e2cefb34833838888b20f0ab42300d311879009151a50f7a1750e53ff1c0509228f237c1f58add58e133ef682352f681420a839ae0d824f99a3635c65
6
+ metadata.gz: 9e88871a066941ff5c967175926c3594566bafe8cdc242f4d702b987d8a4cbc78137a830b238d978fb887218f1b3fcfd89c6009c0f20d9a4f36b60fbbecfe750
7
+ data.tar.gz: 64ba2fd9d80d25db1f801cdcd3ab75cdcc75d526d2d0b73af74518359fbd1c660212336491d6ae7169ef70d972dc217a3c46339c6dd8a1e9116cb553880ee47f
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (8.7.0.dev.4de588d)
4
+ ably-ui (8.7.0.dev.3fee7c0)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
data/README.md CHANGED
@@ -294,10 +294,14 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
294
294
  scripts/pre-release.sh
295
295
  ```
296
296
 
297
- This will do a couple of things:
297
+ This script is a combination of two scripts:
298
298
 
299
- — update your local dependencies for ably-ui and run a production build
300
- — release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
299
+ 1. Pre-Release:
300
+
301
+ - update your local dependencies for ably-ui and run a production build
302
+ - release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
303
+
304
+ 2. Update Pre-Release Version:
301
305
 
302
306
  - update the preview app
303
307
  - commit all the above and push to origin
data/lib/ably_ui/core/footer/component.css CHANGED
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  .ui-footer-link {
11
- @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
11
+ @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
12
12
  }
13
13
 
14
14
  .ui-footer-compliance-text {
data/lib/ably_ui/core/footer/footer.html.erb CHANGED
@@ -5,12 +5,12 @@
5
5
  <%= image_tag(ably_stack_path, alt: "Ably homepage", class: "mr-24 -mt-16") %>
6
6
  <h2 class="text-overline2 col-span-full font-medium uppercase tracking-widen-0.1">The Ably Platform</h2>
7
7
  </div>
8
- <div class="grid grid-cols-4 md:col-span-2">
9
- <p class="text-p3 py-16 font-medium p-menu-row-snug col-span-3">
8
+ <div class="md:col-span-4 md:w-3/4 xs:w-3/5 w-full">
9
+ <p class="text-p3 py-16 font-medium p-menu-row-snug">
10
10
  Easily power any realtime experience in your application via a simple API that handles everything realtime.
11
11
  </p>
12
12
  </div>
13
- <ul class="grid xs:grid-cols-2 gap-x-8 sm:gap-x-24 xl:gap-x-32 sm:grid-cols-1">
13
+ <ul class="grid grid-cols-1">
14
14
  <li class="p-menu-row-snug">
15
15
  <%= link_to 'Pub/sub messaging', abs_url("/pub-sub-messaging"), class: "ui-footer-menu-row-link" %>
16
16
  </li>
@@ -87,9 +87,9 @@
87
87
  <li class="p-menu-row-snug">
88
88
  <%= link_to 'SDKs', abs_url("/download"), class: "ui-footer-menu-row-link" %>
89
89
  </li>
90
- <li class="p-menu-row-snug flex items-center">
90
+ <li class="p-menu-row-snug flex items-center -mt-4">
91
91
  <a class="pr-8 ui-footer-menu-row-link" href="https://status.ably.com/">System status</a>
92
- <iframe class="w-24 h-24 mt-4" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
92
+ <iframe class="w-20 h-20 mb-2" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
93
93
  </li>
94
94
  </ul>
95
95
  </div>
@@ -147,7 +147,7 @@
147
147
  <hr class="border-t border-mid-grey my-0"/>
148
148
  </div>
149
149
  <%# Twitter + Glassdoor SM * above + Glassdoor XS + Badges %>
150
- <div class="max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
150
+ <div class="max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
151
151
  <div class="md:flex md:items-center">
152
152
  <div class="flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2">
153
153
  <div class="">
@@ -194,7 +194,7 @@
194
194
  <div class="border-t border-mid-grey w-full"></div>
195
195
  <div class="flex py-24">
196
196
  <a
197
- class="h-24 pr-24 text-cool-black hover:text-icon-glassdoor"
197
+ class="h-24 pr-16 text-cool-black hover:text-icon-glassdoor"
198
198
  href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
199
199
  title="Ably reviews on glassdoor"
200
200
  >
@@ -210,15 +210,15 @@
210
210
  </div>
211
211
  </div>
212
212
  <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center">
213
- <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 w-96 h-96") %>
214
- <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 w-96 h-96") %>
215
- <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 w-96 h-96") %>
213
+ <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 h-80") %>
214
+ <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 h-80") %>
215
+ <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 h-80") %>
216
216
  </div>
217
217
  </div>
218
218
  <div class="max-w-screen-xl ui-grid-px mx-auto">
219
- <hr class="border-t border-mid-grey my-0"/>
219
+ <hr class="border-t border-mid-grey my-0"/>
220
220
  </div>
221
- <div class="max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px ">
221
+ <div class="max-w-screen-xl mx-auto py-24 sm:py-40 md:py-32 md:grid md:grid-cols-2 ui-grid-gap ui-grid-px">
222
222
  <div class="flex ml-8 col-span-full sm:col-span-1 md:pb-16 items-center ui-footer-bottom-links">
223
223
  <div class="flex">
224
224
  <%= link_to 'Cookies', abs_url("/privacy"), class: "pr-24 ui-footer-link" %>
@@ -227,7 +227,7 @@
227
227
  <%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
228
228
  </div>
229
229
  </div>
230
- <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-0 ">
230
+ <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end">
231
231
  <div class="flex mr-24">
232
232
  <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
233
233
  <div>
@@ -236,23 +236,23 @@
236
236
  </div>
237
237
  </div>
238
238
  <div class="flex mr-24 md:col-start-2">
239
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
239
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
240
240
  <div>
241
- <p class="ui-footer-compliance-text font-medium">HIPAA</p>
241
+ <p class="ui-footer-compliance-text font-medium whitespace-nowrap">HIPAA</p>
242
242
  <p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
243
243
  </div>
244
244
  </div>
245
245
  <div class="flex mr-24 md:col-start-3">
246
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
246
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
247
247
  <div>
248
- <p class="ui-footer-compliance-text font-medium">EU GDPR</p>
248
+ <p class="ui-footer-compliance-text font-medium whitespace-nowrap">EU GDPR</p>
249
249
  <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
250
250
  </div>
251
251
  </div>
252
252
  <div class="flex mr-24 md:col-start-4">
253
- <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
253
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
254
254
  <div>
255
- <p class="ui-footer-compliance-text font-medium">256-bit AES</p>
255
+ <p class="ui-footer-compliance-text font-medium whitespace-nowrap">256-bit AES</p>
256
256
  <p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
257
257
  </div>
258
258
  </div>
data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb CHANGED
@@ -36,12 +36,6 @@
36
36
  <p class="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
37
37
  <% end %>
38
38
  </li>
39
- <li>
40
- <%= link_to abs_url("/examples/live-charts"), class: "ui-meganav-media group" do %>
41
- <p class="ui-meganav-media-heading">Live Charts</p>
42
- <p class="ui-meganav-media-copy">Visualise live metrics and data in a chart.</p>
43
- <% end %>
44
- </li>
45
39
  <li>
46
40
  <%= link_to abs_url("/examples/live-cursors"), class: "ui-meganav-media group" do %>
47
41
  <p class="ui-meganav-media-heading">Live Cursors</p>
@@ -54,6 +48,12 @@
54
48
  <p class="ui-meganav-media-copy">See when a user is typing a message.</p>
55
49
  <% end %>
56
50
  </li>
51
+ <li>
52
+ <%= link_to abs_url("/examples/chat-admin-privileges"), class: "ui-meganav-media group" do %>
53
+ <p class="ui-meganav-media-heading">Chat Admin Privileges</p>
54
+ <p class="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
55
+ <% end %>
56
+ </li>
57
57
  </ul>
58
58
 
59
59
  <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/examples"), text_size: 'text-p3')) do %>Explore all live examples<% end %>
data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb CHANGED
@@ -3,42 +3,51 @@
3
3
  <section class="grid grid-cols-12 ui-grid-gap-x w-full">
4
4
  <div class="col-span-full md:col-span-4 py-24 lg:py-32 px-24 sm:px-32 md:pl-0 md:pr-24 bg-extra-light-grey">
5
5
  <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-use-cases">
6
- Use cases
6
+ Solutions
7
7
  </h3>
8
8
  <ul aria-labelledby="meganav-use-cases-panel-industry-use-cases">
9
9
  <li>
10
- <%= link_to abs_url("/solutions/live-updates-results-metrics"), class: "ui-meganav-media-with-image group" do %>
11
- <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
10
+ <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
11
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
12
12
  <div class="flex flex-col justify-center">
13
- <p class="ui-meganav-media-heading">Live updates, results & metrics</p>
14
- <p class="ui-meganav-media-copy">Deliver live updates to keep users informed.</p>
13
+ <p class="ui-meganav-media-heading">Chat</p>
14
+ <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
15
15
  </div>
16
16
  <% end %>
17
17
  </li>
18
18
  <li>
19
- <%= link_to abs_url("/solutions/chat"), class: "ui-meganav-media-with-image group" do %>
20
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-chat-stack-col", size: "2.5rem")) %>
19
+ <%= link_to abs_url("/solutions/multiplayer-collaboration"), class: "ui-meganav-media-with-image group" do %>
20
+ <%= render(AblyUi::Core::Icon.new(name: "icon-multi-user-spaces-col", size: "2.5rem")) %>
21
21
  <div class="flex flex-col justify-center">
22
- <p class="ui-meganav-media-heading">Chat</p>
23
- <p class="ui-meganav-media-copy">Deliver highly reliable chat experiences at scale. </p>
22
+ <p class="ui-meganav-media-heading">Multiplayer Collaboration</p>
23
+ <p class="ui-meganav-media-copy">Bring collaborative multiplayer experiences to your users.</p>
24
24
  </div>
25
25
  <% end %>
26
26
  </li>
27
27
  <li>
28
- <%= link_to abs_url("/solutions/virtual-events"), class: "ui-meganav-media-with-image group" do %>
29
- <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events-col", size: "2.5rem")) %>
28
+ <%= link_to abs_url("/solutions/data-broadcast"), class: "ui-meganav-media-with-image group" do %>
29
+ <%= render(AblyUi::Core::Icon.new(name: "icon-live-updates-results-metrics-col", size: "2.5rem")) %>
30
30
  <div class="flex flex-col justify-center">
31
- <p class="ui-meganav-media-heading">Virtual Events</p>
32
- <p class="ui-meganav-media-copy">Power engaging virtual events with realtime features.</p>
31
+ <p class="ui-meganav-media-heading">Data Broadcast</p>
32
+ <p class="ui-meganav-media-copy">Broadcast realtime event data to millions of devices around the globe.</p>
33
33
  </div>
34
34
  <% end %>
35
35
  </li>
36
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")) %>
37
+ <%= link_to abs_url("/solutions/data-synchronization"), class: "ui-meganav-media-with-image group" do %>
38
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-virtual-events", size: "2.5rem")) %>
39
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>
40
+ <p class="ui-meganav-media-heading">Data Synchronization</p>
41
+ <p class="ui-meganav-media-copy">Keep your frontend and backend in realtime sync, at global scale.</p>
42
+ </div>
43
+ <% end %>
44
+ </li>
45
+ <li>
46
+ <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media-with-image group" do %>
47
+ <%= render(AblyUi::Core::Icon.new(name: "icon-display-kafka-at-the-edge-col", size: "2.5rem")) %>
48
+ <div class="flex flex-col justify-center">
49
+ <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
50
+ <p class="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
42
51
  </div>
43
52
  <% end %>
44
53
  </li>
@@ -80,6 +89,14 @@
80
89
  <p class="ui-meganav-media-copy">Provide trustworthy, HIPAA-compliant realtime apps.</p>
81
90
  <% end %>
82
91
  </li>
92
+ </ul>
93
+ </div>
94
+
95
+ <div class="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
96
+ <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-solutions">
97
+ &nbsp;
98
+ </h3>
99
+ <ul aria-labelledby="meganav-use-cases-panel-solutions">
83
100
  <li>
84
101
  <%= link_to abs_url("/solutions/ecommerce-and-retail"), class: "ui-meganav-media group" do %>
85
102
  <p class="ui-meganav-media-heading">eCommerce & Retail</p>
@@ -106,26 +123,6 @@
106
123
  </li>
107
124
  </ul>
108
125
  </div>
109
-
110
- <div class="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
111
- <h3 class="ui-meganav-overline" id="meganav-use-cases-panel-solutions">
112
- Solutions
113
- </h3>
114
- <ul aria-labelledby="meganav-use-cases-panel-solutions">
115
- <li>
116
- <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media group" do %>
117
- <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
118
- <p class="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
119
- <% end %>
120
- </li>
121
- <li>
122
- <%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media group" do %>
123
- <p class="ui-meganav-media-heading">Asset Tracking</p>
124
- <p class="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
125
- <% end %>
126
- </li>
127
- </ul>
128
- </div>
129
126
  </section>
130
127
  <div class="ui-meganav-content-spacer"></div>
131
128
  </div>
data/lib/ably_ui/core/sprites.svg CHANGED
@@ -115,6 +115,13 @@
115
115
  <path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 40V12.75H1.5V40C1.5 40.2761 1.72386 40.5 2 40.5H46C46.2761 40.5 46.5 40.2761 46.5 40ZM46.5 8V11.25H1.5V8C1.5 7.72386 1.72386 7.5 2 7.5H46C46.2761 7.5 46.5 7.72386 46.5 8ZM48 8V40C48 41.1046 47.1046 42 46 42H2C0.895432 42 0 41.1046 0 40V8C0 6.89543 0.895431 6 2 6H46C47.1046 6 48 6.89543 48 8ZM4.25 9.25C4.25 9.80228 3.80228 10.25 3.25 10.25C2.69772 10.25 2.25 9.80228 2.25 9.25C2.25 8.69772 2.69772 8.25 3.25 8.25C3.80228 8.25 4.25 8.69772 4.25 9.25ZM6.25 10.25C6.80228 10.25 7.25 9.80228 7.25 9.25C7.25 8.69772 6.80228 8.25 6.25 8.25C5.69772 8.25 5.25 8.69772 5.25 9.25C5.25 9.80228 5.69772 10.25 6.25 10.25ZM10.25 9.25C10.25 9.80228 9.80228 10.25 9.25 10.25C8.69771 10.25 8.25 9.80228 8.25 9.25C8.25 8.69772 8.69771 8.25 9.25 8.25C9.80228 8.25 10.25 8.69772 10.25 9.25ZM24.75 29.7993C25.1984 29.54 25.5 29.0552 25.5 28.5C25.5 27.6716 24.8284 27 24 27C23.1716 27 22.5 27.6716 22.5 28.5C22.5 29.0552 22.8016 29.54 23.25 29.7993V33.5H24.75V29.7993ZM17 24.25C16.5858 24.25 16.25 24.5858 16.25 25V30.205L16.25 30.2421C16.2498 31.0676 16.2495 32.6758 17.0154 34.0849C17.4144 34.8189 18.0189 35.498 18.9172 35.9873C19.81 36.4735 20.9514 36.75 22.3949 36.75H25.6051C27.048 36.75 28.1892 36.4751 29.0819 35.9904C29.9804 35.5025 30.5854 34.8247 30.9846 34.0902C31.7506 32.681 31.7502 31.0674 31.75 30.2226L31.75 30.1839V25C31.75 24.5858 31.4142 24.25 31 24.25H29.75V21.1841C29.75 19.3825 29.1112 18.087 27.9744 17.2764C26.8851 16.4997 25.4495 16.25 24 16.25C22.5484 16.25 21.1133 16.5046 20.0247 17.2833C18.8896 18.0953 18.25 19.3896 18.25 21.1841V24.25H17ZM28.25 21.1841V24.25H19.75V21.1841C19.75 19.7819 20.2251 18.9842 20.8974 18.5033C21.6161 17.9891 22.6811 17.75 24 17.75C25.321 17.75 26.3855 17.9857 27.1035 18.4977C27.7741 18.9758 28.25 19.7723 28.25 21.1841ZM29 25.75H19H17.75V30.205C17.75 31.0561 17.7622 32.3179 18.3333 33.3686C18.6087 33.8753 19.0157 34.3328 19.6347 34.67C20.2593 35.0102 21.141 35.25 22.3949 35.25H25.6051C26.8596 35.25 27.7416 35.0113 28.3662 34.6721C28.985 34.3362 29.3916 33.88 29.6667 33.3739C30.2376 32.3236 30.25 31.0573 30.25 30.1839V25.75H29Z" fill="currentColor"/>
116
116
  </symbol><symbol fill="none" id="sprite-icon-display-it-support-helpdesk" viewBox="0 0 48 48"><title>sprite-icon-display-it-support-helpdesk</title>
117
117
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8.75C6.30964 8.75 5.75 9.30964 5.75 10V34H17.0949C17.5138 34 17.9221 34.1315 18.2622 34.376L19.303 35.124C19.6431 35.3685 20.0514 35.5 20.4703 35.5H27.5297C27.9486 35.5 28.3569 35.3685 28.697 35.124L29.7378 34.376C30.0779 34.1315 30.4862 34 30.9051 34H42.25V10C42.25 9.30964 41.6904 8.75 41 8.75H7ZM4.25 10V34H1C0.447715 34 0 34.4477 0 35V38C0 38.5523 0.447714 39 0.999999 39H47C47.5523 39 48 38.5523 48 38V35C48 34.4477 47.5523 34 47 34H43.75V10C43.75 8.48122 42.5188 7.25 41 7.25H7C5.48122 7.25 4.25 8.48122 4.25 10ZM46.5 35.5H30.9051C30.8003 35.5 30.6983 35.5329 30.6132 35.594L29.5725 36.3421C28.9772 36.7699 28.2627 37 27.5297 37H20.4703C19.7373 37 19.0228 36.7699 18.4275 36.3421L17.3868 35.594C17.3017 35.5329 17.1997 35.5 17.0949 35.5H1.5V37.5H46.5V35.5ZM21 17C21 17.5523 20.5523 18 20 18C19.4477 18 19 17.5523 19 17C19 16.4477 19.4477 16 20 16C20.5523 16 21 16.4477 21 17ZM28 18C28.5523 18 29 17.5523 29 17C29 16.4477 28.5523 16 28 16C27.4477 16 27 16.4477 27 17C27 17.5523 27.4477 18 28 18ZM16.7138 21.7697C16.5866 21.3755 16.1639 21.159 15.7697 21.2862C15.3755 21.4134 15.1591 21.8361 15.2863 22.2303C16.508 26.0164 19.9797 28.75 24 28.75C28.0203 28.75 31.4921 26.0164 32.7138 22.2303C32.841 21.8361 32.6245 21.4134 32.2303 21.2862C31.8361 21.159 31.4135 21.3755 31.2863 21.7697C30.2492 24.9836 27.3209 27.25 24 27.25C20.6791 27.25 17.7509 24.9836 16.7138 21.7697Z" fill="currentColor"/>
118
+ </symbol><symbol fill="none" id="sprite-icon-display-kafka-at-the-edge-col" viewBox="0 0 48 48"><title>sprite-icon-display-kafka-at-the-edge-col</title>
119
+ <path d="M19 3.59888C9.81598 5.842 3 14.125 3 24C3 33.875 9.81598 42.158 19 44.4011M29 3.59888C32.9541 4.56464 36.4693 6.65 39.1905 9.49999M44.1304 18C44.6962 19.9011 45 21.9151 45 24C45 26.2687 44.6403 28.4533 43.9747 30.5M38.8336 38.8649C36.1649 41.528 32.7834 43.477 29 44.4011" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
120
+ <circle cx="42" cy="13.5" r="2" fill="#FF5416"/>
121
+ <circle cx="24" cy="3" r="2" fill="#FF5416"/>
122
+ <circle cx="24" cy="45" r="2" fill="#FF5416"/>
123
+ <circle cx="42" cy="35" r="2" fill="#FF5416"/>
124
+ <path d="M32.8453 25.5085C31.7549 25.5085 30.7774 25.9916 30.108 26.7521L28.3927 25.5378C28.5748 25.0365 28.6793 24.4982 28.6793 23.9347C28.6793 23.381 28.5784 22.8518 28.4023 22.3578L30.1138 21.1564C30.7831 21.9131 31.7581 22.3935 32.8453 22.3935C34.8578 22.3935 36.4954 20.7562 36.4954 18.7434C36.4954 16.7306 34.8578 15.0933 32.8453 15.0933C30.8328 15.0933 29.1952 16.7306 29.1952 18.7434C29.1952 19.1037 29.2496 19.4511 29.3473 19.7801L27.6347 20.9822C26.9193 20.0946 25.8892 19.475 24.7156 19.2858V17.2217C26.369 16.8745 27.6147 15.4054 27.6147 13.6501C27.6147 11.6373 25.9772 10 23.9647 10C21.9521 10 20.3146 11.6373 20.3146 13.6501C20.3146 15.3819 21.5281 16.8328 23.1484 17.2049V19.2958C20.9371 19.6839 19.25 21.6138 19.25 23.9347C19.25 26.267 20.9538 28.2039 23.1811 28.5789V30.7867C21.5442 31.1465 20.3146 32.6063 20.3146 34.3499C20.3146 36.3627 21.9521 38 23.9647 38C25.9772 38 27.6147 36.3627 27.6147 34.3499C27.6147 32.6063 26.3851 31.1465 24.7482 30.7867V28.5788C25.8988 28.3851 26.9099 27.7776 27.618 26.9098L29.3447 28.132C29.2489 28.458 29.1952 28.802 29.1952 29.1586C29.1952 31.1714 30.8328 32.8087 32.8453 32.8087C34.8578 32.8087 36.4954 31.1714 36.4954 29.1586C36.4954 27.1458 34.8578 25.5085 32.8453 25.5085V25.5085ZM32.8453 16.9737C33.8212 16.9737 34.615 17.7678 34.615 18.7434C34.615 19.7191 33.8212 20.5131 32.8453 20.5131C31.8694 20.5131 31.0756 19.7191 31.0756 18.7434C31.0756 17.7678 31.8694 16.9737 32.8453 16.9737V16.9737ZM22.1949 13.6501C22.1949 12.6745 22.9887 11.8804 23.9647 11.8804C24.9406 11.8804 25.7343 12.6745 25.7343 13.6501C25.7343 14.6258 24.9406 15.4198 23.9647 15.4198C22.9887 15.4198 22.1949 14.6258 22.1949 13.6501V13.6501ZM25.7343 34.3499C25.7343 35.3255 24.9406 36.1196 23.9647 36.1196C22.9887 36.1196 22.1949 35.3255 22.1949 34.3499C22.1949 33.3742 22.9887 32.5802 23.9647 32.5802C24.9406 32.5802 25.7343 33.3742 25.7343 34.3499ZM23.9645 26.4028C22.6034 26.4028 21.4961 25.2958 21.4961 23.9347C21.4961 22.5736 22.6034 21.4663 23.9645 21.4663C25.3256 21.4663 26.4328 22.5736 26.4328 23.9347C26.4328 25.2958 25.3256 26.4028 23.9645 26.4028V26.4028ZM32.8453 30.9284C31.8694 30.9284 31.0756 30.1343 31.0756 29.1586C31.0756 28.183 31.8694 27.3889 32.8453 27.3889C33.8212 27.3889 34.615 28.183 34.615 29.1586C34.615 30.1343 33.8212 30.9284 32.8453 30.9284Z" fill="#03020D"/>
118
125
  </symbol><symbol fill="none" id="sprite-icon-display-laptop" viewBox="0 0 48 48"><title>sprite-icon-display-laptop</title>
119
126
  <g clip-path="url(#clip0)">
120
127
  <path fill-rule="evenodd" clip-rule="evenodd" d="M7 8.75C6.30964 8.75 5.75 9.30964 5.75 10V34H17.0949C17.5138 34 17.9221 34.1315 18.2622 34.376L19.303 35.124C19.6431 35.3685 20.0514 35.5 20.4703 35.5H27.5297C27.9486 35.5 28.3569 35.3685 28.697 35.124L29.7378 34.376C30.0779 34.1315 30.4862 34 30.9051 34H42.25V10C42.25 9.30964 41.6904 8.75 41 8.75H7ZM4.25 10V34H1C0.447715 34 0 34.4477 0 35V38C0 38.5523 0.447714 39 0.999999 39H47C47.5523 39 48 38.5523 48 38V35C48 34.4477 47.5523 34 47 34H43.75V10C43.75 8.48122 42.5188 7.25 41 7.25H7C5.48122 7.25 4.25 8.48122 4.25 10ZM46.5 35.5H30.9051C30.8003 35.5 30.6983 35.5329 30.6132 35.594L29.5725 36.3421C28.9772 36.7699 28.2627 37 27.5297 37H20.4703C19.7373 37 19.0228 36.7699 18.4275 36.3421L17.3868 35.594C17.3017 35.5329 17.1997 35.5 17.0949 35.5H1.5V37.5H46.5V35.5ZM25 11C25 11.5523 24.5523 12 24 12C23.4477 12 23 11.5523 23 11C23 10.4477 23.4477 10 24 10C24.5523 10 25 10.4477 25 11Z" fill="currentColor"/>
@@ -411,6 +418,8 @@
411
418
  <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"/>
412
419
  <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"/>
413
420
  <path d="M33 6L44 6" stroke="#03020D" stroke-width="1.5" stroke-linecap="round"/>
421
+ </symbol><symbol fill="none" id="sprite-icon-tech-apachekafka" viewBox="0 0 48 48"><title>sprite-icon-tech-apachekafka</title>
422
+ <path d="M32.3062 26.586C30.437 26.586 28.7612 27.4141 27.6137 28.7179L24.6732 26.6362C24.9853 25.7768 25.1645 24.854 25.1645 23.8881C25.1645 22.9389 24.9915 22.0316 24.6897 21.1849L27.6236 19.1252C28.7711 20.4225 30.4424 21.2461 32.3062 21.2461C35.7562 21.2461 38.5635 18.4393 38.5635 14.9888C38.5635 11.5382 35.7562 8.73143 32.3062 8.73143C28.8562 8.73143 26.0489 11.5382 26.0489 14.9888C26.0489 15.6064 26.1422 16.2019 26.3097 16.7659L23.3737 18.8266C22.1473 17.3051 20.3815 16.2428 18.3696 15.9185V12.3801C21.204 11.7848 23.3396 9.26646 23.3396 6.25732C23.3396 2.80681 20.5323 0 17.0823 0C13.6322 0 10.825 2.80681 10.825 6.25732C10.825 9.22616 12.9053 11.7134 15.683 12.3512V15.9356C11.8921 16.601 9 19.9094 9 23.8881C9 27.8862 11.9208 31.2067 15.739 31.8495V35.6343C12.9329 36.2511 10.825 38.7536 10.825 41.7427C10.825 45.1932 13.6322 48 17.0823 48C20.5323 48 23.3396 45.1932 23.3396 41.7427C23.3396 38.7536 21.2317 36.2511 18.4256 35.6343V31.8494C20.3979 31.5172 22.1313 30.4759 23.3451 28.9882L26.3053 31.0834C26.1409 31.6423 26.0489 32.232 26.0489 32.8433C26.0489 36.2938 28.8562 39.1007 32.3062 39.1007C35.7562 39.1007 38.5635 36.2938 38.5635 32.8433C38.5635 29.3928 35.7562 26.586 32.3062 26.586ZM32.3062 11.9549C33.9792 11.9549 35.3399 13.3162 35.3399 14.9888C35.3399 16.6613 33.9792 18.0225 32.3062 18.0225C30.6332 18.0225 29.2725 16.6613 29.2725 14.9888C29.2725 13.3162 30.6332 11.9549 32.3062 11.9549ZM14.0484 6.25732C14.0484 4.58479 15.4093 3.22359 17.0823 3.22359C18.7553 3.22359 20.116 4.58479 20.116 6.25732C20.116 7.92986 18.7553 9.29106 17.0823 9.29106C15.4093 9.29106 14.0484 7.92986 14.0484 6.25732ZM20.116 41.7427C20.116 43.4152 18.7553 44.7764 17.0823 44.7764C15.4093 44.7764 14.0484 43.4152 14.0484 41.7427C14.0484 40.0701 15.4093 38.7089 17.0823 38.7089C18.7553 38.7089 20.116 40.0701 20.116 41.7427ZM17.082 28.1192C14.7487 28.1192 12.8505 26.2213 12.8505 23.8881C12.8505 21.5548 14.7487 19.6566 17.082 19.6566C19.4152 19.6566 21.3134 21.5548 21.3134 23.8881C21.3134 26.2213 19.4152 28.1192 17.082 28.1192ZM32.3062 35.8772C30.6332 35.8772 29.2725 34.5159 29.2725 32.8433C29.2725 31.1708 30.6332 29.8096 32.3062 29.8096C33.9792 29.8096 35.3399 31.1708 35.3399 32.8433C35.3399 34.5159 33.9792 35.8772 32.3062 35.8772Z" fill="#03020D"/>
414
423
  </symbol><symbol id="sprite-linkedin" viewBox="0 0 24 24"><title>sprite-linkedin</title>
415
424
  <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"/>
416
425
  </symbol><symbol id="sprite-quote" viewBox="0 0 25 19"><title>sprite-quote</title>
data/lib/ably_ui/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.6c80bfb'
2
+ VERSION = '8.7.0.dev.6dec76a'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 8.7.0.dev.6c80bfb
4
+ version: 8.7.0.dev.6dec76a
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
10
10
  autorequire:
11
11
  bindir: bin
12
12
  cert_chain: []
13
- date: 2023-01-03 00:00:00.000000000 Z
13
+ date: 2023-02-02 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component