added error button styles (#807)

Co-authored-by: nabeelmd-eGov <[email protected]>

micro-ui/web/micro-ui-internals/example/public/index.html

@@ -16,7 +16,7 @@
   /> -->
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].51-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].52-campaign/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->
 

micro-ui/web/micro-ui-internals/packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-css",
-  "version": "1.0.51-campaign",
+  "version": "1.0.52-campaign",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

micro-ui/web/micro-ui-internals/packages/css/src/pages/employee/index.scss

@@ -282,7 +282,7 @@ tbody {
     min-width: 100%;
     .digit-button-primary {
       height: 1.5rem;
-      background-color: #d4351c;
+      background-color: #d4351c !important;
       .icon-label-container.primary.large {
         font-size: 14px;
         .digit-button-label {

micro-ui/web/micro-ui-internals/packages/css/tailwind.config.js

@@ -115,6 +115,7 @@ module.exports = {
         "input-border": "#505A5F",
         "primary-bg": "#FEEFE7",
         "text-primary": "#363636",
+        "error-v2": "#D4351C",
       },
       alert: {
         error: "#b91900",

micro-ui/web/micro-ui-internals/packages/modules/campaign-manager/src/components/CycleDataPreview.js

@@ -61,7 +61,7 @@ const CycleDataPreview = ({ data, items, index, errors, onErrorClick, cardErrors
           variant="error"
           text={t(i?.error ? i?.error : i?.message)}
           hasAdditionalElements={true}
-          additionalElements={[<Button label={i?.button} onClick={i.onClick} />]}
+          additionalElements={[<Button className={"error"} label={i?.button} onClick={i.onClick} />]}
         />
       ))}
       {/* {i.error ? i.error : i.message)}</div> */}

micro-ui/web/public/index.html

@@ -11,7 +11,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].51-campaign/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].52-campaign/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT</title>