@agilant/toga-blox 1.0.8 → 1.0.9

package/src/components/Card/DUMMYPRODUCTDATA.json

@@ -2,26 +2,26 @@
 	"DUMMYPRODUCTDATA": [
 		{
 			"id": "1",
-			"title": "Lenovo ThinkPad Universal USB-C Dock",
+			"title": "Crothall iPads - Environmental Services",
 			"rating": 5,
 			"ratingProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
 			},
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "semiRounded",
-			"cardBorderColor": "blue",
-			"cardBackgroundColor": "light blue",
+			"cardBorderRadius": "rounded-lg",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-100",
 			"cardBoxShadow": false,
 			"inStockProps": {
 				"tag": "p",
-				"size": "md",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-md",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"inStockIcon": "check",
 				"outOfStockIcon": "x",
 				"additionalClasses": "font-bold max-sm:text-xs"
@@ -30,62 +30,62 @@
 			"identifier": "40AY0090US",
 			"identifierProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded max-sm:text-xs"
 			},
 			"titleProps": {
 				"tag": "h5",
-				"size": "xl",
-				"fontColor": "black",
-				"fontFamily": "serif",
-				"additionalClasses": "font-bold hover:underline"
+				"size": "text-xl",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
 			},
-			"price": "$599",
+			"price": "$396.00",
 			"priceProps": {
 				"tag": "p",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "font-bold"
 			},
-			"imageUrl": null,
-			"altText": "Lenovo ThinkPad Universal USB-C Dock",
+			"imageUrl": "../../../assets/compass-card-image-3.png",
+			"altText": "Crothall iPads - Environmental Services",
 			"buttonProps": {
-				"text": "Add to cart",
+				"text": "View",
 				"as": "a",
-				"size": "md",
-				"fontColor": "white",
-				"borderColor": "none",
-				"shape": "semiRounded",
-				"color": "blue",
-				"hoverBackground": "black",
+				"size": "text-md",
+				"fontColor": "text-white",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-blue-500",
+				"hoverBackground": "bg-black",
 				"additionalClasses": ""
 			}
 		},
 		{
 			"id": "2",
-			"title": "Lenovo ThinkPad Universal USB-C Dock",
+			"title": "EPOS EXPAND SP 30 Speakerphone - Black, Silver",
 			"rating": 5,
 			"ratingProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
 			},
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "semiRounded",
-			"cardBorderColor": "green",
-			"cardBackgroundColor": "light green",
+			"cardBorderRadius": "rounded-md",
+			"cardBorderColor": "border-none",
+			"cardBackgroundColor": "bg-white",
 			"cardBoxShadow": false,
 			"inStockProps": {
 				"tag": "p",
-				"size": "md",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-md",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "",
 				"inStockIcon": "check",
 				"outOfStockIcon": "x"
@@ -94,101 +94,101 @@
 			"identifier": "40AY0090US",
 			"identifierProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
 			},
 			"titleProps": {
 				"tag": "h5",
-				"size": "xl",
-				"fontColor": "black",
-				"fontFamily": "serif",
-				"additionalClasses": "font-bold hover:underline"
+				"size": "text-xl",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
 			},
-			"price": "$599",
+			"price": "$112.45",
 			"priceProps": {
 				"tag": "p",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "font-bold"
 			},
-			"imageUrl": null,
+			"imageUrl": "../../../assets/item.jpg",
 			"altText": "Lenovo ThinkPad Universal USB-C Dock",
 			"buttonProps": {
-				"text": "Add to cart",
+				"text": "Add to Cart",
 				"as": "a",
-				"size": "md",
-				"fontColor": "white",
-				"borderColor": "none",
-				"shape": "semiRounded",
-				"color": "green",
-				"hoverBackground": "black",
+				"size": "text-md",
+				"fontColor": "text-white",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-teal-600",
+				"hoverBackground": "bg-black",
 				"additionalClasses": ""
 			}
 		},
 		{
 			"id": "3",
-			"title": "Lenovo ThinkPad Universal USB-C Dock",
+			"title": "IPAD 9TH GEN 64GB SP GRAY",
 			"rating": 5,
 			"ratingProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
 			},
 			"link": "#",
-			"cardBorderRadius": "semiRounded",
-			"cardBorderColor": "blue",
-			"cardBackgroundColor": "light blue",
+			"cardBorderRadius": "rounded-lg",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-100",
 			"cardBoxShadow": false,
 			"inStock": true,
 			"inStockProps": {
 				"tag": "p",
-				"size": "md",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "",
 				"inStockIcon": "check",
 				"outOfStockIcon": "x"
 			},
 			"linkTitle": true,
-			"identifier": "40AY0090US",
+			"identifier": "MK2K3LL/A",
 			"identifierProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-sm",
 				"fontColor": "",
-				"fontFamily": "serif",
-				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
+				"fontFamily": "font-serif",
+				"additionalClasses": "bg-white text-slate-900 font-semibold px-2.5 py-0.5 rounded"
 			},
 			"titleProps": {
-				"tag": "h5",
-				"size": "xl",
-				"fontColor": "black",
-				"fontFamily": "serif",
-				"additionalClasses": "font-bold hover:underline"
+				"tag": "h6",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
 			},
-			"price": "$599",
+			"price": "$349.00",
 			"priceProps": {
 				"tag": "p",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "font-bold"
 			},
-			"imageUrl": null,
-			"altText": "Lenovo ThinkPad Universal USB-C Dock",
+			"imageUrl": "../../../assets/card-1.jpg",
+			"altText": "IPAD 9TH GEN 64GB SP GRAY",
 			"buttonProps": {
-				"text": "Add to cart",
+				"text": "Required",
 				"as": "a",
-				"size": "md",
-				"fontColor": "white",
-				"borderColor": "none",
-				"shape": "semiRounded",
-				"color": "blue",
-				"hoverBackground": "black",
+				"size": "text-sm",
+				"fontColor": "text-slate-500",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-slate-200",
+				"hoverBackground": "bg-black",
 				"additionalClasses": ""
 			}
 		},
@@ -198,22 +198,22 @@
 			"rating": 5,
 			"ratingProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
 			},
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "semiRounded",
-			"cardBorderColor": "blue",
-			"cardBackgroundColor": "light blue",
+			"cardBorderRadius": "rounded-lg",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-100",
 			"cardBoxShadow": false,
 			"inStockProps": {
 				"tag": "p",
-				"size": "md",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-md",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "",
 				"inStockIcon": "check",
 				"outOfStockIcon": "x"
@@ -222,24 +222,24 @@
 			"identifier": "40AY0090US",
 			"identifierProps": {
 				"tag": "p",
-				"size": "md",
+				"size": "text-md",
 				"fontColor": "",
-				"fontFamily": "serif",
+				"fontFamily": "font-serif",
 				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
 			},
 			"titleProps": {
 				"tag": "h5",
-				"size": "xl",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-xl",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "font-bold hover:underline"
 			},
 			"price": "$599",
 			"priceProps": {
 				"tag": "p",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "font-bold"
 			},
 			"imageUrl": null,
@@ -247,26 +247,153 @@
 			"buttonProps": {
 				"text": "Add to cart",
 				"as": "a",
-				"size": "md",
-				"fontColor": "white",
-				"borderColor": "none",
-				"shape": "semiRounded",
-				"color": "blue",
-				"hoverBackground": "black",
+				"size": "text-md",
+				"fontColor": "text-white",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-blue-500",
+				"hoverBackground": "bg-black",
+				"additionalClasses": ""
+			}
+		},
+		{
+			"id": "5",
+			"title": "Crothall iPads - Environmental Services",
+			"rating": 5,
+			"ratingProps": {
+				"tag": "p",
+				"size": "text-md",
+				"fontColor": "",
+				"fontFamily": "font-serif",
+				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
+			},
+			"link": "#",
+			"inStock": true,
+			"cardBorderRadius": "rounded-lg",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-100",
+			"cardBoxShadow": false,
+			"inStockProps": {
+				"tag": "p",
+				"size": "text-md",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"inStockIcon": "check",
+				"outOfStockIcon": "x",
+				"additionalClasses": "font-bold max-sm:text-xs"
+			},
+			"linkTitle": true,
+			"identifier": "40AY0090US",
+			"identifierProps": {
+				"tag": "p",
+				"size": "text-md",
+				"fontColor": "",
+				"fontFamily": "font-serif",
+				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded max-sm:text-xs"
+			},
+			"titleProps": {
+				"tag": "h5",
+				"size": "text-xl",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
+			},
+			"price": "$396.00",
+			"priceProps": {
+				"tag": "p",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
+			},
+			"imageUrl": "../../../assets/card-1.jpg",
+			"altText": "Crothall iPads - Environmental Services",
+			"buttonProps": {
+				"text": "View",
+				"as": "a",
+				"size": "text-md",
+				"fontColor": "text-white",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-teal-600",
+				"hoverBackground": "",
+				"additionalClasses": ""
+			}
+		},
+		{
+			"id": "6",
+			"title": "Apple Lightning cable - Lightning / USB - 3.3 ft (Charging cable for iPad)",
+			"rating": 5,
+			"ratingProps": {
+				"tag": "p",
+				"size": "text-md",
+				"fontColor": "",
+				"fontFamily": "font-serif",
+				"additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
+			},
+			"link": "#",
+			"cardBorderRadius": "rounded-lg",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-100",
+			"cardBoxShadow": false,
+			"inStock": true,
+			"inStockProps": {
+				"tag": "p",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "",
+				"inStockIcon": "check",
+				"outOfStockIcon": "x"
+			},
+			"linkTitle": true,
+			"identifier": "MK2K3LL/A",
+			"identifierProps": {
+				"tag": "p",
+				"size": "text-sm",
+				"fontColor": "",
+				"fontFamily": "font-serif",
+				"additionalClasses": "bg-white text-slate-900 font-semibold px-2.5 py-0.5 rounded"
+			},
+			"titleProps": {
+				"tag": "h6",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
+			},
+			"price": "$349.00",
+			"priceProps": {
+				"tag": "p",
+				"size": "text-sm",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
+				"additionalClasses": "font-bold"
+			},
+			"imageUrl": "../../../assets/cable.jpg",
+			"altText": "IPAD 9TH GEN 64GB SP GRAY",
+			"buttonProps": {
+				"text": "Required",
+				"as": "a",
+				"size": "text-sm",
+				"fontColor": "text-slate-500",
+				"borderColor": "border-none",
+				"shape": "rounded-md",
+				"color": "bg-slate-200",
+				"hoverBackground": "bg-black",
 				"additionalClasses": ""
 			}
 		}
 	],
 	"DUMMYCOMPASSPRODUCTDATA": [
 		{
-			"id": "1",
-			"title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
+			"id": "1 - Environmental Services - Lenovo ThinkPad Universal USB-C Dock",
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "orange",
-			"cardBackgroundColor": "orange",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-orange-500",
+			"cardBackgroundColor": "bg-orange-500",
 			"cardBoxShadow": false,
 			"linkTitle": true,
 			"identifier": "40AY0090US",
@@ -274,9 +401,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image.png",
@@ -288,20 +415,19 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "pink",
-			"cardBackgroundColor": "pink",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-pink-500",
+			"cardBackgroundColor": "bg-pink-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
 			"identifier": "40AY0090US",
 			"textBackgroundColor": "bg-slate-50",
-
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-2.png",
@@ -313,20 +439,19 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "fuchsia",
-			"cardBackgroundColor": "fuchsia",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-fuchsia-500",
+			"cardBackgroundColor": "bg-fuchsia-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
 			"identifier": "40AY0090US",
 			"textBackgroundColor": "bg-slate-50",
-
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-3.png",
@@ -338,9 +463,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "purple",
-			"cardBackgroundColor": "purple",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-purple-500",
+			"cardBackgroundColor": "bg-purple-500",
 			"imageBackgroundColor": "",
 			"cardBoxShadow": false,
 			"linkTitle": true,
@@ -348,9 +473,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -362,9 +487,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "blue",
-			"cardBackgroundColor": "blue",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -372,9 +497,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image.png",
@@ -386,9 +511,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "green",
-			"cardBackgroundColor": "green",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-green-500",
+			"cardBackgroundColor": "bg-green-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -396,9 +521,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-2.png",
@@ -410,9 +535,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "lime",
-			"cardBackgroundColor": "lime",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-lime-500",
+			"cardBackgroundColor": "bg-lime-500",
 			"imageBackgroundColor": "",
 			"cardBoxShadow": false,
 			"linkTitle": true,
@@ -420,9 +545,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -434,19 +559,19 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "yellow",
-			"cardBackgroundColor": "yellow",
-			"imageBackgroundColor": "",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-yellow-500",
+			"cardBackgroundColor": "bg-yellow-500",
 			"cardBoxShadow": false,
+			"imageBackgroundColor": "",
 			"linkTitle": true,
 			"identifier": "40AY0090US",
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -458,9 +583,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "orange",
-			"cardBackgroundColor": "orange",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-orange-500",
+			"cardBackgroundColor": "bg-orange-500",
 			"imageBackgroundColor": "",
 			"cardBoxShadow": false,
 			"linkTitle": true,
@@ -468,9 +593,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -482,9 +607,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "pink",
-			"cardBackgroundColor": "pink",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-pink-500",
+			"cardBackgroundColor": "bg-pink-500",
 			"imageBackgroundColor": "",
 			"cardBoxShadow": false,
 			"linkTitle": true,
@@ -492,9 +617,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -506,9 +631,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "fuchsia",
-			"cardBackgroundColor": "fuchsia",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-fuchsia-500",
+			"cardBackgroundColor": "bg-fuchsia-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -516,9 +641,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image.png",
@@ -530,9 +655,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "purple",
-			"cardBackgroundColor": "purple",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-purple-500",
+			"cardBackgroundColor": "bg-purple-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -540,9 +665,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-2.png",
@@ -554,9 +679,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "blue",
-			"cardBackgroundColor": "blue",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-blue-500",
+			"cardBackgroundColor": "bg-blue-500",
 			"imageBackgroundColor": "",
 			"cardBoxShadow": false,
 			"linkTitle": true,
@@ -564,9 +689,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
@@ -578,9 +703,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "green",
-			"cardBackgroundColor": "green",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-green-500",
+			"cardBackgroundColor": "bg-green-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -588,9 +713,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image.png",
@@ -602,9 +727,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "lime",
-			"cardBackgroundColor": "lime",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-lime-500",
+			"cardBackgroundColor": "bg-lime-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -612,9 +737,9 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-2.png",
@@ -626,9 +751,9 @@
 			"rating": 5,
 			"link": "#",
 			"inStock": true,
-			"cardBorderRadius": "cornered",
-			"cardBorderColor": "yellow",
-			"cardBackgroundColor": "yellow",
+			"cardBorderRadius": "rounded-none",
+			"cardBorderColor": "border-yellow-500",
+			"cardBackgroundColor": "bg-yellow-500",
 			"cardBoxShadow": false,
 			"imageBackgroundColor": "",
 			"linkTitle": true,
@@ -636,35 +761,66 @@
 			"textBackgroundColor": "bg-slate-50",
 			"titleProps": {
 				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-serif",
 				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
 			},
 			"imageUrl": "./assets/compass-card-image-4.png",
 			"altText": "Lenovo ThinkPad Universal USB-C Dock"
 		}
 	],
-	"DUMMYCARDTESTDATA": [
+	"DUMMYCATEGORYCARDDATA": [
 		{
 			"id": "1",
-			"title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
-			"rating": 5,
+			"title": "Canteen",
+			"productCount": 12,
 			"link": "#",
-			"inStock": true,
-			"linkTitle": true,
-			"identifier": "40AY0090US",
-			"imageBackgroundColor": "bg-teal-500",
-			"textBackgroundColor": "bg-slate-50",
+			"imageBackgroundColor": "bg-white",
+			"textBackgroundColor": "text-black",
 			"titleProps": {
-				"tag": "h5",
-				"size": "lg",
-				"fontColor": "black",
-				"fontFamily": "serif",
-				"additionalClasses": "text-center hover:underline mb-0 max-sm:text-sm"
+				"tag": "h3",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-sans",
+				"additionalClasses": "font-bold"
 			},
-			"imageUrl": "./assets/compass-card-image.png",
-			"altText": "Lenovo ThinkPad Universal USB-C Dock"
+			"imageUrl": "../../../assets/cat-logo.png",
+			"altText": "Canteen Logo"
+		},
+		{
+			"id": "2",
+			"title": "Morrison Healthcare",
+			"productCount": 10,
+			"link": "#",
+			"imageBackgroundColor": "bg-white",
+			"textBackgroundColor": "text-black",
+			"titleProps": {
+				"tag": "h3",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-sans",
+				"additionalClasses": "font-bold"
+			},
+			"imageUrl": "./assets/compass-logo.png",
+			"altText": "Morrison Healthcare Logo"
+		},
+		{
+			"id": "3",
+			"title": "Canteen",
+			"productCount": 12,
+			"link": "#",
+			"imageBackgroundColor": "bg-white",
+			"textBackgroundColor": "text-black",
+			"titleProps": {
+				"tag": "h3",
+				"size": "text-lg",
+				"fontColor": "text-black",
+				"fontFamily": "font-sans",
+				"additionalClasses": "font-bold"
+			},
+			"imageUrl": "../../../assets/cat-logo.png",
+			"altText": "Canteen Logo"
 		}
 	]
-}
+}