feat: move search component into molecules

platform-coop-toolkit · Jan 14, 2020 · 11b08c8 · 11b08c8
1 parent 3cba6b6
commit 11b08c8
Show file tree

Hide file tree

Showing 13 changed files with 10 additions and 27 deletions.
diff --git a/src/components/01-atoms/12-form-elements/12-search-inputs/search-inputs.njk b/src/components/01-atoms/12-form-elements/12-search-inputs/search-inputs.njk
diff --git a/...orm-elements/13-selects/selects.config.js → ...orm-elements/12-selects/selects.config.js b/...orm-elements/13-selects/selects.config.js → ...orm-elements/12-selects/selects.config.js
diff --git a/...s/12-form-elements/13-selects/selects.njk → ...s/12-form-elements/12-selects/selects.njk b/...s/12-form-elements/13-selects/selects.njk → ...s/12-form-elements/12-selects/selects.njk
diff --git a/...ements/14-checkboxes/checkboxes.config.js → ...ements/13-checkboxes/checkboxes.config.js b/...ements/14-checkboxes/checkboxes.config.js → ...ements/13-checkboxes/checkboxes.config.js
diff --git a/...orm-elements/14-checkboxes/checkboxes.njk → ...orm-elements/13-checkboxes/checkboxes.njk b/...orm-elements/14-checkboxes/checkboxes.njk → ...orm-elements/13-checkboxes/checkboxes.njk
diff --git a/.../15-radio-buttons/radio-buttons.config.js → .../14-radio-buttons/radio-buttons.config.js b/.../15-radio-buttons/radio-buttons.config.js → .../14-radio-buttons/radio-buttons.config.js
diff --git a/...ements/15-radio-buttons/radio-buttons.njk → ...ements/14-radio-buttons/radio-buttons.njk b/...ements/15-radio-buttons/radio-buttons.njk → ...ements/14-radio-buttons/radio-buttons.njk
diff --git a/...-form-elements/16-submit/submit.config.js → ...-form-elements/15-submit/submit.config.js b/...-form-elements/16-submit/submit.config.js → ...-form-elements/15-submit/submit.config.js
diff --git a/...oms/12-form-elements/16-submit/submit.njk → ...oms/12-form-elements/15-submit/submit.njk b/...oms/12-form-elements/16-submit/submit.njk → ...oms/12-form-elements/15-submit/submit.njk
diff --git a/src/components/01-atoms/12-form-elements/_search-input/_search-input.config.js b/src/components/01-atoms/12-form-elements/_search-input/_search-input.config.js
diff --git a/src/components/01-atoms/12-form-elements/_search-input/_search-input.njk b/src/components/01-atoms/12-form-elements/_search-input/_search-input.njk
diff --git a/.../12-search-inputs/search-inputs.config.js → ...s/02-molecules/07-search/search.config.js b/.../12-search-inputs/search-inputs.config.js → ...s/02-molecules/07-search/search.config.js
@@ -1,17 +1,11 @@
 module.exports = {
-	title: 'Search Input',
+	title: 'Search',
 	status: 'wip',
 	context: {
 		standAlone: false,
-		searchInputs: [
-			{
-				name: 's',
-			},
-			{
-				name: 'disabled',
-				disabled: true
-			}
-		]
+		name: 's',
+		placeholder: 'Search…',
+		label: 'Search'
 	},
 	variants: [
 		{

diff --git a/src/components/02-molecules/07-search/search.njk b/src/components/02-molecules/07-search/search.njk
@@ -0,0 +1,6 @@
+{% if not standAlone %}<div class="spacer"></div>{% endif %}
+<form class="search-input">
+	<label for="{{ name }}" class="screen-reader-text">{{ label }}</label>
+	<input id="{{ name }}" name="{{ name }}" placeholder="{{ placeholder }}" type="search"{% if disabled %} disabled{% endif %} />
+	<button type="submit"{% if disabled %} disabled{% endif %}><span class="screen-reader-text">{{ submitLabel }}</span>{% render '@svg', {svg: 'search'}, true %}</button>
+</form>