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