Add CSS HMR benchmarkjarred/bench

1 files changed, 23 insertions, 0 deletions

diff --git a/bench/hot-module-reloading/css-stress-test/src/css-in-js-styles.0 b/bench/hot-module-reloading/css-stress-test/src/css-in-js-styles.0
new file mode 100644
index 000000000..05b2f8c1b
--- /dev/null
+++ b/bench/hot-module-reloading/css-stress-test/src/css-in-js-styles.0
@@ -0,0 +1,23 @@
+import { Global } from "@emotion/react";
+export function CSSInJSStyles() {
+  return (
+    <Global
+      styles={`
+      :root {
+        --timestamp: "0";
+        --interval: "8";
+        --progress-bar: 11.83299999999997%;
+        --spinner-1-muted: rgb(142, 6, 182);
+        --spinner-1-primary: rgb(177, 8, 227);
+        --spinner-2-muted: rgb(110, 148, 190);
+        --spinner-2-primary: rgb(138, 185, 238);
+        --spinner-3-muted: rgb(75, 45, 64);
+        --spinner-3-primary: rgb(94, 56, 80);
+        --spinner-4-muted: rgb(155, 129, 108);
+        --spinner-4-primary: rgb(194, 161, 135);
+        --spinner-rotate: 213deg;
+      }
+  `}
+    />
+  );
+}