ably-ui 8.7.0.dev.471ada5 → 8.7.0.dev.579e0ab
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/dropdown_menu/component.js +1 -1
- data/lib/ably_ui/core/feature_footer/component.js +1 -1
- data/lib/ably_ui/core/feature_footer/feature_footer.html.erb +1 -1
- 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 +106 -1
- data/lib/ably_ui/core/styles.css +124 -94
- 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 +8 -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
|
|
@@ -481,11 +517,11 @@
|
|
481
517
|
}
|
482
518
|
@layer components {
|
483
519
|
.ui-checkbox-p1 {
|
484
|
-
@apply flex items-start mb-16 font-
|
520
|
+
@apply flex items-start mb-16 font-manrope font-medium;
|
485
521
|
}
|
486
522
|
|
487
523
|
.ui-checkbox-p2 {
|
488
|
-
@apply flex items-start mb-12 font-
|
524
|
+
@apply flex items-start mb-12 font-manrope font-medium;
|
489
525
|
}
|
490
526
|
|
491
527
|
.ui-checkbox-input {
|
@@ -504,12 +540,12 @@
|
|
504
540
|
|
505
541
|
.ui-checkbox-label-p1 {
|
506
542
|
@apply select-none;
|
507
|
-
@apply text-p1 font-
|
543
|
+
@apply text-p1 font-medium text-cool-black;
|
508
544
|
}
|
509
545
|
|
510
546
|
.ui-checkbox-label-p2 {
|
511
547
|
@apply select-none;
|
512
|
-
@apply text-p2 font-
|
548
|
+
@apply text-p2 font-medium text-cool-black;
|
513
549
|
}
|
514
550
|
|
515
551
|
.ui-checkbox-input:disabled + .ui-checkbox-styled {
|
@@ -530,7 +566,7 @@
|
|
530
566
|
}
|
531
567
|
|
532
568
|
.ui-textarea {
|
533
|
-
@apply font-
|
569
|
+
@apply font-manrope font-medium text-cool-black text-p1;
|
534
570
|
@apply p-input mb-16;
|
535
571
|
@apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
|
536
572
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
@@ -543,12 +579,6 @@
|
|
543
579
|
color: #76767c;
|
544
580
|
}
|
545
581
|
|
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
|
-
|
552
582
|
.ui-textarea::placeholder {
|
553
583
|
/* CSS vars don't work in ::placeholder in Webkit :( */
|
554
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.579e0ab
|
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
|
@@ -91,6 +91,8 @@ 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
|
94
96
|
- lib/ably_ui/core/fonts/next.css
|
95
97
|
- lib/ably_ui/core/fonts/source-code-pro.css
|
96
98
|
- lib/ably_ui/core/footer/component.css
|
@@ -100,6 +102,7 @@ files:
|
|
100
102
|
- lib/ably_ui/core/icon/component.js
|
101
103
|
- lib/ably_ui/core/icon/icon.html.erb
|
102
104
|
- lib/ably_ui/core/icon/icon.rb
|
105
|
+
- lib/ably_ui/core/images/ably-logo.png
|
103
106
|
- lib/ably_ui/core/images/ably-logo.svg
|
104
107
|
- lib/ably_ui/core/images/ably-stack.svg
|
105
108
|
- lib/ably_ui/core/images/cust-logo-ao-col-pos.png
|
@@ -128,10 +131,13 @@ files:
|
|
128
131
|
- lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
|
129
132
|
- lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
|
130
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
|
131
136
|
- lib/ably_ui/core/images/icon-tech-aws.svg
|
132
137
|
- lib/ably_ui/core/images/rocket-list-2021.png
|
133
138
|
- lib/ably_ui/core/images/scale-motif-open-empathetic.svg
|
134
139
|
- lib/ably_ui/core/images/technical-support-01-800x533.jpg
|
140
|
+
- lib/ably_ui/core/images/users-love-us-2022.png
|
135
141
|
- lib/ably_ui/core/loader/component.js
|
136
142
|
- lib/ably_ui/core/loader/loader.html.erb
|
137
143
|
- lib/ably_ui/core/loader/loader.rb
|