ably-ui 8.7.0.dev.fe9bd38 → 8.7.0.dev.471ada5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (68) 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/dropdown_menu/component.js +1 -1
  13. data/lib/ably_ui/core/feature_footer/component.js +1 -1
  14. data/lib/ably_ui/core/feature_footer/feature_footer.html.erb +1 -1
  15. data/lib/ably_ui/core/featured_link/component.js +1 -1
  16. data/lib/ably_ui/core/flash/component.js +1 -1
  17. data/lib/ably_ui/core/footer/component.css +1 -21
  18. data/lib/ably_ui/core/footer/component.js +1 -1
  19. data/lib/ably_ui/core/footer/footer.html.erb +56 -118
  20. data/lib/ably_ui/core/icon/component.js +1 -1
  21. data/lib/ably_ui/core/loader/component.js +1 -1
  22. data/lib/ably_ui/core/logo/component.js +1 -1
  23. data/lib/ably_ui/core/logo/logo.html.erb +27 -2
  24. data/lib/ably_ui/core/logo/logo.rb +6 -15
  25. data/lib/ably_ui/core/meganav/component.css +3 -1
  26. data/lib/ably_ui/core/meganav/component.js +2 -1
  27. data/lib/ably_ui/core/meganav/component.json +1 -1
  28. data/lib/ably_ui/core/meganav/meganav.html.erb +1 -1
  29. data/lib/ably_ui/core/meganav/meganav.rb +2 -3
  30. data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
  31. data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
  32. data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +0 -9
  33. data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
  34. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +10 -26
  35. data/lib/ably_ui/core/meganav_content_platform/component.js +1 -1
  36. data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
  37. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  38. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +39 -43
  39. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  40. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  41. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  42. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  43. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  44. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  45. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  46. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  47. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +2 -1
  48. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  49. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  50. data/lib/ably_ui/core/meganav_search_suggestions/meganav_search_suggestions.html.erb +1 -1
  51. data/lib/ably_ui/core/notice/component.js +2 -1
  52. data/lib/ably_ui/core/scripts.js +1 -1
  53. data/lib/ably_ui/core/showcase/component.js +1 -1
  54. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  55. data/lib/ably_ui/core/slider/component.js +1 -1
  56. data/lib/ably_ui/core/sprites.svg +1 -106
  57. data/lib/ably_ui/core/styles.css +90 -120
  58. data/lib/ably_ui/core/uptime/component.js +1 -1
  59. data/lib/ably_ui/reset/scripts.js +1 -1
  60. data/lib/ably_ui/reset/styles.css +11 -1
  61. data/lib/ably_ui/version.rb +1 -1
  62. metadata +2 -8
  63. data/lib/ably_ui/core/fonts/jetBrains-mono.css +0 -3
  64. data/lib/ably_ui/core/fonts/manrope.css +0 -3
  65. data/lib/ably_ui/core/images/ably-logo.png +0 -0
  66. data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
  67. data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
  68. 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;
323
+ @apply font-sans font-medium text-cool-black;
342
324
  @apply text-title-xs xs:text-title xl:text-title-xl;
343
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
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;
329
+ @apply font-sans font-medium text-cool-black;
348
330
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
349
- @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
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-10;
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-7;
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-6;
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-5;
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-6;
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-5;
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-tight;
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-7;
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 leading-relaxed;
405
- @apply text-sub-header-xs xs:text-sub-header leading-normal xs:leading-relaxed;
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;
386
+ @apply font-sans font-medium text-dark-grey uppercase;
410
387
  @apply text-overline1;
411
- @apply tracking-widen-0.16;
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;
392
+ @apply font-sans font-medium text-dark-grey uppercase;
416
393
  @apply text-overline2;
417
- @apply tracking-widen-0.16;
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-normal;
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-tight;
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
 
@@ -517,11 +481,11 @@
517
481
  }
518
482
  @layer components {
519
483
  .ui-checkbox-p1 {
520
- @apply flex items-start mb-16 font-manrope font-medium;
484
+ @apply flex items-start mb-16 font-sans;
521
485
  }
522
486
 
523
487
  .ui-checkbox-p2 {
524
- @apply flex items-start mb-12 font-manrope font-medium;
488
+ @apply flex items-start mb-12 font-sans;
525
489
  }
526
490
 
527
491
  .ui-checkbox-input {
@@ -540,12 +504,12 @@
540
504
 
541
505
  .ui-checkbox-label-p1 {
542
506
  @apply select-none;
543
- @apply text-p1 font-medium text-cool-black;
507
+ @apply text-p1 font-light text-cool-black;
544
508
  }
545
509
 
546
510
  .ui-checkbox-label-p2 {
547
511
  @apply select-none;
548
- @apply text-p2 font-medium text-cool-black;
512
+ @apply text-p2 font-light text-cool-black;
549
513
  }
550
514
 
551
515
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -566,7 +530,7 @@
566
530
  }
567
531
 
568
532
  .ui-textarea {
569
- @apply font-manrope font-medium text-cool-black text-p1;
533
+ @apply font-sans font-light text-cool-black text-p1;
570
534
  @apply p-input mb-16;
571
535
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
572
536
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -579,6 +543,12 @@
579
543
  color: #76767c;
580
544
  }
581
545
 
546
+ .ui-textarea:-ms-input-placeholder {
547
+ /* CSS vars don't work in ::placeholder in Webkit :( */
548
+ /* color: var(--text-dark-grey); */
549
+ color: #76767c;
550
+ }
551
+
582
552
  .ui-textarea::placeholder {
583
553
  /* CSS vars don't work in ::placeholder in Webkit :( */
584
554
  /* 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.fe9bd38'
2
+ VERSION = '8.7.0.dev.471ada5'
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.471ada5
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: 2022-10-13 00:00:00.000000000 Z
14
14
  dependencies:
15
15
  - !ruby/object:Gem::Dependency
16
16
  name: view_component
@@ -91,8 +91,6 @@ files:
91
91
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.otf
92
92
  - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
93
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
96
94
  - lib/ably_ui/core/fonts/next.css
97
95
  - lib/ably_ui/core/fonts/source-code-pro.css
98
96
  - lib/ably_ui/core/footer/component.css
@@ -102,7 +100,6 @@ files:
102
100
  - lib/ably_ui/core/icon/component.js
103
101
  - lib/ably_ui/core/icon/icon.html.erb
104
102
  - lib/ably_ui/core/icon/icon.rb
105
- - lib/ably_ui/core/images/ably-logo.png
106
103
  - lib/ably_ui/core/images/ably-logo.svg
107
104
  - lib/ably_ui/core/images/ably-stack.svg
108
105
  - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
@@ -131,13 +128,10 @@ files:
131
128
  - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
132
129
  - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
133
130
  - 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
131
  - lib/ably_ui/core/images/icon-tech-aws.svg
137
132
  - lib/ably_ui/core/images/rocket-list-2021.png
138
133
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
139
134
  - lib/ably_ui/core/images/technical-support-01-800x533.jpg
140
- - lib/ably_ui/core/images/users-love-us-2022.png
141
135
  - lib/ably_ui/core/loader/component.js
142
136
  - lib/ably_ui/core/loader/loader.html.erb
143
137
  - lib/ably_ui/core/loader/loader.rb
@@ -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