ably-ui 8.7.0.dev.2f1ba81 → 8.7.0.dev.3ad2a24

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 (67) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +6 -6
  3. data/README.md +10 -14
  4. data/lib/ably_ui/core/code/component.css +0 -2
  5. data/lib/ably_ui/core/code/component.js +1 -1
  6. data/lib/ably_ui/core/company_autocomplete/component.js +1 -2
  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 -7
  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/featured_link/component.css +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 +3 -13
  18. data/lib/ably_ui/core/footer/component.js +1 -1
  19. data/lib/ably_ui/core/footer/footer.html.erb +58 -53
  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/meganav/component.css +9 -7
  24. data/lib/ably_ui/core/meganav/component.js +1 -1
  25. data/lib/ably_ui/core/meganav/component.json +1 -1
  26. data/lib/ably_ui/core/meganav/meganav.rb +4 -4
  27. data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -2
  28. data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
  29. data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +0 -9
  30. data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
  31. data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +2 -18
  32. data/lib/ably_ui/core/{meganav_content_products → meganav_content_platform}/component.js +1 -1
  33. data/lib/ably_ui/core/{meganav_content_products/meganav_content_products.html.erb → meganav_content_platform/meganav_content_platform.html.erb} +34 -16
  34. data/lib/ably_ui/core/{meganav_content_products/meganav_content_products.rb → meganav_content_platform/meganav_content_platform.rb} +1 -1
  35. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  36. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +38 -42
  37. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  38. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  39. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  40. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  41. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  42. data/lib/ably_ui/core/meganav_items_desktop/meganav_items_desktop.rb +1 -1
  43. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  44. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  45. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  46. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -1
  47. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  48. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  49. data/lib/ably_ui/core/notice/component.js +1 -1
  50. data/lib/ably_ui/core/notice/notice.html.erb +2 -2
  51. data/lib/ably_ui/core/scripts.js +1 -2
  52. data/lib/ably_ui/core/showcase/component.js +1 -1
  53. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  54. data/lib/ably_ui/core/slider/component.js +1 -1
  55. data/lib/ably_ui/core/sprites.svg +0 -93
  56. data/lib/ably_ui/core/styles.css +101 -222
  57. data/lib/ably_ui/core/uptime/component.js +1 -1
  58. data/lib/ably_ui/reset/scripts.js +1 -1
  59. data/lib/ably_ui/reset/styles.css +11 -1
  60. data/lib/ably_ui/version.rb +1 -1
  61. metadata +5 -11
  62. data/lib/ably_ui/core/fonts/jetBrains-mono.css +0 -3
  63. data/lib/ably_ui/core/fonts/manrope.css +0 -3
  64. data/lib/ably_ui/core/images/best-support-2023.svg +0 -1
  65. data/lib/ably_ui/core/images/fastest-implementation-2023.svg +0 -1
  66. data/lib/ably_ui/core/images/high-performer-2023.svg +0 -1
  67. data/lib/ably_ui/core/images/highest-user-adoption-2023.svg +0 -1
@@ -1,132 +1,34 @@
1
1
  @layer base {
2
2
  :root {
3
- /* Neutral colors */
4
- --color-neutral-000: #ffffff;
5
- --color-neutral-100: #f8fafc;
6
- --color-neutral-200: #f4f8fb;
7
- --color-neutral-300: #edf1f7;
8
- --color-neutral-400: #e2e7ef;
9
- --color-neutral-500: #c6ced9;
10
- --color-neutral-600: #adb6c2;
11
- --color-neutral-700: #89929f;
12
- --color-neutral-800: #667085;
13
- --color-neutral-900: #39414e;
14
- --color-neutral-1000: #2b303b;
15
- --color-neutral-1100: #202531;
16
- --color-neutral-1200: #141924;
17
- --color-neutral-1300: #03020d;
18
-
19
- /* Ably orange */
20
- --color-orange-100: #fff5f1;
21
- --color-orange-200: #ffe3d8;
22
- --color-orange-300: #ffc4ae;
23
- --color-orange-400: #ff9c79;
24
- --color-orange-500: #ff723f;
25
- --color-orange-600: #ff5416;
26
- --color-orange-700: #ff2739;
27
- --color-orange-800: #e40000;
28
- --color-orange-900: #b82202;
29
- --color-orange-1000: #751500;
30
- --color-orange-1100: #2a0b00;
31
-
32
- /* Secondary colours */
33
- --color-yellow-100: #fffbef;
34
- --color-yellow-200: #fff0ba;
35
- --color-yellow-300: #ffe27c;
36
- --color-yellow-400: #ffd43d;
37
- --color-yellow-500: #f8c100;
38
- --color-yellow-600: #e8a700;
39
- --color-yellow-700: #ac8600;
40
- --color-yellow-800: #654f00;
41
- --color-yellow-900: #291c01;
42
- --color-green-100: #f1fff1;
43
- --color-green-200: #b8ffbb;
44
- --color-green-300: #80ff85;
45
- --color-green-400: #08ff13;
46
- --color-green-500: #00e80b;
47
- --color-green-600: #00c008;
48
- --color-green-700: #008e06;
49
- --color-green-800: #005303;
50
- --color-green-900: #002a02;
51
- --color-blue-100: #f1fbff;
52
- --color-blue-200: #b8eaff;
53
- --color-blue-300: #80d9ff;
54
- --color-blue-400: #4ad4ff;
55
- --color-blue-500: #2cc0ff;
56
- --color-blue-600: #00a5ec;
57
- --color-blue-700: #0284cd;
58
- --color-blue-800: #004b75;
59
- --color-blue-900: #001b2a;
60
- --color-violet-100: #f7f2fe;
61
- --color-violet-200: #d8bcfb;
62
- --color-violet-300: #b986f8;
63
- --color-violet-400: #9951f5;
64
- --color-violet-500: #7a1bf2;
65
- --color-violet-600: #5f0bc9;
66
- --color-violet-700: #460894;
67
- --color-violet-800: #2d055e;
68
- --color-violet-900: #130228;
69
- --color-pink-100: #fff1fc;
70
- --color-pink-200: #ffb8f1;
71
- --color-pink-300: #ff80e6;
72
- --color-pink-400: #ff47db;
73
- --color-pink-500: #ff17d2;
74
- --color-pink-600: #d400ab;
75
- --color-pink-700: #9c007e;
76
- --color-pink-800: #630050;
77
- --color-pink-900: #2a0022;
78
-
79
- /* GUI colours */
80
- /* Note: The ‘Light and ‘Dark’ refers to the colour of the background on which the colour is used. */
81
- --color-gui-blue-default-light: #006edc;
82
- --color-gui-blue-hover-light: #0862b9;
83
- --color-gui-blue-active-light: #074095;
84
- --color-gui-blue-default-dark: #4da6ff;
85
- --color-gui-blue-hover-dark: #2894ff;
86
- --color-gui-blue-active-dark: #0080ff;
87
- --color-gui-blue-focus: #80b9f2;
88
- --color-gui-unavailable: #a8a8a8;
89
- --color-gui-success-green: #11cb24;
90
- --color-gui-error-red: #fb0c0c;
91
- --color-gui-focus: #80b9f2;
3
+ --color-cool-black: #03020d;
4
+ --color-active-orange: #ff5416;
5
+ --color-red-orange: #e40000;
6
+ --color-white: #ffffff;
7
+ --color-electric-cyan: #4af7ff;
8
+ --color-zingy-green: #08ff13;
9
+ --color-bright-red: #ff2739;
10
+ --color-jazzy-pink: #ff17d2;
11
+ --color-extra-light-grey: #fafafb;
12
+ --color-light-grey: #f5f5f6;
13
+ --color-mid-grey: #d9d9da;
14
+ --color-dark-grey: #76767c;
15
+ --color-charcoal-grey: #292831;
16
+ --color-gui-default: #0073e6;
17
+ --color-gui-hover: #0867c4;
18
+ --color-gui-focus: #0073e6;
92
19
  --color-gui-focus-outline: #80b9f2;
20
+ --color-gui-active: #074095;
93
21
  --color-gui-visited: #4887c2;
94
-
95
- /* Colours replaced by neutral colours */
96
- --color-white: var(--color-neutral-000);
97
- --color-extra-light-grey: var(--color-neutral-100);
98
- --color-light-grey: var(--color-neutral-200);
99
- --color-mid-grey: var(--color-neutral-500);
100
- --color-dark-grey: var(--color-neutral-800);
101
- --color-charcoal-grey: var(--color-neutral-1000);
102
- --color-cool-black: var(--color-neutral-1300);
103
-
104
- /* Colours replaced by orange colours */
105
- --color-active-orange: var(--color-orange-600);
106
- --color-bright-red: var(--color-orange-700);
107
- --color-red-orange: var(--color-orange-800);
108
-
109
- /* Colours replaced by secondary colours */
110
- --color-electric-cyan: var(--color-blue-400);
111
- --color-zingy-green: var(--color-green-400);
112
- --color-jazzy-pink: var(--color-pink-500);
113
-
114
- /* Colours replaced by GUI colours */
115
- --color-gui-default: var(--color-gui-blue-default-light);
116
- --color-gui-hover: var(--color-gui-blue-hover-light);
117
- --color-gui-active: var(--color-gui-blue-active-light);
118
- --color-gui-error: var(--color-gui-error-red);
119
- --color-gui-success: var(--color-gui-success-green);
120
- --color-gui-default-dark: var(--color-gui-blue-default-dark);
121
- --color-gui-hover-dark: var(--color-gui-blue-hover-dark);
122
- --color-gui-active-dark: var(--color-gui-blue-active-dark);
22
+ --color-gui-unavailable: #a8a8a8;
23
+ --color-gui-error: #fb0c0c;
24
+ --color-gui-success: #11cb24;
123
25
 
124
26
  /* code syntax: theme */
125
- --syntax-black: var(--color-neutral-1300);
126
- --syntax-dark-grey: var(--color-neutral-800);
127
- --syntax-mid-grey: var(--color-neutral-500);
128
- --syntax-light-grey: var(--color-neutral-200);
129
- --syntax-extra-light-grey: var(--color-neutral-100);
27
+ --syntax-black: var(--color-cool-black);
28
+ --syntax-dark-grey: var(--color-dark-grey);
29
+ --syntax-mid-grey: var(--color-mid-grey);
30
+ --syntax-light-grey: var(--color-light-grey);
31
+ --syntax-extra-light-grey: var(--color-extra-light-grey);
130
32
  --syntax-orange: #e78c45;
131
33
  --syntax-yellow: #e7c547;
132
34
  --syntax-blue: #3490ec;
@@ -168,51 +70,44 @@
168
70
 
169
71
  --gradient-hot-pink: linear-gradient(
170
72
  80.2deg,
171
- var(--color-orange-700) 0%,
73
+ var(--color-bright-red) 0%,
172
74
  var(--color-jazzy-pink) 100%
173
75
  );
174
76
 
175
- --fs-title-xl: 3rem;
176
- --fs-title: 2.75rem;
177
- --fs-title-xs: 2.5rem;
178
- --fs-h1-xl: 2.5rem;
179
- --fs-h1: 2.25rem;
180
- --fs-h1-xs: 2rem;
181
-
182
- --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;
183
84
  --fs-h2: 2rem;
184
- --fs-h2-xs: 1.75rem;
185
-
85
+ --fs-h2-xs: 1.875rem;
186
86
  --fs-h3: 1.5rem;
187
- --fs-h4: 1.25rem;
188
- --fs-h5: 1rem;
189
-
190
- --fs-p1: 1rem;
191
- --fs-p2: 0.938rem;
87
+ --fs-h4: 1.125rem;
88
+ --fs-p1: 1.125rem;
89
+ --fs-p2: 1rem;
192
90
  --fs-p3: 0.875rem;
193
91
  --fs-standfirst-xl: 2.25rem;
194
92
  --fs-standfirst: 1.5rem;
195
- --fs-sub-header: 1.125rem;
196
- --fs-sub-header-xs: 1.063rem;
93
+ --fs-sub-header: 1.5rem;
94
+ --fs-sub-header-xs: 1.125rem;
197
95
  --fs-overline1: 1rem;
198
96
  --fs-overline2: 0.875rem;
199
- --fs-btn1: 1rem;
200
- --fs-btn2: 0.938rem;
97
+ --fs-btn1: 1.125rem;
98
+ --fs-btn2: 1rem;
201
99
  --fs-btn3: 0.875rem;
202
- --fs-menu1: 1rem;
203
- --fs-menu2: 0.938rem;
100
+ --fs-menu1: 1.125rem;
101
+ --fs-menu2: 1rem;
204
102
  --fs-menu3: 0.875rem;
205
- --fs-quote: 1.25rem;
206
- --fs-code: 0.938rem;
207
- --fs-code2: 0.813rem;
103
+ --fs-quote: 1.5rem;
104
+ --fs-code: 0.875rem;
208
105
 
209
106
  --lh-dense: 1;
210
107
  --lh-tight: 1.125;
211
108
  --lh-snug: 1.15;
212
- --lh-min-normal: 1.2;
213
109
  --lh-normal: 1.25;
214
110
  --lh-relaxed: 1.45;
215
- --lh-extra-relaxed: 1.6;
216
111
 
217
112
  --ls-tighten-0_025: -0.025em;
218
113
  --ls-tighten-0_02: -0.02em;
@@ -220,9 +115,7 @@
220
115
  --ls-tighten-0_01: -0.01em;
221
116
  --ls-tighten-0_005: -0.005em;
222
117
  --ls-tighten-0_0025: -0.0025em;
223
- --ls-tighten-0_0015: -0.0015em;
224
118
  --ls-widen-0_1: 0.1em;
225
- --ls-widen-0_16: 0.16em;
226
119
  --ls-widen-0_15: 0.15em;
227
120
 
228
121
  --spacing-0: 0px;
@@ -237,7 +130,6 @@
237
130
  --spacing-20: 1.25rem;
238
131
  --spacing-24: 1.5rem;
239
132
  --spacing-32: 2rem;
240
- --spacing-36: 2.25rem;
241
133
  --spacing-40: 2.5rem;
242
134
  --spacing-48: 3rem;
243
135
  --spacing-64: 4rem;
@@ -285,7 +177,7 @@
285
177
  }
286
178
  @layer components {
287
179
  .ui-btn {
288
- @apply text-white bg-cool-black text-btn2 font-sans 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;
289
181
  @apply hover:text-white hover:bg-active-orange;
290
182
  @apply active:text-white active:bg-red-orange;
291
183
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -309,7 +201,7 @@
309
201
  background-size: 200% 100%;
310
202
  background-position: 0% 0%;
311
203
 
312
- @apply text-white text-btn2 font-sans font-bold inline-block rounded p-btn;
204
+ @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
313
205
  @apply focus:outline-gui-focus;
314
206
  @apply inline-flex items-center justify-center;
315
207
  }
@@ -325,7 +217,7 @@
325
217
  }
326
218
 
327
219
  .ui-btn-invert {
328
- @apply text-cool-black bg-white text-btn2 font-sans 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;
329
221
  @apply hover:text-white hover:bg-active-orange;
330
222
  @apply active:text-white active:bg-red-orange;
331
223
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -335,7 +227,7 @@
335
227
  }
336
228
 
337
229
  .ui-btn-secondary {
338
- @apply text-cool-black bg-white text-btn2 font-sans 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;
339
231
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
340
232
  @apply active:border-red-orange active:bg-white;
341
233
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -345,7 +237,7 @@
345
237
  }
346
238
 
347
239
  .ui-btn-secondary-invert {
348
- @apply text-white bg-cool-black text-btn2 font-sans 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;
349
241
  @apply hover:text-white hover:border-active-orange;
350
242
  @apply active:border-red-orange;
351
243
  @apply focus:outline-gui-focus;
@@ -430,53 +322,47 @@
430
322
  }
431
323
  @layer components {
432
324
  .ui-text-title {
433
- @apply font-sans font-extrabold text-cool-black;
325
+ @apply font-sans font-medium text-cool-black;
434
326
  @apply text-title-xs xs:text-title xl:text-title-xl;
435
- @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;
436
328
  }
437
329
 
438
330
  .ui-text-h1 {
439
- @apply font-sans font-extrabold text-cool-black;
331
+ @apply font-sans font-medium text-cool-black;
440
332
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
441
- @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
333
+ @apply tracking-tighten-0.01;
442
334
  }
443
335
 
444
336
  .ui-text-h2 {
445
- @apply font-sans font-extrabold text-cool-black;
337
+ @apply font-sans font-medium text-cool-black;
446
338
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
447
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
339
+ @apply tracking-tighten-0.005;
448
340
  }
449
341
 
450
342
  .ui-text-h3 {
451
- @apply font-sans font-extrabold text-cool-black;
343
+ @apply font-sans font-medium text-cool-black;
452
344
  @apply text-h3;
453
- @apply tracking-tighten-0.005;
345
+ @apply tracking-tighten-0.0025;
454
346
  }
455
347
 
456
348
  .ui-text-h4 {
457
- @apply font-sans font-extrabold text-cool-black;
458
- @apply text-h4;
459
- @apply tracking-tighten-0.0015;
460
- }
461
-
462
- .ui-text-h5 {
463
- @apply font-sans font-extrabold text-cool-black;
464
- @apply text-h5;
465
- @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;
466
352
  }
467
353
 
468
354
  .ui-text-p1 {
469
- @apply font-sans font-medium text-charcoal-grey;
355
+ @apply font-sans font-light text-charcoal-grey;
470
356
  @apply text-p1;
471
357
  }
472
358
 
473
359
  .ui-text-p2 {
474
- @apply font-sans font-medium text-charcoal-grey;
360
+ @apply font-sans font-light text-charcoal-grey;
475
361
  @apply text-p2;
476
362
  }
477
363
 
478
364
  .ui-text-p3 {
479
- @apply font-sans font-medium text-charcoal-grey;
365
+ @apply font-sans font-light text-charcoal-grey;
480
366
  @apply text-p3;
481
367
  }
482
368
 
@@ -487,63 +373,60 @@
487
373
  }
488
374
 
489
375
  .ui-text-quote {
490
- @apply font-sans font-normal text-cool-black;
491
- @apply text-quote leading-normal;
492
- @apply tracking-tighten-0.0015;
376
+ @apply font-sans font-light text-cool-black;
377
+ @apply text-quote;
378
+ @apply tracking-tighten-0.025;
493
379
  }
494
380
 
495
381
  .ui-text-sub-header {
496
- @apply font-sans font-semibold text-neutral-800;
497
- @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;
498
385
  }
499
386
 
500
387
  .ui-text-overline1 {
501
- @apply font-mono font-medium text-active-orange uppercase;
502
- @apply text-overline1 leading-normal;
503
- @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;
504
391
  }
505
392
 
506
393
  .ui-text-overline2 {
507
- @apply font-mono font-medium text-active-orange uppercase;
508
- @apply text-overline2 leading-normal;
509
- @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;
510
397
  }
511
398
 
512
399
  .ui-text-menu1 {
513
- @apply font-sans font-medium text-cool-black;
514
- @apply text-menu1 leading-snug;
400
+ @apply font-sans font-light text-cool-black;
401
+ @apply text-menu1;
515
402
  }
516
403
 
517
404
  .ui-text-menu2 {
518
- @apply font-sans font-medium text-cool-black;
519
- @apply text-menu2 leading-snug;
405
+ @apply font-sans font-light text-cool-black;
406
+ @apply text-menu2;
520
407
  }
521
408
 
522
409
  .ui-text-menu3 {
523
- @apply font-sans font-medium text-cool-black;
524
- @apply text-menu3 leading-snug;
410
+ @apply font-sans font-light text-cool-black;
411
+ @apply text-menu3;
525
412
  }
526
413
 
527
414
  .ui-text-code {
528
- @apply font-mono font-medium text-code;
529
- }
530
-
531
- .ui-text-code2 {
532
- @apply font-mono font-medium text-code2;
415
+ @apply font-mono font-semibold text-code;
533
416
  }
534
417
 
535
418
  .ui-text-code-inline {
536
- @apply font-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;
537
420
  }
538
421
 
539
422
  .ui-unordered-list {
540
- @apply text-p1 font-medium text-cool-black;
541
- @apply list-disc ml-32 my-16;
423
+ @apply text-p1 font-light text-cool-black;
424
+ @apply list-disc ml-32 mb-24;
542
425
  }
543
426
 
544
427
  .ui-ordered-list {
545
- @apply text-p1 font-medium text-charcoal-grey;
546
- @apply ml-32 my-16 list-decimal;
428
+ @apply text-p1 font-light text-cool-black;
429
+ @apply ml-32 mb-24 list-decimal;
547
430
  }
548
431
 
549
432
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -560,21 +443,11 @@
560
443
  }
561
444
 
562
445
  .ui-unordered-list ul ul {
563
- @apply list-square my-8;
564
- }
565
-
566
- .ui-unordered-list ul ul {
567
- @apply my-8;
568
- }
569
-
570
- .ui-ordered-list li,
571
- .ui-unordered-list li {
572
- @apply font-medium font-sans tracking-widen-0;
573
- line-height: var(--lh-extra-relaxed);
446
+ @apply list-square;
574
447
  }
575
448
 
576
449
  .ui-unordered-list-with-emphasis {
577
- @apply text-p1 font-medium text-cool-black;
450
+ @apply text-p1 font-light text-cool-black;
578
451
  @apply list-disc ml-32 mt-32 -mb-12;
579
452
  }
580
453
 
@@ -610,11 +483,11 @@
610
483
  }
611
484
  @layer components {
612
485
  .ui-checkbox-p1 {
613
- @apply flex items-start mb-16 font-sans font-medium;
486
+ @apply flex items-start mb-16 font-sans;
614
487
  }
615
488
 
616
489
  .ui-checkbox-p2 {
617
- @apply flex items-start mb-12 font-sans font-medium;
490
+ @apply flex items-start mb-12 font-sans;
618
491
  }
619
492
 
620
493
  .ui-checkbox-input {
@@ -633,12 +506,12 @@
633
506
 
634
507
  .ui-checkbox-label-p1 {
635
508
  @apply select-none;
636
- @apply text-p1 font-medium text-cool-black;
509
+ @apply text-p1 font-light text-cool-black;
637
510
  }
638
511
 
639
512
  .ui-checkbox-label-p2 {
640
513
  @apply select-none;
641
- @apply text-p2 font-medium text-cool-black;
514
+ @apply text-p2 font-light text-cool-black;
642
515
  }
643
516
 
644
517
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -659,7 +532,7 @@
659
532
  }
660
533
 
661
534
  .ui-textarea {
662
- @apply font-sans font-medium text-cool-black text-p1;
535
+ @apply font-sans font-light text-cool-black text-p1;
663
536
  @apply p-input mb-16;
664
537
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
665
538
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -672,6 +545,12 @@
672
545
  color: #76767c;
673
546
  }
674
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
+
675
554
  .ui-textarea::placeholder {
676
555
  /* CSS vars don't work in ::placeholder in Webkit :( */
677
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.2f1ba81'
2
+ VERSION = '8.7.0.dev.3ad2a24'
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.2f1ba81
4
+ version: 8.7.0.dev.3ad2a24
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-10-19 00:00:00.000000000 Z
13
+ date: 2022-12-28 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
@@ -105,7 +103,6 @@ files:
105
103
  - lib/ably_ui/core/images/ably-logo.png
106
104
  - lib/ably_ui/core/images/ably-logo.svg
107
105
  - lib/ably_ui/core/images/ably-stack.svg
108
- - lib/ably_ui/core/images/best-support-2023.svg
109
106
  - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
110
107
  - lib/ably_ui/core/images/cust-logo-ao-col-pos@2x.png
111
108
  - lib/ably_ui/core/images/cust-logo-ausopen-col-pos.png
@@ -131,12 +128,9 @@ files:
131
128
  - lib/ably_ui/core/images/cust-photo-hubspot-max-freiert.jpg
132
129
  - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
133
130
  - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
134
- - lib/ably_ui/core/images/fastest-implementation-2023.svg
135
131
  - lib/ably_ui/core/images/flexible-companies.png
136
132
  - lib/ably_ui/core/images/high-performer-2022.png
137
- - lib/ably_ui/core/images/high-performer-2023.svg
138
133
  - lib/ably_ui/core/images/highest-user-adoption-2022.png
139
- - lib/ably_ui/core/images/highest-user-adoption-2023.svg
140
134
  - lib/ably_ui/core/images/icon-tech-aws.svg
141
135
  - lib/ably_ui/core/images/rocket-list-2021.png
142
136
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
@@ -162,9 +156,9 @@ files:
162
156
  - lib/ably_ui/core/meganav_content_developers/component.js
163
157
  - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb
164
158
  - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.rb
165
- - lib/ably_ui/core/meganav_content_products/component.js
166
- - lib/ably_ui/core/meganav_content_products/meganav_content_products.html.erb
167
- - lib/ably_ui/core/meganav_content_products/meganav_content_products.rb
159
+ - lib/ably_ui/core/meganav_content_platform/component.js
160
+ - lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb
161
+ - lib/ably_ui/core/meganav_content_platform/meganav_content_platform.rb
168
162
  - lib/ably_ui/core/meganav_content_use_cases/component.js
169
163
  - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb
170
164
  - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.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
- }
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 122"><path fill="#fff" d="M8.1 89.9 47.6 110l38-20.1V11.3H8.1z"/><path fill="#f2f3f2" d="M86.4 11.6 7.3 91.3l41 20.3 38.1-19.5z"/><path fill="#dcdedc" d="M5.5 37.5v54.1l1.4.7 39.5 20.1 1.2.6 1.2-.6 38.1-20.1 1.4-.7V8.7H5.5v28.8zm2.6 52.6V11.3h77.6v78.8l-38.1 20.1L8.1 90.1z"/><path fill="#ff492c" d="M46.9 12.6c.4 0 .8 0 1.2.1L46.9 15c-1.8-.1-3.4 1.3-3.5 3.1-.1 1.8 1.3 3.4 3.1 3.5h.4c.8 0 1.6-.3 2.2-.8l1.3 2.2c-1 .7-2.2 1.1-3.5 1.1-3.2.1-5.9-2.3-6-5.5-.1-3.2 2.3-5.9 5.5-6h.5zm4.1 4.9 1.5 2.5-1.5 2.4-1.4-2.4h-2.9l1.5-2.5H51zm-2.4-.9c0-.4.1-.8.3-1.1.2-.3.6-.6.9-.8l.2-.1c.4-.2.5-.3.5-.5s-.3-.4-.5-.4c-.4 0-.7.2-.9.6l-.5-.5c.1-.2.3-.4.5-.6.3-.2.6-.2.9-.2.3 0 .7.1.9.3.2.2.4.5.4.8 0 .5-.3.9-.9 1.1l-.3.2c-.3.2-.5.3-.6.6h1.8v.7l-2.7-.1zm-1.7 12.5 9.5-5.4v-15H37.3v14.9l9.6 5.5z"/><path fill="#23cca2" d="M90.2 64.5H3.6l-3.2 7 3.2 7h86.6l3.1-7z"/><path fill="#252530" d="M24.22 60.12q-1.2 0-2.09-.38-.91-.39-1.39-1.1-.49-.71-.49-1.65v-.33q0-.08.05-.13.06-.05.13-.05h1.71q.07 0 .13.05.05.05.05.13v.22q0 .6.56 1.01.55.42 1.5.42.79 0 1.18-.34.39-.34.39-.83 0-.37-.24-.61-.24-.25-.65-.44-.42-.18-1.31-.51-1.01-.35-1.71-.71-.69-.36-1.17-.98-.47-.62-.47-1.54 0-.9.47-1.57.46-.68 1.28-1.04.83-.36 1.91-.36 1.14 0 2.03.41.89.4 1.4 1.13.5.72.5 1.69v.22q0 .08-.05.13-.06.05-.13.05h-1.72q-.08 0-.13-.05-.06-.05-.06-.13v-.12q0-.63-.51-1.07-.52-.44-1.42-.44-.71 0-1.1.3-.4.29-.4.82 0 .38.23.63.24.26.69.46.46.2 1.42.55 1.07.39 1.67.69.61.3 1.1.89.49.59.49 1.54 0 1.41-1.04 2.22-1.03.82-2.81.82Zm9.69-7.65q0-.07.06-.13.05-.05.12-.05h1.76q.07 0 .13.05.05.06.05.13v7.35q0 .08-.05.13-.06.05-.13.05h-1.76q-.07 0-.12-.05-.06-.05-.06-.13v-.51q0-.04-.03-.05-.03-.01-.06.04-.6.8-1.86.8-1.14 0-1.87-.68-.74-.69-.74-1.94v-5.01q0-.07.06-.13.05-.05.12-.05h1.74q.08 0 .13.05.05.06.05.13v4.49q0 .6.33.97.32.38.89.38.51 0 .84-.31.33-.31.4-.8v-4.73Zm10.56 1.89q.27.76.27 1.8t-.28 1.88q-.35.96-1.09 1.52-.74.56-1.84.56-1.08 0-1.68-.75-.03-.04-.06-.03-.03.01-.03.06v3.21q0 .08-.05.13t-.13.05h-1.75q-.08 0-.13-.05t-.05-.13V52.47q0-.07.05-.13.05-.05.13-.05h1.75q.08 0 .13.05.05.06.05.13v.49q0 .05.03.06.03.01.06-.02.63-.83 1.74-.83 1.04 0 1.8.58.75.58 1.08 1.61Zm-2.29 3.36q.37-.58.37-1.59 0-.94-.31-1.5-.35-.64-1.11-.64-.69 0-1.04.64-.31.54-.31 1.52 0 1 .33 1.56.34.6 1.02.6.67 0 1.05-.59Zm10.81-3.36q.27.76.27 1.8t-.28 1.88q-.35.96-1.09 1.52-.74.56-1.84.56-1.08 0-1.68-.75-.03-.04-.06-.03-.03.01-.03.06v3.21q0 .08-.05.13t-.13.05h-1.75q-.08 0-.13-.05t-.05-.13V52.47q0-.07.05-.13.05-.05.13-.05h1.75q.08 0 .13.05.05.06.05.13v.49q0 .05.03.06.03.01.06-.02.63-.83 1.74-.83 1.04 0 1.8.58.75.58 1.08 1.61Zm-2.29 3.36q.37-.58.37-1.59 0-.94-.31-1.5-.35-.64-1.11-.64-.69 0-1.04.64-.31.54-.31 1.52 0 1 .33 1.56.34.6 1.02.6.67 0 1.05-.59Zm7.29 2.4q-1.26 0-2.16-.66-.9-.66-1.23-1.8-.21-.7-.21-1.53 0-.88.21-1.59.34-1.11 1.24-1.74.9-.63 2.17-.63 1.22 0 2.09.62.88.63 1.24 1.74.23.75.23 1.57 0 .81-.2 1.52-.34 1.17-1.23 1.83-.89.67-2.15.67Zm0-1.81q.49 0 .84-.3.34-.3.49-.83.12-.48.12-1.05 0-.63-.12-1.06-.16-.51-.51-.8-.34-.28-.83-.28-.52 0-.85.28-.34.29-.49.8-.12.35-.12 1.06 0 .68.1 1.05.15.53.51.83.35.3.86.3Zm8.79-6.12q.54 0 .86.21.12.06.09.22l-.32 1.71q-.01.18-.21.11-.22-.08-.52-.08-.13 0-.33.03-.54.05-.92.4-.37.35-.37.94v4.09q0 .08-.06.13-.05.05-.12.05h-1.76q-.07 0-.13-.05-.05-.05-.05-.13v-7.35q0-.07.05-.13.06-.05.13-.05h1.76q.07 0 .12.05.06.06.06.13v.57q0 .04.03.06.03.02.04-.02.62-.89 1.65-.89Zm6.42 1.62q0 .07-.05.12-.05.06-.13.06h-1.44q-.07 0-.07.07v3.18q0 .49.2.74.2.24.65.24h.5q.07 0 .12.05.06.05.06.13v1.42q0 .17-.18.19-.63.03-.9.03-1.25 0-1.86-.41-.62-.41-.63-1.55v-4.02q0-.07-.08-.07h-.85q-.08 0-.13-.06-.05-.05-.05-.12v-1.34q0-.07.05-.13.05-.05.13-.05h.85q.08 0 .08-.08v-1.78q0-.07.05-.13.05-.05.13-.05h1.68q.07 0 .12.05.06.06.06.13v1.78q0 .08.07.08h1.44q.08 0 .13.05.05.06.05.13v1.34ZM38.17 39.53q-.09.04 0 .09 1.42.73 1.42 2.44 0 1.46-.99 2.2-.99.74-2.59.74h-3.89q-.07 0-.12-.05-.06-.05-.06-.13V34.68q0-.07.06-.13.05-.05.12-.05h3.77q3.55 0 3.55 2.88 0 1.5-1.27 2.15Zm-4.04-3.22q-.07 0-.07.08v2.34q0 .08.07.08h1.76q.7 0 1.1-.33.38-.33.38-.9 0-.59-.38-.93-.4-.34-1.1-.34h-1.76Zm1.88 6.86q.69 0 1.08-.35.39-.35.39-.97 0-.61-.39-.97-.39-.35-1.1-.35h-1.86q-.07 0-.07.08v2.48q0 .08.07.08h1.88Zm11.92-2.82q.09.57.06 1.27-.01.19-.19.19h-4.64q-.09 0-.06.07.05.3.17.6.39.84 1.59.84.96-.01 1.51-.78.06-.09.14-.09.04 0 .1.06l1.08 1.06q.08.08.08.14 0 .03-.06.12-.5.62-1.28.95-.77.34-1.71.34-1.29 0-2.18-.58-.89-.59-1.28-1.64-.32-.75-.32-1.96 0-.83.23-1.46.34-1.06 1.21-1.69.86-.63 2.04-.63 1.5 0 2.41.87.91.87 1.1 2.32Zm-3.49-1.36q-.95 0-1.25.88-.06.2-.1.48 0 .07.07.07h2.6q.09 0 .06-.07-.08-.43-.08-.42-.13-.45-.47-.7-.34-.24-.83-.24Zm7.83 6.11q-1.01 0-1.76-.28t-1.16-.79q-.41-.51-.41-1.16v-.15q0-.07.05-.13.05-.05.13-.05h1.66q.08 0 .13.05.05.06.05.13v.01q0 .34.37.57.37.23.92.23.51 0 .83-.2.31-.21.31-.5 0-.27-.27-.41-.27-.13-.88-.28-.71-.18-1.11-.35-.96-.33-1.53-.81-.57-.48-.57-1.38 0-1.11.86-1.76.86-.65 2.29-.65.96 0 1.68.3.72.31 1.12.87.39.55.39 1.26 0 .07-.05.12-.05.05-.13.05h-1.6q-.08 0-.13-.05t-.05-.12q0-.33-.34-.56-.34-.23-.89-.23-.5 0-.81.19-.32.18-.32.49 0 .3.31.45.31.15 1.03.32.16.04.37.09.21.05.45.13 1.07.32 1.68.81.62.5.62 1.44 0 1.11-.88 1.73-.88.62-2.36.62Zm8.86-6.29q0 .07-.05.12-.05.06-.13.06h-1.44q-.07 0-.07.07v3.18q0 .49.2.74.2.24.66.24h.49q.07 0 .13.05.05.05.05.13v1.42q0 .17-.18.19-.63.03-.9.03-1.25 0-1.86-.41-.62-.41-.63-1.55v-4.02q0-.07-.08-.07h-.85q-.08 0-.13-.06-.05-.05-.05-.12v-1.34q0-.07.05-.13.05-.05.13-.05h.85q.08 0 .08-.08v-1.78q0-.07.05-.13.05-.05.13-.05h1.68q.07 0 .13.05.05.06.05.13v1.78q0 .08.07.08h1.44q.08 0 .13.05.05.06.05.13v1.34Z"/><path fill="#242530" d="M40.46 69.28q0 .05-.04.08-.03.04-.08.04h-3.4q-.05 0-.05.05v1.87q0 .05.05.05h2.29q.05 0 .09.03.03.04.03.09v.76q0 .05-.03.09-.04.03-.09.03h-2.29q-.05 0-.05.05v2.86q0 .05-.04.08-.03.04-.08.04h-.92q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h4.49q.05 0 .08.04.04.03.04.08v.76Zm4.56 6.12q-.1 0-.13-.1l-.33-1.07q-.02-.04-.05-.04h-2.64q-.03 0-.05.04l-.33 1.07q-.03.1-.13.1h-1q-.06 0-.09-.04-.03-.03-.01-.1l2.17-6.76q.03-.1.13-.1h1.25q.1 0 .13.1l2.18 6.76q.01.02.01.05 0 .09-.11.09h-1Zm-2.89-2.18q-.01.06.04.06h2.03q.06 0 .04-.06l-1.03-3.35q-.01-.04-.03-.04-.02 0-.03.04l-1.02 3.35Zm5.15 2.18q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h.92q.05 0 .09.04.03.03.03.08v5.83q0 .05.05.05h3.35q.05 0 .08.04.04.03.04.08v.76q0 .05-.04.08-.03.04-.08.04h-4.44Zm5.71 0q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h.92q.05 0 .09.04.03.03.03.08v5.83q0 .05.05.05h3.35q.05 0 .09.04.03.03.03.08v.76q0 .05-.03.08-.04.04-.09.04h-4.44Z"/><path fill="#252530" d="M34.03 93.46q-.03.03-.02.06.02.03.06.03H38q.07 0 .12.05.06.05.06.12v1.41q0 .07-.06.12-.05.05-.12.05h-6.52q-.08 0-.13-.05t-.05-.12v-1.34q0-.13.09-.22.71-.69 1.45-1.51.74-.82.93-1.02.4-.48.82-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.36-.32-.94-.32t-.94.32q-.37.33-.37.87v.36q0 .07-.05.12-.05.05-.12.05h-1.71q-.07 0-.12-.05-.06-.05-.06-.12v-.68q.05-.78.5-1.39.45-.6 1.19-.92.75-.32 1.68-.32 1.03 0 1.79.39.76.38 1.17 1.03.42.66.42 1.45 0 .61-.31 1.25-.3.64-.91 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm8.86 2q-1.6 0-2.52-.89-.93-.89-.93-2.43v-3.83q0-1.51.93-2.39.92-.89 2.52-.89 1.59 0 2.53.89.93.88.93 2.39v3.83q0 1.54-.93 2.43-.94.89-2.53.89Zm0-1.75q.65 0 1.03-.4.39-.4.39-1.07v-3.99q0-.66-.39-1.06-.38-.4-1.03-.4-.64 0-1.02.4-.39.4-.39 1.06v3.99q0 .67.39 1.07.38.4 1.02.4Zm7.52-.25q-.03.03-.01.06.01.03.06.03h3.93q.07 0 .12.05.05.05.05.12v1.41q0 .07-.05.12-.05.05-.12.05h-6.53q-.07 0-.12-.05-.05-.05-.05-.12v-1.34q0-.13.08-.22.72-.69 1.45-1.51.74-.82.93-1.02.41-.48.83-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.37-.32-.95-.32t-.94.32q-.36.33-.36.87v.36q0 .07-.05.12-.05.05-.13.05H47.8q-.07 0-.12-.05-.05-.05-.05-.12v-.68q.04-.78.49-1.39.45-.6 1.2-.92.75-.32 1.67-.32 1.03 0 1.79.39.77.38 1.18 1.03.41.66.41 1.45 0 .61-.3 1.25-.31.64-.92 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm11.46-3q.29.66.29 1.53 0 .79-.26 1.45-.35.93-1.17 1.45-.82.53-1.94.53-1.1 0-1.93-.55-.83-.56-1.2-1.5-.2-.56-.23-1.22 0-.17.17-.17h1.72q.17 0 .17.17.06.48.16.71.13.38.43.59.29.21.7.21.81 0 1.12-.71.2-.43.2-1.01 0-.69-.22-1.12-.33-.68-1.11-.68-.16 0-.34.09-.17.1-.42.27-.06.04-.11.04-.09 0-.13-.08l-.86-1.21q-.03-.04-.03-.1 0-.09.06-.14l2.3-2.02q.03-.03.03-.06-.01-.03-.05-.03h-3.41q-.07 0-.13-.05-.05-.05-.05-.12v-1.41q0-.07.05-.12.06-.05.13-.05h6.04q.08 0 .13.05t.05.12v1.6q0 .11-.1.22l-1.9 1.74q-.03.03-.02.05 0 .03.06.03 1.26.25 1.8 1.5Z"/></svg>