changes settings prop of card link color

packages/builder/src/components/userInterface/temporaryPanelStructure.js

@@ -310,15 +310,15 @@ export default {
               },
               {
                 label: "Link Color",
-                key: "color",
-                control: Input,
-                placeholder: "Link Color",
+                key: "linkColor",
+                control: Colorpicker,
+                defaultValue: "#000"
               },
               {
                 label: "Hover Color",
                 key: "linkHoverColor",
-                control: Input,
-                placeholder: "Hover Color",
+                control: Colorpicker,
+                defaultValue: "#222"
               },
               {
                 label: "Image Height",
@@ -385,7 +385,7 @@ export default {
               },
               {
                 label: "Link Color",
-                key: "color",
+                key: "linkColor",
                 control: Colorpicker,
                 defaultValue: "#000"
               },
@@ -393,7 +393,7 @@ export default {
                 label: "Hover Color",
                 key: "linkHoverColor",
                 control: Colorpicker,
-                defaultValue: "#000"
+                defaultValue: "#222"
               },
               {
                 label: "Card Width",

packages/standard-components/components.json

@@ -234,8 +234,14 @@
 			"description": "string",
 			"linkText": "string",
 			"linkUrl": "string",
-			"color": "string",
-			"linkHoverColor": "string",
+			"linkColor": {
+				"type": "string",
+				"default": "#000"
+			},
+			"linkHoverColor": {
+				"type": "string",
+				"default": "#000"
+			},
 			"imageHeight": {
 				"type": "options",
 				"default": "20rem",
@@ -274,7 +280,7 @@
 			"subtext": "string",
 			"linkText": "string",
 			"linkUrl": "string",
-			"color": {
+			"linkColor": {
 				"type": "string",
 				"default": "#000"
 			},

packages/standard-components/src/Card.svelte

@@ -11,13 +11,13 @@
   export let description = ""
   export let linkText = ""
   export let linkUrl
-  export let color
+  export let linkColor
   export let linkHoverColor
   export let imageHeight
   export let cardWidth
 
   $: cssVariables = {
-    color,
+    linkColor,
     linkHoverColor,
     imageHeight,
     cardWidth,
@@ -75,7 +75,7 @@
   a {
     margin: 0.5rem 0;
     text-decoration: none;
-    color: var(--color);
+    color: var(--linkColor);
     font-weight: 600;
   }
 

packages/standard-components/src/CardHorizontal.svelte

@@ -12,14 +12,14 @@
   export let subtext = ""
   export let linkText = ""
   export let linkUrl
-  export let color
+  export let linkColor
   export let linkHoverColor
   export let cardWidth
   export let imageWidth
   export let imageHeight
 
   $: cssVariables = {
-    color,
+    linkColor,
     linkHoverColor,
     imageWidth,
     cardWidth,
@@ -97,7 +97,7 @@
   a {
     margin: 0.5rem 0 0 0;
     text-decoration: none;
-    color: var(--color);
+    color: var(--linkColor);
     font-weight: 600;
     font-size: 0.85rem;
     margin: 0;