@ably/ui 7.10.0 → 8.0.0-dev.43132fe

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 (72) hide show
  1. package/core/Meganav/component.css +5 -1
  2. package/core/Meganav/component.js +2 -1
  3. package/core/Meganav/component.js.LICENSE.txt +7 -0
  4. package/core/Meganav.jsx +7905 -2809
  5. package/core/MeganavContentPlatform.jsx +27 -20
  6. package/core/MeganavContentWhyAbly.jsx +1 -1
  7. package/core/MeganavControl/component.js +1 -1
  8. package/core/MeganavControl.jsx +5 -3
  9. package/core/MeganavItemsDesktop.jsx +5 -3
  10. package/core/MeganavItemsMobile.jsx +188 -11
  11. package/core/MeganavItemsSignedIn.jsx +259 -7
  12. package/core/MeganavSearch/component.js +1 -0
  13. package/core/MeganavSearch.jsx +504 -0
  14. package/core/MeganavSearchAutocomplete/component.js +2 -0
  15. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +7 -0
  16. package/core/MeganavSearchAutocomplete.jsx +117 -0
  17. package/core/MeganavSearchPanel/component.js +1 -0
  18. package/core/MeganavSearchPanel.jsx +455 -0
  19. package/core/MeganavSearchSuggestions/component.js +1 -0
  20. package/core/MeganavSearchSuggestions.jsx +366 -0
  21. package/core/fonts/.DS_Store +0 -0
  22. package/core/fonts/source-code-pro.css +3 -0
  23. package/core/images/.DS_Store +0 -0
  24. package/core/scripts.js +1 -1
  25. package/core/styles.css +18 -36
  26. package/package.json +2 -1
  27. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/log/.keep +0 -0
  28. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/.keep +0 -0
  29. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/pids/.keep +0 -0
  30. package/src/.DS_Store +0 -0
  31. package/src/core/.DS_Store +0 -0
  32. package/src/core/Code/component.css +1 -3
  33. package/src/core/Meganav/component.css +5 -1
  34. package/src/core/Meganav/component.html.erb +10 -5
  35. package/src/core/Meganav/component.js +11 -1
  36. package/src/core/Meganav/component.jsx +15 -7
  37. package/src/core/MeganavContentPlatform/component.html.erb +24 -18
  38. package/src/core/MeganavContentPlatform/component.jsx +25 -20
  39. package/src/core/MeganavControl/component.html.erb +2 -2
  40. package/src/core/MeganavControl/component.js +37 -12
  41. package/src/core/MeganavControl/component.jsx +3 -2
  42. package/src/core/MeganavControl/component.rb +3 -1
  43. package/src/core/MeganavItemsMobile/component.html.erb +30 -2
  44. package/src/core/MeganavItemsMobile/component.jsx +33 -2
  45. package/src/core/MeganavItemsSignedIn/component.html.erb +6 -2
  46. package/src/core/MeganavItemsSignedIn/component.jsx +7 -2
  47. package/src/core/MeganavSearch/component.html.erb +15 -0
  48. package/src/core/MeganavSearch/component.js +0 -0
  49. package/src/core/MeganavSearch/component.jsx +33 -0
  50. package/src/core/MeganavSearch/component.rb +13 -0
  51. package/src/core/MeganavSearchAutocomplete/component.html.erb +6 -0
  52. package/src/core/MeganavSearchAutocomplete/component.js +177 -0
  53. package/src/core/MeganavSearchAutocomplete/component.jsx +14 -0
  54. package/src/core/MeganavSearchAutocomplete/component.rb +6 -0
  55. package/src/core/MeganavSearchPanel/component.html.erb +22 -0
  56. package/src/core/MeganavSearchPanel/component.js +0 -0
  57. package/src/core/MeganavSearchPanel/component.jsx +39 -0
  58. package/src/core/MeganavSearchPanel/component.rb +13 -0
  59. package/src/core/MeganavSearchSuggestions/component.html.erb +22 -0
  60. package/src/core/MeganavSearchSuggestions/component.js +123 -0
  61. package/src/core/MeganavSearchSuggestions/component.jsx +49 -0
  62. package/src/core/MeganavSearchSuggestions/component.rb +18 -0
  63. package/src/core/fonts/.DS_Store +0 -0
  64. package/src/core/fonts/source-code-pro.css +3 -0
  65. package/src/core/images/.DS_Store +0 -0
  66. package/src/core/remote-blogs-posts.js +1 -1
  67. package/src/core/remote-session-data.js +1 -1
  68. package/src/core/styles/properties.css +6 -3
  69. package/src/core/styles/text.css +12 -16
  70. package/src/core/styles.components.css +0 -15
  71. package/src/reset/.DS_Store +0 -0
  72. package/tailwind.config.js +14 -4
package/tailwind.config.js CHANGED
@@ -17,7 +17,7 @@ module.exports = {
17
17
  theme: {
18
18
  screens: {
19
19
  // CSS custom properties can't be used in media queries
20
- xs: "375px",
20
+ xs: "428px",
21
21
  sm: "768px",
22
22
  md: "1040px",
23
23
  lg: "1280px",
@@ -74,7 +74,7 @@ module.exports = {
74
74
  "gui-hover": "var(--color-gui-hover)",
75
75
  "gui-focus": "var(--color-gui-focus)",
76
76
  "gui-active": "var(--color-gui-active)",
77
- "gui-viewed": "var(--color-gui-viewed)",
77
+ "gui-visited": "var(--color-gui-visited)",
78
78
  "gui-unavailable": "var(--color-gui-unavailable)",
79
79
  "gui-error": "var(--color-gui-error)",
80
80
  "gui-success": "var(--color-gui-success)",
@@ -114,7 +114,9 @@ module.exports = {
114
114
  spacing: {
115
115
  0: "var(--spacing-0)",
116
116
  1: "var(--spacing-1)",
117
+ 2: "var(--spacing-2)",
117
118
  4: "var(--spacing-4)",
119
+ 6: "var(--spacing-6)",
118
120
  8: "var(--spacing-8)",
119
121
  12: "var(--spacing-12)",
120
122
  14: "var(--spacing-14)",
@@ -181,7 +183,8 @@ module.exports = {
181
183
  filter: "filter",
182
184
  },
183
185
  outline: {
184
- "gui-focus": "4px solid var(--color-gui-focus)",
186
+ "gui-focus": "1.5px solid var(--color-gui-focus-outline)",
187
+ "gui-focus-neutral": "2px solid var(--color-white)",
185
188
  },
186
189
  width: {
187
190
  "extend-8": "calc(100% + var(--spacing-8))",
@@ -208,7 +211,14 @@ module.exports = {
208
211
  variants: {
209
212
  extend: {
210
213
  borderColor: ["hover", "focus", "active", "group-focus", "disabled"],
211
- textColor: ["hover", "focus", "active", "group-focus", "disabled"],
214
+ textColor: [
215
+ "hover",
216
+ "focus",
217
+ "active",
218
+ "group-focus",
219
+ "disabled",
220
+ "visited",
221
+ ],
212
222
  display: ["group-focus"],
213
223
  backgroundColor: ["hover", "focus", "active", "group-focus", "disabled"],
214
224
  backgroundImage: ["hover", "active", "focus"],