chore: add overlay css

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.4.9",
+    "version": "1.4.9-beta-2",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -180,11 +180,13 @@ const WorkflowOptionsModal = ({
 
     return (
         <VisibleModal
-            className=""
             onEscape={loadingWebhook ? null : handleFlowCompletion}
             close={loadingWebhook ? null : handleFlowCompletion}
         >
-            <div className="workflow-options-modal br-8 flexbox h-500 dc__overflow-scroll" onClick={stopPropagation}>
+            <div
+                className="workflow-options-modal bg__overlay br-8 flexbox h-500 dc__overflow-scroll"
+                onClick={stopPropagation}
+            >
                 {/* Sidebar */}
                 <div className="flexbox-col w-250 pt-32 bg__tertiary dc__content-space">
                     {/* Info */}

src/Shared/Components/WorkflowOptionsModal/WorkflowOptionsModal.tsx

@@ -3,5 +3,4 @@
     width: 650px;
     margin-top: 40px;
     box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
-    background: var(--N0);
 }