ably-ui 8.7.0.dev.2b71529 → 8.7.0.dev.2c392ee

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 (58) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +6 -6
  3. data/lib/ably_ui/core/code/component.css +0 -2
  4. data/lib/ably_ui/core/code/component.js +1 -1
  5. data/lib/ably_ui/core/company_autocomplete/component.js +1 -1
  6. data/lib/ably_ui/core/connect_state_wrapper/component.js +1 -1
  7. data/lib/ably_ui/core/contact_footer/component.js +1 -1
  8. data/lib/ably_ui/core/cookie_message/component.js +1 -1
  9. data/lib/ably_ui/core/customer_logos/component.js +1 -1
  10. data/lib/ably_ui/core/dropdown_menu/component.js +1 -1
  11. data/lib/ably_ui/core/feature_footer/component.js +1 -1
  12. data/lib/ably_ui/core/featured_link/component.css +1 -1
  13. data/lib/ably_ui/core/featured_link/component.js +1 -1
  14. data/lib/ably_ui/core/flash/component.js +1 -1
  15. data/lib/ably_ui/core/footer/component.css +3 -3
  16. data/lib/ably_ui/core/footer/component.js +1 -1
  17. data/lib/ably_ui/core/footer/footer.html.erb +13 -13
  18. data/lib/ably_ui/core/icon/component.js +1 -1
  19. data/lib/ably_ui/core/loader/component.js +1 -1
  20. data/lib/ably_ui/core/logo/component.js +1 -1
  21. data/lib/ably_ui/core/meganav/component.css +10 -8
  22. data/lib/ably_ui/core/meganav/component.js +1 -1
  23. data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
  24. data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
  25. data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +0 -9
  26. data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
  27. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +2 -9
  28. data/lib/ably_ui/core/meganav_content_platform/component.js +1 -1
  29. data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +1 -1
  30. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  31. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +10 -11
  32. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  33. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  34. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  35. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  36. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  37. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  38. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  39. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  40. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -1
  41. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  42. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  43. data/lib/ably_ui/core/notice/component.css +1 -1
  44. data/lib/ably_ui/core/notice/component.js +1 -1
  45. data/lib/ably_ui/core/notice/notice.html.erb +2 -2
  46. data/lib/ably_ui/core/scripts.js +1 -1
  47. data/lib/ably_ui/core/showcase/component.js +1 -1
  48. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  49. data/lib/ably_ui/core/slider/component.js +1 -1
  50. data/lib/ably_ui/core/sprites.svg +0 -12
  51. data/lib/ably_ui/core/styles.css +87 -118
  52. data/lib/ably_ui/core/uptime/component.js +1 -1
  53. data/lib/ably_ui/reset/scripts.js +1 -1
  54. data/lib/ably_ui/reset/styles.css +11 -1
  55. data/lib/ably_ui/version.rb +1 -1
  56. metadata +2 -4
  57. data/lib/ably_ui/core/fonts/jetBrains-mono.css +0 -3
  58. data/lib/ably_ui/core/fonts/manrope.css +0 -3
@@ -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;
@@ -78,51 +70,44 @@
78
70
 
79
71
  --gradient-hot-pink: linear-gradient(
80
72
  80.2deg,
81
- var(--color-orange-700) 0%,
73
+ var(--color-bright-red) 0%,
82
74
  var(--color-jazzy-pink) 100%
83
75
  );
84
76
 
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;
77
+ --fs-title-xl: 4rem;
78
+ --fs-title: 3.5rem;
79
+ --fs-title-xs: 3rem;
80
+ --fs-h1-xl: 3.5rem;
81
+ --fs-h1: 3rem;
82
+ --fs-h1-xs: 2.625rem;
83
+ --fs-h2-xl: 2.5rem;
93
84
  --fs-h2: 2rem;
94
- --fs-h2-xs: 1.75rem;
95
-
85
+ --fs-h2-xs: 1.875rem;
96
86
  --fs-h3: 1.5rem;
97
- --fs-h4: 1.25rem;
98
- --fs-h5: 1rem;
99
-
100
- --fs-p1: 1rem;
101
- --fs-p2: 0.938rem;
87
+ --fs-h4: 1.125rem;
88
+ --fs-p1: 1.125rem;
89
+ --fs-p2: 1rem;
102
90
  --fs-p3: 0.875rem;
103
91
  --fs-standfirst-xl: 2.25rem;
104
92
  --fs-standfirst: 1.5rem;
105
- --fs-sub-header: 1.125rem;
106
- --fs-sub-header-xs: 1.063rem;
93
+ --fs-sub-header: 1.5rem;
94
+ --fs-sub-header-xs: 1.125rem;
107
95
  --fs-overline1: 1rem;
108
96
  --fs-overline2: 0.875rem;
109
- --fs-btn1: 1rem;
110
- --fs-btn2: 0.938rem;
97
+ --fs-btn1: 1.125rem;
98
+ --fs-btn2: 1rem;
111
99
  --fs-btn3: 0.875rem;
112
- --fs-menu1: 1rem;
113
- --fs-menu2: 0.938rem;
100
+ --fs-menu1: 1.125rem;
101
+ --fs-menu2: 1rem;
114
102
  --fs-menu3: 0.875rem;
115
- --fs-quote: 1.25rem;
116
- --fs-code: 0.938rem;
117
- --fs-code2: 0.813rem;
103
+ --fs-quote: 1.5rem;
104
+ --fs-code: 0.875rem;
118
105
 
119
106
  --lh-dense: 1;
120
107
  --lh-tight: 1.125;
121
108
  --lh-snug: 1.15;
122
- --lh-min-normal: 1.2;
123
109
  --lh-normal: 1.25;
124
110
  --lh-relaxed: 1.45;
125
- --lh-extra-relaxed: 1.6;
126
111
 
127
112
  --ls-tighten-0_025: -0.025em;
128
113
  --ls-tighten-0_02: -0.02em;
@@ -130,9 +115,7 @@
130
115
  --ls-tighten-0_01: -0.01em;
131
116
  --ls-tighten-0_005: -0.005em;
132
117
  --ls-tighten-0_0025: -0.0025em;
133
- --ls-tighten-0_0015: -0.0015em;
134
118
  --ls-widen-0_1: 0.1em;
135
- --ls-widen-0_16: 0.16em;
136
119
  --ls-widen-0_15: 0.15em;
137
120
 
138
121
  --spacing-0: 0px;
@@ -147,7 +130,6 @@
147
130
  --spacing-20: 1.25rem;
148
131
  --spacing-24: 1.5rem;
149
132
  --spacing-32: 2rem;
150
- --spacing-36: 2.25rem;
151
133
  --spacing-40: 2.5rem;
152
134
  --spacing-48: 3rem;
153
135
  --spacing-64: 4rem;
@@ -195,7 +177,7 @@
195
177
  }
196
178
  @layer components {
197
179
  .ui-btn {
198
- @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
180
+ @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block rounded p-btn;
199
181
  @apply hover:text-white hover:bg-active-orange;
200
182
  @apply active:text-white active:bg-red-orange;
201
183
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -219,7 +201,7 @@
219
201
  background-size: 200% 100%;
220
202
  background-position: 0% 0%;
221
203
 
222
- @apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
204
+ @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
223
205
  @apply focus:outline-gui-focus;
224
206
  @apply inline-flex items-center justify-center;
225
207
  }
@@ -235,7 +217,7 @@
235
217
  }
236
218
 
237
219
  .ui-btn-invert {
238
- @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
220
+ @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block rounded p-btn;
239
221
  @apply hover:text-white hover:bg-active-orange;
240
222
  @apply active:text-white active:bg-red-orange;
241
223
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -245,7 +227,7 @@
245
227
  }
246
228
 
247
229
  .ui-btn-secondary {
248
- @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
230
+ @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block border-btn border-cool-black rounded p-btn;
249
231
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
250
232
  @apply active:border-red-orange active:bg-white;
251
233
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -255,7 +237,7 @@
255
237
  }
256
238
 
257
239
  .ui-btn-secondary-invert {
258
- @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
240
+ @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block border-btn border-mid-grey rounded p-btn;
259
241
  @apply hover:text-white hover:border-active-orange;
260
242
  @apply active:border-red-orange;
261
243
  @apply focus:outline-gui-focus;
@@ -340,53 +322,47 @@
340
322
  }
341
323
  @layer components {
342
324
  .ui-text-title {
343
- @apply font-manrope font-extrabold text-cool-black;
325
+ @apply font-sans font-medium text-cool-black;
344
326
  @apply text-title-xs xs:text-title xl:text-title-xl;
345
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
327
+ @apply tracking-tighten-0.01 xs:tracking-tighten-0.015 xl:tracking-tighten-0.02;
346
328
  }
347
329
 
348
330
  .ui-text-h1 {
349
- @apply font-manrope font-extrabold text-cool-black;
331
+ @apply font-sans font-medium text-cool-black;
350
332
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
351
- @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
333
+ @apply tracking-tighten-0.01;
352
334
  }
353
335
 
354
336
  .ui-text-h2 {
355
- @apply font-manrope font-extrabold text-cool-black;
337
+ @apply font-sans font-medium text-cool-black;
356
338
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
357
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
339
+ @apply tracking-tighten-0.005;
358
340
  }
359
341
 
360
342
  .ui-text-h3 {
361
- @apply font-manrope font-extrabold text-cool-black;
343
+ @apply font-sans font-medium text-cool-black;
362
344
  @apply text-h3;
363
- @apply tracking-tighten-0.005;
345
+ @apply tracking-tighten-0.0025;
364
346
  }
365
347
 
366
348
  .ui-text-h4 {
367
- @apply font-manrope font-extrabold text-cool-black;
368
- @apply text-h4;
369
- @apply tracking-tighten-0.0015;
370
- }
371
-
372
- .ui-text-h5 {
373
- @apply font-manrope font-extrabold text-cool-black;
374
- @apply text-h5;
375
- @apply tracking-tighten-0.0025;
349
+ @apply font-sans font-medium text-cool-black;
350
+ @apply text-h4 uppercase;
351
+ @apply tracking-widen-0.1;
376
352
  }
377
353
 
378
354
  .ui-text-p1 {
379
- @apply font-manrope font-medium text-charcoal-grey;
355
+ @apply font-sans font-light text-charcoal-grey;
380
356
  @apply text-p1;
381
357
  }
382
358
 
383
359
  .ui-text-p2 {
384
- @apply font-manrope font-medium text-charcoal-grey;
360
+ @apply font-sans font-light text-charcoal-grey;
385
361
  @apply text-p2;
386
362
  }
387
363
 
388
364
  .ui-text-p3 {
389
- @apply font-manrope font-medium text-charcoal-grey;
365
+ @apply font-sans font-light text-charcoal-grey;
390
366
  @apply text-p3;
391
367
  }
392
368
 
@@ -397,63 +373,60 @@
397
373
  }
398
374
 
399
375
  .ui-text-quote {
400
- @apply font-manrope font-normal text-cool-black;
401
- @apply text-quote leading-normal;
402
- @apply tracking-tighten-0.0015;
376
+ @apply font-sans font-light text-cool-black;
377
+ @apply text-quote;
378
+ @apply tracking-tighten-0.025;
403
379
  }
404
380
 
405
381
  .ui-text-sub-header {
406
- @apply font-manrope font-semibold text-neutral-900;
407
- @apply text-sub-header-xs xs:text-sub-header leading-normal;
382
+ @apply font-sans font-light text-dark-grey;
383
+ @apply text-sub-header-xs xs:text-sub-header;
384
+ @apply tracking-tighten-0.025;
408
385
  }
409
386
 
410
387
  .ui-text-overline1 {
411
- @apply font-jetbrains_mono font-medium text-active-orange uppercase;
412
- @apply text-overline1 leading-normal;
413
- @apply tracking-widen-0.16;
388
+ @apply font-sans font-medium text-dark-grey uppercase;
389
+ @apply text-overline1;
390
+ @apply tracking-widen-0.15;
414
391
  }
415
392
 
416
393
  .ui-text-overline2 {
417
- @apply font-jetbrains_mono font-medium text-active-orange uppercase;
418
- @apply text-overline2 leading-normal;
419
- @apply tracking-widen-0.16;
394
+ @apply font-sans font-medium text-dark-grey uppercase;
395
+ @apply text-overline2;
396
+ @apply tracking-widen-0.1;
420
397
  }
421
398
 
422
399
  .ui-text-menu1 {
423
- @apply font-manrope font-medium text-cool-black;
424
- @apply text-menu1 leading-snug;
400
+ @apply font-sans font-light text-cool-black;
401
+ @apply text-menu1;
425
402
  }
426
403
 
427
404
  .ui-text-menu2 {
428
- @apply font-manrope font-medium text-cool-black;
429
- @apply text-menu2 leading-snug;
405
+ @apply font-sans font-light text-cool-black;
406
+ @apply text-menu2;
430
407
  }
431
408
 
432
409
  .ui-text-menu3 {
433
- @apply font-manrope font-medium text-cool-black;
434
- @apply text-menu3 leading-snug;
410
+ @apply font-sans font-light text-cool-black;
411
+ @apply text-menu3;
435
412
  }
436
413
 
437
414
  .ui-text-code {
438
- @apply font-jetbrains_mono font-medium text-code;
439
- }
440
-
441
- .ui-text-code2 {
442
- @apply font-jetbrains_mono font-medium text-code2;
415
+ @apply font-mono font-semibold text-code;
443
416
  }
444
417
 
445
418
  .ui-text-code-inline {
446
- @apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
419
+ @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
447
420
  }
448
421
 
449
422
  .ui-unordered-list {
450
- @apply text-p1 font-medium text-cool-black;
451
- @apply list-disc ml-32 my-16;
423
+ @apply text-p1 font-light text-cool-black;
424
+ @apply list-disc ml-32 mb-24;
452
425
  }
453
426
 
454
427
  .ui-ordered-list {
455
- @apply text-p1 font-medium text-charcoal-grey;
456
- @apply ml-32 my-16 list-decimal;
428
+ @apply text-p1 font-light text-cool-black;
429
+ @apply ml-32 mb-24 list-decimal;
457
430
  }
458
431
 
459
432
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -470,21 +443,11 @@
470
443
  }
471
444
 
472
445
  .ui-unordered-list ul ul {
473
- @apply list-square my-8;
474
- }
475
-
476
- .ui-unordered-list ul ul {
477
- @apply my-8;
478
- }
479
-
480
- .ui-ordered-list li,
481
- .ui-unordered-list li {
482
- @apply font-medium font-manrope tracking-widen-0;
483
- line-height: var(--lh-extra-relaxed);
446
+ @apply list-square;
484
447
  }
485
448
 
486
449
  .ui-unordered-list-with-emphasis {
487
- @apply text-p1 font-medium text-cool-black;
450
+ @apply text-p1 font-light text-cool-black;
488
451
  @apply list-disc ml-32 mt-32 -mb-12;
489
452
  }
490
453
 
@@ -520,11 +483,11 @@
520
483
  }
521
484
  @layer components {
522
485
  .ui-checkbox-p1 {
523
- @apply flex items-start mb-16 font-manrope font-medium;
486
+ @apply flex items-start mb-16 font-sans;
524
487
  }
525
488
 
526
489
  .ui-checkbox-p2 {
527
- @apply flex items-start mb-12 font-manrope font-medium;
490
+ @apply flex items-start mb-12 font-sans;
528
491
  }
529
492
 
530
493
  .ui-checkbox-input {
@@ -543,12 +506,12 @@
543
506
 
544
507
  .ui-checkbox-label-p1 {
545
508
  @apply select-none;
546
- @apply text-p1 font-medium text-cool-black;
509
+ @apply text-p1 font-light text-cool-black;
547
510
  }
548
511
 
549
512
  .ui-checkbox-label-p2 {
550
513
  @apply select-none;
551
- @apply text-p2 font-medium text-cool-black;
514
+ @apply text-p2 font-light text-cool-black;
552
515
  }
553
516
 
554
517
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -569,7 +532,7 @@
569
532
  }
570
533
 
571
534
  .ui-textarea {
572
- @apply font-manrope font-medium text-cool-black text-p1;
535
+ @apply font-sans font-light text-cool-black text-p1;
573
536
  @apply p-input mb-16;
574
537
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
575
538
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -582,6 +545,12 @@
582
545
  color: #76767c;
583
546
  }
584
547
 
548
+ .ui-textarea:-ms-input-placeholder {
549
+ /* CSS vars don't work in ::placeholder in Webkit :( */
550
+ /* color: var(--text-dark-grey); */
551
+ color: #76767c;
552
+ }
553
+
585
554
  .ui-textarea::placeholder {
586
555
  /* CSS vars don't work in ::placeholder in Webkit :( */
587
556
  /* 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.2b71529'
2
+ VERSION = '8.7.0.dev.2c392ee'
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.2b71529
4
+ version: 8.7.0.dev.2c392ee
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-20 00:00:00.000000000 Z
13
+ date: 2023-02-02 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
@@ -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
- }