docs: add more figma assets (#3563)

* docs(actionmenu): add figma links
* docs(assetcard): add figma links
* docs(card): add figma links
* docs(infieldbutton): add figma links
* docs(steplist): add figma links
* docs(colorloupe): add figma links
* docs(opacitycheckerboard): add figma links
* docs(calendar): add figma link
* docs(datepicker): add figma link
* docs(clearbutton): add figma link

Author: marissahuysentruyt

components/actionmenu/stories/actionmenu.stories.js

@@ -48,6 +48,10 @@ export default {
 				...(Menu.parameters?.actions?.handles ?? []),
 			],
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=20959-21513&node-type=frame&t=jbePQKK1yLdrHG2M-11",
+		},
 		packageJson,
 		docs: {
 			story: {

components/assetcard/stories/assetcard.stories.js

@@ -90,6 +90,10 @@ export default {
 		actions: {
 			handles: [...(Checkbox.parameters?.actions?.handles ?? [])],
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=92743-20369",
+		},
 		packageJson,
 		metadata,
 	},

components/calendar/stories/calendar.stories.js

@@ -115,6 +115,10 @@ export default {
 				...(ActionButtonStories.parameters.actions.handles ?? [])
 			],
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=34191-21153",
+		},
 		packageJson,
 		metadata,
 	},

components/card/stories/card.stories.js

@@ -125,6 +125,10 @@ export default {
 				...(Checkbox.parameters?.actions?.handles ?? []),
 			],
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=92731-3456",
+		},
 		packageJson,
 		metadata,
 	},

components/clearbutton/stories/clearbutton.stories.js

@@ -59,6 +59,10 @@ export default {
 		isQuiet: false,
 	},
 	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=13078-14989",
+		},
 		packageJson,
 		metadata,
 	},

components/colorloupe/stories/colorloupe.stories.js

@@ -43,6 +43,10 @@ export default {
 				height: "100px"
 			}
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=202-2563",
+		},
 		packageJson,
 		metadata,
 	},

components/datepicker/stories/datepicker.stories.js

@@ -70,6 +70,10 @@ export default {
 				...(CalendarStories.parameters.actions.handles ?? [])
 			],
 		},
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2---Desktop?node-id=112153-679",
+		},
 		docs: {
 			story: {
 				height: "50px"

components/infieldbutton/stories/infieldbutton.stories.js

@@ -48,6 +48,10 @@ export default {
 		isStacked: false,
 	},
 	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=814-8689",
+		},
 		packageJson,
 		metadata,
 	},

components/opacitycheckerboard/stories/opacitycheckerboard.stories.js

@@ -30,6 +30,10 @@ export default {
 		}
 	},
 	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/eoZHKJH9a3LJkHYCGt60Vb/S2-token-specs?node-id=202-4135",
+		},
 		packageJson,
 		metadata,
 	},

components/steplist/stories/steplist.stories.js

@@ -74,6 +74,10 @@ export default {
 		],
 	},
 	parameters: {
+		design: {
+			type: "figma",
+			url: "https://www.figma.com/design/Mngz9H7WZLbrCvGQf3GnsY/S2-%2F-Desktop?node-id=88037-163",
+		},
 		packageJson,
 		metadata,
 	},