From 3eac5c3a374c8a019568813d74b2d0e30dcaee6b Mon Sep 17 00:00:00 2001
From: Eric Y Liu <ericyl.us@gmail.com>
Date: Fri, 23 Jul 2021 12:34:56 -0700
Subject: [PATCH] refactor(overflow-menu): remove formatStyle utility

---
 src/OverflowMenu/OverflowMenu.svelte | 9 ++++-----
 src/OverflowMenu/formatStyle.js      | 1 -
 2 files changed, 4 insertions(+), 6 deletions(-)
 delete mode 100644 src/OverflowMenu/formatStyle.js

diff --git a/src/OverflowMenu/OverflowMenu.svelte b/src/OverflowMenu/OverflowMenu.svelte
index 5c2e4381..c428b317 100644
--- a/src/OverflowMenu/OverflowMenu.svelte
+++ b/src/OverflowMenu/OverflowMenu.svelte
@@ -64,8 +64,6 @@
   import OverflowMenuVertical16 from "carbon-icons-svelte/lib/OverflowMenuVertical16/OverflowMenuVertical16.svelte";
   import OverflowMenuHorizontal16 from "carbon-icons-svelte/lib/OverflowMenuHorizontal16/OverflowMenuHorizontal16.svelte";
 
-  import { formatStyle } from "./formatStyle";
-
   const ctxBreadcrumbItem = getContext("BreadcrumbItem");
   const dispatch = createEventDispatcher();
   const items = writable([]);
@@ -155,10 +153,11 @@
   $: if ($items[$currentIndex]) {
     focusedId.set($items[$currentIndex].id);
   }
-  $: dynamicPseudoWidth = `#${id} .bx--overflow-menu-options.bx--overflow-menu-options:after {
+  $: styles = `<style>
+    #${id} .bx--overflow-menu-options.bx--overflow-menu-options:after {
       width: ${buttonWidth ? buttonWidth + "px" : "2rem"};
-    }`;
-  $: styles = formatStyle(dynamicPseudoWidth);
+    }
+  <\/style>`;
 </script>
 
 <svelte:head>
diff --git a/src/OverflowMenu/formatStyle.js b/src/OverflowMenu/formatStyle.js
deleted file mode 100644
index 33cd5089..00000000
--- a/src/OverflowMenu/formatStyle.js
+++ /dev/null
@@ -1 +0,0 @@
-export const formatStyle = (style) => ["<style>", style, "</style>"].join("");