feature/FOUR-14002: Designer "Assets" icons default color and hover are not the same as figma

resources/js/processes/designer/Asset.vue

@@ -32,7 +32,7 @@ export default {
   gap: 4px;
   flex: 1 0 0;
   align-self: stretch;
-  margin: 10px 0px;
+  margin: 12px 0px;
 }
 i {
   font-size: 32px;

resources/js/processes/designer/AssetButtons.vue

@@ -3,23 +3,23 @@
     <div class="button-container">
       <b-button
         size="sm"
-        class="custom-button custom-text mb-2"
+        class="custom-button mb-2"
         block
         @click="openAsset(urlAsset)"
       >
-        {{ $t(asset_name_new) }}
-        <i class="fas fa-arrow-right ml-2 align-middle" />
+        <p class="custom-text"> {{ $t(asset_name_new) }} </p>
+        <i class="fas fa-arrow-right ml-2 align-middle text-primary" />
       </b-button>
     </div>
     <div class="button-container">
       <b-button
         size="sm"
-        class="custom-button custom-text"
+        class="custom-button"
         block
         @click="callURL()"
       >
-        {{ $t(asset_name_all) }}
-        <i class="fas fa-arrow-right ml-2 align-middle" />
+        <p class="custom-text"> {{ $t(asset_name_all) }} </p>
+        <i class="fas fa-arrow-right ml-2 align-middle text-primary" />
       </b-button>
     </div>
   </b-card-text>
@@ -49,6 +49,9 @@ export default {
 </script>
 
 <style scoped>
+.card-text {
+  width: 100%;
+}
 .button-container {
   display: block;
   width: 100%;
@@ -64,20 +67,26 @@ export default {
   display: flex;
   padding: 8px 12px;
   justify-content: space-between;
+  text-align: start;
   align-items: center;
   flex: 1 0 0;
   align-self: stretch;
   border-radius: 4px;
   border: 1px solid #b7d8ff;
+  background: #edf4ff;
+}
+.custom-button:hover {
   background: #d1e3fe;
 }
 .custom-text {
   color: #5e6469;
   font-family: "Open Sans", sans-serif;
-  font-size: 12px;
+  font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   letter-spacing: -0.28px;
+  text-transform: capitalize;
+  margin: 0px;
 }
 </style>

resources/js/processes/designer/Assets.vue

@@ -89,7 +89,7 @@ export default {
           icon: "fas fa-play-circle",
           asset_name: "Processes",
           asset_name_all: "View All Processes",
-          asset_name_new: "Create New Process",
+          asset_name_new: "New Process",
           urlPath: "/processes",
           urlAsset: "/processes?new=true",
         },
@@ -98,7 +98,7 @@ export default {
           icon: "fas fa-file-alt",
           asset_name: "Screens",
           asset_name_all: "View All Screens",
-          asset_name_new: "Create New Screen",
+          asset_name_new: "New Screen",
           urlPath: "/designer/screens",
           urlAsset: "/designer/screens?create=true",
         },
@@ -107,7 +107,7 @@ export default {
           icon: "fas fa-code",
           asset_name: "Scripts",
           asset_name_all: "View All Scripts",
-          asset_name_new: "Create New Script",
+          asset_name_new: "New Script",
           urlPath: "/designer/scripts",
           urlAsset: "/designer/scripts?create=true",
         },
@@ -118,7 +118,7 @@ export default {
           icon: "fas fa-table",
           asset_name: "Decision Tables",
           asset_name_all: "View All Decision Tables",
-          asset_name_new: "Create New Decision Table",
+          asset_name_new: "New Decision Table",
           urlPath: "/designer/decision-tables",
           urlAsset: "/designer/decision-tables?create=true",
         },
@@ -127,7 +127,7 @@ export default {
           icon: "fas fa-share-alt",
           asset_name: "Data Connectors",
           asset_name_all: "View All Data Connectors",
-          asset_name_new: "Create New Data Connector",
+          asset_name_new: "New Data Connector",
           urlPath: "/designer/data-sources",
           urlAsset: "/designer/data-sources?create=true",
         },
@@ -184,5 +184,6 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
+  padding: 8px;
 }
 </style>

resources/lang/en.json

@@ -1910,8 +1910,13 @@
   "Version Name": "Version Name",
   "Vertical alignment of the text": "Vertical alignment of the text",
   "View {{user}} Profile": "View {{user}} Profile",
-  "View All Requests": "View All Requests",
   "View All": "View All",
+  "View All Data Connectors": "View All Data Connectors",
+  "View All Decision Tables": "View All Decision Tables",
+  "View All Processes": "View All Processes",
+  "View All Requests": "View All Requests",
+  "View All Screens": "View All Processes",
+  "View All Scripts": "View All Scripts",
   "View All Notifications": "View All Notifications",
   "View Auth Clients": "View Auth-Clients",
   "View Categories": "View Categories",