ably-ui 8.7.0.dev.05d9441 → 8.7.0.dev.5e05745

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 (74) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile.lock +6 -6
  3. data/README.md +11 -22
  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 -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 -16
  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 -23
  18. data/lib/ably_ui/core/footer/component.js +1 -1
  19. data/lib/ably_ui/core/footer/footer.html.erb +65 -122
  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 +9 -7
  26. data/lib/ably_ui/core/meganav/component.js +1 -1
  27. data/lib/ably_ui/core/meganav/component.json +2 -2
  28. data/lib/ably_ui/core/meganav/meganav.html.erb +1 -1
  29. data/lib/ably_ui/core/meganav/meganav.rb +6 -7
  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 +14 -30
  35. data/lib/ably_ui/core/{meganav_content_products → meganav_content_platform}/component.js +1 -1
  36. data/lib/ably_ui/core/{meganav_content_products/meganav_content_products.html.erb → meganav_content_platform/meganav_content_platform.html.erb} +34 -16
  37. data/lib/ably_ui/core/{meganav_content_products/meganav_content_products.rb → meganav_content_platform/meganav_content_platform.rb} +1 -1
  38. data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
  39. data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +38 -42
  40. data/lib/ably_ui/core/meganav_control/component.js +1 -1
  41. data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
  42. data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
  43. data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
  44. data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
  45. data/lib/ably_ui/core/meganav_items_desktop/meganav_items_desktop.rb +1 -1
  46. data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
  47. data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
  48. data/lib/ably_ui/core/meganav_search/component.js +1 -1
  49. data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -1
  50. data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
  51. data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
  52. data/lib/ably_ui/core/notice/component.js +1 -1
  53. data/lib/ably_ui/core/notice/notice.html.erb +2 -2
  54. data/lib/ably_ui/core/scripts.js +1 -1
  55. data/lib/ably_ui/core/showcase/component.js +1 -1
  56. data/lib/ably_ui/core/sign_out_link/component.js +1 -1
  57. data/lib/ably_ui/core/slider/component.js +1 -1
  58. data/lib/ably_ui/core/sprites.svg +1 -126
  59. data/lib/ably_ui/core/styles.css +101 -224
  60. data/lib/ably_ui/core/uptime/component.js +1 -1
  61. data/lib/ably_ui/reset/scripts.js +1 -1
  62. data/lib/ably_ui/reset/styles.css +11 -1
  63. data/lib/ably_ui/version.rb +1 -1
  64. metadata +5 -15
  65. data/lib/ably_ui/core/fonts/jetBrains-mono.css +0 -3
  66. data/lib/ably_ui/core/fonts/manrope.css +0 -3
  67. data/lib/ably_ui/core/images/ably-logo.png +0 -0
  68. data/lib/ably_ui/core/images/best-support-2023.svg +0 -1
  69. data/lib/ably_ui/core/images/fastest-implementation-2023.svg +0 -1
  70. data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
  71. data/lib/ably_ui/core/images/high-performer-2023.svg +0 -1
  72. data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
  73. data/lib/ably_ui/core/images/highest-user-adoption-2023.svg +0 -1
  74. data/lib/ably_ui/core/images/users-love-us-2022.png +0 -0
@@ -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;
@@ -145,8 +47,6 @@
145
47
  --icon-color-glassdoor: #0baa41;
146
48
  --icon-color-github: #000000;
147
49
  --icon-color-discord: #5865f2;
148
- --icon-color-stackoverflow: #f48024;
149
- --icon-color-youtube: #ff0000;
150
50
 
151
51
  --gradient-active-orange: linear-gradient(
152
52
  61.2deg,
@@ -168,51 +68,44 @@
168
68
 
169
69
  --gradient-hot-pink: linear-gradient(
170
70
  80.2deg,
171
- var(--color-orange-700) 0%,
71
+ var(--color-bright-red) 0%,
172
72
  var(--color-jazzy-pink) 100%
173
73
  );
174
74
 
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;
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;
183
82
  --fs-h2: 2rem;
184
- --fs-h2-xs: 1.75rem;
185
-
83
+ --fs-h2-xs: 1.875rem;
186
84
  --fs-h3: 1.5rem;
187
- --fs-h4: 1.25rem;
188
- --fs-h5: 1rem;
189
-
190
- --fs-p1: 1rem;
191
- --fs-p2: 0.938rem;
85
+ --fs-h4: 1.125rem;
86
+ --fs-p1: 1.125rem;
87
+ --fs-p2: 1rem;
192
88
  --fs-p3: 0.875rem;
193
89
  --fs-standfirst-xl: 2.25rem;
194
90
  --fs-standfirst: 1.5rem;
195
- --fs-sub-header: 1.125rem;
196
- --fs-sub-header-xs: 1.063rem;
91
+ --fs-sub-header: 1.5rem;
92
+ --fs-sub-header-xs: 1.125rem;
197
93
  --fs-overline1: 1rem;
198
94
  --fs-overline2: 0.875rem;
199
- --fs-btn1: 1rem;
200
- --fs-btn2: 0.938rem;
95
+ --fs-btn1: 1.125rem;
96
+ --fs-btn2: 1rem;
201
97
  --fs-btn3: 0.875rem;
202
- --fs-menu1: 1rem;
203
- --fs-menu2: 0.938rem;
98
+ --fs-menu1: 1.125rem;
99
+ --fs-menu2: 1rem;
204
100
  --fs-menu3: 0.875rem;
205
- --fs-quote: 1.25rem;
206
- --fs-code: 0.938rem;
207
- --fs-code2: 0.813rem;
101
+ --fs-quote: 1.5rem;
102
+ --fs-code: 0.875rem;
208
103
 
209
104
  --lh-dense: 1;
210
105
  --lh-tight: 1.125;
211
106
  --lh-snug: 1.15;
212
- --lh-min-normal: 1.2;
213
107
  --lh-normal: 1.25;
214
108
  --lh-relaxed: 1.45;
215
- --lh-extra-relaxed: 1.6;
216
109
 
217
110
  --ls-tighten-0_025: -0.025em;
218
111
  --ls-tighten-0_02: -0.02em;
@@ -220,9 +113,7 @@
220
113
  --ls-tighten-0_01: -0.01em;
221
114
  --ls-tighten-0_005: -0.005em;
222
115
  --ls-tighten-0_0025: -0.0025em;
223
- --ls-tighten-0_0015: -0.0015em;
224
116
  --ls-widen-0_1: 0.1em;
225
- --ls-widen-0_16: 0.16em;
226
117
  --ls-widen-0_15: 0.15em;
227
118
 
228
119
  --spacing-0: 0px;
@@ -237,7 +128,6 @@
237
128
  --spacing-20: 1.25rem;
238
129
  --spacing-24: 1.5rem;
239
130
  --spacing-32: 2rem;
240
- --spacing-36: 2.25rem;
241
131
  --spacing-40: 2.5rem;
242
132
  --spacing-48: 3rem;
243
133
  --spacing-64: 4rem;
@@ -285,7 +175,7 @@
285
175
  }
286
176
  @layer components {
287
177
  .ui-btn {
288
- @apply text-white bg-cool-black text-btn2 font-sans 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;
289
179
  @apply hover:text-white hover:bg-active-orange;
290
180
  @apply active:text-white active:bg-red-orange;
291
181
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -309,7 +199,7 @@
309
199
  background-size: 200% 100%;
310
200
  background-position: 0% 0%;
311
201
 
312
- @apply text-white text-btn2 font-sans font-bold inline-block rounded p-btn;
202
+ @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
313
203
  @apply focus:outline-gui-focus;
314
204
  @apply inline-flex items-center justify-center;
315
205
  }
@@ -325,7 +215,7 @@
325
215
  }
326
216
 
327
217
  .ui-btn-invert {
328
- @apply text-cool-black bg-white text-btn2 font-sans 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;
329
219
  @apply hover:text-white hover:bg-active-orange;
330
220
  @apply active:text-white active:bg-red-orange;
331
221
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -335,7 +225,7 @@
335
225
  }
336
226
 
337
227
  .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;
228
+ @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block border-btn border-cool-black rounded p-btn;
339
229
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
340
230
  @apply active:border-red-orange active:bg-white;
341
231
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -345,7 +235,7 @@
345
235
  }
346
236
 
347
237
  .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;
238
+ @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block border-btn border-mid-grey rounded p-btn;
349
239
  @apply hover:text-white hover:border-active-orange;
350
240
  @apply active:border-red-orange;
351
241
  @apply focus:outline-gui-focus;
@@ -430,53 +320,47 @@
430
320
  }
431
321
  @layer components {
432
322
  .ui-text-title {
433
- @apply font-sans font-extrabold text-cool-black;
323
+ @apply font-sans font-medium text-cool-black;
434
324
  @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;
325
+ @apply tracking-tighten-0.01 xs:tracking-tighten-0.015 xl:tracking-tighten-0.02;
436
326
  }
437
327
 
438
328
  .ui-text-h1 {
439
- @apply font-sans font-extrabold text-cool-black;
329
+ @apply font-sans font-medium text-cool-black;
440
330
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
441
- @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
331
+ @apply tracking-tighten-0.01;
442
332
  }
443
333
 
444
334
  .ui-text-h2 {
445
- @apply font-sans font-extrabold text-cool-black;
335
+ @apply font-sans font-medium text-cool-black;
446
336
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
447
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
337
+ @apply tracking-tighten-0.005;
448
338
  }
449
339
 
450
340
  .ui-text-h3 {
451
- @apply font-sans font-extrabold text-cool-black;
341
+ @apply font-sans font-medium text-cool-black;
452
342
  @apply text-h3;
453
- @apply tracking-tighten-0.005;
343
+ @apply tracking-tighten-0.0025;
454
344
  }
455
345
 
456
346
  .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;
347
+ @apply font-sans font-medium text-cool-black;
348
+ @apply text-h4 uppercase;
349
+ @apply tracking-widen-0.1;
466
350
  }
467
351
 
468
352
  .ui-text-p1 {
469
- @apply font-sans font-medium text-charcoal-grey;
353
+ @apply font-sans font-light text-charcoal-grey;
470
354
  @apply text-p1;
471
355
  }
472
356
 
473
357
  .ui-text-p2 {
474
- @apply font-sans font-medium text-charcoal-grey;
358
+ @apply font-sans font-light text-charcoal-grey;
475
359
  @apply text-p2;
476
360
  }
477
361
 
478
362
  .ui-text-p3 {
479
- @apply font-sans font-medium text-charcoal-grey;
363
+ @apply font-sans font-light text-charcoal-grey;
480
364
  @apply text-p3;
481
365
  }
482
366
 
@@ -487,63 +371,60 @@
487
371
  }
488
372
 
489
373
  .ui-text-quote {
490
- @apply font-sans font-normal text-cool-black;
491
- @apply text-quote leading-normal;
492
- @apply tracking-tighten-0.0015;
374
+ @apply font-sans font-light text-cool-black;
375
+ @apply text-quote;
376
+ @apply tracking-tighten-0.025;
493
377
  }
494
378
 
495
379
  .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;
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;
498
383
  }
499
384
 
500
385
  .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;
386
+ @apply font-sans font-medium text-dark-grey uppercase;
387
+ @apply text-overline1;
388
+ @apply tracking-widen-0.15;
504
389
  }
505
390
 
506
391
  .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;
392
+ @apply font-sans font-medium text-dark-grey uppercase;
393
+ @apply text-overline2;
394
+ @apply tracking-widen-0.1;
510
395
  }
511
396
 
512
397
  .ui-text-menu1 {
513
- @apply font-sans font-medium text-cool-black;
514
- @apply text-menu1 leading-snug;
398
+ @apply font-sans font-light text-cool-black;
399
+ @apply text-menu1;
515
400
  }
516
401
 
517
402
  .ui-text-menu2 {
518
- @apply font-sans font-medium text-cool-black;
519
- @apply text-menu2 leading-snug;
403
+ @apply font-sans font-light text-cool-black;
404
+ @apply text-menu2;
520
405
  }
521
406
 
522
407
  .ui-text-menu3 {
523
- @apply font-sans font-medium text-cool-black;
524
- @apply text-menu3 leading-snug;
408
+ @apply font-sans font-light text-cool-black;
409
+ @apply text-menu3;
525
410
  }
526
411
 
527
412
  .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;
413
+ @apply font-mono font-semibold text-code;
533
414
  }
534
415
 
535
416
  .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;
417
+ @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
537
418
  }
538
419
 
539
420
  .ui-unordered-list {
540
- @apply text-p1 font-medium text-cool-black;
541
- @apply list-disc ml-32 my-16;
421
+ @apply text-p1 font-light text-cool-black;
422
+ @apply list-disc ml-32 mb-24;
542
423
  }
543
424
 
544
425
  .ui-ordered-list {
545
- @apply text-p1 font-medium text-charcoal-grey;
546
- @apply ml-32 my-16 list-decimal;
426
+ @apply text-p1 font-light text-cool-black;
427
+ @apply ml-32 mb-24 list-decimal;
547
428
  }
548
429
 
549
430
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -560,21 +441,11 @@
560
441
  }
561
442
 
562
443
  .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);
444
+ @apply list-square;
574
445
  }
575
446
 
576
447
  .ui-unordered-list-with-emphasis {
577
- @apply text-p1 font-medium text-cool-black;
448
+ @apply text-p1 font-light text-cool-black;
578
449
  @apply list-disc ml-32 mt-32 -mb-12;
579
450
  }
580
451
 
@@ -610,11 +481,11 @@
610
481
  }
611
482
  @layer components {
612
483
  .ui-checkbox-p1 {
613
- @apply flex items-start mb-16 font-sans font-medium;
484
+ @apply flex items-start mb-16 font-sans;
614
485
  }
615
486
 
616
487
  .ui-checkbox-p2 {
617
- @apply flex items-start mb-12 font-sans font-medium;
488
+ @apply flex items-start mb-12 font-sans;
618
489
  }
619
490
 
620
491
  .ui-checkbox-input {
@@ -633,12 +504,12 @@
633
504
 
634
505
  .ui-checkbox-label-p1 {
635
506
  @apply select-none;
636
- @apply text-p1 font-medium text-cool-black;
507
+ @apply text-p1 font-light text-cool-black;
637
508
  }
638
509
 
639
510
  .ui-checkbox-label-p2 {
640
511
  @apply select-none;
641
- @apply text-p2 font-medium text-cool-black;
512
+ @apply text-p2 font-light text-cool-black;
642
513
  }
643
514
 
644
515
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -659,7 +530,7 @@
659
530
  }
660
531
 
661
532
  .ui-textarea {
662
- @apply font-sans font-medium text-cool-black text-p1;
533
+ @apply font-sans font-light text-cool-black text-p1;
663
534
  @apply p-input mb-16;
664
535
  @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
665
536
  @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -672,6 +543,12 @@
672
543
  color: #76767c;
673
544
  }
674
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
+
675
552
  .ui-textarea::placeholder {
676
553
  /* CSS vars don't work in ::placeholder in Webkit :( */
677
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.05d9441'
2
+ VERSION = '8.7.0.dev.5e05745'
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.05d9441
4
+ version: 8.7.0.dev.5e05745
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-18 00:00:00.000000000 Z
13
+ date: 2022-10-19 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,10 +100,8 @@ 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
- - lib/ably_ui/core/images/best-support-2023.svg
109
105
  - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
110
106
  - lib/ably_ui/core/images/cust-logo-ao-col-pos@2x.png
111
107
  - lib/ably_ui/core/images/cust-logo-ausopen-col-pos.png
@@ -131,17 +127,11 @@ files:
131
127
  - lib/ably_ui/core/images/cust-photo-hubspot-max-freiert.jpg
132
128
  - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
133
129
  - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
134
- - lib/ably_ui/core/images/fastest-implementation-2023.svg
135
130
  - lib/ably_ui/core/images/flexible-companies.png
136
- - lib/ably_ui/core/images/high-performer-2022.png
137
- - lib/ably_ui/core/images/high-performer-2023.svg
138
- - lib/ably_ui/core/images/highest-user-adoption-2022.png
139
- - lib/ably_ui/core/images/highest-user-adoption-2023.svg
140
131
  - lib/ably_ui/core/images/icon-tech-aws.svg
141
132
  - lib/ably_ui/core/images/rocket-list-2021.png
142
133
  - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
143
134
  - lib/ably_ui/core/images/technical-support-01-800x533.jpg
144
- - lib/ably_ui/core/images/users-love-us-2022.png
145
135
  - lib/ably_ui/core/loader/component.js
146
136
  - lib/ably_ui/core/loader/loader.html.erb
147
137
  - lib/ably_ui/core/loader/loader.rb
@@ -162,9 +152,9 @@ files:
162
152
  - lib/ably_ui/core/meganav_content_developers/component.js
163
153
  - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb
164
154
  - 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
155
+ - lib/ably_ui/core/meganav_content_platform/component.js
156
+ - lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb
157
+ - lib/ably_ui/core/meganav_content_platform/meganav_content_platform.rb
168
158
  - lib/ably_ui/core/meganav_content_use_cases/component.js
169
159
  - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb
170
160
  - 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
- }
Binary file
@@ -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>