feat(TextInput): add description story

hobbitronics · hobbitronics · commit a75efd6e296a · 2022-02-14T10:42:29.000+09:30
diff --git a/components/mdc/TextInput/_index.scss b/components/mdc/TextInput/_index.scss
@@ -23,3 +23,6 @@ $radius: 8px !default;
 .required {
   color: var(--mdc-required-input, rgba(0, 0, 0, 0.6));
 }
+.mdc-theme--neutral {
+  color: var(--mdc-theme-neutral);
+}
diff --git a/stories/MoneyInput.stories.svelte b/stories/MoneyInput.stories.svelte
@@ -44,3 +44,5 @@ let lastKey = ''
 <Story name="Autofocus" args={copyAndModifyArgs(args, { autofocus: true })} />
 
 <Story name="Disabled" args={copyAndModifyArgs(args, { disabled: true })} />
+
+<Story name="Description" args={copyAndModifyArgs(args, { description: 'a description' })} />
diff --git a/stories/TextArea.stories.svelte b/stories/TextArea.stories.svelte
@@ -33,3 +33,5 @@ const args = {
 <Story name="Autofocus" args={copyAndModifyArgs(args, { autofocus: true })} />
 
 <Story name="Required" args={copyAndModifyArgs(args, { required: true })} />
+
+<Story name="Description" args={copyAndModifyArgs(args, { description: 'a description' })} />
diff --git a/stories/TextField.stories.svelte b/stories/TextField.stories.svelte
@@ -37,3 +37,5 @@ let lastKey = ''
 <Story name="icon" args={copyAndModifyArgs(args, { icon: 'home' })} />
 
 <Story name="Required" args={copyAndModifyArgs(args, { required: true })} />
+
+<Story name="Description" args={copyAndModifyArgs(args, { description: 'a description' })} />
diff --git a/stories/_theme.scss b/stories/_theme.scss
@@ -5,6 +5,7 @@
   --mdc-theme-primary-variant: #0078af;
   --mdc-theme-secondary: #ff4800;
   --mdc-theme-error: #c30000;
+  --mdc-theme-neutral: #6d7580;
   --mdc-required-input: gray;
   --progress-bar-color: #005cb9;
   --main-content-height: unset;

Original file line number	Diff line number	Diff line change
`@@ -23,3 +23,6 @@ $radius: 8px !default;`
`23`	`23`	`.required {`
`24`	`24`	`color: var(--mdc-required-input, rgba(0, 0, 0, 0.6));`
`25`	`25`	`}`
	`26`	`+.mdc-theme--neutral {`
	`27`	`+ color: var(--mdc-theme-neutral);`
	`28`	`+}`