@ably/ui 13.1.0-dev.49a8f15 → 13.2.2

package/src/core/react-renderer.js

@@ -1,11 +1,9 @@
 import React from "react";
-import { createRoot } from "react-dom/client";
+import ReactDOM from "react-dom";
 
-const renderComponent = (Component, props, node) => {
-  const root = createRoot(node);
+const renderComponent = (Component, props, node) =>
   // eslint-disable-next-line react/no-render-return-value
-  root.render(<Component {...props} />);
-};
+  ReactDOM.render(<Component {...props} />, node);
 
 export { renderComponent };
 
@@ -21,8 +19,7 @@ export default function reactRenderer(components) {
     const propsJson = node.getAttribute("data-react-props");
     const props = propsJson && JSON.parse(propsJson || {});
 
-    const root = createRoot(node);
-    root.render(<Constructor {...props} />);
+    ReactDOM.render(<Constructor {...props} />, node);
 
     node.removeAttribute("data-react");
     node.removeAttribute("data-react-props");

package/src/core/styles/properties.css

@@ -134,6 +134,11 @@
     --syntax-red: #d54e53;
     --syntax-lilac: #bb87d3;
 
+    /* uptime status colors */
+    --uptime-color-up: #39b54a;
+    --uptime-color-trouble: #e87623;
+    --uptime-color-down: #e6242c;
+
     /* flat colors for social icons */
     --icon-color-linkedin: #1269bf;
     --icon-color-twitter: #2caae1;
@@ -274,5 +279,7 @@
 
     /* Expose component values for cross-component usage */
     --ui-meganav-height: 4rem;
+    --ui-showcase-client-logo-min-width: 8.75rem; /* 140px at 16px base*/
+    --ui-showcase-client-logo-max-width: 15rem; /* 240px at 16px base*/
   }
 }

package/tailwind.config.js

@@ -1,5 +1,6 @@
 module.exports = {
   content: [
+    "./src/**/*.html.erb",
     "./src/**/*.jsx",
     "./src/**/*.js",
     "./src/**/*.json",

package/core/FeaturedLink/component.css

@@ -1 +0,0 @@
-