ably-ui 8.7.0.dev.579e0ab → 8.7.0.dev.602ecf0

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