From 2dec33c12d57d00a7c838d6fcd95d37b3ba30380 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 24 Oct 2024 16:27:30 +0100
Subject: [PATCH] Revert info display changes

---
 .../_components/Component/InfoDisplay.svelte      | 15 ++-------------
 1 file changed, 2 insertions(+), 13 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte
index 5543a4c7fd..93044cdb9a 100644
--- a/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/design/[screenId]/[componentId]/_components/Component/InfoDisplay.svelte
@@ -7,17 +7,9 @@
   export let quiet = false
   export let warning = false
   export let error = false
-  export let info = false
 </script>
 
-<div
-  class="container"
-  class:info
-  class:noTitle={!title}
-  class:warning
-  class:error
-  class:quiet
->
+<div class="info" class:noTitle={!title} class:warning class:error class:quiet>
   {#if title}
     <div class="title">
       <Icon name={icon} />
@@ -35,7 +27,7 @@
 </div>
 
 <style>
-  .container {
+  .info {
     padding: var(--spacing-m) var(--spacing-l);
     background-color: var(--spectrum-global-color-gray-200);
     border-radius: var(--border-radius-s);
@@ -47,9 +39,6 @@
   .error {
     background: rgba(255, 0, 0, 0.2);
   }
-  .info {
-    background: var(--spectrum-global-color-blue-100);
-  }
   .noTitle {
     display: flex;
     align-items: center;