ably-ui 8.7.0.dev.fe9bd38 → 8.7.0.dev.579e0ab

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 (12) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +1 -1
  3. data/lib/ably_ui/core/featured_link/component.css +1 -1
  4. data/lib/ably_ui/core/footer/component.css +2 -2
  5. data/lib/ably_ui/core/footer/footer.html.erb +11 -11
  6. data/lib/ably_ui/core/meganav/component.css +7 -7
  7. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +1 -1
  8. data/lib/ably_ui/core/notice/component.css +1 -1
  9. data/lib/ably_ui/core/notice/notice.html.erb +2 -2
  10. data/lib/ably_ui/core/styles.css +16 -16
  11. data/lib/ably_ui/version.rb +1 -1
  12. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 8215add2cafe26f088c72ed20b2ffbe5ad059f9610da223470431f0dc7096f0d
4
- data.tar.gz: 470e1c9ce6d4516a0bf992b91d0c96dab5aa4387ffeeaddde4a2cbdf3b1d1b48
3
+ metadata.gz: bf7799300b3dea00eb96e5e786f0b051b3d726f9043f03058dd8f280ab6d2d15
4
+ data.tar.gz: b10da85702bd896b7cf9b494c0aaa607434d14feae7503e4c09676b1551ea2e9
5
5
  SHA512:
6
- metadata.gz: a8db7ec93291d550612f08659a0e62ee0e3b49f90b1e0e43a1b7d140325b7314bd5636aab1b648706fb04cc5e7518a34d9da60cbcf96d28e3c4f0c188fc8f1c3
7
- data.tar.gz: 631541e1f0c1b0ce0368e7556a7f2f6c8b6a4d3e38983582ce3c8a7aadb5195d9a12b9c4ae70fcad02aa0dc5b4ab905a178cc6a2abdcbf49045e7c1fdf08db42
6
+ metadata.gz: 122526df94fe08e63c38aed273a7a4852d20afe21f2ac99e02c97698ec0855bdcdb5877831cf8498a1929d35e5da0db6ded93b8f9c7fe30155f09dcad9f77d11
7
+ data.tar.gz: 961eaf1be756b8f4d094162dbcb670a46efec34ac7f8680cd3fe96d92892128c3cfce801018ba6dae3d9c5cd850747ef1f8e5d9014f3a8aab948761472ada9e9
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (8.7.0.dev.681c3bf)
4
+ ably-ui (8.7.0.dev.ef0470f)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
data/lib/ably_ui/core/featured_link/component.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer components {
2
2
  .ui-featured-link {
3
- @apply font-sans font-medium block;
3
+ @apply font-manrope font-bold block;
4
4
  @apply text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
5
5
  }
6
6
 
data/lib/ably_ui/core/footer/component.css CHANGED
@@ -4,11 +4,11 @@
4
4
  }
5
5
 
6
6
  .ui-footer-menu-row-link {
7
- @apply text-menu3 text-cool-black font-light hover:text-gui-hover block;
7
+ @apply text-menu3 text-cool-black font-manrope font-medium hover:text-gui-hover block;
8
8
  }
9
9
 
10
10
  .ui-footer-link {
11
- @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
11
+ @apply text-gui-default hover:text-gui-hover text-menu3 font-manrope font-medium;
12
12
  }
13
13
 
14
14
  .ui-footer-compliance-text {
data/lib/ably_ui/core/footer/footer.html.erb CHANGED
@@ -1,4 +1,4 @@
1
- <footer class="bg-light-grey font-sans antialiased" data-id="footer">
1
+ <footer class="bg-light-grey font-manrope antialiased" data-id="footer">
2
2
  <div class="max-w-screen-xl mx-auto py-32 sm:py-40 md:py-64 ui-grid-gap ui-grid-px grid grid-cols-6">
3
3
  <div class="col-span-full md:col-span-2">
4
4
  <div class="flex flex-row p-menu-row-snug">
@@ -180,7 +180,7 @@
180
180
  >
181
181
  <%= render(AblyUi::Core::Icon.new(name: "glassdoor", size: "1.5rem")) %>
182
182
  </a>
183
- <div class="pl-16 text-menu3 font-light">
183
+ <div class="pl-16 text-menu3 font-manrope font-medium">
184
184
  <strong class="block font-medium">We&apos;re hiring!</strong>
185
185
  <a href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm" class="ui-footer-link">
186
186
  Learn more at Glassdoor
@@ -200,7 +200,7 @@
200
200
  >
201
201
  <%= render(AblyUi::Core::Icon.new(name: "glassdoor", size: "1.5rem")) %>
202
202
  </a>
203
- <div class="text-menu3 font-light">
203
+ <div class="text-menu3 font-manrope font-medium">
204
204
  <strong class="block font-medium">We&apos;re hiring!</strong>
205
205
  <a href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm" class="ui-footer-link">
206
206
  Learn more at Glassdoor
@@ -231,29 +231,29 @@
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>
234
- <p class="ui-footer-compliance-text font-medium whitespace-nowrap">SOC 2 Type 2</p>
235
- <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
234
+ <p class="ui-footer-compliance-text font-bold whitespace-nowrap">SOC 2 Type 2</p>
235
+ <p class="ui-footer-compliance-text font-medium mb-24">Certified</p>
236
236
  </div>
237
237
  </div>
238
238
  <div class="flex mr-24 md:col-start-2">
239
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 whitespace-nowrap">HIPAA</p>
242
- <p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
241
+ <p class="ui-footer-compliance-text font-bold whitespace-nowrap">HIPAA</p>
242
+ <p class="ui-footer-compliance-text font-medium mb-24">Compliant</p>
243
243
  </div>
244
244
  </div>
245
245
  <div class="flex mr-24 md:col-start-3">
246
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 whitespace-nowrap">EU GDPR</p>
249
- <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
248
+ <p class="ui-footer-compliance-text font-bold whitespace-nowrap">EU GDPR</p>
249
+ <p class="ui-footer-compliance-text font-medium mb-24">Certified</p>
250
250
  </div>
251
251
  </div>
252
252
  <div class="flex mr-24 md:col-start-4">
253
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 whitespace-nowrap">256-bit AES</p>
256
- <p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
255
+ <p class="ui-footer-compliance-text font-bold whitespace-nowrap">256-bit AES</p>
256
+ <p class="ui-footer-compliance-text font-medium mb-24">Encryption</p>
257
257
  </div>
258
258
  </div>
259
259
  </div>
data/lib/ably_ui/core/meganav/component.css CHANGED
@@ -7,7 +7,7 @@
7
7
  z-index: var(--stacking-context-page-meganav);
8
8
 
9
9
  @apply fixed top-0 w-full;
10
- @apply antialiased font-sans transition-colors;
10
+ @apply antialiased font-manrope transition-colors;
11
11
  }
12
12
 
13
13
  .ui-meganav {
@@ -51,7 +51,7 @@
51
51
  }
52
52
 
53
53
  .ui-meganav-link {
54
- @apply text-menu2 font-medium block;
54
+ @apply text-menu2 font-bold block font-manrope;
55
55
  @apply mr-12 lg:mr-24 px-0 py-20;
56
56
  @apply hover:text-gui-hover focus:text-gui-focus focus:outline-none;
57
57
  @apply transition-colors;
@@ -63,13 +63,13 @@
63
63
 
64
64
  .ui-meganav-mobile-link {
65
65
  @apply p-menu-row relative -left-8 w-extend-8;
66
- @apply text-menu2 font-medium block text-cool-black text-left;
66
+ @apply text-menu2 font-bold font-jetbrains_mono font-medium block text-cool-black text-left;
67
67
  @apply flex items-center;
68
68
  @apply focus:text-gui-focus focus:outline-none;
69
69
  }
70
70
 
71
71
  .ui-meganav-account-link {
72
- @apply block px-8 py-8 hover:bg-light-grey hover:text-gui-hover rounded relative -left-8 text-menu3 w-extend-8 font-light;
72
+ @apply block px-8 py-8 hover:bg-light-grey hover:text-gui-hover rounded relative -left-8 text-menu3 w-extend-8 font-bold font-jetbrains_mono;
73
73
  }
74
74
 
75
75
  .ui-meganav-content {
@@ -97,15 +97,15 @@
97
97
  }
98
98
 
99
99
  .ui-meganav-media-heading {
100
- @apply text-menu3 text-cool-black font-medium group-hover:text-gui-hover group-focus:text-gui-focus;
100
+ @apply text-menu3 text-cool-black font-bold font-manrope group-hover:text-gui-hover group-focus:text-gui-focus;
101
101
  }
102
102
 
103
103
  .ui-meganav-media-copy {
104
- @apply text-p3 text-dark-grey font-light;
104
+ @apply font-manrope font-medium text-dark-grey;
105
105
  }
106
106
 
107
107
  .ui-meganav-overline {
108
- @apply text-overline2 text-cool-black uppercase font-medium tracking-widen-0.15 p-overline;
108
+ @apply text-overline2 text-cool-black uppercase font-bold font-jetbrains_mono tracking-widen-0.16 p-overline;
109
109
  }
110
110
 
111
111
  .ui-meganav-hr {
data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb CHANGED
@@ -76,7 +76,7 @@
76
76
  </ul>
77
77
  </div>
78
78
  <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">
79
- <h3 class="ui-meganav-overline uppercase" id="meganav-developers-panel-quick-links">
79
+ <h3 class="ui-meganav-overline uppercase" id=meganav-developers-panel-quick-links">
80
80
  Quick links
81
81
  </h3>
82
82
  <ul aria-labelledby="meganav-developers-panel-quick-links">
data/lib/ably_ui/core/notice/component.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer components {
2
2
  .ui-announcement {
3
- @apply font-sans;
3
+ @apply font-manrope;
4
4
  max-height: 37.5rem;
5
5
  transition: max-height 300ms;
6
6
  }
data/lib/ably_ui/core/notice/notice.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%# Note the style attribute is used for entry animation %>
2
2
  <%= tag.div class: "ui-announcement #{bg_color} #{text_color}", data: { id: "ui-notice" }, style: "max-height: 0; overflow: hidden" do %>
3
3
  <div class="ui-grid-px py-16 max-w-screen-xl mx-auto flex items-start">
4
- <%= content_wrapper class: "font-light w-full pr-8 text-p3 self-center" do %>
5
- <strong class="font-medium whitespace-nowrap pr-4"><%= @contents[:title] %></strong>
4
+ <%= content_wrapper class: "font-medium w-full pr-8 text-p3 self-center" do %>
5
+ <strong class="font-bold whitespace-nowrap pr-4"><%= @contents[:title] %></strong>
6
6
  <span class="pr-4"><%= @contents[:body_text] %></span>
7
7
  <span class="underline cursor-pointer whitespace-nowrap"><%= @contents[:button_label] %></span>
8
8
  <% end %>
data/lib/ably_ui/core/styles.css CHANGED
@@ -339,53 +339,53 @@
339
339
  @layer components {
340
340
  .ui-text-title {
341
341
  @apply font-manrope font-extrabold text-cool-black;
342
- @apply text-title-xs xs:text-title xl:text-title-xl;
342
+ @apply text-title-xs xs:text-title xl:text-title-xl leading-tight;
343
343
  @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
344
344
  }
345
345
 
346
346
  .ui-text-h1 {
347
347
  @apply font-manrope font-extrabold text-cool-black;
348
- @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
348
+ @apply text-h1-xs xs:text-h1 xl:text-h1-xl leading-tight;
349
349
  @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
350
350
  }
351
351
 
352
352
  .ui-text-h2 {
353
353
  @apply font-manrope font-extrabold text-cool-black;
354
- @apply text-h2-xs xs:text-h2 xl:text-h2-xl leading-10;
354
+ @apply text-h2-xs xs:text-h2 xl:text-h2-xl leading-tight;
355
355
  @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
356
356
  }
357
357
 
358
358
  .ui-text-h3 {
359
359
  @apply font-manrope font-extrabold text-cool-black;
360
- @apply text-h3 leading-7;
360
+ @apply text-h3 leading-tight;
361
361
  @apply tracking-tighten-0.005;
362
362
  }
363
363
 
364
364
  .ui-text-h4 {
365
365
  @apply font-manrope font-extrabold text-cool-black;
366
- @apply text-h4 leading-6;
366
+ @apply text-h4 leading-tight;
367
367
  @apply tracking-tighten-0.0015;
368
368
  }
369
369
 
370
370
  .ui-text-h5 {
371
371
  @apply font-manrope font-extrabold text-cool-black;
372
- @apply text-h5 leading-5;
372
+ @apply text-h5 leading-tight;
373
373
  @apply tracking-tighten-0.0025;
374
374
  }
375
375
 
376
376
  .ui-text-p1 {
377
377
  @apply font-manrope font-medium text-charcoal-grey;
378
- @apply text-p1 leading-6;
378
+ @apply text-p1 leading-relaxed;
379
379
  }
380
380
 
381
381
  .ui-text-p2 {
382
382
  @apply font-manrope font-medium text-charcoal-grey;
383
- @apply text-p2 leading-5;
383
+ @apply text-p2 leading-relaxed;
384
384
  }
385
385
 
386
386
  .ui-text-p3 {
387
387
  @apply font-manrope font-medium text-charcoal-grey;
388
- @apply text-p3 leading-tight;
388
+ @apply text-p3 leading-relaxed;
389
389
  }
390
390
 
391
391
  .ui-text-standfirst {
@@ -396,30 +396,30 @@
396
396
 
397
397
  .ui-text-quote {
398
398
  @apply font-manrope font-normal text-cool-black;
399
- @apply text-quote leading-7;
399
+ @apply text-quote leading-normal;
400
400
  @apply tracking-tighten-0.0015;
401
401
  }
402
402
 
403
403
  .ui-text-sub-header {
404
- @apply font-manrope font-semibold text-neutral-900 leading-relaxed;
405
- @apply text-sub-header-xs xs:text-sub-header leading-normal xs:leading-relaxed;
404
+ @apply font-manrope font-semibold text-neutral-900;
405
+ @apply text-sub-header-xs xs:text-sub-header leading-normal;
406
406
  }
407
407
 
408
408
  .ui-text-overline1 {
409
409
  @apply font-jetbrains_mono font-medium text-active-orange uppercase;
410
- @apply text-overline1;
410
+ @apply text-overline1 leading-normal;
411
411
  @apply tracking-widen-0.16;
412
412
  }
413
413
 
414
414
  .ui-text-overline2 {
415
415
  @apply font-jetbrains_mono font-medium text-active-orange uppercase;
416
- @apply text-overline2;
416
+ @apply text-overline2 leading-normal;
417
417
  @apply tracking-widen-0.16;
418
418
  }
419
419
 
420
420
  .ui-text-menu1 {
421
421
  @apply font-manrope font-medium text-cool-black;
422
- @apply text-menu1 leading-normal;
422
+ @apply text-menu1 leading-snug;
423
423
  }
424
424
 
425
425
  .ui-text-menu2 {
@@ -429,7 +429,7 @@
429
429
 
430
430
  .ui-text-menu3 {
431
431
  @apply font-manrope font-medium text-cool-black;
432
- @apply text-menu3 leading-tight;
432
+ @apply text-menu3 leading-snug;
433
433
  }
434
434
 
435
435
  .ui-text-code {
data/lib/ably_ui/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.fe9bd38'
2
+ VERSION = '8.7.0.dev.579e0ab'
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.fe9bd38
4
+ version: 8.7.0.dev.579e0ab
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-06-15 00:00:00.000000000 Z
13
+ date: 2023-06-19 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component