@ably/ui 8.7.0-dev.681c3bf → 8.7.0-dev.69d187a

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.
Files changed (25) hide show
  1. package/core/Code/component.css +0 -2
  2. package/core/Meganav.jsx +15 -39
  3. package/core/MeganavContentPlatform.jsx +12 -36
  4. package/core/MeganavContentUseCases.jsx +3 -3
  5. package/core/styles.css +71 -104
  6. package/package.json +1 -1
  7. package/src/core/MeganavContentPlatform/component.html.erb +12 -30
  8. package/src/core/MeganavContentPlatform/component.jsx +10 -31
  9. package/src/core/MeganavContentUseCases/component.html.erb +3 -3
  10. package/src/core/MeganavContentUseCases/component.jsx +3 -3
  11. package/src/core/styles/buttons.css +5 -5
  12. package/src/core/styles/forms.css +4 -4
  13. package/src/core/styles/properties.css +30 -45
  14. package/src/core/styles/text.css +32 -50
  15. package/src/core/utils/syntax-highlighter.css +0 -2
  16. package/tailwind.config.js +2 -18
  17. package/core/Meganav/component.js.LICENSE.txt +0 -7
  18. package/core/MeganavContentWhyAbly/component.js +0 -22
  19. package/core/MeganavContentWhyAbly.jsx +0 -3279
  20. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  21. package/core/Notice/component.js.LICENSE.txt +0 -9
  22. package/core/fonts/jetBrains-mono.css +0 -3
  23. package/core/fonts/manrope.css +0 -3
  24. package/src/core/fonts/jetBrains-mono.css +0 -3
  25. package/src/core/fonts/manrope.css +0 -3
package/src/core/MeganavContentPlatform/component.jsx CHANGED
@@ -24,49 +24,28 @@ const MeganavContentPlatform = ({ paths, absUrl }) => (
24
24
 
25
25
  <div className="col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
26
26
  <h3 className="ui-meganav-overline" id="meganav-platform-panel-list-examples">
27
- Our Examples
27
+ Products
28
28
  </h3>
29
29
  <ul className="mb-16" aria-labelledby="meganav-platform-panel-list-examples">
30
30
  <li>
31
- <a href={absUrl("/examples/avatar-stack")} className="group ui-meganav-media">
32
- <p className="ui-meganav-media-heading">Avatar Stack</p>
33
- <p className="ui-meganav-media-copy">See who is connected in a digital space.</p>
31
+ <a href={absUrl("/solutions/channels")} className="group ui-meganav-media">
32
+ <p className="ui-meganav-media-heading">Pub/Sub Channels</p>
33
+ <p className="ui-meganav-media-copy">Build infinitely scalable realtime applications.</p>
34
34
  </a>
35
35
  </li>
36
36
  <li>
37
- <a href={absUrl("/examples/emoji-reactions")} className="ui-meganav-media group">
38
- <p className="ui-meganav-media-heading">Emoji Reactions</p>
39
- <p className="ui-meganav-media-copy">React with an emoji to a message.</p>
37
+ <a href={absUrl("/spaces")} className="group ui-meganav-media">
38
+ <p className="ui-meganav-media-heading">Spaces (Beta)</p>
39
+ <p className="ui-meganav-media-copy">Create multi-user collaborative environments.</p>
40
40
  </a>
41
41
  </li>
42
42
  <li>
43
- <a href={absUrl("/examples/activity-feed")} className="ui-meganav-media group">
44
- <p className="ui-meganav-media-heading">Activity Feed</p>
45
- <p className="ui-meganav-media-copy">Display a list of user actions in realtime.</p>
46
- </a>
47
- </li>
48
- <li>
49
- <a href={absUrl("/examples/live-cursors")} className="ui-meganav-media group">
50
- <p className="ui-meganav-media-heading">Live Cursors</p>
51
- <p className="ui-meganav-media-copy">Track all cursors in realtime.</p>
52
- </a>
53
- </li>
54
- <li>
55
- <a href={absUrl("/examples/typing-indicator")} className="ui-meganav-media group">
56
- <p className="ui-meganav-media-heading">Typing Indicator</p>
57
- <p className="ui-meganav-media-copy">See when a user is typing a message.</p>
58
- </a>
59
- </li>
60
- <li>
61
- <a href={absUrl("/examples/chat-admin-privileges")} className="ui-meganav-media group">
62
- <p className="ui-meganav-media-heading">Chat Admin Privileges</p>
63
- <p className="ui-meganav-media-copy">Control who can take admin actions in a digital space.</p>
43
+ <a href={absUrl("/livesync")} className="group ui-meganav-media">
44
+ <p className="ui-meganav-media-heading">LiveSync (Beta)</p>
45
+ <p className="ui-meganav-media-copy">Build stateful interactive applications.</p>
64
46
  </a>
65
47
  </li>
66
48
  </ul>
67
- <FeaturedLink url={absUrl("/examples")} textSize="text-p3">
68
- Explore all live examples
69
- </FeaturedLink>
70
49
  </div>
71
50
 
72
51
  <div className="col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white">
package/src/core/MeganavContentUseCases/component.html.erb CHANGED
@@ -53,11 +53,11 @@
53
53
  <% end %>
54
54
  </li>
55
55
  <li>
56
- <%= link_to abs_url("/solutions/extend-kafka-to-the-edge"), class: "ui-meganav-media-with-image group" do %>
56
+ <%= link_to abs_url("/solutions/asset-tracking"), class: "ui-meganav-media-with-image group" do %>
57
57
  <%= render(AblyUi::Core::Icon.new(name: "icon-display-kafka-at-the-edge-col", size: "2.5rem")) %>
58
58
  <div class="flex flex-col justify-center">
59
- <p class="ui-meganav-media-heading">Extend Kafka to the edge</p>
60
- <p class="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
59
+ <p class="ui-meganav-media-heading">Asset Tracking (Beta)</p>
60
+ <p class="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
61
61
  </div>
62
62
  <% end %>
63
63
  </li>
package/src/core/MeganavContentUseCases/component.jsx CHANGED
@@ -58,11 +58,11 @@ const MeganavContentUseCases = ({ absUrl }) => (
58
58
  </a>
59
59
  </li>
60
60
  <li>
61
- <a href={absUrl("/solutions/extend-kafka-to-the-edge")} className="ui-meganav-media-with-image group">
61
+ <a href={absUrl("/solutions/asset-tracking")} className="ui-meganav-media-with-image group">
62
62
  <Icon name="icon-display-kafka-at-the-edge-col" size="2.5rem" />
63
63
  <div className="flex flex-col justify-center">
64
- <p className="ui-meganav-media-heading">Extend Kafka to the edge</p>
65
- <p className="ui-meganav-media-copy">Reliably expand Kafka’s event streaming beyond your private network.</p>
64
+ <p className="ui-meganav-media-heading">Asset Tracking (Beta)</p>
65
+ <p className="ui-meganav-media-copy">Track assets in realtime with a solution optimised for last mile logistics.</p>
66
66
  </div>
67
67
  </a>
68
68
  </li>
package/src/core/styles/buttons.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer components {
2
2
  .ui-btn {
3
- @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block rounded p-btn;
3
+ @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block rounded p-btn;
4
4
  @apply hover:text-white hover:bg-active-orange;
5
5
  @apply active:text-white active:bg-red-orange;
6
6
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -24,7 +24,7 @@
24
24
  background-size: 200% 100%;
25
25
  background-position: 0% 0%;
26
26
 
27
- @apply text-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
27
+ @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
28
28
  @apply focus:outline-gui-focus;
29
29
  @apply inline-flex items-center justify-center;
30
30
  }
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  .ui-btn-invert {
43
- @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block rounded p-btn;
43
+ @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block rounded p-btn;
44
44
  @apply hover:text-white hover:bg-active-orange;
45
45
  @apply active:text-white active:bg-red-orange;
46
46
  @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .ui-btn-secondary {
53
- @apply text-cool-black bg-white text-btn2 font-manrope font-bold inline-block border-btn border-cool-black rounded p-btn;
53
+ @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block border-btn border-cool-black rounded p-btn;
54
54
  @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
55
55
  @apply active:border-red-orange active:bg-white;
56
56
  @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
@@ -60,7 +60,7 @@
60
60
  }
61
61
 
62
62
  .ui-btn-secondary-invert {
63
- @apply text-white bg-cool-black text-btn2 font-manrope font-bold inline-block border-btn border-mid-grey rounded p-btn;
63
+ @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block border-btn border-mid-grey rounded p-btn;
64
64
  @apply hover:text-white hover:border-active-orange;
65
65
  @apply active:border-red-orange;
66
66
  @apply focus:outline-gui-focus;
package/src/core/styles/forms.css CHANGED
@@ -1,10 +1,10 @@
1
1
  @layer components {
2
2
  .ui-checkbox-p1 {
3
- @apply flex items-start mb-16 font-manrope font-medium;
3
+ @apply flex items-start mb-16 font-sans;
4
4
  }
5
5
 
6
6
  .ui-checkbox-p2 {
7
- @apply flex items-start mb-12 font-manrope font-medium;
7
+ @apply flex items-start mb-12 font-sans;
8
8
  }
9
9
 
10
10
  .ui-checkbox-input {
@@ -28,7 +28,7 @@
28
28
 
29
29
  .ui-checkbox-label-p2 {
30
30
  @apply select-none;
31
- @apply text-p2 font-medium text-cool-black;
31
+ @apply text-p2 font-light text-cool-black;
32
32
  }
33
33
 
34
34
  .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -49,7 +49,7 @@
49
49
  }
50
50
 
51
51
  .ui-textarea {
52
- @apply font-manrope font-medium text-cool-black text-p1;
52
+ @apply font-sans font-light 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;
package/src/core/styles/properties.css CHANGED
@@ -4,23 +4,20 @@
4
4
  --color-active-orange: #ff5416;
5
5
  --color-red-orange: #e40000;
6
6
  --color-white: #ffffff;
7
- --color-electric-cyan: #4ad4ff;
7
+ --color-electric-cyan: #4af7ff;
8
8
  --color-zingy-green: #08ff13;
9
- --color-bright-red: #fe372b;
9
+ --color-bright-red: #ff2739;
10
10
  --color-jazzy-pink: #ff17d2;
11
- --color-extra-light-grey: #f8fafc;
12
- --color-light-grey: #f4f8fb;
13
- --color-mid-grey: #c6ced9;
14
- --color-dark-grey: #667085;
15
- --color-charcoal-grey: #2b303b;
16
- --color-gui-default: #006edc;
17
- --color-gui-hover: #0862b9;
18
- --color-gui-active: #074095;
19
- --color-gui-default-dark: #4da6ff;
20
- --color-gui-hover-dark: #2894ff;
21
- --color-gui-active-dark: #0080ff;
22
- --color-gui-focus: #80b9f2;
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;
23
19
  --color-gui-focus-outline: #80b9f2;
20
+ --color-gui-active: #074095;
24
21
  --color-gui-visited: #4887c2;
25
22
  --color-gui-unavailable: #a8a8a8;
26
23
  --color-gui-error: #fb0c0c;
@@ -39,10 +36,6 @@
39
36
  --syntax-red: #d54e53;
40
37
  --syntax-lilac: #bb87d3;
41
38
 
42
- /* New Neutral colors */
43
- --color-neutral-900: #39414e;
44
- --color-neutral-500: #c6ced9;
45
-
46
39
  /* uptime status colors */
47
40
  --uptime-color-up: #39b54a;
48
41
  --uptime-color-trouble: #e87623;
@@ -81,39 +74,34 @@
81
74
  var(--color-jazzy-pink) 100%
82
75
  );
83
76
 
84
- --fs-title-xl: 3rem;
85
- --fs-title: 2.75rem;
86
- --fs-title-xs: 2.5rem;
87
- --fs-h1-xl: 2.5rem;
88
- --fs-h1: 2.25rem;
89
- --fs-h1-xs: 2rem;
90
-
91
- --fs-h2-xl: 2.125rem;
77
+ --fs-title-xl: 4rem;
78
+ --fs-title: 3.5rem;
79
+ --fs-title-xs: 3rem;
80
+ --fs-h1-xl: 3.5rem;
81
+ --fs-h1: 3rem;
82
+ --fs-h1-xs: 2.625rem;
83
+ --fs-h2-xl: 2.5rem;
92
84
  --fs-h2: 2rem;
93
- --fs-h2-xs: 1.75rem;
94
-
85
+ --fs-h2-xs: 1.875rem;
95
86
  --fs-h3: 1.5rem;
96
- --fs-h4: 1.25rem;
97
- --fs-h5: 1rem;
98
-
99
- --fs-p1: 1rem;
100
- --fs-p2: 0.938rem;
87
+ --fs-h4: 1.125rem;
88
+ --fs-p1: 1.125rem;
89
+ --fs-p2: 1rem;
101
90
  --fs-p3: 0.875rem;
102
91
  --fs-standfirst-xl: 2.25rem;
103
92
  --fs-standfirst: 1.5rem;
104
- --fs-sub-header: 1.125rem;
105
- --fs-sub-header-xs: 1.063rem;
93
+ --fs-sub-header: 1.5rem;
94
+ --fs-sub-header-xs: 1.125rem;
106
95
  --fs-overline1: 1rem;
107
96
  --fs-overline2: 0.875rem;
108
- --fs-btn1: 1rem;
109
- --fs-btn2: 0.938rem;
97
+ --fs-btn1: 1.125rem;
98
+ --fs-btn2: 1rem;
110
99
  --fs-btn3: 0.875rem;
111
- --fs-menu1: 1rem;
112
- --fs-menu2: 0.938rem;
100
+ --fs-menu1: 1.125rem;
101
+ --fs-menu2: 1rem;
113
102
  --fs-menu3: 0.875rem;
114
- --fs-quote: 1.25rem;
115
- --fs-code: 0.938rem;
116
- --fs-code2: 0.813rem;
103
+ --fs-quote: 1.5rem;
104
+ --fs-code: 0.875rem;
117
105
 
118
106
  --lh-dense: 1;
119
107
  --lh-tight: 1.125;
@@ -127,9 +115,7 @@
127
115
  --ls-tighten-0_01: -0.01em;
128
116
  --ls-tighten-0_005: -0.005em;
129
117
  --ls-tighten-0_0025: -0.0025em;
130
- --ls-tighten-0_0015: -0.0015em;
131
118
  --ls-widen-0_1: 0.1em;
132
- --ls-widen-0_16: 0.16em;
133
119
  --ls-widen-0_15: 0.15em;
134
120
 
135
121
  --spacing-0: 0px;
@@ -144,7 +130,6 @@
144
130
  --spacing-20: 1.25rem;
145
131
  --spacing-24: 1.5rem;
146
132
  --spacing-32: 2rem;
147
- --spacing-36: 2.25rem;
148
133
  --spacing-40: 2.5rem;
149
134
  --spacing-48: 3rem;
150
135
  --spacing-64: 4rem;
package/src/core/styles/text.css CHANGED
@@ -1,52 +1,46 @@
1
1
  @layer components {
2
2
  .ui-text-title {
3
- @apply font-manrope font-extrabold text-cool-black;
3
+ @apply font-sans font-medium text-cool-black;
4
4
  @apply text-title-xs xs:text-title xl:text-title-xl;
5
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
5
+ @apply tracking-tighten-0.01 xs:tracking-tighten-0.015 xl:tracking-tighten-0.02;
6
6
  }
7
7
 
8
8
  .ui-text-h1 {
9
- @apply font-manrope font-extrabold text-cool-black;
9
+ @apply font-sans font-medium text-cool-black;
10
10
  @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
11
- @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
11
+ @apply tracking-tighten-0.01;
12
12
  }
13
13
 
14
14
  .ui-text-h2 {
15
- @apply font-manrope font-extrabold text-cool-black;
15
+ @apply font-sans font-medium text-cool-black;
16
16
  @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
17
- @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
17
+ @apply tracking-tighten-0.005;
18
18
  }
19
19
 
20
20
  .ui-text-h3 {
21
- @apply font-manrope font-extrabold text-cool-black;
21
+ @apply font-sans font-medium text-cool-black;
22
22
  @apply text-h3;
23
- @apply tracking-tighten-0.005;
23
+ @apply tracking-tighten-0.0025;
24
24
  }
25
25
 
26
26
  .ui-text-h4 {
27
- @apply font-manrope font-extrabold text-cool-black;
27
+ @apply font-sans font-medium text-cool-black;
28
28
  @apply text-h4;
29
- @apply tracking-tighten-0.0015;
30
- }
31
-
32
- .ui-text-h5 {
33
- @apply font-manrope font-extrabold text-cool-black;
34
- @apply text-h5;
35
- @apply tracking-tighten-0.0025;
29
+ @apply tracking-widen-0.1;
36
30
  }
37
31
 
38
32
  .ui-text-p1 {
39
- @apply font-manrope font-medium text-charcoal-grey;
33
+ @apply font-sans font-light text-charcoal-grey;
40
34
  @apply text-p1;
41
35
  }
42
36
 
43
37
  .ui-text-p2 {
44
- @apply font-manrope font-medium text-charcoal-grey;
38
+ @apply font-sans font-light text-charcoal-grey;
45
39
  @apply text-p2;
46
40
  }
47
41
 
48
42
  .ui-text-p3 {
49
- @apply font-manrope font-medium text-charcoal-grey;
43
+ @apply font-sans font-light text-charcoal-grey;
50
44
  @apply text-p3;
51
45
  }
52
46
 
@@ -57,63 +51,60 @@
57
51
  }
58
52
 
59
53
  .ui-text-quote {
60
- @apply font-manrope font-normal text-cool-black;
54
+ @apply font-sans font-light text-cool-black;
61
55
  @apply text-quote;
62
- @apply tracking-tighten-0.0015;
56
+ @apply tracking-tighten-0.025;
63
57
  }
64
58
 
65
59
  .ui-text-sub-header {
66
- @apply font-manrope font-semibold text-neutral-900;
60
+ @apply font-sans font-light text-dark-grey;
67
61
  @apply text-sub-header-xs xs:text-sub-header;
62
+ @apply tracking-tighten-0.025;
68
63
  }
69
64
 
70
65
  .ui-text-overline1 {
71
- @apply font-jetbrains_mono font-medium text-active-orange uppercase;
66
+ @apply font-sans font-medium text-dark-grey uppercase;
72
67
  @apply text-overline1;
73
- @apply tracking-widen-0.16;
68
+ @apply tracking-widen-0.15;
74
69
  }
75
70
 
76
71
  .ui-text-overline2 {
77
- @apply font-jetbrains_mono font-medium text-active-orange uppercase;
72
+ @apply font-sans font-medium text-dark-grey uppercase;
78
73
  @apply text-overline2;
79
- @apply tracking-widen-0.16;
74
+ @apply tracking-widen-0.1;
80
75
  }
81
76
 
82
77
  .ui-text-menu1 {
83
- @apply font-manrope font-medium text-cool-black;
78
+ @apply font-sans font-light text-cool-black;
84
79
  @apply text-menu1;
85
80
  }
86
81
 
87
82
  .ui-text-menu2 {
88
- @apply font-manrope font-medium text-cool-black;
83
+ @apply font-sans font-light text-cool-black;
89
84
  @apply text-menu2;
90
85
  }
91
86
 
92
87
  .ui-text-menu3 {
93
- @apply font-manrope font-medium text-cool-black;
88
+ @apply font-sans font-light text-cool-black;
94
89
  @apply text-menu3;
95
90
  }
96
91
 
97
92
  .ui-text-code {
98
- @apply font-jetbrains_mono font-medium text-code;
99
- }
100
-
101
- .ui-text-code2 {
102
- @apply font-jetbrains_mono font-medium text-code2;
93
+ @apply font-mono font-semibold text-code;
103
94
  }
104
95
 
105
96
  .ui-text-code-inline {
106
- @apply font-jetbrains_mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
97
+ @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
107
98
  }
108
99
 
109
100
  .ui-unordered-list {
110
- @apply text-p1 font-medium text-cool-black;
111
- @apply list-disc ml-32 my-16;
101
+ @apply text-p1 font-light text-cool-black;
102
+ @apply list-disc ml-32 mb-24;
112
103
  }
113
104
 
114
105
  .ui-ordered-list {
115
- @apply text-p1 font-medium text-charcoal-grey;
116
- @apply ml-32 my-16 list-decimal;
106
+ @apply text-p1 font-light text-cool-black;
107
+ @apply ml-32 mb-24 list-decimal;
117
108
  }
118
109
 
119
110
  .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -130,20 +121,11 @@
130
121
  }
131
122
 
132
123
  .ui-unordered-list ul ul {
133
- @apply list-square my-8;
134
- }
135
-
136
- .ui-unordered-list ul ul {
137
- @apply my-8;
138
- }
139
-
140
- .ui-ordered-list li,
141
- .ui-unordered-list li {
142
- @apply font-medium font-manrope tracking-widen-0 leading-relaxed;
124
+ @apply list-square;
143
125
  }
144
126
 
145
127
  .ui-unordered-list-with-emphasis {
146
- @apply text-p1 font-medium text-cool-black;
128
+ @apply text-p1 font-light text-cool-black;
147
129
  @apply list-disc ml-32 mt-32 -mb-12;
148
130
  }
149
131
 
package/src/core/utils/syntax-highlighter.css CHANGED
@@ -1,7 +1,5 @@
1
1
  @layer base {
2
2
  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,600;0,700;1,600;1,700&display=swap");
3
- @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
5
3
  }
6
4
 
7
5
  @layer components {
package/tailwind.config.js CHANGED
@@ -35,7 +35,6 @@ module.exports = {
35
35
  "h2-xs": ["var(--fs-h2-xs)", "var(--lh-tight)"],
36
36
  h3: ["var(--fs-h3)", "var(--lh-tight)"],
37
37
  h4: ["var(--fs-h4)", "var(--lh-tight)"],
38
- h5: ["var(--fs-h5)", "var(--lh-tight)"],
39
38
  p1: ["var(--fs-p1)", "var(--lh-relaxed)"],
40
39
  p2: ["var(--fs-p2)", "var(--lh-relaxed)"],
41
40
  p3: ["var(--fs-p3)", "var(--lh-relaxed)"],
@@ -54,7 +53,6 @@ module.exports = {
54
53
  menu3: ["var(--fs-menu3)", "var(--lh-snug)"],
55
54
  quote: ["var(--fs-quote)", "var(--lh-relaxed)"],
56
55
  code: ["var(--fs-code)", "var(--lh-dense)"],
57
- code2: ["var(--fs-code2)", "var(--lh-dense)"],
58
56
  },
59
57
  colors: {
60
58
  transparent: "transparent",
@@ -72,15 +70,10 @@ module.exports = {
72
70
  "dark-grey": "var(--color-dark-grey)",
73
71
  "charcoal-grey": "var(--color-charcoal-grey)",
74
72
  "gui-default": "var(--color-gui-default)",
75
- "gui-hover": "var(--color-gui-hover)",
76
- "gui-active": "var(--color-gui-active)",
77
- "gui-default-dark": "var(--color-gui-default-dark)",
78
- "gui-hover-dark": "var(--color-gui-hover-dark)",
79
- "gui-active-dark": "var(--color-gui-active-dark)",
80
73
  "gui-alt": "var(--color-cool-black)",
74
+ "gui-hover": "var(--color-gui-hover)",
81
75
  "gui-focus": "var(--color-gui-focus)",
82
- "gui-focus-outline": "var(--color-gui-focus-outline)",
83
-
76
+ "gui-active": "var(--color-gui-active)",
84
77
  "gui-visited": "var(--color-gui-visited)",
85
78
  "gui-unavailable": "var(--color-gui-unavailable)",
86
79
  "gui-error": "var(--color-gui-error)",
@@ -90,14 +83,10 @@ module.exports = {
90
83
  "icon-glassdoor": "var(--icon-color-glassdoor)",
91
84
  "icon-github": "var(--icon-color-github)",
92
85
  "icon-discord": "var(--icon-color-discord)",
93
- "neutral-900": "var(--color-neutral-900)",
94
- "neutral-500": "var(--color-neutral-500)",
95
86
  },
96
87
  fontFamily: {
97
88
  sans: ["NEXT Book", "Arial", "Helvetica", "sans-serif"],
98
89
  mono: ["Source Code Pro", "Courier", "monospace"],
99
- manrope: ["Manrope", "sans-serif"],
100
- jetbrains_mono: ["JetBrains Mono", "monospace"],
101
90
  },
102
91
  margin: (theme, { negative }) => ({
103
92
  auto: "auto",
@@ -135,7 +124,6 @@ module.exports = {
135
124
  20: "var(--spacing-20)",
136
125
  24: "var(--spacing-24)",
137
126
  32: "var(--spacing-32)",
138
- 36: "var(--spacing-36)",
139
127
  40: "var(--spacing-40)",
140
128
  48: "var(--spacing-48)",
141
129
  64: "var(--spacing-64)",
@@ -167,15 +155,11 @@ module.exports = {
167
155
  "tighten-0.025": "var(--ls-tighten-0_025)",
168
156
  "tighten-0.02": "var(--ls-tighten-0_02)",
169
157
  "tighten-0.015": "var(--ls-tighten-0_015)",
170
- "tighten-0.0125": "var(--ls-tighten-0_0125)",
171
158
  "tighten-0.01": "var(--ls-tighten-0_01)",
172
159
  "tighten-0.005": "var(--ls-tighten-0_005)",
173
160
  "tighten-0.0025": "var(--ls-tighten-0_0025)",
174
- "tighten-0.0015": "var(--ls-tighten-0_0015)",
175
- "widen-0": 0,
176
161
  "widen-0.1": "var(--ls-widen-0_1)",
177
162
  "widen-0.15": "var(--ls-widen-0_15)",
178
- "widen-0.16": "var(--ls-widen-0_16)",
179
163
  },
180
164
  borderRadius: {
181
165
  none: "0",
package/core/Meganav/component.js.LICENSE.txt DELETED
@@ -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
- */
package/core/MeganavContentWhyAbly/component.js DELETED
@@ -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=