@ably/ui 8.7.0-dev.2b71529 → 8.7.0-dev.2f1ba81
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.
- package/README.md +7 -7
- package/core/CompanyAutocomplete/component.js +2 -1
- package/core/CompanyAutocomplete/component.js.LICENSE.txt +1 -0
- package/core/FeaturedLink/component.css +1 -1
- package/core/Footer/component.css +3 -3
- package/core/Footer.jsx +20 -25
- package/core/Meganav/component.css +7 -7
- package/core/Meganav/component.json +1 -1
- package/core/Meganav.jsx +375 -802
- package/core/MeganavBlogPostsList/component.js +2 -1
- package/core/MeganavBlogPostsList/component.js.LICENSE.txt +1 -0
- package/core/MeganavContentCompany.jsx +295 -710
- package/core/MeganavContentDevelopers.jsx +13 -1
- package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +1 -1
- package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} +20 -44
- package/core/MeganavContentUseCases.jsx +4 -4
- package/core/MeganavItemsDesktop.jsx +2 -2
- package/core/MeganavItemsMobile.jsx +1 -1
- package/core/Notice/component.css +1 -1
- package/core/Uptime.jsx +289 -704
- package/core/images/best-support-2023.svg +1 -0
- package/core/images/fastest-implementation-2023.svg +1 -0
- package/core/images/high-performer-2023.svg +1 -0
- package/core/images/highest-user-adoption-2023.svg +1 -0
- package/core/scripts.js +2 -1
- package/core/scripts.js.LICENSE.txt +1 -0
- package/core/sprites.svg +29 -0
- package/core/styles.css +149 -59
- package/package.json +5 -5
- package/src/core/FeaturedLink/component.css +1 -1
- package/src/core/Footer/component.css +3 -3
- package/src/core/Footer/component.html.erb +12 -17
- package/src/core/Footer/component.jsx +15 -23
- package/src/core/Meganav/component.css +7 -7
- package/src/core/Meganav/component.json +1 -1
- package/src/core/Meganav/component.jsx +2 -2
- package/src/core/Meganav/component.rb +4 -4
- package/src/core/MeganavContentDevelopers/component.html.erb +9 -0
- package/src/core/MeganavContentDevelopers/component.jsx +9 -0
- package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +15 -33
- package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +18 -39
- package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
- package/src/core/MeganavContentUseCases/component.html.erb +4 -4
- package/src/core/MeganavContentUseCases/component.jsx +4 -4
- package/src/core/MeganavItemsDesktop/component.jsx +1 -1
- package/src/core/MeganavItemsDesktop/component.rb +1 -1
- package/src/core/Notice/component.css +1 -1
- package/src/core/core.rb +8 -4
- package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
- package/src/core/icons/icon-display-examples-col.svg +11 -0
- package/src/core/icons/icon-social-x.svg +3 -0
- package/src/core/images/best-support-2023.svg +1 -0
- package/src/core/images/fastest-implementation-2023.svg +1 -0
- package/src/core/images/high-performer-2023.svg +1 -0
- package/src/core/images/highest-user-adoption-2023.svg +1 -0
- package/src/core/styles/buttons.css +5 -5
- package/src/core/styles/forms.css +3 -3
- package/src/core/styles/properties.css +121 -31
- package/src/core/styles/text.css +20 -20
- package/tailwind.config.js +112 -33
- package/core/Meganav/component.js.LICENSE.txt +0 -7
- package/core/MeganavContentWhyAbly/component.js +0 -22
- package/core/MeganavContentWhyAbly.jsx +0 -3279
- package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
- package/core/Notice/component.js.LICENSE.txt +0 -9
- /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
.ui-checkbox-p1 {
|
|
3
|
-
@apply flex items-start mb-16 font-
|
|
3
|
+
@apply flex items-start mb-16 font-sans font-medium;
|
|
4
4
|
}
|
|
5
5
|
|
|
6
6
|
.ui-checkbox-p2 {
|
|
7
|
-
@apply flex items-start mb-12 font-
|
|
7
|
+
@apply flex items-start mb-12 font-sans font-medium;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.ui-checkbox-input {
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.ui-textarea {
|
|
52
|
-
@apply font-
|
|
52
|
+
@apply font-sans font-medium text-cool-black text-p1;
|
|
53
53
|
@apply p-input mb-16;
|
|
54
54
|
@apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
|
|
55
55
|
@apply hover:bg-white hover:shadow-input hover:border-transparent;
|
|
@@ -1,38 +1,132 @@
|
|
|
1
1
|
@layer base {
|
|
2
2
|
:root {
|
|
3
|
-
|
|
4
|
-
--color-
|
|
5
|
-
--color-
|
|
6
|
-
--color-
|
|
7
|
-
--color-
|
|
8
|
-
--color-
|
|
9
|
-
--color-
|
|
3
|
+
/* Neutral colors */
|
|
4
|
+
--color-neutral-000: #ffffff;
|
|
5
|
+
--color-neutral-100: #f8fafc;
|
|
6
|
+
--color-neutral-200: #f4f8fb;
|
|
7
|
+
--color-neutral-300: #edf1f7;
|
|
8
|
+
--color-neutral-400: #e2e7ef;
|
|
9
|
+
--color-neutral-500: #c6ced9;
|
|
10
|
+
--color-neutral-600: #adb6c2;
|
|
11
|
+
--color-neutral-700: #89929f;
|
|
12
|
+
--color-neutral-800: #667085;
|
|
13
|
+
--color-neutral-900: #39414e;
|
|
14
|
+
--color-neutral-1000: #2b303b;
|
|
15
|
+
--color-neutral-1100: #202531;
|
|
16
|
+
--color-neutral-1200: #141924;
|
|
17
|
+
--color-neutral-1300: #03020d;
|
|
18
|
+
|
|
19
|
+
/* Ably orange */
|
|
20
|
+
--color-orange-100: #fff5f1;
|
|
21
|
+
--color-orange-200: #ffe3d8;
|
|
22
|
+
--color-orange-300: #ffc4ae;
|
|
23
|
+
--color-orange-400: #ff9c79;
|
|
24
|
+
--color-orange-500: #ff723f;
|
|
25
|
+
--color-orange-600: #ff5416;
|
|
10
26
|
--color-orange-700: #ff2739;
|
|
11
|
-
--color-
|
|
12
|
-
--color-
|
|
13
|
-
--color-
|
|
14
|
-
--color-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
--color-
|
|
18
|
-
--color-
|
|
19
|
-
--color-
|
|
20
|
-
--color-
|
|
21
|
-
--color-
|
|
22
|
-
--color-
|
|
27
|
+
--color-orange-800: #e40000;
|
|
28
|
+
--color-orange-900: #b82202;
|
|
29
|
+
--color-orange-1000: #751500;
|
|
30
|
+
--color-orange-1100: #2a0b00;
|
|
31
|
+
|
|
32
|
+
/* Secondary colours */
|
|
33
|
+
--color-yellow-100: #fffbef;
|
|
34
|
+
--color-yellow-200: #fff0ba;
|
|
35
|
+
--color-yellow-300: #ffe27c;
|
|
36
|
+
--color-yellow-400: #ffd43d;
|
|
37
|
+
--color-yellow-500: #f8c100;
|
|
38
|
+
--color-yellow-600: #e8a700;
|
|
39
|
+
--color-yellow-700: #ac8600;
|
|
40
|
+
--color-yellow-800: #654f00;
|
|
41
|
+
--color-yellow-900: #291c01;
|
|
42
|
+
--color-green-100: #f1fff1;
|
|
43
|
+
--color-green-200: #b8ffbb;
|
|
44
|
+
--color-green-300: #80ff85;
|
|
45
|
+
--color-green-400: #08ff13;
|
|
46
|
+
--color-green-500: #00e80b;
|
|
47
|
+
--color-green-600: #00c008;
|
|
48
|
+
--color-green-700: #008e06;
|
|
49
|
+
--color-green-800: #005303;
|
|
50
|
+
--color-green-900: #002a02;
|
|
51
|
+
--color-blue-100: #f1fbff;
|
|
52
|
+
--color-blue-200: #b8eaff;
|
|
53
|
+
--color-blue-300: #80d9ff;
|
|
54
|
+
--color-blue-400: #4ad4ff;
|
|
55
|
+
--color-blue-500: #2cc0ff;
|
|
56
|
+
--color-blue-600: #00a5ec;
|
|
57
|
+
--color-blue-700: #0284cd;
|
|
58
|
+
--color-blue-800: #004b75;
|
|
59
|
+
--color-blue-900: #001b2a;
|
|
60
|
+
--color-violet-100: #f7f2fe;
|
|
61
|
+
--color-violet-200: #d8bcfb;
|
|
62
|
+
--color-violet-300: #b986f8;
|
|
63
|
+
--color-violet-400: #9951f5;
|
|
64
|
+
--color-violet-500: #7a1bf2;
|
|
65
|
+
--color-violet-600: #5f0bc9;
|
|
66
|
+
--color-violet-700: #460894;
|
|
67
|
+
--color-violet-800: #2d055e;
|
|
68
|
+
--color-violet-900: #130228;
|
|
69
|
+
--color-pink-100: #fff1fc;
|
|
70
|
+
--color-pink-200: #ffb8f1;
|
|
71
|
+
--color-pink-300: #ff80e6;
|
|
72
|
+
--color-pink-400: #ff47db;
|
|
73
|
+
--color-pink-500: #ff17d2;
|
|
74
|
+
--color-pink-600: #d400ab;
|
|
75
|
+
--color-pink-700: #9c007e;
|
|
76
|
+
--color-pink-800: #630050;
|
|
77
|
+
--color-pink-900: #2a0022;
|
|
78
|
+
|
|
79
|
+
/* GUI colours */
|
|
80
|
+
/* Note: The ‘Light and ‘Dark’ refers to the colour of the background on which the colour is used. */
|
|
81
|
+
--color-gui-blue-default-light: #006edc;
|
|
82
|
+
--color-gui-blue-hover-light: #0862b9;
|
|
83
|
+
--color-gui-blue-active-light: #074095;
|
|
84
|
+
--color-gui-blue-default-dark: #4da6ff;
|
|
85
|
+
--color-gui-blue-hover-dark: #2894ff;
|
|
86
|
+
--color-gui-blue-active-dark: #0080ff;
|
|
87
|
+
--color-gui-blue-focus: #80b9f2;
|
|
88
|
+
--color-gui-unavailable: #a8a8a8;
|
|
89
|
+
--color-gui-success-green: #11cb24;
|
|
90
|
+
--color-gui-error-red: #fb0c0c;
|
|
23
91
|
--color-gui-focus: #80b9f2;
|
|
24
92
|
--color-gui-focus-outline: #80b9f2;
|
|
25
93
|
--color-gui-visited: #4887c2;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
--color-
|
|
94
|
+
|
|
95
|
+
/* Colours replaced by neutral colours */
|
|
96
|
+
--color-white: var(--color-neutral-000);
|
|
97
|
+
--color-extra-light-grey: var(--color-neutral-100);
|
|
98
|
+
--color-light-grey: var(--color-neutral-200);
|
|
99
|
+
--color-mid-grey: var(--color-neutral-500);
|
|
100
|
+
--color-dark-grey: var(--color-neutral-800);
|
|
101
|
+
--color-charcoal-grey: var(--color-neutral-1000);
|
|
102
|
+
--color-cool-black: var(--color-neutral-1300);
|
|
103
|
+
|
|
104
|
+
/* Colours replaced by orange colours */
|
|
105
|
+
--color-active-orange: var(--color-orange-600);
|
|
106
|
+
--color-bright-red: var(--color-orange-700);
|
|
107
|
+
--color-red-orange: var(--color-orange-800);
|
|
108
|
+
|
|
109
|
+
/* Colours replaced by secondary colours */
|
|
110
|
+
--color-electric-cyan: var(--color-blue-400);
|
|
111
|
+
--color-zingy-green: var(--color-green-400);
|
|
112
|
+
--color-jazzy-pink: var(--color-pink-500);
|
|
113
|
+
|
|
114
|
+
/* Colours replaced by GUI colours */
|
|
115
|
+
--color-gui-default: var(--color-gui-blue-default-light);
|
|
116
|
+
--color-gui-hover: var(--color-gui-blue-hover-light);
|
|
117
|
+
--color-gui-active: var(--color-gui-blue-active-light);
|
|
118
|
+
--color-gui-error: var(--color-gui-error-red);
|
|
119
|
+
--color-gui-success: var(--color-gui-success-green);
|
|
120
|
+
--color-gui-default-dark: var(--color-gui-blue-default-dark);
|
|
121
|
+
--color-gui-hover-dark: var(--color-gui-blue-hover-dark);
|
|
122
|
+
--color-gui-active-dark: var(--color-gui-blue-active-dark);
|
|
29
123
|
|
|
30
124
|
/* code syntax: theme */
|
|
31
|
-
--syntax-black: var(--color-
|
|
32
|
-
--syntax-dark-grey: var(--color-
|
|
33
|
-
--syntax-mid-grey: var(--color-
|
|
34
|
-
--syntax-light-grey: var(--color-
|
|
35
|
-
--syntax-extra-light-grey: var(--color-
|
|
125
|
+
--syntax-black: var(--color-neutral-1300);
|
|
126
|
+
--syntax-dark-grey: var(--color-neutral-800);
|
|
127
|
+
--syntax-mid-grey: var(--color-neutral-500);
|
|
128
|
+
--syntax-light-grey: var(--color-neutral-200);
|
|
129
|
+
--syntax-extra-light-grey: var(--color-neutral-100);
|
|
36
130
|
--syntax-orange: #e78c45;
|
|
37
131
|
--syntax-yellow: #e7c547;
|
|
38
132
|
--syntax-blue: #3490ec;
|
|
@@ -40,10 +134,6 @@
|
|
|
40
134
|
--syntax-red: #d54e53;
|
|
41
135
|
--syntax-lilac: #bb87d3;
|
|
42
136
|
|
|
43
|
-
/* New Neutral colors */
|
|
44
|
-
--color-neutral-900: #39414e;
|
|
45
|
-
--color-neutral-500: #c6ced9;
|
|
46
|
-
|
|
47
137
|
/* uptime status colors */
|
|
48
138
|
--uptime-color-up: #39b54a;
|
|
49
139
|
--uptime-color-trouble: #e87623;
|
package/src/core/styles/text.css
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
.ui-text-title {
|
|
3
|
-
@apply font-
|
|
3
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
4
4
|
@apply text-title-xs xs:text-title xl:text-title-xl;
|
|
5
5
|
@apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.ui-text-h1 {
|
|
9
|
-
@apply font-
|
|
9
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
10
10
|
@apply text-h1-xs xs:text-h1 xl:text-h1-xl;
|
|
11
11
|
@apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.ui-text-h2 {
|
|
15
|
-
@apply font-
|
|
15
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
16
16
|
@apply text-h2-xs xs:text-h2 xl:text-h2-xl;
|
|
17
17
|
@apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
.ui-text-h3 {
|
|
21
|
-
@apply font-
|
|
21
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
22
22
|
@apply text-h3;
|
|
23
23
|
@apply tracking-tighten-0.005;
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
.ui-text-h4 {
|
|
27
|
-
@apply font-
|
|
27
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
28
28
|
@apply text-h4;
|
|
29
29
|
@apply tracking-tighten-0.0015;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.ui-text-h5 {
|
|
33
|
-
@apply font-
|
|
33
|
+
@apply font-sans font-extrabold text-cool-black;
|
|
34
34
|
@apply text-h5;
|
|
35
35
|
@apply tracking-tighten-0.0025;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
.ui-text-p1 {
|
|
39
|
-
@apply font-
|
|
39
|
+
@apply font-sans font-medium text-charcoal-grey;
|
|
40
40
|
@apply text-p1;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.ui-text-p2 {
|
|
44
|
-
@apply font-
|
|
44
|
+
@apply font-sans font-medium text-charcoal-grey;
|
|
45
45
|
@apply text-p2;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.ui-text-p3 {
|
|
49
|
-
@apply font-
|
|
49
|
+
@apply font-sans font-medium text-charcoal-grey;
|
|
50
50
|
@apply text-p3;
|
|
51
51
|
}
|
|
52
52
|
|
|
@@ -57,53 +57,53 @@
|
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
.ui-text-quote {
|
|
60
|
-
@apply font-
|
|
60
|
+
@apply font-sans font-normal text-cool-black;
|
|
61
61
|
@apply text-quote leading-normal;
|
|
62
62
|
@apply tracking-tighten-0.0015;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
65
|
.ui-text-sub-header {
|
|
66
|
-
@apply font-
|
|
66
|
+
@apply font-sans font-semibold text-neutral-800;
|
|
67
67
|
@apply text-sub-header-xs xs:text-sub-header leading-normal;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.ui-text-overline1 {
|
|
71
|
-
@apply font-
|
|
71
|
+
@apply font-mono font-medium text-active-orange uppercase;
|
|
72
72
|
@apply text-overline1 leading-normal;
|
|
73
73
|
@apply tracking-widen-0.16;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
76
|
.ui-text-overline2 {
|
|
77
|
-
@apply font-
|
|
77
|
+
@apply font-mono font-medium text-active-orange uppercase;
|
|
78
78
|
@apply text-overline2 leading-normal;
|
|
79
79
|
@apply tracking-widen-0.16;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.ui-text-menu1 {
|
|
83
|
-
@apply font-
|
|
83
|
+
@apply font-sans font-medium text-cool-black;
|
|
84
84
|
@apply text-menu1 leading-snug;
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
.ui-text-menu2 {
|
|
88
|
-
@apply font-
|
|
88
|
+
@apply font-sans font-medium text-cool-black;
|
|
89
89
|
@apply text-menu2 leading-snug;
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.ui-text-menu3 {
|
|
93
|
-
@apply font-
|
|
93
|
+
@apply font-sans font-medium text-cool-black;
|
|
94
94
|
@apply text-menu3 leading-snug;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.ui-text-code {
|
|
98
|
-
@apply font-
|
|
98
|
+
@apply font-mono font-medium text-code;
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
.ui-text-code2 {
|
|
102
|
-
@apply font-
|
|
102
|
+
@apply font-mono font-medium text-code2;
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
.ui-text-code-inline {
|
|
106
|
-
@apply font-
|
|
106
|
+
@apply font-mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
.ui-unordered-list {
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
|
|
140
140
|
.ui-ordered-list li,
|
|
141
141
|
.ui-unordered-list li {
|
|
142
|
-
@apply font-medium font-
|
|
142
|
+
@apply font-medium font-sans tracking-widen-0;
|
|
143
143
|
line-height: var(--lh-extra-relaxed);
|
|
144
144
|
}
|
|
145
145
|
|
package/tailwind.config.js
CHANGED
|
@@ -57,47 +57,126 @@ module.exports = {
|
|
|
57
57
|
code2: ["var(--fs-code2)", "var(--lh-dense)"],
|
|
58
58
|
},
|
|
59
59
|
colors: {
|
|
60
|
-
|
|
61
|
-
"
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
60
|
+
"neutral-100": "var(--color-neutral-100)",
|
|
61
|
+
"neutral-200": "var(--color-neutral-200)",
|
|
62
|
+
"neutral-300": "var(--color-neutral-300)",
|
|
63
|
+
"neutral-400": "var(--color-neutral-400)",
|
|
64
|
+
"neutral-500": "var(--color-neutral-500)",
|
|
65
|
+
"neutral-600": "var(--color-neutral-600)",
|
|
66
|
+
"neutral-700": "var(--color-neutral-700)",
|
|
67
|
+
"neutral-800": "var(--color-neutral-800)",
|
|
68
|
+
"neutral-900": "var(--color-neutral-900)",
|
|
69
|
+
"neutral-1000": "var(--color-neutral-1000)",
|
|
70
|
+
"neutral-1100": "var(--color-neutral-1100)",
|
|
71
|
+
"neutral-1200": "var(--color-neutral-1200)",
|
|
72
|
+
"neutral-1300": "var(--color-neutral-1300)",
|
|
73
|
+
|
|
74
|
+
"orange-100": "var(--color-orange-100)",
|
|
75
|
+
"orange-200": "var(--color-orange-200)",
|
|
76
|
+
"orange-300": "var(--color-orange-300)",
|
|
77
|
+
"orange-400": "var(--color-orange-400)",
|
|
78
|
+
"orange-500": "var(--color-orange-500)",
|
|
79
|
+
"orange-600": "var(--color-orange-600)",
|
|
80
|
+
"orange-700": "var(--color-orange-700)",
|
|
81
|
+
"orange-800": "var(--color-orange-800)",
|
|
82
|
+
"orange-900": "var(--color-orange-900)",
|
|
83
|
+
"orange-1000": "var(--color-orange-1000)",
|
|
84
|
+
"orange-1100": "var(--color-orange-1100)",
|
|
85
|
+
|
|
86
|
+
"yellow-100": "var(--color-yellow-100)",
|
|
87
|
+
"yellow-200": "var(--color-yellow-200)",
|
|
88
|
+
"yellow-300": "var(--color-yellow-300)",
|
|
89
|
+
"yellow-400": "var(--color-yellow-400)",
|
|
90
|
+
"yellow-500": "var(--color-yellow-500)",
|
|
91
|
+
"yellow-600": "var(--color-yellow-600)",
|
|
92
|
+
"yellow-700": "var(--color-yellow-700)",
|
|
93
|
+
"yellow-800": "var(--color-yellow-800)",
|
|
94
|
+
"yellow-900": "var(--color-yellow-900)",
|
|
95
|
+
"green-100": "var(--color-green-100)",
|
|
96
|
+
"green-200": "var(--color-green-200)",
|
|
97
|
+
"green-300": "var(--color-green-300)",
|
|
98
|
+
"green-400": "var(--color-green-400)",
|
|
99
|
+
"green-500": "var(--color-green-500)",
|
|
100
|
+
"green-600": "var(--color-green-600)",
|
|
101
|
+
"green-700": "var(--color-green-700)",
|
|
102
|
+
"green-800": "var(--color-green-800)",
|
|
103
|
+
"green-900": "var(--color-green-900)",
|
|
104
|
+
"blue-100": "var(--color-blue-100)",
|
|
105
|
+
"blue-200": "var(--color-blue-200)",
|
|
106
|
+
"blue-300": "var(--color-blue-300)",
|
|
107
|
+
"blue-400": "var(--color-blue-400)",
|
|
108
|
+
"blue-500": "var(--color-blue-500)",
|
|
109
|
+
"blue-600": "var(--color-blue-600)",
|
|
110
|
+
"blue-700": "var(--color-blue-700)",
|
|
111
|
+
"blue-800": "var(--color-blue-800)",
|
|
112
|
+
"blue-900": "var(--color-blue-900)",
|
|
113
|
+
"violet-100": "var(--color-violet-100)",
|
|
114
|
+
"violet-200": "var(--color-violet-200)",
|
|
115
|
+
"violet-300": "var(--color-violet-300)",
|
|
116
|
+
"violet-400": "var(--color-violet-400)",
|
|
117
|
+
"violet-500": "var(--color-violet-500)",
|
|
118
|
+
"violet-600": "var(--color-violet-600)",
|
|
119
|
+
"violet-700": "var(--color-violet-700)",
|
|
120
|
+
"violet-800": "var(--color-violet-800)",
|
|
121
|
+
"violet-900": "var(--color-violet-900)",
|
|
122
|
+
"pink-100": "var(--color-pink-100)",
|
|
123
|
+
"pink-200": "var(--color-pink-200)",
|
|
124
|
+
"pink-300": "var(--color-pink-300)",
|
|
125
|
+
"pink-400": "var(--color-pink-400)",
|
|
126
|
+
"pink-500": "var(--color-pink-500)",
|
|
127
|
+
"pink-600": "var(--color-pink-600)",
|
|
128
|
+
"pink-700": "var(--color-pink-700)",
|
|
129
|
+
"pink-800": "var(--color-pink-800)",
|
|
130
|
+
"pink-900": "var(--color-pink-900)",
|
|
131
|
+
|
|
132
|
+
"gui-blue-default-light": "var(--color-gui-blue-default-light)",
|
|
133
|
+
"gui-blue-hover-light": "var(--color-gui-blue-hover-light)",
|
|
134
|
+
"gui-blue-active-light": "var(--color-gui-blue-active-light)",
|
|
135
|
+
"gui-blue-default-dark": "var(--color-gui-blue-default-dark)",
|
|
136
|
+
"gui-blue-hover-dark": "var(--color-gui-blue-hover-dark)",
|
|
137
|
+
"gui-blue-active-dark": "var(--color-gui-blue-active-dark)",
|
|
138
|
+
"gui-blue-focus": "var(--color-gui-blue-focus)",
|
|
139
|
+
"gui-unavailable": "var(--color-gui-unavailable)",
|
|
140
|
+
"gui-success-green": "var(--color-gui-success-green)",
|
|
141
|
+
"gui-error-red": "var(--color-gui-error-red)",
|
|
81
142
|
"gui-focus": "var(--color-gui-focus)",
|
|
82
143
|
"gui-focus-outline": "var(--color-gui-focus-outline)",
|
|
83
144
|
|
|
84
|
-
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
145
|
+
transparent: "transparent",
|
|
146
|
+
"cool-black": "var(--color-neutral-1300)",
|
|
147
|
+
"active-orange": "var(--color-orange-600)",
|
|
148
|
+
"red-orange": "var(--color-orange-800)",
|
|
149
|
+
white: "var(--color-neutral-000)",
|
|
150
|
+
"electric-cyan": "var(--color-blue-400)",
|
|
151
|
+
"zingy-green": "var(--color-green-400)",
|
|
152
|
+
"bright-red": "var(--color-orange-700)",
|
|
153
|
+
"jazzy-pink": "var(--color-pink-500)",
|
|
154
|
+
"extra-light-grey": "var(--color-neutral-100)",
|
|
155
|
+
"light-grey": "var(--color-neutral-200)",
|
|
156
|
+
"mid-grey": "var(--color-neutral-500)",
|
|
157
|
+
"dark-grey": "var(--color-neutral-800)",
|
|
158
|
+
"charcoal-grey": "var(--color-neutral-1000)",
|
|
159
|
+
"gui-default": "var(--color-gui-blue-default-light)",
|
|
160
|
+
"gui-hover": "var(--color-gui-blue-hover-light)",
|
|
161
|
+
"gui-active": "var(--color-gui-blue-active-light)",
|
|
162
|
+
"gui-default-dark": "var(--color-gui-blue-default-dark)",
|
|
163
|
+
"gui-hover-dark": "var(--color-gui-blue-hover-dark)",
|
|
164
|
+
"gui-active-dark": "var(--color-gui-blue-active-dark)",
|
|
165
|
+
"gui-alt": "var(--color-neutral-1300)",
|
|
166
|
+
"gui-error": "var(--color-gui-error-red)",
|
|
167
|
+
"gui-success": "var(--color-gui-success-green)",
|
|
88
168
|
"icon-linkedin": "var(--icon-color-linkedin)",
|
|
89
169
|
"icon-twitter": "var(--icon-color-twitter)",
|
|
90
170
|
"icon-glassdoor": "var(--icon-color-glassdoor)",
|
|
91
171
|
"icon-github": "var(--icon-color-github)",
|
|
92
172
|
"icon-discord": "var(--icon-color-discord)",
|
|
93
|
-
"neutral-900": "var(--color-neutral-900)",
|
|
94
|
-
"neutral-500": "var(--color-neutral-500)",
|
|
95
173
|
},
|
|
96
174
|
fontFamily: {
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
175
|
+
sans_next: ["NEXT Book", "Arial", "Helvetica", "sans-serif"],
|
|
176
|
+
serif: ["ui-serif", "Georgia", "Cambria", "Times New Roman", "Times", "serif"],
|
|
177
|
+
mono_source_code: ["Source Code Pro", "Courier", "monospace"],
|
|
178
|
+
sans: ["Manrope", "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
|
|
179
|
+
mono: ["JetBrains Mono", "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace"],
|
|
101
180
|
},
|
|
102
181
|
margin: (theme, { negative }) => ({
|
|
103
182
|
auto: "auto",
|
|
@@ -155,7 +234,7 @@ module.exports = {
|
|
|
155
234
|
...breakpoints(theme("screens")),
|
|
156
235
|
}),
|
|
157
236
|
boxShadow: {
|
|
158
|
-
subtle: "0px 1px 0px var(--color-
|
|
237
|
+
subtle: "0px 1px 0px var(--color-neutral-500)",
|
|
159
238
|
tooltip: "0px 5px 10px 0px #00000022",
|
|
160
239
|
container: "0px 40px 40px rgba(0, 0, 0, 0.1)",
|
|
161
240
|
"container-subtle": "0px 16px 64px rgba(0, 0, 0, 0.1)",
|
|
@@ -201,7 +280,7 @@ module.exports = {
|
|
|
201
280
|
},
|
|
202
281
|
outline: {
|
|
203
282
|
"gui-focus": "1.5px solid var(--color-gui-focus-outline)",
|
|
204
|
-
"gui-focus-neutral": "2px solid var(--color-
|
|
283
|
+
"gui-focus-neutral": "2px solid var(--color-neutral-000)",
|
|
205
284
|
},
|
|
206
285
|
width: {
|
|
207
286
|
"extend-8": "calc(100% + var(--spacing-8))",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* @overview es6-promise - a tiny implementation of Promises/A+.
|
|
3
|
-
* @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
|
|
4
|
-
* @license Licensed under MIT license
|
|
5
|
-
* See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
|
|
6
|
-
* @version v4.2.8+1e68dce6
|
|
7
|
-
*/
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
-
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
-
module.exports = factory();
|
|
4
|
-
else if(typeof define === 'function' && define.amd)
|
|
5
|
-
define([], factory);
|
|
6
|
-
else if(typeof exports === 'object')
|
|
7
|
-
exports["AblyUi"] = factory();
|
|
8
|
-
else
|
|
9
|
-
root["AblyUi"] = root["AblyUi"] || {}, root["AblyUi"]["Core"] = root["AblyUi"]["Core"] || {}, root["AblyUi"]["Core"]["MeganavContentWhyAbly"] = factory();
|
|
10
|
-
})(this, function() {
|
|
11
|
-
return /******/ (() => { // webpackBootstrap
|
|
12
|
-
var __webpack_exports__ = {};
|
|
13
|
-
/*!*****************************************************!*\
|
|
14
|
-
!*** ./src/core/MeganavContentWhyAbly/component.js ***!
|
|
15
|
-
\*****************************************************/
|
|
16
|
-
|
|
17
|
-
__webpack_exports__ = __webpack_exports__.default;
|
|
18
|
-
/******/ return __webpack_exports__;
|
|
19
|
-
/******/ })()
|
|
20
|
-
;
|
|
21
|
-
});
|
|
22
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly9BYmx5VWkuQ29yZS5bbmFtZV0vd2VicGFjay91bml2ZXJzYWxNb2R1bGVEZWZpbml0aW9uIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQSx1Q0FBdUMsdURBQXVEO0FBQzlGLENBQUM7QUFDRCxPIiwiZmlsZSI6ImNvcmUvTWVnYW5hdkNvbnRlbnRXaHlBYmx5L2NvbXBvbmVudC5qcyIsInNvdXJjZXNDb250ZW50IjpbIihmdW5jdGlvbiB3ZWJwYWNrVW5pdmVyc2FsTW9kdWxlRGVmaW5pdGlvbihyb290LCBmYWN0b3J5KSB7XG5cdGlmKHR5cGVvZiBleHBvcnRzID09PSAnb2JqZWN0JyAmJiB0eXBlb2YgbW9kdWxlID09PSAnb2JqZWN0Jylcblx0XHRtb2R1bGUuZXhwb3J0cyA9IGZhY3RvcnkoKTtcblx0ZWxzZSBpZih0eXBlb2YgZGVmaW5lID09PSAnZnVuY3Rpb24nICYmIGRlZmluZS5hbWQpXG5cdFx0ZGVmaW5lKFtdLCBmYWN0b3J5KTtcblx0ZWxzZSBpZih0eXBlb2YgZXhwb3J0cyA9PT0gJ29iamVjdCcpXG5cdFx0ZXhwb3J0c1tcIkFibHlVaVwiXSA9IGZhY3RvcnkoKTtcblx0ZWxzZVxuXHRcdHJvb3RbXCJBYmx5VWlcIl0gPSByb290W1wiQWJseVVpXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXSA9IHJvb3RbXCJBYmx5VWlcIl1bXCJDb3JlXCJdIHx8IHt9LCByb290W1wiQWJseVVpXCJdW1wiQ29yZVwiXVtcIk1lZ2FuYXZDb250ZW50V2h5QWJseVwiXSA9IGZhY3RvcnkoKTtcbn0pKHRoaXMsIGZ1bmN0aW9uKCkge1xucmV0dXJuICJdLCJzb3VyY2VSb290IjoiIn0=
|