ably-ui 8.7.0.dev.602ecf0 → 8.7.0.dev.779bcfa
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.css +1 -1
- 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 +22 -2
- data/lib/ably_ui/core/footer/component.js +1 -1
- data/lib/ably_ui/core/footer/footer.html.erb +119 -57
- 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 +8 -10
- 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 +27 -11
- 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.css +1 -1
- data/lib/ably_ui/core/notice/component.js +1 -2
- data/lib/ably_ui/core/notice/notice.html.erb +2 -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 +126 -97
- 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,24 @@
|
|
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
|
+
--color-orange-700: #ff2739;
|
10
11
|
--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;
|
12
|
+
--color-extra-light-grey: #f8fafc;
|
13
|
+
--color-light-grey: #f4f8fb;
|
14
|
+
--color-mid-grey: #c6ced9;
|
15
|
+
--color-dark-grey: #667085;
|
16
|
+
--color-charcoal-grey: #2b303b;
|
17
|
+
--color-gui-default: #006edc;
|
18
|
+
--color-gui-hover: #0862b9;
|
20
19
|
--color-gui-active: #074095;
|
20
|
+
--color-gui-default-dark: #4da6ff;
|
21
|
+
--color-gui-hover-dark: #2894ff;
|
22
|
+
--color-gui-active-dark: #0080ff;
|
23
|
+
--color-gui-focus: #80b9f2;
|
24
|
+
--color-gui-focus-outline: #80b9f2;
|
21
25
|
--color-gui-visited: #4887c2;
|
22
26
|
--color-gui-unavailable: #a8a8a8;
|
23
27
|
--color-gui-error: #fb0c0c;
|
@@ -36,6 +40,10 @@
|
|
36
40
|
--syntax-red: #d54e53;
|
37
41
|
--syntax-lilac: #bb87d3;
|
38
42
|
|
43
|
+
/* New Neutral colors */
|
44
|
+
--color-neutral-900: #39414e;
|
45
|
+
--color-neutral-500: #c6ced9;
|
46
|
+
|
39
47
|
/* uptime status colors */
|
40
48
|
--uptime-color-up: #39b54a;
|
41
49
|
--uptime-color-trouble: #e87623;
|
@@ -47,6 +55,8 @@
|
|
47
55
|
--icon-color-glassdoor: #0baa41;
|
48
56
|
--icon-color-github: #000000;
|
49
57
|
--icon-color-discord: #5865f2;
|
58
|
+
--icon-color-stackoverflow: #f48024;
|
59
|
+
--icon-color-youtube: #ff0000;
|
50
60
|
|
51
61
|
--gradient-active-orange: linear-gradient(
|
52
62
|
61.2deg,
|
@@ -68,38 +78,43 @@
|
|
68
78
|
|
69
79
|
--gradient-hot-pink: linear-gradient(
|
70
80
|
80.2deg,
|
71
|
-
var(--color-
|
81
|
+
var(--color-orange-700) 0%,
|
72
82
|
var(--color-jazzy-pink) 100%
|
73
83
|
);
|
74
84
|
|
75
|
-
--fs-title-xl:
|
76
|
-
--fs-title:
|
77
|
-
--fs-title-xs:
|
78
|
-
--fs-h1-xl:
|
79
|
-
--fs-h1:
|
80
|
-
--fs-h1-xs:
|
81
|
-
|
85
|
+
--fs-title-xl: 3rem;
|
86
|
+
--fs-title: 2.75rem;
|
87
|
+
--fs-title-xs: 2.5rem;
|
88
|
+
--fs-h1-xl: 2.5rem;
|
89
|
+
--fs-h1: 2.25rem;
|
90
|
+
--fs-h1-xs: 2rem;
|
91
|
+
|
92
|
+
--fs-h2-xl: 2.125rem;
|
82
93
|
--fs-h2: 2rem;
|
83
|
-
--fs-h2-xs: 1.
|
94
|
+
--fs-h2-xs: 1.75rem;
|
95
|
+
|
84
96
|
--fs-h3: 1.5rem;
|
85
|
-
--fs-h4: 1.
|
86
|
-
--fs-
|
87
|
-
|
97
|
+
--fs-h4: 1.25rem;
|
98
|
+
--fs-h5: 1rem;
|
99
|
+
|
100
|
+
--fs-p1: 1rem;
|
101
|
+
--fs-p2: 0.938rem;
|
88
102
|
--fs-p3: 0.875rem;
|
89
103
|
--fs-standfirst-xl: 2.25rem;
|
90
104
|
--fs-standfirst: 1.5rem;
|
91
|
-
--fs-sub-header: 1.
|
92
|
-
--fs-sub-header-xs: 1.
|
105
|
+
--fs-sub-header: 1.125rem;
|
106
|
+
--fs-sub-header-xs: 1.063rem;
|
93
107
|
--fs-overline1: 1rem;
|
94
108
|
--fs-overline2: 0.875rem;
|
95
|
-
--fs-btn1:
|
96
|
-
--fs-btn2:
|
109
|
+
--fs-btn1: 1rem;
|
110
|
+
--fs-btn2: 0.938rem;
|
97
111
|
--fs-btn3: 0.875rem;
|
98
|
-
--fs-menu1:
|
99
|
-
--fs-menu2:
|
112
|
+
--fs-menu1: 1rem;
|
113
|
+
--fs-menu2: 0.938rem;
|
100
114
|
--fs-menu3: 0.875rem;
|
101
|
-
--fs-quote: 1.
|
102
|
-
--fs-code: 0.
|
115
|
+
--fs-quote: 1.25rem;
|
116
|
+
--fs-code: 0.938rem;
|
117
|
+
--fs-code2: 0.813rem;
|
103
118
|
|
104
119
|
--lh-dense: 1;
|
105
120
|
--lh-tight: 1.125;
|
@@ -113,7 +128,9 @@
|
|
113
128
|
--ls-tighten-0_01: -0.01em;
|
114
129
|
--ls-tighten-0_005: -0.005em;
|
115
130
|
--ls-tighten-0_0025: -0.0025em;
|
131
|
+
--ls-tighten-0_0015: -0.0015em;
|
116
132
|
--ls-widen-0_1: 0.1em;
|
133
|
+
--ls-widen-0_16: 0.16em;
|
117
134
|
--ls-widen-0_15: 0.15em;
|
118
135
|
|
119
136
|
--spacing-0: 0px;
|
@@ -128,6 +145,7 @@
|
|
128
145
|
--spacing-20: 1.25rem;
|
129
146
|
--spacing-24: 1.5rem;
|
130
147
|
--spacing-32: 2rem;
|
148
|
+
--spacing-36: 2.25rem;
|
131
149
|
--spacing-40: 2.5rem;
|
132
150
|
--spacing-48: 3rem;
|
133
151
|
--spacing-64: 4rem;
|
@@ -175,7 +193,7 @@
|
|
175
193
|
}
|
176
194
|
@layer components {
|
177
195
|
.ui-btn {
|
178
|
-
@apply text-white bg-cool-black text-btn2 font-
|
196
|
+
@apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
179
197
|
@apply hover:text-white hover:bg-active-orange;
|
180
198
|
@apply active:text-white active:bg-red-orange;
|
181
199
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -199,7 +217,7 @@
|
|
199
217
|
background-size: 200% 100%;
|
200
218
|
background-position: 0% 0%;
|
201
219
|
|
202
|
-
@apply text-white text-btn2 font-
|
220
|
+
@apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
203
221
|
@apply focus:outline-gui-focus;
|
204
222
|
@apply inline-flex items-center justify-center;
|
205
223
|
}
|
@@ -215,7 +233,7 @@
|
|
215
233
|
}
|
216
234
|
|
217
235
|
.ui-btn-invert {
|
218
|
-
@apply text-cool-black bg-white text-btn2 font-
|
236
|
+
@apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
|
219
237
|
@apply hover:text-white hover:bg-active-orange;
|
220
238
|
@apply active:text-white active:bg-red-orange;
|
221
239
|
@apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
|
@@ -225,7 +243,7 @@
|
|
225
243
|
}
|
226
244
|
|
227
245
|
.ui-btn-secondary {
|
228
|
-
@apply text-cool-black bg-white text-btn2 font-
|
246
|
+
@apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
|
229
247
|
@apply hover:text-cool-black hover:border-active-orange hover:bg-white;
|
230
248
|
@apply active:border-red-orange active:bg-white;
|
231
249
|
@apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
|
@@ -235,7 +253,7 @@
|
|
235
253
|
}
|
236
254
|
|
237
255
|
.ui-btn-secondary-invert {
|
238
|
-
@apply text-white bg-cool-black text-btn2 font-
|
256
|
+
@apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
|
239
257
|
@apply hover:text-white hover:border-active-orange;
|
240
258
|
@apply active:border-red-orange;
|
241
259
|
@apply focus:outline-gui-focus;
|
@@ -320,48 +338,54 @@
|
|
320
338
|
}
|
321
339
|
@layer components {
|
322
340
|
.ui-text-title {
|
323
|
-
@apply font-
|
324
|
-
@apply text-title-xs xs:text-title xl:text-title-xl;
|
325
|
-
@apply tracking-tighten-0.
|
341
|
+
@apply font-manrope font-extrabold text-cool-black;
|
342
|
+
@apply text-title-xs xs:text-title xl:text-title-xl leading-tight;
|
343
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
|
326
344
|
}
|
327
345
|
|
328
346
|
.ui-text-h1 {
|
329
|
-
@apply font-
|
330
|
-
@apply text-h1-xs xs:text-h1 xl:text-h1-xl;
|
331
|
-
@apply tracking-tighten-0.
|
347
|
+
@apply font-manrope font-extrabold text-cool-black;
|
348
|
+
@apply text-h1-xs xs:text-h1 xl:text-h1-xl leading-tight;
|
349
|
+
@apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
|
332
350
|
}
|
333
351
|
|
334
352
|
.ui-text-h2 {
|
335
|
-
@apply font-
|
336
|
-
@apply text-h2-xs xs:text-h2 xl:text-h2-xl;
|
337
|
-
@apply tracking-tighten-0.
|
353
|
+
@apply font-manrope font-extrabold text-cool-black;
|
354
|
+
@apply text-h2-xs xs:text-h2 xl:text-h2-xl leading-tight;
|
355
|
+
@apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
|
338
356
|
}
|
339
357
|
|
340
358
|
.ui-text-h3 {
|
341
|
-
@apply font-
|
342
|
-
@apply text-h3;
|
343
|
-
@apply tracking-tighten-0.
|
359
|
+
@apply font-manrope font-extrabold text-cool-black;
|
360
|
+
@apply text-h3 leading-tight;
|
361
|
+
@apply tracking-tighten-0.005;
|
344
362
|
}
|
345
363
|
|
346
364
|
.ui-text-h4 {
|
347
|
-
@apply font-
|
348
|
-
@apply text-h4
|
349
|
-
@apply tracking-
|
365
|
+
@apply font-manrope font-extrabold text-cool-black;
|
366
|
+
@apply text-h4 leading-tight;
|
367
|
+
@apply tracking-tighten-0.0015;
|
368
|
+
}
|
369
|
+
|
370
|
+
.ui-text-h5 {
|
371
|
+
@apply font-manrope font-extrabold text-cool-black;
|
372
|
+
@apply text-h5 leading-tight;
|
373
|
+
@apply tracking-tighten-0.0025;
|
350
374
|
}
|
351
375
|
|
352
376
|
.ui-text-p1 {
|
353
|
-
@apply font-
|
354
|
-
@apply text-p1;
|
377
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
378
|
+
@apply text-p1 leading-relaxed;
|
355
379
|
}
|
356
380
|
|
357
381
|
.ui-text-p2 {
|
358
|
-
@apply font-
|
359
|
-
@apply text-p2;
|
382
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
383
|
+
@apply text-p2 leading-relaxed;
|
360
384
|
}
|
361
385
|
|
362
386
|
.ui-text-p3 {
|
363
|
-
@apply font-
|
364
|
-
@apply text-p3;
|
387
|
+
@apply font-manrope font-medium text-charcoal-grey;
|
388
|
+
@apply text-p3 leading-relaxed;
|
365
389
|
}
|
366
390
|
|
367
391
|
.ui-text-standfirst {
|
@@ -371,60 +395,63 @@
|
|
371
395
|
}
|
372
396
|
|
373
397
|
.ui-text-quote {
|
374
|
-
@apply font-
|
375
|
-
@apply text-quote;
|
376
|
-
@apply tracking-tighten-0.
|
398
|
+
@apply font-manrope font-normal text-cool-black;
|
399
|
+
@apply text-quote leading-normal;
|
400
|
+
@apply tracking-tighten-0.0015;
|
377
401
|
}
|
378
402
|
|
379
403
|
.ui-text-sub-header {
|
380
|
-
@apply font-
|
381
|
-
@apply text-sub-header-xs xs:text-sub-header;
|
382
|
-
@apply tracking-tighten-0.025;
|
404
|
+
@apply font-manrope font-semibold text-neutral-900;
|
405
|
+
@apply text-sub-header-xs xs:text-sub-header leading-normal;
|
383
406
|
}
|
384
407
|
|
385
408
|
.ui-text-overline1 {
|
386
|
-
@apply font-
|
387
|
-
@apply text-overline1;
|
388
|
-
@apply tracking-widen-0.
|
409
|
+
@apply font-jetbrains_mono font-medium text-active-orange uppercase;
|
410
|
+
@apply text-overline1 leading-normal;
|
411
|
+
@apply tracking-widen-0.16;
|
389
412
|
}
|
390
413
|
|
391
414
|
.ui-text-overline2 {
|
392
|
-
@apply font-
|
393
|
-
@apply text-overline2;
|
394
|
-
@apply tracking-widen-0.
|
415
|
+
@apply font-jetbrains_mono font-medium text-active-orange uppercase;
|
416
|
+
@apply text-overline2 leading-normal;
|
417
|
+
@apply tracking-widen-0.16;
|
395
418
|
}
|
396
419
|
|
397
420
|
.ui-text-menu1 {
|
398
|
-
@apply font-
|
399
|
-
@apply text-menu1;
|
421
|
+
@apply font-manrope font-medium text-cool-black;
|
422
|
+
@apply text-menu1 leading-snug;
|
400
423
|
}
|
401
424
|
|
402
425
|
.ui-text-menu2 {
|
403
|
-
@apply font-
|
404
|
-
@apply text-menu2;
|
426
|
+
@apply font-manrope font-medium text-cool-black;
|
427
|
+
@apply text-menu2 leading-snug;
|
405
428
|
}
|
406
429
|
|
407
430
|
.ui-text-menu3 {
|
408
|
-
@apply font-
|
409
|
-
@apply text-menu3;
|
431
|
+
@apply font-manrope font-medium text-cool-black;
|
432
|
+
@apply text-menu3 leading-snug;
|
410
433
|
}
|
411
434
|
|
412
435
|
.ui-text-code {
|
413
|
-
@apply font-
|
436
|
+
@apply font-jetbrains_mono font-medium text-code;
|
437
|
+
}
|
438
|
+
|
439
|
+
.ui-text-code2 {
|
440
|
+
@apply font-jetbrains_mono font-medium text-code2;
|
414
441
|
}
|
415
442
|
|
416
443
|
.ui-text-code-inline {
|
417
|
-
@apply font-
|
444
|
+
@apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
|
418
445
|
}
|
419
446
|
|
420
447
|
.ui-unordered-list {
|
421
|
-
@apply text-p1 font-
|
422
|
-
@apply list-disc ml-32
|
448
|
+
@apply text-p1 font-medium text-cool-black;
|
449
|
+
@apply list-disc ml-32 my-16;
|
423
450
|
}
|
424
451
|
|
425
452
|
.ui-ordered-list {
|
426
|
-
@apply text-p1 font-
|
427
|
-
@apply ml-32
|
453
|
+
@apply text-p1 font-medium text-charcoal-grey;
|
454
|
+
@apply ml-32 my-16 list-decimal;
|
428
455
|
}
|
429
456
|
|
430
457
|
.ui-unordered-list li > *:last-of-type:not(ul):not(ol),
|
@@ -441,11 +468,20 @@
|
|
441
468
|
}
|
442
469
|
|
443
470
|
.ui-unordered-list ul ul {
|
444
|
-
@apply list-square;
|
471
|
+
@apply list-square my-8;
|
472
|
+
}
|
473
|
+
|
474
|
+
.ui-unordered-list ul ul {
|
475
|
+
@apply my-8;
|
476
|
+
}
|
477
|
+
|
478
|
+
.ui-ordered-list li,
|
479
|
+
.ui-unordered-list li {
|
480
|
+
@apply font-medium font-manrope tracking-widen-0 leading-relaxed;
|
445
481
|
}
|
446
482
|
|
447
483
|
.ui-unordered-list-with-emphasis {
|
448
|
-
@apply text-p1 font-
|
484
|
+
@apply text-p1 font-medium text-cool-black;
|
449
485
|
@apply list-disc ml-32 mt-32 -mb-12;
|
450
486
|
}
|
451
487
|
|
@@ -468,25 +504,24 @@
|
|
468
504
|
|
469
505
|
.ui-link {
|
470
506
|
@apply text-gui-default;
|
471
|
-
@apply visited:text-gui-default;
|
472
507
|
@apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
|
473
508
|
@apply focus:text-gui-default focus:outline-gui-focus;
|
509
|
+
@apply no-underline;
|
474
510
|
}
|
475
511
|
|
476
512
|
.ui-link-neutral {
|
477
|
-
@apply visited:text-dark-grey;
|
478
513
|
@apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
|
479
|
-
@apply focus:text-
|
514
|
+
@apply focus:text-charcoal-grey focus:outline-gui-focus-neutral;
|
480
515
|
@apply underline;
|
481
516
|
}
|
482
517
|
}
|
483
518
|
@layer components {
|
484
519
|
.ui-checkbox-p1 {
|
485
|
-
@apply flex items-start mb-16 font-
|
520
|
+
@apply flex items-start mb-16 font-manrope font-medium;
|
486
521
|
}
|
487
522
|
|
488
523
|
.ui-checkbox-p2 {
|
489
|
-
@apply flex items-start mb-12 font-
|
524
|
+
@apply flex items-start mb-12 font-manrope font-medium;
|
490
525
|
}
|
491
526
|
|
492
527
|
.ui-checkbox-input {
|
@@ -505,12 +540,12 @@
|
|
505
540
|
|
506
541
|
.ui-checkbox-label-p1 {
|
507
542
|
@apply select-none;
|
508
|
-
@apply text-p1 font-
|
543
|
+
@apply text-p1 font-medium text-cool-black;
|
509
544
|
}
|
510
545
|
|
511
546
|
.ui-checkbox-label-p2 {
|
512
547
|
@apply select-none;
|
513
|
-
@apply text-p2 font-
|
548
|
+
@apply text-p2 font-medium text-cool-black;
|
514
549
|
}
|
515
550
|
|
516
551
|
.ui-checkbox-input:disabled + .ui-checkbox-styled {
|
@@ -531,7 +566,7 @@
|
|
531
566
|
}
|
532
567
|
|
533
568
|
.ui-textarea {
|
534
|
-
@apply font-
|
569
|
+
@apply font-manrope font-medium text-cool-black text-p1;
|
535
570
|
@apply p-input mb-16;
|
536
571
|
@apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
|
537
572
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
@@ -544,12 +579,6 @@
|
|
544
579
|
color: #76767c;
|
545
580
|
}
|
546
581
|
|
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
582
|
.ui-textarea::placeholder {
|
554
583
|
/* CSS vars don't work in ::placeholder in Webkit :( */
|
555
584
|
/* 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.779bcfa
|
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-19 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
|