ably-ui 8.7.0.dev.602ecf0 → 8.7.0.dev.681c3bf
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.
- checksums.yaml +4 -4
- data/Gemfile.lock +6 -6
- data/README.md +16 -5
- data/lib/ably_ui/core/code/component.css +5 -3
- data/lib/ably_ui/core/code/component.js +1 -1
- data/lib/ably_ui/core/company_autocomplete/component.js +1 -1
- data/lib/ably_ui/core/connect_state_wrapper/component.js +1 -1
- data/lib/ably_ui/core/contact_footer/component.js +1 -1
- data/lib/ably_ui/core/cookie_message/component.js +1 -1
- data/lib/ably_ui/core/core.rb +12 -4
- data/lib/ably_ui/core/customer_logos/component.js +1 -1
- data/lib/ably_ui/core/customer_logos/customer_logos.html.erb +2 -2
- data/lib/ably_ui/core/customer_logos/customer_logos.rb +2 -1
- data/lib/ably_ui/core/dropdown_menu/component.js +1 -0
- data/lib/ably_ui/core/feature_footer/component.js +1 -1
- data/lib/ably_ui/core/feature_footer/feature_footer.html.erb +4 -4
- data/lib/ably_ui/core/featured_link/component.js +1 -1
- data/lib/ably_ui/core/flash/component.js +1 -1
- data/lib/ably_ui/core/fonts/jetBrains-mono.css +3 -0
- data/lib/ably_ui/core/fonts/manrope.css +3 -0
- data/lib/ably_ui/core/footer/component.css +21 -1
- data/lib/ably_ui/core/footer/component.js +1 -1
- data/lib/ably_ui/core/footer/footer.html.erb +118 -56
- data/lib/ably_ui/core/icon/component.js +1 -1
- data/lib/ably_ui/core/images/ably-logo.png +0 -0
- data/lib/ably_ui/core/images/high-performer-2022.png +0 -0
- data/lib/ably_ui/core/images/highest-user-adoption-2022.png +0 -0
- data/lib/ably_ui/core/images/users-love-us-2022.png +0 -0
- data/lib/ably_ui/core/loader/component.js +1 -1
- data/lib/ably_ui/core/logo/component.js +1 -1
- data/lib/ably_ui/core/logo/logo.html.erb +2 -27
- data/lib/ably_ui/core/logo/logo.rb +15 -6
- data/lib/ably_ui/core/meganav/component.css +1 -3
- data/lib/ably_ui/core/meganav/component.js +1 -2
- data/lib/ably_ui/core/meganav/component.json +1 -1
- data/lib/ably_ui/core/meganav/meganav.html.erb +1 -1
- data/lib/ably_ui/core/meganav/meganav.rb +3 -2
- data/lib/ably_ui/core/meganav_blog_posts_list/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_company/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_company/meganav_content_company.html.erb +9 -0
- data/lib/ably_ui/core/meganav_content_developers/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb +26 -10
- data/lib/ably_ui/core/meganav_content_platform/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb +6 -6
- data/lib/ably_ui/core/meganav_content_use_cases/component.js +1 -1
- data/lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb +43 -39
- data/lib/ably_ui/core/meganav_control/component.js +1 -1
- data/lib/ably_ui/core/meganav_control_mobile_dropdown/component.js +1 -1
- data/lib/ably_ui/core/meganav_control_mobile_panel_close/component.js +1 -1
- data/lib/ably_ui/core/meganav_control_mobile_panel_open/component.js +1 -1
- data/lib/ably_ui/core/meganav_items_desktop/component.js +1 -1
- data/lib/ably_ui/core/meganav_items_mobile/component.js +1 -1
- data/lib/ably_ui/core/meganav_items_signed_in/component.js +1 -1
- data/lib/ably_ui/core/meganav_search/component.js +1 -1
- data/lib/ably_ui/core/meganav_search_autocomplete/component.js +1 -2
- data/lib/ably_ui/core/meganav_search_panel/component.js +1 -1
- data/lib/ably_ui/core/meganav_search_suggestions/component.js +1 -1
- data/lib/ably_ui/core/meganav_search_suggestions/meganav_search_suggestions.html.erb +1 -1
- data/lib/ably_ui/core/notice/component.js +1 -2
- data/lib/ably_ui/core/scripts.js +1 -1
- data/lib/ably_ui/core/showcase/component.js +1 -1
- data/lib/ably_ui/core/sign_out_link/component.js +1 -1
- data/lib/ably_ui/core/slider/component.js +1 -1
- data/lib/ably_ui/core/sprites.svg +109 -1
- data/lib/ably_ui/core/styles.css +109 -81
- data/lib/ably_ui/core/uptime/component.js +1 -1
- data/lib/ably_ui/reset/scripts.js +1 -1
- data/lib/ably_ui/reset/styles.css +1 -11
- data/lib/ably_ui/version.rb +1 -1
- metadata +9 -2
data/lib/ably_ui/core/styles.css
CHANGED
@@ -4,20 +4,23 @@
|
|
4
4
|
--color-active-orange: #ff5416;
|
5
5
|
--color-red-orange: #e40000;
|
6
6
|
--color-white: #ffffff;
|
7
|
-
--color-electric-cyan: #
|
7
|
+
--color-electric-cyan: #4ad4ff;
|
8
8
|
--color-zingy-green: #08ff13;
|
9
|
-
--color-bright-red: #
|
9
|
+
--color-bright-red: #fe372b;
|
10
10
|
--color-jazzy-pink: #ff17d2;
|
11
|
-
--color-extra-light-grey: #
|
12
|
-
--color-light-grey: #
|
13
|
-
--color-mid-grey: #
|
14
|
-
--color-dark-grey: #
|
15
|
-
--color-charcoal-grey: #
|
16
|
-
--color-gui-default: #
|
17
|
-
--color-gui-hover: #
|
18
|
-
--color-gui-focus: #0073e6;
|
19
|
-
--color-gui-focus-outline: #80b9f2;
|
11
|
+
--color-extra-light-grey: #f8fafc;
|
12
|
+
--color-light-grey: #f4f8fb;
|
13
|
+
--color-mid-grey: #c6ced9;
|
14
|
+
--color-dark-grey: #667085;
|
15
|
+
--color-charcoal-grey: #2b303b;
|
16
|
+
--color-gui-default: #006edc;
|
17
|
+
--color-gui-hover: #0862b9;
|
20
18
|
--color-gui-active: #074095;
|
19
|
+
--color-gui-default-dark: #4da6ff;
|
20
|
+
--color-gui-hover-dark: #2894ff;
|
21
|
+
--color-gui-active-dark: #0080ff;
|
22
|
+
--color-gui-focus: #80b9f2;
|
23
|
+
--color-gui-focus-outline: #80b9f2;
|
21
24
|
--color-gui-visited: #4887c2;
|
22
25
|
--color-gui-unavailable: #a8a8a8;
|
23
26
|
--color-gui-error: #fb0c0c;
|
@@ -36,6 +39,10 @@
|
|
36
39
|
--syntax-red: #d54e53;
|
37
40
|
--syntax-lilac: #bb87d3;
|
38
41
|
|
42
|
+
/* New Neutral colors */
|
43
|
+
--color-neutral-900: #39414e;
|
44
|
+
--color-neutral-500: #c6ced9;
|
45
|
+
|
39
46
|
/* uptime status colors */
|
40
47
|
--uptime-color-up: #39b54a;
|
41
48
|
--uptime-color-trouble: #e87623;
|
@@ -47,6 +54,8 @@
|
|
47
54
|
--icon-color-glassdoor: #0baa41;
|
48
55
|
--icon-color-github: #000000;
|
49
56
|
--icon-color-discord: #5865f2;
|
57
|
+
--icon-color-stackoverflow: #f48024;
|
58
|
+
--icon-color-youtube: #ff0000;
|
50
59
|
|
51
60
|
--gradient-active-orange: linear-gradient(
|
52
61
|
61.2deg,
|
@@ -72,34 +81,39 @@
|
|
72
81
|
var(--color-jazzy-pink) 100%
|
73
82
|
);
|
74
83
|
|
75
|
-
--fs-title-xl:
|
76
|
-
--fs-title:
|
77
|
-
--fs-title-xs:
|
78
|
-
--fs-h1-xl:
|
79
|
-
--fs-h1:
|
80
|
-
--fs-h1-xs:
|
81
|
-
|
84
|
+
--fs-title-xl: 3rem;
|
85
|
+
--fs-title: 2.75rem;
|
86
|
+
--fs-title-xs: 2.5rem;
|
87
|
+
--fs-h1-xl: 2.5rem;
|
88
|
+
--fs-h1: 2.25rem;
|
89
|
+
--fs-h1-xs: 2rem;
|
90
|
+
|
91
|
+
--fs-h2-xl: 2.125rem;
|
82
92
|
--fs-h2: 2rem;
|
83
|
-
--fs-h2-xs: 1.
|
93
|
+
--fs-h2-xs: 1.75rem;
|
94
|
+
|
84
95
|
--fs-h3: 1.5rem;
|
85
|
-
--fs-h4: 1.
|
86
|
-
--fs-
|
87
|
-
|
96
|
+
--fs-h4: 1.25rem;
|
97
|
+
--fs-h5: 1rem;
|
98
|
+
|
99
|
+
--fs-p1: 1rem;
|
100
|
+
--fs-p2: 0.938rem;
|
88
101
|
--fs-p3: 0.875rem;
|
89
102
|
--fs-standfirst-xl: 2.25rem;
|
90
103
|
--fs-standfirst: 1.5rem;
|
91
|
-
--fs-sub-header: 1.
|
92
|
-
--fs-sub-header-xs: 1.
|
104
|
+
--fs-sub-header: 1.125rem;
|
105
|
+
--fs-sub-header-xs: 1.063rem;
|
93
106
|
--fs-overline1: 1rem;
|
94
107
|
--fs-overline2: 0.875rem;
|
95
|
-
--fs-btn1:
|
96
|
-
--fs-btn2:
|
108
|
+
--fs-btn1: 1rem;
|
109
|
+
--fs-btn2: 0.938rem;
|
97
110
|
--fs-btn3: 0.875rem;
|
98
|
-
--fs-menu1:
|
99
|
-
--fs-menu2:
|
111
|
+
--fs-menu1: 1rem;
|
112
|
+
--fs-menu2: 0.938rem;
|
100
113
|
--fs-menu3: 0.875rem;
|
101
|
-
--fs-quote: 1.
|
102
|
-
--fs-code: 0.
|
114
|
+
--fs-quote: 1.25rem;
|
115
|
+
--fs-code: 0.938rem;
|
116
|
+
--fs-code2: 0.813rem;
|
103
117
|
|
104
118
|
--lh-dense: 1;
|
105
119
|
--lh-tight: 1.125;
|
@@ -113,7 +127,9 @@
|
|
113
127
|
--ls-tighten-0_01: -0.01em;
|
114
128
|
--ls-tighten-0_005: -0.005em;
|
115
129
|
--ls-tighten-0_0025: -0.0025em;
|
130
|
+
--ls-tighten-0_0015: -0.0015em;
|
116
131
|
--ls-widen-0_1: 0.1em;
|
132
|
+
--ls-widen-0_16: 0.16em;
|
117
133
|
--ls-widen-0_15: 0.15em;
|
118
134
|
|
119
135
|
--spacing-0: 0px;
|
@@ -128,6 +144,7 @@
|
|
128
144
|
--spacing-20: 1.25rem;
|
129
145
|
--spacing-24: 1.5rem;
|
130
146
|
--spacing-32: 2rem;
|
147
|
+
--spacing-36: 2.25rem;
|
131
148
|
--spacing-40: 2.5rem;
|
132
149
|
--spacing-48: 3rem;
|
133
150
|
--spacing-64: 4rem;
|
@@ -175,7 +192,7 @@
|
|
175
192
|
}
|
176
193
|
@layer components {
|
177
194
|
.ui-btn {
|
178
|
-
@apply text-white bg-cool-black text-btn2 font-
|
195
|
+
@apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
179
196
|
@apply hover:text-white hover:bg-active-orange;
|
180
197
|
@apply active:text-white active:bg-red-orange;
|
181
198
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -199,7 +216,7 @@
|
|
199
216
|
background-size: 200% 100%;
|
200
217
|
background-position: 0% 0%;
|
201
218
|
|
202
|
-
@apply text-white text-btn2 font-
|
219
|
+
@apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
203
220
|
@apply focus:outline-gui-focus;
|
204
221
|
@apply inline-flex items-center justify-center;
|
205
222
|
}
|
@@ -215,7 +232,7 @@
|
|
215
232
|
}
|
216
233
|
|
217
234
|
.ui-btn-invert {
|
218
|
-
@apply text-cool-black bg-white text-btn2 font-
|
235
|
+
@apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
219
236
|
@apply hover:text-white hover:bg-active-orange;
|
220
237
|
@apply active:text-white active:bg-red-orange;
|
221
238
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -225,7 +242,7 @@
|
|
225
242
|
}
|
226
243
|
|
227
244
|
.ui-btn-secondary {
|
228
|
-
@apply text-cool-black bg-white text-btn2 font-
|
245
|
+
@apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
|
229
246
|
@apply hover:text-cool-black hover:border-active-orange hover:bg-white;
|
230
247
|
@apply active:border-red-orange active:bg-white;
|
231
248
|
@apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
|
@@ -235,7 +252,7 @@
|
|
235
252
|
}
|
236
253
|
|
237
254
|
.ui-btn-secondary-invert {
|
238
|
-
@apply text-white bg-cool-black text-btn2 font-
|
255
|
+
@apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
|
239
256
|
@apply hover:text-white hover:border-active-orange;
|
240
257
|
@apply active:border-red-orange;
|
241
258
|
@apply focus:outline-gui-focus;
|
@@ -320,47 +337,53 @@
|
|
320
337
|
}
|
321
338
|
@layer components {
|
322
339
|
.ui-text-title {
|
323
|
-
@apply font-
|
340
|
+
@apply font-manrope font-extrabold text-cool-black;
|
324
341
|
@apply text-title-xs xs:text-title xl:text-title-xl;
|
325
|
-
@apply tracking-tighten-0.
|
342
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
|
326
343
|
}
|
327
344
|
|
328
345
|
.ui-text-h1 {
|
329
|
-
@apply font-
|
346
|
+
@apply font-manrope font-extrabold text-cool-black;
|
330
347
|
@apply text-h1-xs xs:text-h1 xl:text-h1-xl;
|
331
|
-
@apply tracking-tighten-0.
|
348
|
+
@apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
|
332
349
|
}
|
333
350
|
|
334
351
|
.ui-text-h2 {
|
335
|
-
@apply font-
|
352
|
+
@apply font-manrope font-extrabold text-cool-black;
|
336
353
|
@apply text-h2-xs xs:text-h2 xl:text-h2-xl;
|
337
|
-
@apply tracking-tighten-0.
|
354
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
|
338
355
|
}
|
339
356
|
|
340
357
|
.ui-text-h3 {
|
341
|
-
@apply font-
|
358
|
+
@apply font-manrope font-extrabold text-cool-black;
|
342
359
|
@apply text-h3;
|
343
|
-
@apply tracking-tighten-0.
|
360
|
+
@apply tracking-tighten-0.005;
|
344
361
|
}
|
345
362
|
|
346
363
|
.ui-text-h4 {
|
347
|
-
@apply font-
|
348
|
-
@apply text-h4
|
349
|
-
@apply tracking-
|
364
|
+
@apply font-manrope font-extrabold text-cool-black;
|
365
|
+
@apply text-h4;
|
366
|
+
@apply tracking-tighten-0.0015;
|
367
|
+
}
|
368
|
+
|
369
|
+
.ui-text-h5 {
|
370
|
+
@apply font-manrope font-extrabold text-cool-black;
|
371
|
+
@apply text-h5;
|
372
|
+
@apply tracking-tighten-0.0025;
|
350
373
|
}
|
351
374
|
|
352
375
|
.ui-text-p1 {
|
353
|
-
@apply font-
|
376
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
354
377
|
@apply text-p1;
|
355
378
|
}
|
356
379
|
|
357
380
|
.ui-text-p2 {
|
358
|
-
@apply font-
|
381
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
359
382
|
@apply text-p2;
|
360
383
|
}
|
361
384
|
|
362
385
|
.ui-text-p3 {
|
363
|
-
@apply font-
|
386
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
364
387
|
@apply text-p3;
|
365
388
|
}
|
366
389
|
|
@@ -371,60 +394,63 @@
|
|
371
394
|
}
|
372
395
|
|
373
396
|
.ui-text-quote {
|
374
|
-
@apply font-
|
397
|
+
@apply font-manrope font-normal text-cool-black;
|
375
398
|
@apply text-quote;
|
376
|
-
@apply tracking-tighten-0.
|
399
|
+
@apply tracking-tighten-0.0015;
|
377
400
|
}
|
378
401
|
|
379
402
|
.ui-text-sub-header {
|
380
|
-
@apply font-
|
403
|
+
@apply font-manrope font-semibold text-neutral-900;
|
381
404
|
@apply text-sub-header-xs xs:text-sub-header;
|
382
|
-
@apply tracking-tighten-0.025;
|
383
405
|
}
|
384
406
|
|
385
407
|
.ui-text-overline1 {
|
386
|
-
@apply font-
|
408
|
+
@apply font-jetbrains_mono font-medium text-active-orange uppercase;
|
387
409
|
@apply text-overline1;
|
388
|
-
@apply tracking-widen-0.
|
410
|
+
@apply tracking-widen-0.16;
|
389
411
|
}
|
390
412
|
|
391
413
|
.ui-text-overline2 {
|
392
|
-
@apply font-
|
414
|
+
@apply font-jetbrains_mono font-medium text-active-orange uppercase;
|
393
415
|
@apply text-overline2;
|
394
|
-
@apply tracking-widen-0.
|
416
|
+
@apply tracking-widen-0.16;
|
395
417
|
}
|
396
418
|
|
397
419
|
.ui-text-menu1 {
|
398
|
-
@apply font-
|
420
|
+
@apply font-manrope font-medium text-cool-black;
|
399
421
|
@apply text-menu1;
|
400
422
|
}
|
401
423
|
|
402
424
|
.ui-text-menu2 {
|
403
|
-
@apply font-
|
425
|
+
@apply font-manrope font-medium text-cool-black;
|
404
426
|
@apply text-menu2;
|
405
427
|
}
|
406
428
|
|
407
429
|
.ui-text-menu3 {
|
408
|
-
@apply font-
|
430
|
+
@apply font-manrope font-medium text-cool-black;
|
409
431
|
@apply text-menu3;
|
410
432
|
}
|
411
433
|
|
412
434
|
.ui-text-code {
|
413
|
-
@apply font-
|
435
|
+
@apply font-jetbrains_mono font-medium text-code;
|
436
|
+
}
|
437
|
+
|
438
|
+
.ui-text-code2 {
|
439
|
+
@apply font-jetbrains_mono font-medium text-code2;
|
414
440
|
}
|
415
441
|
|
416
442
|
.ui-text-code-inline {
|
417
|
-
@apply font-
|
443
|
+
@apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
|
418
444
|
}
|
419
445
|
|
420
446
|
.ui-unordered-list {
|
421
|
-
@apply text-p1 font-
|
422
|
-
@apply list-disc ml-32
|
447
|
+
@apply text-p1 font-medium text-cool-black;
|
448
|
+
@apply list-disc ml-32 my-16;
|
423
449
|
}
|
424
450
|
|
425
451
|
.ui-ordered-list {
|
426
|
-
@apply text-p1 font-
|
427
|
-
@apply ml-32
|
452
|
+
@apply text-p1 font-medium text-charcoal-grey;
|
453
|
+
@apply ml-32 my-16 list-decimal;
|
428
454
|
}
|
429
455
|
|
430
456
|
.ui-unordered-list li > *:last-of-type:not(ul):not(ol),
|
@@ -441,11 +467,20 @@
|
|
441
467
|
}
|
442
468
|
|
443
469
|
.ui-unordered-list ul ul {
|
444
|
-
@apply list-square;
|
470
|
+
@apply list-square my-8;
|
471
|
+
}
|
472
|
+
|
473
|
+
.ui-unordered-list ul ul {
|
474
|
+
@apply my-8;
|
475
|
+
}
|
476
|
+
|
477
|
+
.ui-ordered-list li,
|
478
|
+
.ui-unordered-list li {
|
479
|
+
@apply font-medium font-manrope tracking-widen-0 leading-relaxed;
|
445
480
|
}
|
446
481
|
|
447
482
|
.ui-unordered-list-with-emphasis {
|
448
|
-
@apply text-p1 font-
|
483
|
+
@apply text-p1 font-medium text-cool-black;
|
449
484
|
@apply list-disc ml-32 mt-32 -mb-12;
|
450
485
|
}
|
451
486
|
|
@@ -468,25 +503,24 @@
|
|
468
503
|
|
469
504
|
.ui-link {
|
470
505
|
@apply text-gui-default;
|
471
|
-
@apply visited:text-gui-default;
|
472
506
|
@apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
|
473
507
|
@apply focus:text-gui-default focus:outline-gui-focus;
|
508
|
+
@apply no-underline;
|
474
509
|
}
|
475
510
|
|
476
511
|
.ui-link-neutral {
|
477
|
-
@apply visited:text-dark-grey;
|
478
512
|
@apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
|
479
|
-
@apply focus:text-
|
513
|
+
@apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
|
480
514
|
@apply underline;
|
481
515
|
}
|
482
516
|
}
|
483
517
|
@layer components {
|
484
518
|
.ui-checkbox-p1 {
|
485
|
-
@apply flex items-start mb-16 font-
|
519
|
+
@apply flex items-start mb-16 font-manrope font-medium;
|
486
520
|
}
|
487
521
|
|
488
522
|
.ui-checkbox-p2 {
|
489
|
-
@apply flex items-start mb-12 font-
|
523
|
+
@apply flex items-start mb-12 font-manrope font-medium;
|
490
524
|
}
|
491
525
|
|
492
526
|
.ui-checkbox-input {
|
@@ -510,7 +544,7 @@
|
|
510
544
|
|
511
545
|
.ui-checkbox-label-p2 {
|
512
546
|
@apply select-none;
|
513
|
-
@apply text-p2 font-
|
547
|
+
@apply text-p2 font-medium text-cool-black;
|
514
548
|
}
|
515
549
|
|
516
550
|
.ui-checkbox-input:disabled + .ui-checkbox-styled {
|
@@ -531,7 +565,7 @@
|
|
531
565
|
}
|
532
566
|
|
533
567
|
.ui-textarea {
|
534
|
-
@apply font-
|
568
|
+
@apply font-manrope font-medium text-cool-black text-p1;
|
535
569
|
@apply p-input mb-16;
|
536
570
|
@apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
|
537
571
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
@@ -544,12 +578,6 @@
|
|
544
578
|
color: #76767c;
|
545
579
|
}
|
546
580
|
|
547
|
-
.ui-textarea:-ms-input-placeholder {
|
548
|
-
/* CSS vars don't work in ::placeholder in Webkit :( */
|
549
|
-
/* color: var(--text-dark-grey); */
|
550
|
-
color: #76767c;
|
551
|
-
}
|
552
|
-
|
553
581
|
.ui-textarea::placeholder {
|
554
582
|
/* CSS vars don't work in ::placeholder in Webkit :( */
|
555
583
|
/* 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,(
|
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 +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,(
|
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})()));
|
@@ -86,8 +86,7 @@
|
|
86
86
|
abbr[title] {
|
87
87
|
border-bottom: none; /* 1 */
|
88
88
|
text-decoration: underline; /* 2 */
|
89
|
-
|
90
|
-
text-decoration: underline dotted; /* 2 */
|
89
|
+
text-decoration: underline dotted; /* 2 */
|
91
90
|
}
|
92
91
|
|
93
92
|
/**
|
@@ -444,19 +443,10 @@
|
|
444
443
|
resize: vertical;
|
445
444
|
}
|
446
445
|
|
447
|
-
input:-ms-input-placeholder,
|
448
|
-
textarea:-ms-input-placeholder {
|
449
|
-
color: #a0aec0;
|
450
|
-
}
|
451
|
-
|
452
446
|
input::-moz-placeholder, textarea::-moz-placeholder {
|
453
447
|
color: #a0aec0;
|
454
448
|
}
|
455
449
|
|
456
|
-
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
457
|
-
color: #a0aec0;
|
458
|
-
}
|
459
|
-
|
460
450
|
input::placeholder,
|
461
451
|
textarea::placeholder {
|
462
452
|
color: #a0aec0;
|
data/lib/ably_ui/version.rb
CHANGED
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.
|
4
|
+
version: 8.7.0.dev.681c3bf
|
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:
|
13
|
+
date: 2023-06-15 00:00:00.000000000 Z
|
14
14
|
dependencies:
|
15
15
|
- !ruby/object:Gem::Dependency
|
16
16
|
name: view_component
|
@@ -64,6 +64,7 @@ files:
|
|
64
64
|
- lib/ably_ui/core/customer_logos/component.js
|
65
65
|
- lib/ably_ui/core/customer_logos/customer_logos.html.erb
|
66
66
|
- lib/ably_ui/core/customer_logos/customer_logos.rb
|
67
|
+
- lib/ably_ui/core/dropdown_menu/component.js
|
67
68
|
- lib/ably_ui/core/feature_footer/component.css
|
68
69
|
- lib/ably_ui/core/feature_footer/component.js
|
69
70
|
- lib/ably_ui/core/feature_footer/feature_footer.html.erb
|
@@ -90,6 +91,8 @@ files:
|
|
90
91
|
- lib/ably_ui/core/fonts/NEXT-Book-Medium.otf
|
91
92
|
- lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
|
92
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
|
93
96
|
- lib/ably_ui/core/fonts/next.css
|
94
97
|
- lib/ably_ui/core/fonts/source-code-pro.css
|
95
98
|
- lib/ably_ui/core/footer/component.css
|
@@ -99,6 +102,7 @@ files:
|
|
99
102
|
- lib/ably_ui/core/icon/component.js
|
100
103
|
- lib/ably_ui/core/icon/icon.html.erb
|
101
104
|
- lib/ably_ui/core/icon/icon.rb
|
105
|
+
- lib/ably_ui/core/images/ably-logo.png
|
102
106
|
- lib/ably_ui/core/images/ably-logo.svg
|
103
107
|
- lib/ably_ui/core/images/ably-stack.svg
|
104
108
|
- lib/ably_ui/core/images/cust-logo-ao-col-pos.png
|
@@ -127,10 +131,13 @@ files:
|
|
127
131
|
- lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
|
128
132
|
- lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
|
129
133
|
- lib/ably_ui/core/images/flexible-companies.png
|
134
|
+
- lib/ably_ui/core/images/high-performer-2022.png
|
135
|
+
- lib/ably_ui/core/images/highest-user-adoption-2022.png
|
130
136
|
- lib/ably_ui/core/images/icon-tech-aws.svg
|
131
137
|
- lib/ably_ui/core/images/rocket-list-2021.png
|
132
138
|
- lib/ably_ui/core/images/scale-motif-open-empathetic.svg
|
133
139
|
- lib/ably_ui/core/images/technical-support-01-800x533.jpg
|
140
|
+
- lib/ably_ui/core/images/users-love-us-2022.png
|
134
141
|
- lib/ably_ui/core/loader/component.js
|
135
142
|
- lib/ably_ui/core/loader/loader.html.erb
|
136
143
|
- lib/ably_ui/core/loader/loader.rb
|