ably-ui 8.7.0.dev.681c3bf → 8.7.0.dev.779bcfa

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 +19 -18
  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: d19470e367925355335cb422fb67f614fd6e3dc6d50ad7a884d6fe225c410bc8
4
- data.tar.gz: 2948e82b9cba761c77fb2335ea53a3db78171c465c494e26337ab6f9be9ac836
3
+ metadata.gz: 8fcbcb4fde3bb2665a6d1c592d9f4b0f5171e36ed56ee337c679ec4f2a089a96
4
+ data.tar.gz: cc494d6ab420af8ddd76b17d833ec421ed2f60c0cd74da72a27c42aeafb9ea0f
5
5
  SHA512:
6
- metadata.gz: b153d1ffe774071639a6a05656cee2afe58eb3e9cd444f271f3aafe518b4942adc2e7e4c3aab4172a9b7cb8928e55972683bdf9bbbddffc9da8ee9ab11fc4b66
7
- data.tar.gz: 416d39a9089d92450f0fd2772f108bdfabb22b9e5b0f0cdcfa20183a379077c1573dd3f839272b363e53e5b3eccf19cb8dfe0daf42e14079f4fcf524806741f8
6
+ metadata.gz: b1380e04191dac32bbc47e08a53b82863b71c93fe31e67a5bba3d31f357e555cf2aec7a4f2b25525c800567b37fb19c5d3c2b90fd2bf0d9216115e9acb1d2f6f
7
+ data.tar.gz: 50d64b35814a266f74dc5e40c1d8391149013abfe21e522e471dabd43cd0a80b1e85bb42b7bc9338c4f1fc859a796ce68212bb6bf5382c2f82f9022abf728668
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (8.7.0.dev.bf010f7)
4
+ ably-ui (8.7.0.dev.579e0ab)
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 text-p3 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
@@ -7,6 +7,7 @@
7
7
  --color-electric-cyan: #4ad4ff;
8
8
  --color-zingy-green: #08ff13;
9
9
  --color-bright-red: #fe372b;
10
+ --color-orange-700: #ff2739;
10
11
  --color-jazzy-pink: #ff17d2;
11
12
  --color-extra-light-grey: #f8fafc;
12
13
  --color-light-grey: #f4f8fb;
@@ -77,7 +78,7 @@
77
78
 
78
79
  --gradient-hot-pink: linear-gradient(
79
80
  80.2deg,
80
- var(--color-bright-red) 0%,
81
+ var(--color-orange-700) 0%,
81
82
  var(--color-jazzy-pink) 100%
82
83
  );
83
84
 
@@ -338,53 +339,53 @@
338
339
  @layer components {
339
340
  .ui-text-title {
340
341
  @apply font-manrope font-extrabold text-cool-black;
341
- @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;
342
343
  @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
343
344
  }
344
345
 
345
346
  .ui-text-h1 {
346
347
  @apply font-manrope font-extrabold text-cool-black;
347
- @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;
348
349
  @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
349
350
  }
350
351
 
351
352
  .ui-text-h2 {
352
353
  @apply font-manrope font-extrabold text-cool-black;
353
- @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
354
+ @apply text-h2-xs xs:text-h2 xl:text-h2-xl leading-tight;
354
355
  @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
355
356
  }
356
357
 
357
358
  .ui-text-h3 {
358
359
  @apply font-manrope font-extrabold text-cool-black;
359
- @apply text-h3;
360
+ @apply text-h3 leading-tight;
360
361
  @apply tracking-tighten-0.005;
361
362
  }
362
363
 
363
364
  .ui-text-h4 {
364
365
  @apply font-manrope font-extrabold text-cool-black;
365
- @apply text-h4;
366
+ @apply text-h4 leading-tight;
366
367
  @apply tracking-tighten-0.0015;
367
368
  }
368
369
 
369
370
  .ui-text-h5 {
370
371
  @apply font-manrope font-extrabold text-cool-black;
371
- @apply text-h5;
372
+ @apply text-h5 leading-tight;
372
373
  @apply tracking-tighten-0.0025;
373
374
  }
374
375
 
375
376
  .ui-text-p1 {
376
377
  @apply font-manrope font-medium text-charcoal-grey;
377
- @apply text-p1;
378
+ @apply text-p1 leading-relaxed;
378
379
  }
379
380
 
380
381
  .ui-text-p2 {
381
382
  @apply font-manrope font-medium text-charcoal-grey;
382
- @apply text-p2;
383
+ @apply text-p2 leading-relaxed;
383
384
  }
384
385
 
385
386
  .ui-text-p3 {
386
387
  @apply font-manrope font-medium text-charcoal-grey;
387
- @apply text-p3;
388
+ @apply text-p3 leading-relaxed;
388
389
  }
389
390
 
390
391
  .ui-text-standfirst {
@@ -395,40 +396,40 @@
395
396
 
396
397
  .ui-text-quote {
397
398
  @apply font-manrope font-normal text-cool-black;
398
- @apply text-quote;
399
+ @apply text-quote leading-normal;
399
400
  @apply tracking-tighten-0.0015;
400
401
  }
401
402
 
402
403
  .ui-text-sub-header {
403
404
  @apply font-manrope font-semibold text-neutral-900;
404
- @apply text-sub-header-xs xs:text-sub-header;
405
+ @apply text-sub-header-xs xs:text-sub-header leading-normal;
405
406
  }
406
407
 
407
408
  .ui-text-overline1 {
408
409
  @apply font-jetbrains_mono font-medium text-active-orange uppercase;
409
- @apply text-overline1;
410
+ @apply text-overline1 leading-normal;
410
411
  @apply tracking-widen-0.16;
411
412
  }
412
413
 
413
414
  .ui-text-overline2 {
414
415
  @apply font-jetbrains_mono font-medium text-active-orange uppercase;
415
- @apply text-overline2;
416
+ @apply text-overline2 leading-normal;
416
417
  @apply tracking-widen-0.16;
417
418
  }
418
419
 
419
420
  .ui-text-menu1 {
420
421
  @apply font-manrope font-medium text-cool-black;
421
- @apply text-menu1;
422
+ @apply text-menu1 leading-snug;
422
423
  }
423
424
 
424
425
  .ui-text-menu2 {
425
426
  @apply font-manrope font-medium text-cool-black;
426
- @apply text-menu2;
427
+ @apply text-menu2 leading-snug;
427
428
  }
428
429
 
429
430
  .ui-text-menu3 {
430
431
  @apply font-manrope font-medium text-cool-black;
431
- @apply text-menu3;
432
+ @apply text-menu3 leading-snug;
432
433
  }
433
434
 
434
435
  .ui-text-code {
@@ -539,7 +540,7 @@
539
540
 
540
541
  .ui-checkbox-label-p1 {
541
542
  @apply select-none;
542
- @apply text-p1 font-light text-cool-black;
543
+ @apply text-p1 font-medium text-cool-black;
543
544
  }
544
545
 
545
546
  .ui-checkbox-label-p2 {
data/lib/ably_ui/version.rb CHANGED
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.681c3bf'
2
+ VERSION = '8.7.0.dev.779bcfa'
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.681c3bf
4
+ version: 8.7.0.dev.779bcfa
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