chore: set defaultValue in argument instead of arg types

Signed-off-by: Akshat Patel <akshat@live.ca>

Author: Akshat55

src/breadcrumb/breadcrumb.stories.ts

@@ -30,14 +30,16 @@ export default {
 			imports: [BreadcrumbModule]
 		})
 	],
+	args: {
+		noTrailingSlash: true,
+		skeleton: false
+	},
 	argTypes: {
 		noTrailingSlash: {
-			type: "boolean",
-			defaultValue: true
+			type: "boolean"
 		},
 		skeleton: {
 			type: "boolean",
-			defaultValue: false,
 			control: false
 		}
 	},

src/button/button.stories.ts

@@ -14,6 +14,12 @@ export default {
 			]
 		})
 	],
+	args: {
+		kind: "primary",
+		size: "md",
+		isExpressive: "false",
+		disabled: false
+	},
 	argTypes: {
 		kind: {
 			options: [
@@ -26,22 +32,18 @@ export default {
 				"danger--tertiary",
 				"danger--ghost"
 			],
-			defaultValue: "primary",
 			control: { type: "select" },
 			name: "cdsButton"
 		},
 		size: {
 			options: ["sm", "md", "lg", "xl", "2xl"],
-			defaultValue: "md",
 			control: { type: "select" }
 		},
 		isExpressive: {
-			type: "boolean",
-			defaultValue: false
+			type: "boolean"
 		},
 		disabled: {
-			type: "boolean",
-			defaultValue: false
+			type: "boolean"
 		},
 		// Actions
 		onClick: { action: "clicked" },

src/button/icon-button.stories.ts

@@ -17,7 +17,18 @@ export default {
 			]
 		})
 	],
+	args: {
+		align: "bottom",
+		kind: "primary",
+		size: "md",
+		isExpressive: "false",
+		disabled: false
+	},
 	argTypes: {
+		align: {
+			options: ["top", "left", "bottom", "right"],
+			control: { type: "select" }
+		},
 		kind: {
 			options: [
 				"primary",
@@ -29,22 +40,18 @@ export default {
 				"danger--tertiary",
 				"danger--ghost"
 			],
-			defaultValue: "primary",
 			control: { type: "select" },
 			name: "cdsButton"
 		},
 		size: {
 			options: ["sm", "md", "lg", "xl", "2xl"],
-			defaultValue: "md",
 			control: { type: "select" }
 		},
 		isExpressive: {
-			type: "boolean",
-			defaultValue: false
+			type: "boolean"
 		},
 		disabled: {
-			type: "boolean",
-			defaultValue: false
+			type: "boolean"
 		},
 		// Actions
 		onClick: { action: "clicked" },
@@ -90,10 +97,3 @@ Basic.args = {
 		"example-global-class": true
 	}
 };
-Basic.argTypes = {
-		align: {
-		options: ["top", "left", "bottom", "right"],
-		defaultValue: "bottom",
-		control: { type: "select" }
-	}
-};

src/combobox/combobox.stories.ts

@@ -68,17 +68,17 @@ export default {
 		],
 		appendInline: false,
 		dropUp: false,
-		selectionFeedback: "top-after-reopen"
+		selectionFeedback: "top-after-reopen",
+		size: "md",
+		theme: "dark"
 	},
 	argTypes: {
 		size: {
 			options: ["sm", "md", "lg"],
-			defaultValue: "md",
 			control: "radio"
 		},
 		theme: {
 			options: ["light", "dark"],
-			defaultValue: "dark",
 			control: "radio"
 		},
 		maxLength: {

src/datepicker/datepicker.stories.ts

@@ -18,17 +18,17 @@ export default {
 		warnText: "This is a warning",
 		warn: false,
 		disabled: false,
-		language: "en"
+		language: "en",
+		theme: "dark",
+		size: "md"
 	},
 	argTypes: {
 		theme: {
 			options: ["light", "dark"],
-			defaultValue: "dark",
 			control: "radio"
 		},
 		size: {
 			options: ["sm", "md", "lg"],
-			defaultValue: "md",
 			control: "radio"
 		},
 		valueChange: {
@@ -96,12 +96,12 @@ const SingleTemplate = (args) => ({
 });
 export const Single = SingleTemplate.bind({});
 Single.args = {
-	dateFormat: "m/d/y"
+	dateFormat: "m/d/y",
+	language: "en"
 };
 Single.argTypes = {
 	language: {
 		options: ["en", "de", "fi", "ja", "zh", "es", "fr", "it", "ko", "pt"],
-		defaultValue: "en",
 		control: "select"
 	}
 };

src/dropdown/dropdown.stories.ts

@@ -43,20 +43,20 @@ export default {
 			}
 		],
 		appendInline: false,
-		dropUp: false
+		dropUp: false,
+		size: "md",
+		theme: "dark"
 	},
 	argTypes: {
 		type: {
 			control: false
 		},
 		size: {
 			options: ["sm", "md", "lg"],
-			defaultValue: "md",
 			control: "radio"
 		},
 		theme: {
 			options: ["light", "dark"],
-			defaultValue: "dark",
 			control: "radio"
 		},
 		selected: { action: "Selection changed!" },

src/file-uploader/file-uploader.stories.ts

@@ -36,22 +36,22 @@ export default {
 		description: "only .jpg and .png files. 500kb max file size.",
 		buttonText: "Add files",
 		disabled: false,
-		multiple: true
+		multiple: true,
+		size: "md",
+		buttonType: "primary",
+		fileItemSize: "lg"
 	},
 	argTypes: {
 		size: {
 			options: ["sm", "md", "lg"],
-			defaultValue: "md",
 			control: "radio"
 		},
 		buttonType: {
 			options: ["primary", "secondary", "tertiary", "ghost", "danger"],
-			defaultValue: "primary",
 			control: "select"
 		},
 		fileItemSize: {
 			options: ["sm", "md", "lg"],
-			defaultValue: "lg",
 			control: "radio"
 		}
 	},

src/input/input.stories.ts

@@ -45,22 +45,22 @@ Basic.args = {
 	warnText: "This is a warning!",
 	label: "Text input label",
 	helperText: "Optional helper text",
-	placeholder: "Placeholder"
+	placeholder: "Placeholder",
+	autocomplete: "on",
+	theme: "dark",
+	size: "md"
 };
 Basic.argTypes = {
 	autocomplete: {
 		options: ["on", "off"],
-		defaultValue: "on",
 		control: "radio"
 	},
 	theme: {
 		options: ["light", "dark"],
-		defaultValue: "dark",
 		control: "radio"
 	},
 	size: {
 		options: ["sm", "md", "lg"],
-		defaultValue: "md",
 		contorl: "select"
 	}
 };

src/input/textarea.stories.ts

@@ -45,22 +45,22 @@ Basic.args = {
 	helperText: "Optional helper text",
 	placeholder: "Placeholder",
 	cols: 50,
-	rows: 4
+	rows: 4,
+	autocomplete: "on",
+	theme: "dark",
+	size: "md"
 };
 Basic.argTypes = {
 	autocomplete: {
 		options: ["on", "off"],
-		defaultValue: "on",
 		control: "radio"
 	},
 	theme: {
 		options: ["light", "dark"],
-		defaultValue: "dark",
 		control: "radio"
 	},
 	size: {
 		options: ["sm", "md", "lg"],
-		defaultValue: "md",
 		contorl: "select"
 	}
 };

src/loading/loading.stories.ts

@@ -22,12 +22,12 @@ const Template = (args) => ({
 export const Basic = Template.bind({});
 Basic.args = {
 	isActive: true,
-	overlay: false
+	overlay: false,
+	size: "normal"
 };
 Basic.argTypes = {
 	size: {
 		options: ["sm", "normal"],
-		defaultValue: "normal",
 		control: "radio"
 	}
 };