ably-ui 8.7.0.dev.602ecf0 → 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 (73) 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.css +1 -1
  18. data/lib/ably_ui/core/featured_link/component.js +1 -1
  19. data/lib/ably_ui/core/flash/component.js +1 -1
  20. data/lib/ably_ui/core/fonts/jetBrains-mono.css +3 -0
  21. data/lib/ably_ui/core/fonts/manrope.css +3 -0
  22. data/lib/ably_ui/core/footer/component.css +22 -2
  23. data/lib/ably_ui/core/footer/component.js +1 -1
  24. data/lib/ably_ui/core/footer/footer.html.erb +119 -57
  25. data/lib/ably_ui/core/icon/component.js +1 -1
  26. data/lib/ably_ui/core/images/ably-logo.png +0 -0
  27. data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
  28. data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
  29. data/lib/ably_ui/core/images/users-love-us-2022.png +0 -0
  30. data/lib/ably_ui/core/loader/component.js +1 -1
  31. data/lib/ably_ui/core/logo/component.js +1 -1
  32. data/lib/ably_ui/core/logo/logo.html.erb +2 -27
  33. data/lib/ably_ui/core/logo/logo.rb +15 -6
  34. data/lib/ably_ui/core/meganav/component.css +8 -10
  35. data/lib/ably_ui/core/meganav/component.js +1 -2
  36. data/lib/ably_ui/core/meganav/component.json +1 -1
  37. data/lib/ably_ui/core/meganav/meganav.html.erb +1 -1
  38. data/lib/ably_ui/core/meganav/meganav.rb +3 -2
  39. data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
  40. data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
  41. data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +9 -0
  42. data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
  43. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +27 -11
  44. data/lib/ably_ui/core/meganav_content_platform/component.js +1 -1
  45. data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
  46. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  47. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +43 -39
  48. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  49. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  50. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  51. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  52. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  53. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  54. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  55. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  56. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -2
  57. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  58. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  59. data/lib/ably_ui/core/meganav_search_suggestions/meganav_search_suggestions.html.erb +1 -1
  60. data/lib/ably_ui/core/notice/component.css +1 -1
  61. data/lib/ably_ui/core/notice/component.js +1 -2
  62. data/lib/ably_ui/core/notice/notice.html.erb +2 -2
  63. data/lib/ably_ui/core/scripts.js +1 -1
  64. data/lib/ably_ui/core/showcase/component.js +1 -1
  65. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  66. data/lib/ably_ui/core/slider/component.js +1 -1
  67. data/lib/ably_ui/core/sprites.svg +109 -1
  68. data/lib/ably_ui/core/styles.css +126 -97
  69. data/lib/ably_ui/core/uptime/component.js +1 -1
  70. data/lib/ably_ui/reset/scripts.js +1 -1
  71. data/lib/ably_ui/reset/styles.css +1 -11
  72. data/lib/ably_ui/version.rb +1 -1
  73. metadata +9 -2
@@ -4,20 +4,24 @@
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
+ --color-orange-700: #ff2739;
10
11
  --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;
12
+ --color-extra-light-grey: #f8fafc;
13
+ --color-light-grey: #f4f8fb;
14
+ --color-mid-grey: #c6ced9;
15
+ --color-dark-grey: #667085;
16
+ --color-charcoal-grey: #2b303b;
17
+ --color-gui-default: #006edc;
18
+ --color-gui-hover: #0862b9;
20
19
  --color-gui-active: #074095;
20
+ --color-gui-default-dark: #4da6ff;
21
+ --color-gui-hover-dark: #2894ff;
22
+ --color-gui-active-dark: #0080ff;
23
+ --color-gui-focus: #80b9f2;
24
+ --color-gui-focus-outline: #80b9f2;
21
25
  --color-gui-visited: #4887c2;
22
26
  --color-gui-unavailable: #a8a8a8;
23
27
  --color-gui-error: #fb0c0c;
@@ -36,6 +40,10 @@
36
40
  --syntax-red: #d54e53;
37
41
  --syntax-lilac: #bb87d3;
38
42
 
43
+ /* New Neutral colors */
44
+ --color-neutral-900: #39414e;
45
+ --color-neutral-500: #c6ced9;
46
+
39
47
  /* uptime status colors */
40
48
  --uptime-color-up: #39b54a;
41
49
  --uptime-color-trouble: #e87623;
@@ -47,6 +55,8 @@
47
55
  --icon-color-glassdoor: #0baa41;
48
56
  --icon-color-github: #000000;
49
57
  --icon-color-discord: #5865f2;
58
+ --icon-color-stackoverflow: #f48024;
59
+ --icon-color-youtube: #ff0000;
50
60
 
51
61
  --gradient-active-orange: linear-gradient(
52
62
  61.2deg,
@@ -68,38 +78,43 @@
68
78
 
69
79
  --gradient-hot-pink: linear-gradient(
70
80
  80.2deg,
71
- var(--color-bright-red) 0%,
81
+ var(--color-orange-700) 0%,
72
82
  var(--color-jazzy-pink) 100%
73
83
  );
74
84
 
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;
85
+ --fs-title-xl: 3rem;
86
+ --fs-title: 2.75rem;
87
+ --fs-title-xs: 2.5rem;
88
+ --fs-h1-xl: 2.5rem;
89
+ --fs-h1: 2.25rem;
90
+ --fs-h1-xs: 2rem;
91
+
92
+ --fs-h2-xl: 2.125rem;
82
93
  --fs-h2: 2rem;
83
- --fs-h2-xs: 1.875rem;
94
+ --fs-h2-xs: 1.75rem;
95
+
84
96
  --fs-h3: 1.5rem;
85
- --fs-h4: 1.125rem;
86
- --fs-p1: 1.125rem;
87
- --fs-p2: 1rem;
97
+ --fs-h4: 1.25rem;
98
+ --fs-h5: 1rem;
99
+
100
+ --fs-p1: 1rem;
101
+ --fs-p2: 0.938rem;
88
102
  --fs-p3: 0.875rem;
89
103
  --fs-standfirst-xl: 2.25rem;
90
104
  --fs-standfirst: 1.5rem;
91
- --fs-sub-header: 1.5rem;
92
- --fs-sub-header-xs: 1.125rem;
105
+ --fs-sub-header: 1.125rem;
106
+ --fs-sub-header-xs: 1.063rem;
93
107
  --fs-overline1: 1rem;
94
108
  --fs-overline2: 0.875rem;
95
- --fs-btn1: 1.125rem;
96
- --fs-btn2: 1rem;
109
+ --fs-btn1: 1rem;
110
+ --fs-btn2: 0.938rem;
97
111
  --fs-btn3: 0.875rem;
98
- --fs-menu1: 1.125rem;
99
- --fs-menu2: 1rem;
112
+ --fs-menu1: 1rem;
113
+ --fs-menu2: 0.938rem;
100
114
  --fs-menu3: 0.875rem;
101
- --fs-quote: 1.5rem;
102
- --fs-code: 0.875rem;
115
+ --fs-quote: 1.25rem;
116
+ --fs-code: 0.938rem;
117
+ --fs-code2: 0.813rem;
103
118
 
104
119
  --lh-dense: 1;
105
120
  --lh-tight: 1.125;
@@ -113,7 +128,9 @@
113
128
  --ls-tighten-0_01: -0.01em;
114
129
  --ls-tighten-0_005: -0.005em;
115
130
  --ls-tighten-0_0025: -0.0025em;
131
+ --ls-tighten-0_0015: -0.0015em;
116
132
  --ls-widen-0_1: 0.1em;
133
+ --ls-widen-0_16: 0.16em;
117
134
  --ls-widen-0_15: 0.15em;
118
135
 
119
136
  --spacing-0: 0px;
@@ -128,6 +145,7 @@
128
145
  --spacing-20: 1.25rem;
129
146
  --spacing-24: 1.5rem;
130
147
  --spacing-32: 2rem;
148
+ --spacing-36: 2.25rem;
131
149
  --spacing-40: 2.5rem;
132
150
  --spacing-48: 3rem;
133
151
  --spacing-64: 4rem;
@@ -175,7 +193,7 @@
175
193
  }
176
194
  @layer components {
177
195
  .ui-btn {
178
- @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block rounded p-btn;
196
+ @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
179
197
  @apply hover:text-white hover:bg-active-orange;
180
198
  @apply active:text-white active:bg-red-orange;
181
199
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -199,7 +217,7 @@
199
217
  background-size: 200% 100%;
200
218
  background-position: 0% 0%;
201
219
 
202
- @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
220
+ @apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
203
221
  @apply focus:outline-gui-focus;
204
222
  @apply inline-flex items-center justify-center;
205
223
  }
@@ -215,7 +233,7 @@
215
233
  }
216
234
 
217
235
  .ui-btn-invert {
218
- @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block rounded p-btn;
236
+ @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
219
237
  @apply hover:text-white hover:bg-active-orange;
220
238
  @apply active:text-white active:bg-red-orange;
221
239
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -225,7 +243,7 @@
225
243
  }
226
244
 
227
245
  .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;
246
+ @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
229
247
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
230
248
  @apply active:border-red-orange active:bg-white;
231
249
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -235,7 +253,7 @@
235
253
  }
236
254
 
237
255
  .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;
256
+ @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
239
257
  @apply hover:text-white hover:border-active-orange;
240
258
  @apply active:border-red-orange;
241
259
  @apply focus:outline-gui-focus;
@@ -320,48 +338,54 @@
320
338
  }
321
339
  @layer components {
322
340
  .ui-text-title {
323
- @apply font-sans font-medium text-cool-black;
324
- @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;
341
+ @apply font-manrope font-extrabold text-cool-black;
342
+ @apply text-title-xs xs:text-title xl:text-title-xl leading-tight;
343
+ @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
326
344
  }
327
345
 
328
346
  .ui-text-h1 {
329
- @apply font-sans font-medium text-cool-black;
330
- @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
331
- @apply tracking-tighten-0.01;
347
+ @apply font-manrope font-extrabold text-cool-black;
348
+ @apply text-h1-xs xs:text-h1 xl:text-h1-xl leading-tight;
349
+ @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
332
350
  }
333
351
 
334
352
  .ui-text-h2 {
335
- @apply font-sans font-medium text-cool-black;
336
- @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
337
- @apply tracking-tighten-0.005;
353
+ @apply font-manrope font-extrabold text-cool-black;
354
+ @apply text-h2-xs xs:text-h2 xl:text-h2-xl leading-tight;
355
+ @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
338
356
  }
339
357
 
340
358
  .ui-text-h3 {
341
- @apply font-sans font-medium text-cool-black;
342
- @apply text-h3;
343
- @apply tracking-tighten-0.0025;
359
+ @apply font-manrope font-extrabold text-cool-black;
360
+ @apply text-h3 leading-tight;
361
+ @apply tracking-tighten-0.005;
344
362
  }
345
363
 
346
364
  .ui-text-h4 {
347
- @apply font-sans font-medium text-cool-black;
348
- @apply text-h4 uppercase;
349
- @apply tracking-widen-0.1;
365
+ @apply font-manrope font-extrabold text-cool-black;
366
+ @apply text-h4 leading-tight;
367
+ @apply tracking-tighten-0.0015;
368
+ }
369
+
370
+ .ui-text-h5 {
371
+ @apply font-manrope font-extrabold text-cool-black;
372
+ @apply text-h5 leading-tight;
373
+ @apply tracking-tighten-0.0025;
350
374
  }
351
375
 
352
376
  .ui-text-p1 {
353
- @apply font-sans font-light text-charcoal-grey;
354
- @apply text-p1;
377
+ @apply font-manrope font-medium text-charcoal-grey;
378
+ @apply text-p1 leading-relaxed;
355
379
  }
356
380
 
357
381
  .ui-text-p2 {
358
- @apply font-sans font-light text-charcoal-grey;
359
- @apply text-p2;
382
+ @apply font-manrope font-medium text-charcoal-grey;
383
+ @apply text-p2 leading-relaxed;
360
384
  }
361
385
 
362
386
  .ui-text-p3 {
363
- @apply font-sans font-light text-charcoal-grey;
364
- @apply text-p3;
387
+ @apply font-manrope font-medium text-charcoal-grey;
388
+ @apply text-p3 leading-relaxed;
365
389
  }
366
390
 
367
391
  .ui-text-standfirst {
@@ -371,60 +395,63 @@
371
395
  }
372
396
 
373
397
  .ui-text-quote {
374
- @apply font-sans font-light text-cool-black;
375
- @apply text-quote;
376
- @apply tracking-tighten-0.025;
398
+ @apply font-manrope font-normal text-cool-black;
399
+ @apply text-quote leading-normal;
400
+ @apply tracking-tighten-0.0015;
377
401
  }
378
402
 
379
403
  .ui-text-sub-header {
380
- @apply font-sans font-light text-dark-grey;
381
- @apply text-sub-header-xs xs:text-sub-header;
382
- @apply tracking-tighten-0.025;
404
+ @apply font-manrope font-semibold text-neutral-900;
405
+ @apply text-sub-header-xs xs:text-sub-header leading-normal;
383
406
  }
384
407
 
385
408
  .ui-text-overline1 {
386
- @apply font-sans font-medium text-dark-grey uppercase;
387
- @apply text-overline1;
388
- @apply tracking-widen-0.15;
409
+ @apply font-jetbrains_mono font-medium text-active-orange uppercase;
410
+ @apply text-overline1 leading-normal;
411
+ @apply tracking-widen-0.16;
389
412
  }
390
413
 
391
414
  .ui-text-overline2 {
392
- @apply font-sans font-medium text-dark-grey uppercase;
393
- @apply text-overline2;
394
- @apply tracking-widen-0.1;
415
+ @apply font-jetbrains_mono font-medium text-active-orange uppercase;
416
+ @apply text-overline2 leading-normal;
417
+ @apply tracking-widen-0.16;
395
418
  }
396
419
 
397
420
  .ui-text-menu1 {
398
- @apply font-sans font-light text-cool-black;
399
- @apply text-menu1;
421
+ @apply font-manrope font-medium text-cool-black;
422
+ @apply text-menu1 leading-snug;
400
423
  }
401
424
 
402
425
  .ui-text-menu2 {
403
- @apply font-sans font-light text-cool-black;
404
- @apply text-menu2;
426
+ @apply font-manrope font-medium text-cool-black;
427
+ @apply text-menu2 leading-snug;
405
428
  }
406
429
 
407
430
  .ui-text-menu3 {
408
- @apply font-sans font-light text-cool-black;
409
- @apply text-menu3;
431
+ @apply font-manrope font-medium text-cool-black;
432
+ @apply text-menu3 leading-snug;
410
433
  }
411
434
 
412
435
  .ui-text-code {
413
- @apply font-mono font-semibold text-code;
436
+ @apply font-jetbrains_mono font-medium text-code;
437
+ }
438
+
439
+ .ui-text-code2 {
440
+ @apply font-jetbrains_mono font-medium text-code2;
414
441
  }
415
442
 
416
443
  .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;
444
+ @apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
418
445
  }
419
446
 
420
447
  .ui-unordered-list {
421
- @apply text-p1 font-light text-cool-black;
422
- @apply list-disc ml-32 mb-24;
448
+ @apply text-p1 font-medium text-cool-black;
449
+ @apply list-disc ml-32 my-16;
423
450
  }
424
451
 
425
452
  .ui-ordered-list {
426
- @apply text-p1 font-light text-cool-black;
427
- @apply ml-32 mb-24 list-decimal;
453
+ @apply text-p1 font-medium text-charcoal-grey;
454
+ @apply ml-32 my-16 list-decimal;
428
455
  }
429
456
 
430
457
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -441,11 +468,20 @@
441
468
  }
442
469
 
443
470
  .ui-unordered-list ul ul {
444
- @apply list-square;
471
+ @apply list-square my-8;
472
+ }
473
+
474
+ .ui-unordered-list ul ul {
475
+ @apply my-8;
476
+ }
477
+
478
+ .ui-ordered-list li,
479
+ .ui-unordered-list li {
480
+ @apply font-medium font-manrope tracking-widen-0 leading-relaxed;
445
481
  }
446
482
 
447
483
  .ui-unordered-list-with-emphasis {
448
- @apply text-p1 font-light text-cool-black;
484
+ @apply text-p1 font-medium text-cool-black;
449
485
  @apply list-disc ml-32 mt-32 -mb-12;
450
486
  }
451
487
 
@@ -468,25 +504,24 @@
468
504
 
469
505
  .ui-link {
470
506
  @apply text-gui-default;
471
- @apply visited:text-gui-default;
472
507
  @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
473
508
  @apply focus:text-gui-default focus:outline-gui-focus;
509
+ @apply no-underline;
474
510
  }
475
511
 
476
512
  .ui-link-neutral {
477
- @apply visited:text-dark-grey;
478
513
  @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
479
- @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
514
+ @apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
480
515
  @apply underline;
481
516
  }
482
517
  }
483
518
  @layer components {
484
519
  .ui-checkbox-p1 {
485
- @apply flex items-start mb-16 font-sans;
520
+ @apply flex items-start mb-16 font-manrope font-medium;
486
521
  }
487
522
 
488
523
  .ui-checkbox-p2 {
489
- @apply flex items-start mb-12 font-sans;
524
+ @apply flex items-start mb-12 font-manrope font-medium;
490
525
  }
491
526
 
492
527
  .ui-checkbox-input {
@@ -505,12 +540,12 @@
505
540
 
506
541
  .ui-checkbox-label-p1 {
507
542
  @apply select-none;
508
- @apply text-p1 font-light text-cool-black;
543
+ @apply text-p1 font-medium text-cool-black;
509
544
  }
510
545
 
511
546
  .ui-checkbox-label-p2 {
512
547
  @apply select-none;
513
- @apply text-p2 font-light text-cool-black;
548
+ @apply text-p2 font-medium text-cool-black;
514
549
  }
515
550
 
516
551
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -531,7 +566,7 @@
531
566
  }
532
567
 
533
568
  .ui-textarea {
534
- @apply font-sans font-light text-cool-black text-p1;
569
+ @apply font-manrope font-medium text-cool-black text-p1;
535
570
  @apply p-input mb-16;
536
571
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
537
572
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -544,12 +579,6 @@
544
579
  color: #76767c;
545
580
  }
546
581
 
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
582
  .ui-textarea::placeholder {
554
583
  /* CSS vars don't work in ::placeholder in Webkit :( */
555
584
  /* 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.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.602ecf0
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: 2022-09-23 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
@@ -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