ably-ui 8.7.0.dev.602ecf0 → 8.7.0.dev.681c3bf

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 (70) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +6 -6
  3. data/README.md +16 -5
  4. data/lib/ably_ui/core/code/component.css +5 -3
  5. data/lib/ably_ui/core/code/component.js +1 -1
  6. data/lib/ably_ui/core/company_autocomplete/component.js +1 -1
  7. data/lib/ably_ui/core/connect_state_wrapper/component.js +1 -1
  8. data/lib/ably_ui/core/contact_footer/component.js +1 -1
  9. data/lib/ably_ui/core/cookie_message/component.js +1 -1
  10. data/lib/ably_ui/core/core.rb +12 -4
  11. data/lib/ably_ui/core/customer_logos/component.js +1 -1
  12. data/lib/ably_ui/core/customer_logos/customer_logos.html.erb +2 -2
  13. data/lib/ably_ui/core/customer_logos/customer_logos.rb +2 -1
  14. data/lib/ably_ui/core/dropdown_menu/component.js +1 -0
  15. data/lib/ably_ui/core/feature_footer/component.js +1 -1
  16. data/lib/ably_ui/core/feature_footer/feature_footer.html.erb +4 -4
  17. data/lib/ably_ui/core/featured_link/component.js +1 -1
  18. data/lib/ably_ui/core/flash/component.js +1 -1
  19. data/lib/ably_ui/core/fonts/jetBrains-mono.css +3 -0
  20. data/lib/ably_ui/core/fonts/manrope.css +3 -0
  21. data/lib/ably_ui/core/footer/component.css +21 -1
  22. data/lib/ably_ui/core/footer/component.js +1 -1
  23. data/lib/ably_ui/core/footer/footer.html.erb +118 -56
  24. data/lib/ably_ui/core/icon/component.js +1 -1
  25. data/lib/ably_ui/core/images/ably-logo.png +0 -0
  26. data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
  27. data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
  28. data/lib/ably_ui/core/images/users-love-us-2022.png +0 -0
  29. data/lib/ably_ui/core/loader/component.js +1 -1
  30. data/lib/ably_ui/core/logo/component.js +1 -1
  31. data/lib/ably_ui/core/logo/logo.html.erb +2 -27
  32. data/lib/ably_ui/core/logo/logo.rb +15 -6
  33. data/lib/ably_ui/core/meganav/component.css +1 -3
  34. data/lib/ably_ui/core/meganav/component.js +1 -2
  35. data/lib/ably_ui/core/meganav/component.json +1 -1
  36. data/lib/ably_ui/core/meganav/meganav.html.erb +1 -1
  37. data/lib/ably_ui/core/meganav/meganav.rb +3 -2
  38. data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
  39. data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
  40. data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +9 -0
  41. data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
  42. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +26 -10
  43. data/lib/ably_ui/core/meganav_content_platform/component.js +1 -1
  44. data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
  45. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  46. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +43 -39
  47. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  48. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  49. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  50. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  51. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  52. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  53. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  54. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  55. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -2
  56. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  57. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  58. data/lib/ably_ui/core/meganav_search_suggestions/meganav_search_suggestions.html.erb +1 -1
  59. data/lib/ably_ui/core/notice/component.js +1 -2
  60. data/lib/ably_ui/core/scripts.js +1 -1
  61. data/lib/ably_ui/core/showcase/component.js +1 -1
  62. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  63. data/lib/ably_ui/core/slider/component.js +1 -1
  64. data/lib/ably_ui/core/sprites.svg +109 -1
  65. data/lib/ably_ui/core/styles.css +109 -81
  66. data/lib/ably_ui/core/uptime/component.js +1 -1
  67. data/lib/ably_ui/reset/scripts.js +1 -1
  68. data/lib/ably_ui/reset/styles.css +1 -11
  69. data/lib/ably_ui/version.rb +1 -1
  70. metadata +9 -2
@@ -4,20 +4,23 @@
4
4
  --color-active-orange: #ff5416;
5
5
  --color-red-orange: #e40000;
6
6
  --color-white: #ffffff;
7
- --color-electric-cyan: #4af7ff;
7
+ --color-electric-cyan: #4ad4ff;
8
8
  --color-zingy-green: #08ff13;
9
- --color-bright-red: #ff2739;
9
+ --color-bright-red: #fe372b;
10
10
  --color-jazzy-pink: #ff17d2;
11
- --color-extra-light-grey: #fafafb;
12
- --color-light-grey: #f5f5f6;
13
- --color-mid-grey: #d9d9da;
14
- --color-dark-grey: #76767c;
15
- --color-charcoal-grey: #292831;
16
- --color-gui-default: #0073e6;
17
- --color-gui-hover: #0867c4;
18
- --color-gui-focus: #0073e6;
19
- --color-gui-focus-outline: #80b9f2;
11
+ --color-extra-light-grey: #f8fafc;
12
+ --color-light-grey: #f4f8fb;
13
+ --color-mid-grey: #c6ced9;
14
+ --color-dark-grey: #667085;
15
+ --color-charcoal-grey: #2b303b;
16
+ --color-gui-default: #006edc;
17
+ --color-gui-hover: #0862b9;
20
18
  --color-gui-active: #074095;
19
+ --color-gui-default-dark: #4da6ff;
20
+ --color-gui-hover-dark: #2894ff;
21
+ --color-gui-active-dark: #0080ff;
22
+ --color-gui-focus: #80b9f2;
23
+ --color-gui-focus-outline: #80b9f2;
21
24
  --color-gui-visited: #4887c2;
22
25
  --color-gui-unavailable: #a8a8a8;
23
26
  --color-gui-error: #fb0c0c;
@@ -36,6 +39,10 @@
36
39
  --syntax-red: #d54e53;
37
40
  --syntax-lilac: #bb87d3;
38
41
 
42
+ /* New Neutral colors */
43
+ --color-neutral-900: #39414e;
44
+ --color-neutral-500: #c6ced9;
45
+
39
46
  /* uptime status colors */
40
47
  --uptime-color-up: #39b54a;
41
48
  --uptime-color-trouble: #e87623;
@@ -47,6 +54,8 @@
47
54
  --icon-color-glassdoor: #0baa41;
48
55
  --icon-color-github: #000000;
49
56
  --icon-color-discord: #5865f2;
57
+ --icon-color-stackoverflow: #f48024;
58
+ --icon-color-youtube: #ff0000;
50
59
 
51
60
  --gradient-active-orange: linear-gradient(
52
61
  61.2deg,
@@ -72,34 +81,39 @@
72
81
  var(--color-jazzy-pink) 100%
73
82
  );
74
83
 
75
- --fs-title-xl: 4rem;
76
- --fs-title: 3.5rem;
77
- --fs-title-xs: 3rem;
78
- --fs-h1-xl: 3.5rem;
79
- --fs-h1: 3rem;
80
- --fs-h1-xs: 2.625rem;
81
- --fs-h2-xl: 2.5rem;
84
+ --fs-title-xl: 3rem;
85
+ --fs-title: 2.75rem;
86
+ --fs-title-xs: 2.5rem;
87
+ --fs-h1-xl: 2.5rem;
88
+ --fs-h1: 2.25rem;
89
+ --fs-h1-xs: 2rem;
90
+
91
+ --fs-h2-xl: 2.125rem;
82
92
  --fs-h2: 2rem;
83
- --fs-h2-xs: 1.875rem;
93
+ --fs-h2-xs: 1.75rem;
94
+
84
95
  --fs-h3: 1.5rem;
85
- --fs-h4: 1.125rem;
86
- --fs-p1: 1.125rem;
87
- --fs-p2: 1rem;
96
+ --fs-h4: 1.25rem;
97
+ --fs-h5: 1rem;
98
+
99
+ --fs-p1: 1rem;
100
+ --fs-p2: 0.938rem;
88
101
  --fs-p3: 0.875rem;
89
102
  --fs-standfirst-xl: 2.25rem;
90
103
  --fs-standfirst: 1.5rem;
91
- --fs-sub-header: 1.5rem;
92
- --fs-sub-header-xs: 1.125rem;
104
+ --fs-sub-header: 1.125rem;
105
+ --fs-sub-header-xs: 1.063rem;
93
106
  --fs-overline1: 1rem;
94
107
  --fs-overline2: 0.875rem;
95
- --fs-btn1: 1.125rem;
96
- --fs-btn2: 1rem;
108
+ --fs-btn1: 1rem;
109
+ --fs-btn2: 0.938rem;
97
110
  --fs-btn3: 0.875rem;
98
- --fs-menu1: 1.125rem;
99
- --fs-menu2: 1rem;
111
+ --fs-menu1: 1rem;
112
+ --fs-menu2: 0.938rem;
100
113
  --fs-menu3: 0.875rem;
101
- --fs-quote: 1.5rem;
102
- --fs-code: 0.875rem;
114
+ --fs-quote: 1.25rem;
115
+ --fs-code: 0.938rem;
116
+ --fs-code2: 0.813rem;
103
117
 
104
118
  --lh-dense: 1;
105
119
  --lh-tight: 1.125;
@@ -113,7 +127,9 @@
113
127
  --ls-tighten-0_01: -0.01em;
114
128
  --ls-tighten-0_005: -0.005em;
115
129
  --ls-tighten-0_0025: -0.0025em;
130
+ --ls-tighten-0_0015: -0.0015em;
116
131
  --ls-widen-0_1: 0.1em;
132
+ --ls-widen-0_16: 0.16em;
117
133
  --ls-widen-0_15: 0.15em;
118
134
 
119
135
  --spacing-0: 0px;
@@ -128,6 +144,7 @@
128
144
  --spacing-20: 1.25rem;
129
145
  --spacing-24: 1.5rem;
130
146
  --spacing-32: 2rem;
147
+ --spacing-36: 2.25rem;
131
148
  --spacing-40: 2.5rem;
132
149
  --spacing-48: 3rem;
133
150
  --spacing-64: 4rem;
@@ -175,7 +192,7 @@
175
192
  }
176
193
  @layer components {
177
194
  .ui-btn {
178
- @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block rounded p-btn;
195
+ @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
179
196
  @apply hover:text-white hover:bg-active-orange;
180
197
  @apply active:text-white active:bg-red-orange;
181
198
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -199,7 +216,7 @@
199
216
  background-size: 200% 100%;
200
217
  background-position: 0% 0%;
201
218
 
202
- @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
219
+ @apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
203
220
  @apply focus:outline-gui-focus;
204
221
  @apply inline-flex items-center justify-center;
205
222
  }
@@ -215,7 +232,7 @@
215
232
  }
216
233
 
217
234
  .ui-btn-invert {
218
- @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block rounded p-btn;
235
+ @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
219
236
  @apply hover:text-white hover:bg-active-orange;
220
237
  @apply active:text-white active:bg-red-orange;
221
238
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -225,7 +242,7 @@
225
242
  }
226
243
 
227
244
  .ui-btn-secondary {
228
- @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block border-btn border-cool-black rounded p-btn;
245
+ @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
229
246
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
230
247
  @apply active:border-red-orange active:bg-white;
231
248
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -235,7 +252,7 @@
235
252
  }
236
253
 
237
254
  .ui-btn-secondary-invert {
238
- @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block border-btn border-mid-grey rounded p-btn;
255
+ @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
239
256
  @apply hover:text-white hover:border-active-orange;
240
257
  @apply active:border-red-orange;
241
258
  @apply focus:outline-gui-focus;
@@ -320,47 +337,53 @@
320
337
  }
321
338
  @layer components {
322
339
  .ui-text-title {
323
- @apply font-sans font-medium text-cool-black;
340
+ @apply font-manrope font-extrabold text-cool-black;
324
341
  @apply text-title-xs xs:text-title xl:text-title-xl;
325
- @apply tracking-tighten-0.01 xs:tracking-tighten-0.015 xl:tracking-tighten-0.02;
342
+ @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
326
343
  }
327
344
 
328
345
  .ui-text-h1 {
329
- @apply font-sans font-medium text-cool-black;
346
+ @apply font-manrope font-extrabold text-cool-black;
330
347
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
331
- @apply tracking-tighten-0.01;
348
+ @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
332
349
  }
333
350
 
334
351
  .ui-text-h2 {
335
- @apply font-sans font-medium text-cool-black;
352
+ @apply font-manrope font-extrabold text-cool-black;
336
353
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
337
- @apply tracking-tighten-0.005;
354
+ @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
338
355
  }
339
356
 
340
357
  .ui-text-h3 {
341
- @apply font-sans font-medium text-cool-black;
358
+ @apply font-manrope font-extrabold text-cool-black;
342
359
  @apply text-h3;
343
- @apply tracking-tighten-0.0025;
360
+ @apply tracking-tighten-0.005;
344
361
  }
345
362
 
346
363
  .ui-text-h4 {
347
- @apply font-sans font-medium text-cool-black;
348
- @apply text-h4 uppercase;
349
- @apply tracking-widen-0.1;
364
+ @apply font-manrope font-extrabold text-cool-black;
365
+ @apply text-h4;
366
+ @apply tracking-tighten-0.0015;
367
+ }
368
+
369
+ .ui-text-h5 {
370
+ @apply font-manrope font-extrabold text-cool-black;
371
+ @apply text-h5;
372
+ @apply tracking-tighten-0.0025;
350
373
  }
351
374
 
352
375
  .ui-text-p1 {
353
- @apply font-sans font-light text-charcoal-grey;
376
+ @apply font-manrope font-medium text-charcoal-grey;
354
377
  @apply text-p1;
355
378
  }
356
379
 
357
380
  .ui-text-p2 {
358
- @apply font-sans font-light text-charcoal-grey;
381
+ @apply font-manrope font-medium text-charcoal-grey;
359
382
  @apply text-p2;
360
383
  }
361
384
 
362
385
  .ui-text-p3 {
363
- @apply font-sans font-light text-charcoal-grey;
386
+ @apply font-manrope font-medium text-charcoal-grey;
364
387
  @apply text-p3;
365
388
  }
366
389
 
@@ -371,60 +394,63 @@
371
394
  }
372
395
 
373
396
  .ui-text-quote {
374
- @apply font-sans font-light text-cool-black;
397
+ @apply font-manrope font-normal text-cool-black;
375
398
  @apply text-quote;
376
- @apply tracking-tighten-0.025;
399
+ @apply tracking-tighten-0.0015;
377
400
  }
378
401
 
379
402
  .ui-text-sub-header {
380
- @apply font-sans font-light text-dark-grey;
403
+ @apply font-manrope font-semibold text-neutral-900;
381
404
  @apply text-sub-header-xs xs:text-sub-header;
382
- @apply tracking-tighten-0.025;
383
405
  }
384
406
 
385
407
  .ui-text-overline1 {
386
- @apply font-sans font-medium text-dark-grey uppercase;
408
+ @apply font-jetbrains_mono font-medium text-active-orange uppercase;
387
409
  @apply text-overline1;
388
- @apply tracking-widen-0.15;
410
+ @apply tracking-widen-0.16;
389
411
  }
390
412
 
391
413
  .ui-text-overline2 {
392
- @apply font-sans font-medium text-dark-grey uppercase;
414
+ @apply font-jetbrains_mono font-medium text-active-orange uppercase;
393
415
  @apply text-overline2;
394
- @apply tracking-widen-0.1;
416
+ @apply tracking-widen-0.16;
395
417
  }
396
418
 
397
419
  .ui-text-menu1 {
398
- @apply font-sans font-light text-cool-black;
420
+ @apply font-manrope font-medium text-cool-black;
399
421
  @apply text-menu1;
400
422
  }
401
423
 
402
424
  .ui-text-menu2 {
403
- @apply font-sans font-light text-cool-black;
425
+ @apply font-manrope font-medium text-cool-black;
404
426
  @apply text-menu2;
405
427
  }
406
428
 
407
429
  .ui-text-menu3 {
408
- @apply font-sans font-light text-cool-black;
430
+ @apply font-manrope font-medium text-cool-black;
409
431
  @apply text-menu3;
410
432
  }
411
433
 
412
434
  .ui-text-code {
413
- @apply font-mono font-semibold text-code;
435
+ @apply font-jetbrains_mono font-medium text-code;
436
+ }
437
+
438
+ .ui-text-code2 {
439
+ @apply font-jetbrains_mono font-medium text-code2;
414
440
  }
415
441
 
416
442
  .ui-text-code-inline {
417
- @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
443
+ @apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
418
444
  }
419
445
 
420
446
  .ui-unordered-list {
421
- @apply text-p1 font-light text-cool-black;
422
- @apply list-disc ml-32 mb-24;
447
+ @apply text-p1 font-medium text-cool-black;
448
+ @apply list-disc ml-32 my-16;
423
449
  }
424
450
 
425
451
  .ui-ordered-list {
426
- @apply text-p1 font-light text-cool-black;
427
- @apply ml-32 mb-24 list-decimal;
452
+ @apply text-p1 font-medium text-charcoal-grey;
453
+ @apply ml-32 my-16 list-decimal;
428
454
  }
429
455
 
430
456
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -441,11 +467,20 @@
441
467
  }
442
468
 
443
469
  .ui-unordered-list ul ul {
444
- @apply list-square;
470
+ @apply list-square my-8;
471
+ }
472
+
473
+ .ui-unordered-list ul ul {
474
+ @apply my-8;
475
+ }
476
+
477
+ .ui-ordered-list li,
478
+ .ui-unordered-list li {
479
+ @apply font-medium font-manrope tracking-widen-0 leading-relaxed;
445
480
  }
446
481
 
447
482
  .ui-unordered-list-with-emphasis {
448
- @apply text-p1 font-light text-cool-black;
483
+ @apply text-p1 font-medium text-cool-black;
449
484
  @apply list-disc ml-32 mt-32 -mb-12;
450
485
  }
451
486
 
@@ -468,25 +503,24 @@
468
503
 
469
504
  .ui-link {
470
505
  @apply text-gui-default;
471
- @apply visited:text-gui-default;
472
506
  @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
473
507
  @apply focus:text-gui-default focus:outline-gui-focus;
508
+ @apply no-underline;
474
509
  }
475
510
 
476
511
  .ui-link-neutral {
477
- @apply visited:text-dark-grey;
478
512
  @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
479
- @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
513
+ @apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
480
514
  @apply underline;
481
515
  }
482
516
  }
483
517
  @layer components {
484
518
  .ui-checkbox-p1 {
485
- @apply flex items-start mb-16 font-sans;
519
+ @apply flex items-start mb-16 font-manrope font-medium;
486
520
  }
487
521
 
488
522
  .ui-checkbox-p2 {
489
- @apply flex items-start mb-12 font-sans;
523
+ @apply flex items-start mb-12 font-manrope font-medium;
490
524
  }
491
525
 
492
526
  .ui-checkbox-input {
@@ -510,7 +544,7 @@
510
544
 
511
545
  .ui-checkbox-label-p2 {
512
546
  @apply select-none;
513
- @apply text-p2 font-light text-cool-black;
547
+ @apply text-p2 font-medium text-cool-black;
514
548
  }
515
549
 
516
550
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -531,7 +565,7 @@
531
565
  }
532
566
 
533
567
  .ui-textarea {
534
- @apply font-sans font-light text-cool-black text-p1;
568
+ @apply font-manrope font-medium text-cool-black text-p1;
535
569
  @apply p-input mb-16;
536
570
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
537
571
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -544,12 +578,6 @@
544
578
  color: #76767c;
545
579
  }
546
580
 
547
- .ui-textarea:-ms-input-placeholder {
548
- /* CSS vars don't work in ::placeholder in Webkit :( */
549
- /* color: var(--text-dark-grey); */
550
- color: #76767c;
551
- }
552
-
553
581
  .ui-textarea::placeholder {
554
582
  /* CSS vars don't work in ::placeholder in Webkit :( */
555
583
  /* color: var(--text-dark-grey); */
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Uptime=t())}(this,(function(){return(()=>{"use strict";var e={};return e.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Uptime=t())}(this,(()=>(()=>{"use strict";var e={};return e.default})()));
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Reset=t())}(this,(function(){return(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Reset=t())}(this,(()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()));
@@ -86,8 +86,7 @@
86
86
  abbr[title] {
87
87
  border-bottom: none; /* 1 */
88
88
  text-decoration: underline; /* 2 */
89
- -webkit-text-decoration: underline dotted;
90
- text-decoration: underline dotted; /* 2 */
89
+ text-decoration: underline dotted; /* 2 */
91
90
  }
92
91
 
93
92
  /**
@@ -444,19 +443,10 @@
444
443
  resize: vertical;
445
444
  }
446
445
 
447
- input:-ms-input-placeholder,
448
- textarea:-ms-input-placeholder {
449
- color: #a0aec0;
450
- }
451
-
452
446
  input::-moz-placeholder, textarea::-moz-placeholder {
453
447
  color: #a0aec0;
454
448
  }
455
449
 
456
- input:-ms-input-placeholder, textarea:-ms-input-placeholder {
457
- color: #a0aec0;
458
- }
459
-
460
450
  input::placeholder,
461
451
  textarea::placeholder {
462
452
  color: #a0aec0;
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '8.7.0.dev.602ecf0'
2
+ VERSION = '8.7.0.dev.681c3bf'
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.602ecf0
4
+ version: 8.7.0.dev.681c3bf
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: 2022-09-23 00:00:00.000000000 Z
13
+ date: 2023-06-15 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -64,6 +64,7 @@ files:
64
64
  - lib/ably_ui/core/customer_logos/component.js
65
65
  - lib/ably_ui/core/customer_logos/customer_logos.html.erb
66
66
  - lib/ably_ui/core/customer_logos/customer_logos.rb
67
+ - lib/ably_ui/core/dropdown_menu/component.js
67
68
  - lib/ably_ui/core/feature_footer/component.css
68
69
  - lib/ably_ui/core/feature_footer/component.js
69
70
  - lib/ably_ui/core/feature_footer/feature_footer.html.erb
@@ -90,6 +91,8 @@ files:
90
91
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.otf
91
92
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
92
93
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff2
94
+ - lib/ably_ui/core/fonts/jetBrains-mono.css
95
+ - lib/ably_ui/core/fonts/manrope.css
93
96
  - lib/ably_ui/core/fonts/next.css
94
97
  - lib/ably_ui/core/fonts/source-code-pro.css
95
98
  - lib/ably_ui/core/footer/component.css
@@ -99,6 +102,7 @@ files:
99
102
  - lib/ably_ui/core/icon/component.js
100
103
  - lib/ably_ui/core/icon/icon.html.erb
101
104
  - lib/ably_ui/core/icon/icon.rb
105
+ - lib/ably_ui/core/images/ably-logo.png
102
106
  - lib/ably_ui/core/images/ably-logo.svg
103
107
  - lib/ably_ui/core/images/ably-stack.svg
104
108
  - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
@@ -127,10 +131,13 @@ files:
127
131
  - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
128
132
  - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
129
133
  - lib/ably_ui/core/images/flexible-companies.png
134
+ - lib/ably_ui/core/images/high-performer-2022.png
135
+ - lib/ably_ui/core/images/highest-user-adoption-2022.png
130
136
  - lib/ably_ui/core/images/icon-tech-aws.svg
131
137
  - lib/ably_ui/core/images/rocket-list-2021.png
132
138
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
133
139
  - lib/ably_ui/core/images/technical-support-01-800x533.jpg
140
+ - lib/ably_ui/core/images/users-love-us-2022.png
134
141
  - lib/ably_ui/core/loader/component.js
135
142
  - lib/ably_ui/core/loader/loader.html.erb
136
143
  - lib/ably_ui/core/loader/loader.rb