@agilant/toga-blox 1.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/Dockerfile +9 -0
  2. package/README.md +69 -0
  3. package/assets/Logo.png +0 -0
  4. package/assets/compass-card-image-2.png +0 -0
  5. package/assets/compass-card-image-3.png +0 -0
  6. package/assets/compass-card-image-4.png +0 -0
  7. package/assets/compass-card-image.png +0 -0
  8. package/assets/compass-logo.png +0 -0
  9. package/assets/compass-tech-hero-bg.png +0 -0
  10. package/assets/contact-image.png +0 -0
  11. package/assets/green-laptop.png +0 -0
  12. package/assets/heroImage.png +0 -0
  13. package/assets/placeholder-no-image-available.png +0 -0
  14. package/assets/team.png +0 -0
  15. package/declarations.d.ts +4 -0
  16. package/docker-compose.yml +22 -0
  17. package/global.css +4 -0
  18. package/index.js +4 -0
  19. package/nodemon.json +5 -0
  20. package/package.json +70 -0
  21. package/postcss.config.js +6 -0
  22. package/src/components/Badge/Badge.stories.tsx +284 -0
  23. package/src/components/Badge/Badge.test.tsx +185 -0
  24. package/src/components/Badge/Badge.tsx +137 -0
  25. package/src/components/Badge/Badge.types.tsx +28 -0
  26. package/src/components/Badge/badgeClassNames.tsx +152 -0
  27. package/src/components/Badge/index.ts +2 -0
  28. package/src/components/Card/Card.stories.tsx +91 -0
  29. package/src/components/Card/Card.test.tsx +53 -0
  30. package/src/components/Card/Card.tsx +30 -0
  31. package/src/components/Card/Card.types.ts +11 -0
  32. package/src/components/Card/DUMMYPRODUCTDATA.json +670 -0
  33. package/src/components/Card/cardClassNames.ts +49 -0
  34. package/src/components/Card/index.ts +3 -0
  35. package/src/components/Card/templates/CompassCardTemplate.tsx +58 -0
  36. package/src/components/Card/templates/HorizontalCardTemplate.tsx +184 -0
  37. package/src/components/Card/templates/VerticalCardTemplate.tsx +154 -0
  38. package/src/components/Footer/ContactInfoItem.tsx +20 -0
  39. package/src/components/Footer/DUMMYFOOTERDATA.json +132 -0
  40. package/src/components/Footer/Footer.stories.tsx +292 -0
  41. package/src/components/Footer/Footer.test.tsx +90 -0
  42. package/src/components/Footer/Footer.tsx +159 -0
  43. package/src/components/Footer/Footer.types.tsx +61 -0
  44. package/src/components/Footer/footerClassNames.tsx +57 -0
  45. package/src/components/FormButton/FormButton.stories.tsx +199 -0
  46. package/src/components/FormButton/FormButton.test.tsx +73 -0
  47. package/src/components/FormButton/FormButton.tsx +116 -0
  48. package/src/components/FormButton/FormButton.types.ts +32 -0
  49. package/src/components/FormButton/formButtonClassNames.tsx +153 -0
  50. package/src/components/FormButton/index.ts +2 -0
  51. package/src/components/GenericList/DUMMYLISTDATA.json +560 -0
  52. package/src/components/GenericList/GenericList.stories.tsx +104 -0
  53. package/src/components/GenericList/GenericList.test.tsx +29 -0
  54. package/src/components/GenericList/GenericList.tsx +146 -0
  55. package/src/components/GenericList/genericListClassNames.tsx +8 -0
  56. package/src/components/GenericList/templates/DummyDataList.tsx +23 -0
  57. package/src/components/GenericList/templates/DynamicIconList.tsx +74 -0
  58. package/src/components/HamburgerButton/HamburgerButton.tsx +68 -0
  59. package/src/components/HamburgerButton/HamburgerButton.types.tsx +6 -0
  60. package/src/components/HamburgerButton/index.ts +2 -0
  61. package/src/components/Header/DUMMYICONDATA.json +136 -0
  62. package/src/components/Header/Header.stories.tsx +521 -0
  63. package/src/components/Header/Header.test.tsx +323 -0
  64. package/src/components/Header/Header.tsx +289 -0
  65. package/src/components/Header/Header.types.ts +52 -0
  66. package/src/components/Header/headerClassNames.tsx +50 -0
  67. package/src/components/Header/headerContext.tsx +125 -0
  68. package/src/components/Header/index.ts +2 -0
  69. package/src/components/Hero/Hero.stories.tsx +69 -0
  70. package/src/components/Hero/Hero.test.tsx +109 -0
  71. package/src/components/Hero/Hero.tsx +58 -0
  72. package/src/components/Hero/Hero.types.ts +9 -0
  73. package/src/components/Hero/index.ts +2 -0
  74. package/src/components/Icon/Icon.stories.tsx +227 -0
  75. package/src/components/Icon/Icon.test.tsx +53 -0
  76. package/src/components/Icon/Icon.tsx +208 -0
  77. package/src/components/Icon/Icon.types.ts +24 -0
  78. package/src/components/Icon/iconClassNames.ts +79 -0
  79. package/src/components/Icon/index.ts +2 -0
  80. package/src/components/Image/Image.stories.tsx +79 -0
  81. package/src/components/Image/Image.test.tsx +87 -0
  82. package/src/components/Image/Image.tsx +49 -0
  83. package/src/components/Image/Image.types.ts +11 -0
  84. package/src/components/Image/index.ts +2 -0
  85. package/src/components/Input/Input.stories.tsx +651 -0
  86. package/src/components/Input/Input.test.tsx +90 -0
  87. package/src/components/Input/Input.tsx +226 -0
  88. package/src/components/Input/Input.types.ts +52 -0
  89. package/src/components/Input/InputMemoTypes.tsx +32 -0
  90. package/src/components/Input/index.ts +2 -0
  91. package/src/components/Input/inputClassNames.tsx +169 -0
  92. package/src/components/MobileMenu/MobileMenu.tsx +41 -0
  93. package/src/components/MobileMenu/MobileMenu.types.tsx +30 -0
  94. package/src/components/MobileMenu/index.ts +2 -0
  95. package/src/components/Nav/DUMMYNAVDATA.json +234 -0
  96. package/src/components/Nav/Nav.stories.tsx +181 -0
  97. package/src/components/Nav/Nav.test.tsx +89 -0
  98. package/src/components/Nav/Nav.tsx +242 -0
  99. package/src/components/Nav/Nav.types.tsx +35 -0
  100. package/src/components/Nav/index.ts +2 -0
  101. package/src/components/Nav/navClassNames.tsx +192 -0
  102. package/src/components/Page/TableDataDummy.tsx +216 -0
  103. package/src/components/Page/ViewPageTemplate.stories.tsx +546 -0
  104. package/src/components/Page/ViewPageTemplate.test.tsx +361 -0
  105. package/src/components/Page/ViewPageTemplate.tsx +10 -0
  106. package/src/components/Page/ViewPageTemplate.types.ts +6 -0
  107. package/src/components/Page/index.ts +2 -0
  108. package/src/components/PageSection/PageSection.stories.tsx +114 -0
  109. package/src/components/PageSection/PageSection.tsx +12 -0
  110. package/src/components/PageSection/PageSection.types.ts +6 -0
  111. package/src/components/PageSection/PageSections.test.tsx +88 -0
  112. package/src/components/PageSection/index.ts +2 -0
  113. package/src/components/Text/Text.stories.tsx +60 -0
  114. package/src/components/Text/Text.test.tsx +52 -0
  115. package/src/components/Text/Text.tsx +80 -0
  116. package/src/components/Text/Text.types.ts +12 -0
  117. package/src/components/Text/index.ts +2 -0
  118. package/src/components/Toaster/Toaster.stories.tsx +122 -0
  119. package/src/components/Toaster/Toaster.test.tsx +61 -0
  120. package/src/components/Toaster/Toaster.tsx +80 -0
  121. package/src/components/Toaster/Toaster.types.ts +12 -0
  122. package/src/components/Toaster/index.ts +2 -0
  123. package/src/hoc/index.ts +2 -0
  124. package/src/hoc/styling/withStoryBook.tsx +19 -0
  125. package/src/main.css +3 -0
  126. package/src/setupTests.ts +1 -0
  127. package/src/userHoc/index.ts +1 -0
  128. package/src/userHoc/withMemo.tsx +20 -0
  129. package/src/utils/assertTagName.tsx +7 -0
  130. package/src/utils/generateAccordionItem.tsx +102 -0
  131. package/src/utils/generateFooterContacts.tsx +75 -0
  132. package/src/utils/generateNavMenu.tsx +54 -0
  133. package/src/utils/generateSocialList.tsx +34 -0
  134. package/src/utils/getFontAwesomeIcon.tsx +25 -0
  135. package/src/utils/inputValidation.tsx +26 -0
  136. package/tailwind.config.js +32 -0
  137. package/tsconfig.json +25 -0
  138. package/vite.config.ts +33 -0
package/src/components/Card/DUMMYPRODUCTDATA.json ADDED
@@ -0,0 +1,670 @@
1
+ {
2
+ "DUMMYPRODUCTDATA": [
3
+ {
4
+ "id": "1",
5
+ "title": "Lenovo ThinkPad Universal USB-C Dock",
6
+ "rating": 5,
7
+ "ratingProps": {
8
+ "tag": "p",
9
+ "size": "md",
10
+ "fontColor": "",
11
+ "fontFamily": "serif",
12
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
13
+ },
14
+ "link": "#",
15
+ "inStock": true,
16
+ "cardBorderRadius": "semiRounded",
17
+ "cardBorderColor": "blue",
18
+ "cardBackgroundColor": "light blue",
19
+ "cardBoxShadow": false,
20
+ "inStockProps": {
21
+ "tag": "p",
22
+ "size": "md",
23
+ "fontColor": "black",
24
+ "fontFamily": "serif",
25
+ "inStockIcon": "check",
26
+ "outOfStockIcon": "x",
27
+ "additionalClasses": "font-bold max-sm:text-xs"
28
+ },
29
+ "linkTitle": true,
30
+ "identifier": "40AY0090US",
31
+ "identifierProps": {
32
+ "tag": "p",
33
+ "size": "md",
34
+ "fontColor": "",
35
+ "fontFamily": "serif",
36
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded max-sm:text-xs"
37
+ },
38
+ "titleProps": {
39
+ "tag": "h5",
40
+ "size": "xl",
41
+ "fontColor": "black",
42
+ "fontFamily": "serif",
43
+ "additionalClasses": "font-bold hover:underline"
44
+ },
45
+ "price": "$599",
46
+ "priceProps": {
47
+ "tag": "p",
48
+ "size": "lg",
49
+ "fontColor": "black",
50
+ "fontFamily": "serif",
51
+ "additionalClasses": "font-bold"
52
+ },
53
+ "imageUrl": null,
54
+ "altText": "Lenovo ThinkPad Universal USB-C Dock",
55
+ "buttonProps": {
56
+ "text": "Add to cart",
57
+ "as": "a",
58
+ "size": "md",
59
+ "fontColor": "white",
60
+ "borderColor": "none",
61
+ "shape": "semiRounded",
62
+ "color": "blue",
63
+ "hoverBackground": "black",
64
+ "additionalClasses": ""
65
+ }
66
+ },
67
+ {
68
+ "id": "2",
69
+ "title": "Lenovo ThinkPad Universal USB-C Dock",
70
+ "rating": 5,
71
+ "ratingProps": {
72
+ "tag": "p",
73
+ "size": "md",
74
+ "fontColor": "",
75
+ "fontFamily": "serif",
76
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
77
+ },
78
+ "link": "#",
79
+ "inStock": true,
80
+ "cardBorderRadius": "semiRounded",
81
+ "cardBorderColor": "green",
82
+ "cardBackgroundColor": "light green",
83
+ "cardBoxShadow": false,
84
+ "inStockProps": {
85
+ "tag": "p",
86
+ "size": "md",
87
+ "fontColor": "black",
88
+ "fontFamily": "serif",
89
+ "additionalClasses": "",
90
+ "inStockIcon": "check",
91
+ "outOfStockIcon": "x"
92
+ },
93
+ "linkTitle": true,
94
+ "identifier": "40AY0090US",
95
+ "identifierProps": {
96
+ "tag": "p",
97
+ "size": "md",
98
+ "fontColor": "",
99
+ "fontFamily": "serif",
100
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
101
+ },
102
+ "titleProps": {
103
+ "tag": "h5",
104
+ "size": "xl",
105
+ "fontColor": "black",
106
+ "fontFamily": "serif",
107
+ "additionalClasses": "font-bold hover:underline"
108
+ },
109
+ "price": "$599",
110
+ "priceProps": {
111
+ "tag": "p",
112
+ "size": "lg",
113
+ "fontColor": "black",
114
+ "fontFamily": "serif",
115
+ "additionalClasses": "font-bold"
116
+ },
117
+ "imageUrl": null,
118
+ "altText": "Lenovo ThinkPad Universal USB-C Dock",
119
+ "buttonProps": {
120
+ "text": "Add to cart",
121
+ "as": "a",
122
+ "size": "md",
123
+ "fontColor": "white",
124
+ "borderColor": "none",
125
+ "shape": "semiRounded",
126
+ "color": "green",
127
+ "hoverBackground": "black",
128
+ "additionalClasses": ""
129
+ }
130
+ },
131
+ {
132
+ "id": "3",
133
+ "title": "Lenovo ThinkPad Universal USB-C Dock",
134
+ "rating": 5,
135
+ "ratingProps": {
136
+ "tag": "p",
137
+ "size": "md",
138
+ "fontColor": "",
139
+ "fontFamily": "serif",
140
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
141
+ },
142
+ "link": "#",
143
+ "cardBorderRadius": "semiRounded",
144
+ "cardBorderColor": "blue",
145
+ "cardBackgroundColor": "light blue",
146
+ "cardBoxShadow": false,
147
+ "inStock": true,
148
+ "inStockProps": {
149
+ "tag": "p",
150
+ "size": "md",
151
+ "fontColor": "black",
152
+ "fontFamily": "serif",
153
+ "additionalClasses": "",
154
+ "inStockIcon": "check",
155
+ "outOfStockIcon": "x"
156
+ },
157
+ "linkTitle": true,
158
+ "identifier": "40AY0090US",
159
+ "identifierProps": {
160
+ "tag": "p",
161
+ "size": "md",
162
+ "fontColor": "",
163
+ "fontFamily": "serif",
164
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
165
+ },
166
+ "titleProps": {
167
+ "tag": "h5",
168
+ "size": "xl",
169
+ "fontColor": "black",
170
+ "fontFamily": "serif",
171
+ "additionalClasses": "font-bold hover:underline"
172
+ },
173
+ "price": "$599",
174
+ "priceProps": {
175
+ "tag": "p",
176
+ "size": "lg",
177
+ "fontColor": "black",
178
+ "fontFamily": "serif",
179
+ "additionalClasses": "font-bold"
180
+ },
181
+ "imageUrl": null,
182
+ "altText": "Lenovo ThinkPad Universal USB-C Dock",
183
+ "buttonProps": {
184
+ "text": "Add to cart",
185
+ "as": "a",
186
+ "size": "md",
187
+ "fontColor": "white",
188
+ "borderColor": "none",
189
+ "shape": "semiRounded",
190
+ "color": "blue",
191
+ "hoverBackground": "black",
192
+ "additionalClasses": ""
193
+ }
194
+ },
195
+ {
196
+ "id": "4",
197
+ "title": "Lenovo ThinkPad Universal USB-C Dock",
198
+ "rating": 5,
199
+ "ratingProps": {
200
+ "tag": "p",
201
+ "size": "md",
202
+ "fontColor": "",
203
+ "fontFamily": "serif",
204
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded ms-3 max-sm:text-xs"
205
+ },
206
+ "link": "#",
207
+ "inStock": true,
208
+ "cardBorderRadius": "semiRounded",
209
+ "cardBorderColor": "blue",
210
+ "cardBackgroundColor": "light blue",
211
+ "cardBoxShadow": false,
212
+ "inStockProps": {
213
+ "tag": "p",
214
+ "size": "md",
215
+ "fontColor": "black",
216
+ "fontFamily": "serif",
217
+ "additionalClasses": "",
218
+ "inStockIcon": "check",
219
+ "outOfStockIcon": "x"
220
+ },
221
+ "linkTitle": true,
222
+ "identifier": "40AY0090US",
223
+ "identifierProps": {
224
+ "tag": "p",
225
+ "size": "md",
226
+ "fontColor": "",
227
+ "fontFamily": "serif",
228
+ "additionalClasses": "bg-white text-blue-800 font-semibold px-2.5 py-0.5 rounded"
229
+ },
230
+ "titleProps": {
231
+ "tag": "h5",
232
+ "size": "xl",
233
+ "fontColor": "black",
234
+ "fontFamily": "serif",
235
+ "additionalClasses": "font-bold hover:underline"
236
+ },
237
+ "price": "$599",
238
+ "priceProps": {
239
+ "tag": "p",
240
+ "size": "lg",
241
+ "fontColor": "black",
242
+ "fontFamily": "serif",
243
+ "additionalClasses": "font-bold"
244
+ },
245
+ "imageUrl": null,
246
+ "altText": "Lenovo ThinkPad Universal USB-C Dock",
247
+ "buttonProps": {
248
+ "text": "Add to cart",
249
+ "as": "a",
250
+ "size": "md",
251
+ "fontColor": "white",
252
+ "borderColor": "none",
253
+ "shape": "semiRounded",
254
+ "color": "blue",
255
+ "hoverBackground": "black",
256
+ "additionalClasses": ""
257
+ }
258
+ }
259
+ ],
260
+ "DUMMYCOMPASSPRODUCTDATA": [
261
+ {
262
+ "id": "1",
263
+ "title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
264
+ "rating": 5,
265
+ "link": "#",
266
+ "inStock": true,
267
+ "cardBorderRadius": "cornered",
268
+ "cardBorderColor": "orange",
269
+ "cardBackgroundColor": "orange",
270
+ "cardBoxShadow": false,
271
+ "linkTitle": true,
272
+ "identifier": "40AY0090US",
273
+ "imageBackgroundColor": "bg-teal-200",
274
+ "textBackgroundColor": "bg-slate-50",
275
+ "titleProps": {
276
+ "tag": "h5",
277
+ "size": "lg",
278
+ "fontColor": "black",
279
+ "fontFamily": "serif",
280
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
281
+ },
282
+ "imageUrl": "./assets/compass-card-image.png",
283
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
284
+ },
285
+ {
286
+ "id": "2",
287
+ "title": "Morrison Healthcare - MyDining/MyDelivery - iPad Pro - Tablet",
288
+ "rating": 5,
289
+ "link": "#",
290
+ "inStock": true,
291
+ "cardBorderRadius": "cornered",
292
+ "cardBorderColor": "pink",
293
+ "cardBackgroundColor": "pink",
294
+ "cardBoxShadow": false,
295
+ "imageBackgroundColor": "",
296
+ "linkTitle": true,
297
+ "identifier": "40AY0090US",
298
+ "textBackgroundColor": "bg-slate-50",
299
+
300
+ "titleProps": {
301
+ "tag": "h5",
302
+ "size": "lg",
303
+ "fontColor": "black",
304
+ "fontFamily": "serif",
305
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
306
+ },
307
+ "imageUrl": "./assets/compass-card-image-2.png",
308
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
309
+ },
310
+ {
311
+ "id": "3",
312
+ "title": "Morrison Healthcare - MyDining/MyDelivery - iPad Pro - Tablet",
313
+ "rating": 5,
314
+ "link": "#",
315
+ "inStock": true,
316
+ "cardBorderRadius": "cornered",
317
+ "cardBorderColor": "fuchsia",
318
+ "cardBackgroundColor": "fuchsia",
319
+ "cardBoxShadow": false,
320
+ "imageBackgroundColor": "",
321
+ "linkTitle": true,
322
+ "identifier": "40AY0090US",
323
+ "textBackgroundColor": "bg-slate-50",
324
+
325
+ "titleProps": {
326
+ "tag": "h5",
327
+ "size": "lg",
328
+ "fontColor": "black",
329
+ "fontFamily": "serif",
330
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
331
+ },
332
+ "imageUrl": "./assets/compass-card-image-3.png",
333
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
334
+ },
335
+ {
336
+ "id": "4",
337
+ "title": "Exec RoadWarrior",
338
+ "rating": 5,
339
+ "link": "#",
340
+ "inStock": true,
341
+ "cardBorderRadius": "cornered",
342
+ "cardBorderColor": "purple",
343
+ "cardBackgroundColor": "purple",
344
+ "imageBackgroundColor": "",
345
+ "cardBoxShadow": false,
346
+ "linkTitle": true,
347
+ "identifier": "40AY0090US",
348
+ "textBackgroundColor": "bg-slate-50",
349
+ "titleProps": {
350
+ "tag": "h5",
351
+ "size": "lg",
352
+ "fontColor": "black",
353
+ "fontFamily": "serif",
354
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
355
+ },
356
+ "imageUrl": "./assets/compass-card-image-4.png",
357
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
358
+ },
359
+ {
360
+ "id": "5",
361
+ "title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
362
+ "rating": 5,
363
+ "link": "#",
364
+ "inStock": true,
365
+ "cardBorderRadius": "cornered",
366
+ "cardBorderColor": "blue",
367
+ "cardBackgroundColor": "blue",
368
+ "cardBoxShadow": false,
369
+ "imageBackgroundColor": "",
370
+ "linkTitle": true,
371
+ "identifier": "40AY0090US",
372
+ "textBackgroundColor": "bg-slate-50",
373
+ "titleProps": {
374
+ "tag": "h5",
375
+ "size": "lg",
376
+ "fontColor": "black",
377
+ "fontFamily": "serif",
378
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
379
+ },
380
+ "imageUrl": "./assets/compass-card-image.png",
381
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
382
+ },
383
+ {
384
+ "id": "6",
385
+ "title": "Morrison Healthcare - MyDining/MyDelivery - iPad Pro - Tablet",
386
+ "rating": 5,
387
+ "link": "#",
388
+ "inStock": true,
389
+ "cardBorderRadius": "cornered",
390
+ "cardBorderColor": "green",
391
+ "cardBackgroundColor": "green",
392
+ "cardBoxShadow": false,
393
+ "imageBackgroundColor": "",
394
+ "linkTitle": true,
395
+ "identifier": "40AY0090US",
396
+ "textBackgroundColor": "bg-slate-50",
397
+ "titleProps": {
398
+ "tag": "h5",
399
+ "size": "lg",
400
+ "fontColor": "black",
401
+ "fontFamily": "serif",
402
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
403
+ },
404
+ "imageUrl": "./assets/compass-card-image-2.png",
405
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
406
+ },
407
+ {
408
+ "id": "7",
409
+ "title": "Exec RoadWarrior",
410
+ "rating": 5,
411
+ "link": "#",
412
+ "inStock": true,
413
+ "cardBorderRadius": "cornered",
414
+ "cardBorderColor": "lime",
415
+ "cardBackgroundColor": "lime",
416
+ "imageBackgroundColor": "",
417
+ "cardBoxShadow": false,
418
+ "linkTitle": true,
419
+ "identifier": "40AY0090US",
420
+ "textBackgroundColor": "bg-slate-50",
421
+ "titleProps": {
422
+ "tag": "h5",
423
+ "size": "lg",
424
+ "fontColor": "black",
425
+ "fontFamily": "serif",
426
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
427
+ },
428
+ "imageUrl": "./assets/compass-card-image-4.png",
429
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
430
+ },
431
+ {
432
+ "id": "8",
433
+ "title": "Exec RoadWarrior",
434
+ "rating": 5,
435
+ "link": "#",
436
+ "inStock": true,
437
+ "cardBorderRadius": "cornered",
438
+ "cardBorderColor": "yellow",
439
+ "cardBackgroundColor": "yellow",
440
+ "imageBackgroundColor": "",
441
+ "cardBoxShadow": false,
442
+ "linkTitle": true,
443
+ "identifier": "40AY0090US",
444
+ "textBackgroundColor": "bg-slate-50",
445
+ "titleProps": {
446
+ "tag": "h5",
447
+ "size": "lg",
448
+ "fontColor": "black",
449
+ "fontFamily": "serif",
450
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
451
+ },
452
+ "imageUrl": "./assets/compass-card-image-4.png",
453
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
454
+ },
455
+ {
456
+ "id": "9",
457
+ "title": "Exec RoadWarrior",
458
+ "rating": 5,
459
+ "link": "#",
460
+ "inStock": true,
461
+ "cardBorderRadius": "cornered",
462
+ "cardBorderColor": "orange",
463
+ "cardBackgroundColor": "orange",
464
+ "imageBackgroundColor": "",
465
+ "cardBoxShadow": false,
466
+ "linkTitle": true,
467
+ "identifier": "40AY0090US",
468
+ "textBackgroundColor": "bg-slate-50",
469
+ "titleProps": {
470
+ "tag": "h5",
471
+ "size": "lg",
472
+ "fontColor": "black",
473
+ "fontFamily": "serif",
474
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
475
+ },
476
+ "imageUrl": "./assets/compass-card-image-4.png",
477
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
478
+ },
479
+ {
480
+ "id": "10",
481
+ "title": "Exec RoadWarrior",
482
+ "rating": 5,
483
+ "link": "#",
484
+ "inStock": true,
485
+ "cardBorderRadius": "cornered",
486
+ "cardBorderColor": "pink",
487
+ "cardBackgroundColor": "pink",
488
+ "imageBackgroundColor": "",
489
+ "cardBoxShadow": false,
490
+ "linkTitle": true,
491
+ "identifier": "40AY0090US",
492
+ "textBackgroundColor": "bg-slate-50",
493
+ "titleProps": {
494
+ "tag": "h5",
495
+ "size": "lg",
496
+ "fontColor": "black",
497
+ "fontFamily": "serif",
498
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
499
+ },
500
+ "imageUrl": "./assets/compass-card-image-4.png",
501
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
502
+ },
503
+ {
504
+ "id": "11",
505
+ "title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
506
+ "rating": 5,
507
+ "link": "#",
508
+ "inStock": true,
509
+ "cardBorderRadius": "cornered",
510
+ "cardBorderColor": "fuchsia",
511
+ "cardBackgroundColor": "fuchsia",
512
+ "cardBoxShadow": false,
513
+ "imageBackgroundColor": "",
514
+ "linkTitle": true,
515
+ "identifier": "40AY0090US",
516
+ "textBackgroundColor": "bg-slate-50",
517
+ "titleProps": {
518
+ "tag": "h5",
519
+ "size": "lg",
520
+ "fontColor": "black",
521
+ "fontFamily": "serif",
522
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
523
+ },
524
+ "imageUrl": "./assets/compass-card-image.png",
525
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
526
+ },
527
+ {
528
+ "id": "12",
529
+ "title": "Morrison Healthcare - MyDining/MyDelivery - iPad Pro - Tablet",
530
+ "rating": 5,
531
+ "link": "#",
532
+ "inStock": true,
533
+ "cardBorderRadius": "cornered",
534
+ "cardBorderColor": "purple",
535
+ "cardBackgroundColor": "purple",
536
+ "cardBoxShadow": false,
537
+ "imageBackgroundColor": "",
538
+ "linkTitle": true,
539
+ "identifier": "40AY0090US",
540
+ "textBackgroundColor": "bg-slate-50",
541
+ "titleProps": {
542
+ "tag": "h5",
543
+ "size": "lg",
544
+ "fontColor": "black",
545
+ "fontFamily": "serif",
546
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
547
+ },
548
+ "imageUrl": "./assets/compass-card-image-2.png",
549
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
550
+ },
551
+ {
552
+ "id": "13",
553
+ "title": "Exec RoadWarrior",
554
+ "rating": 5,
555
+ "link": "#",
556
+ "inStock": true,
557
+ "cardBorderRadius": "cornered",
558
+ "cardBorderColor": "blue",
559
+ "cardBackgroundColor": "blue",
560
+ "imageBackgroundColor": "",
561
+ "cardBoxShadow": false,
562
+ "linkTitle": true,
563
+ "identifier": "40AY0090US",
564
+ "textBackgroundColor": "bg-slate-50",
565
+ "titleProps": {
566
+ "tag": "h5",
567
+ "size": "lg",
568
+ "fontColor": "black",
569
+ "fontFamily": "serif",
570
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
571
+ },
572
+ "imageUrl": "./assets/compass-card-image-4.png",
573
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
574
+ },
575
+ {
576
+ "id": "14",
577
+ "title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
578
+ "rating": 5,
579
+ "link": "#",
580
+ "inStock": true,
581
+ "cardBorderRadius": "cornered",
582
+ "cardBorderColor": "green",
583
+ "cardBackgroundColor": "green",
584
+ "cardBoxShadow": false,
585
+ "imageBackgroundColor": "",
586
+ "linkTitle": true,
587
+ "identifier": "40AY0090US",
588
+ "textBackgroundColor": "bg-slate-50",
589
+ "titleProps": {
590
+ "tag": "h5",
591
+ "size": "lg",
592
+ "fontColor": "black",
593
+ "fontFamily": "serif",
594
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
595
+ },
596
+ "imageUrl": "./assets/compass-card-image.png",
597
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
598
+ },
599
+ {
600
+ "id": "15",
601
+ "title": "Morrison Healthcare - MyDining/MyDelivery - iPad Pro - Tablet",
602
+ "rating": 5,
603
+ "link": "#",
604
+ "inStock": true,
605
+ "cardBorderRadius": "cornered",
606
+ "cardBorderColor": "lime",
607
+ "cardBackgroundColor": "lime",
608
+ "cardBoxShadow": false,
609
+ "imageBackgroundColor": "",
610
+ "linkTitle": true,
611
+ "identifier": "40AY0090US",
612
+ "textBackgroundColor": "bg-slate-50",
613
+ "titleProps": {
614
+ "tag": "h5",
615
+ "size": "lg",
616
+ "fontColor": "black",
617
+ "fontFamily": "serif",
618
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
619
+ },
620
+ "imageUrl": "./assets/compass-card-image-2.png",
621
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
622
+ },
623
+ {
624
+ "id": "16",
625
+ "title": "Exec RoadWarrior",
626
+ "rating": 5,
627
+ "link": "#",
628
+ "inStock": true,
629
+ "cardBorderRadius": "cornered",
630
+ "cardBorderColor": "yellow",
631
+ "cardBackgroundColor": "yellow",
632
+ "cardBoxShadow": false,
633
+ "imageBackgroundColor": "",
634
+ "linkTitle": true,
635
+ "identifier": "40AY0090US",
636
+ "textBackgroundColor": "bg-slate-50",
637
+ "titleProps": {
638
+ "tag": "h5",
639
+ "size": "lg",
640
+ "fontColor": "black",
641
+ "fontFamily": "serif",
642
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-xs"
643
+ },
644
+ "imageUrl": "./assets/compass-card-image-4.png",
645
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
646
+ }
647
+ ],
648
+ "DUMMYCARDTESTDATA": [
649
+ {
650
+ "id": "1",
651
+ "title": "Compass Sales Lenovo TP X13 Yoga G3 Laptop",
652
+ "rating": 5,
653
+ "link": "#",
654
+ "inStock": true,
655
+ "linkTitle": true,
656
+ "identifier": "40AY0090US",
657
+ "imageBackgroundColor": "bg-teal-500",
658
+ "textBackgroundColor": "bg-slate-50",
659
+ "titleProps": {
660
+ "tag": "h5",
661
+ "size": "lg",
662
+ "fontColor": "black",
663
+ "fontFamily": "serif",
664
+ "additionalClasses": "text-center hover:underline mb-0 max-sm:text-sm"
665
+ },
666
+ "imageUrl": "./assets/compass-card-image.png",
667
+ "altText": "Lenovo ThinkPad Universal USB-C Dock"
668
+ }
669
+ ]
670
+ }