Merge in latest develop

Author: Adamj1232

packages/core/README.md

@@ -508,6 +508,9 @@ The Onboard styles can customized via [CSS variables](https://developer.mozilla.
   --onboard-modal-backdrop
   --onboard-modal-box-shadow
 
+  /* CUSTOMIZE THE ACTION REQUIRED MODAL */
+  --onboard-action-required-modal-background
+
   /* FONTS */
   --onboard-font-family-normal: Sofia Pro;
   --onboard-font-family-semibold: Sofia Pro Semibold;

packages/core/src/views/account-center/Maximized.svelte

@@ -134,10 +134,6 @@
     line-height: var(--onboard-font-line-height-3, var(--font-line-height-3));
   }
 
-  .caret {
-    width: 16px;
-  }
-
   .app-info-container {
     background: var(--onboard-white, var(--white));
     border-radius: 16px;

packages/core/src/views/account-center/Minimized.svelte

@@ -98,10 +98,6 @@
     margin-right: 4px;
   }
 
-  .caret {
-    width: 24px;
-  }
-
   .container {
     border: 1px solid transparent;
     border-radius: 16px;

packages/core/src/views/connect/ActionRequired.svelte

@@ -18,6 +18,10 @@
     font-family: var(--onboard-font-family-normal, var(--font-family-normal));
     font-size: var(--onboard-font-size-5, var(--font-size-5));
     line-height: 24px;
+    background: var(
+      --onboard-action-required-modal-background,
+      var(--onboard-white, var(--white))
+    );
   }
 
   .icon-container {