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

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 (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