From e39359946aa9b05489a2da61e83203612f7ea080 Mon Sep 17 00:00:00 2001 From: Kimmo Puputti Date: Wed, 20 Sep 2017 11:45:50 +0300 Subject: [PATCH] Add icon examples to the Styleguide --- .../IconBannedUser/IconBannedUser.example.js | 7 +++++++ src/components/IconClose/IconClose.example.js | 7 +++++++ .../IconEmailAttention.example.js | 7 +++++++ .../IconEmailSent/IconEmailSent.example.js | 7 +++++++ .../IconEmailSuccess.example.js | 7 +++++++ src/components/IconKeys/IconKeys.example.js | 7 +++++++ .../IconKeysSuccess/IconKeysSuccess.example.js | 7 +++++++ .../IconSearch/IconSearch.example.js | 7 +++++++ .../IconSpinner/IconSpinner.example.js | 7 +++++++ src/examples.js | 18 ++++++++++++++++++ 10 files changed, 81 insertions(+) create mode 100644 src/components/IconBannedUser/IconBannedUser.example.js create mode 100644 src/components/IconClose/IconClose.example.js create mode 100644 src/components/IconEmailAttention/IconEmailAttention.example.js create mode 100644 src/components/IconEmailSent/IconEmailSent.example.js create mode 100644 src/components/IconEmailSuccess/IconEmailSuccess.example.js create mode 100644 src/components/IconKeys/IconKeys.example.js create mode 100644 src/components/IconKeysSuccess/IconKeysSuccess.example.js create mode 100644 src/components/IconSearch/IconSearch.example.js create mode 100644 src/components/IconSpinner/IconSpinner.example.js diff --git a/src/components/IconBannedUser/IconBannedUser.example.js b/src/components/IconBannedUser/IconBannedUser.example.js new file mode 100644 index 00000000..e701d60f --- /dev/null +++ b/src/components/IconBannedUser/IconBannedUser.example.js @@ -0,0 +1,7 @@ +import IconBannedUser from './IconBannedUser'; + +export const Icon = { + component: IconBannedUser, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconClose/IconClose.example.js b/src/components/IconClose/IconClose.example.js new file mode 100644 index 00000000..a369dff7 --- /dev/null +++ b/src/components/IconClose/IconClose.example.js @@ -0,0 +1,7 @@ +import IconClose from './IconClose'; + +export const Icon = { + component: IconClose, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconEmailAttention/IconEmailAttention.example.js b/src/components/IconEmailAttention/IconEmailAttention.example.js new file mode 100644 index 00000000..2307e9f9 --- /dev/null +++ b/src/components/IconEmailAttention/IconEmailAttention.example.js @@ -0,0 +1,7 @@ +import IconEmailAttention from './IconEmailAttention'; + +export const Icon = { + component: IconEmailAttention, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconEmailSent/IconEmailSent.example.js b/src/components/IconEmailSent/IconEmailSent.example.js new file mode 100644 index 00000000..254f9e1b --- /dev/null +++ b/src/components/IconEmailSent/IconEmailSent.example.js @@ -0,0 +1,7 @@ +import IconEmailSent from './IconEmailSent'; + +export const Icon = { + component: IconEmailSent, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconEmailSuccess/IconEmailSuccess.example.js b/src/components/IconEmailSuccess/IconEmailSuccess.example.js new file mode 100644 index 00000000..cbaea4e9 --- /dev/null +++ b/src/components/IconEmailSuccess/IconEmailSuccess.example.js @@ -0,0 +1,7 @@ +import IconEmailSuccess from './IconEmailSuccess'; + +export const Icon = { + component: IconEmailSuccess, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconKeys/IconKeys.example.js b/src/components/IconKeys/IconKeys.example.js new file mode 100644 index 00000000..e6068800 --- /dev/null +++ b/src/components/IconKeys/IconKeys.example.js @@ -0,0 +1,7 @@ +import IconKeys from './IconKeys'; + +export const Icon = { + component: IconKeys, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconKeysSuccess/IconKeysSuccess.example.js b/src/components/IconKeysSuccess/IconKeysSuccess.example.js new file mode 100644 index 00000000..46e7a3f7 --- /dev/null +++ b/src/components/IconKeysSuccess/IconKeysSuccess.example.js @@ -0,0 +1,7 @@ +import IconKeysSuccess from './IconKeysSuccess'; + +export const Icon = { + component: IconKeysSuccess, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconSearch/IconSearch.example.js b/src/components/IconSearch/IconSearch.example.js new file mode 100644 index 00000000..1572121a --- /dev/null +++ b/src/components/IconSearch/IconSearch.example.js @@ -0,0 +1,7 @@ +import IconSearch from './IconSearch'; + +export const Icon = { + component: IconSearch, + props: {}, + group: 'icons', +}; diff --git a/src/components/IconSpinner/IconSpinner.example.js b/src/components/IconSpinner/IconSpinner.example.js new file mode 100644 index 00000000..160e0ff7 --- /dev/null +++ b/src/components/IconSpinner/IconSpinner.example.js @@ -0,0 +1,7 @@ +import IconSpinner from './IconSpinner'; + +export const Icon = { + component: IconSpinner, + props: {}, + group: 'icons', +}; diff --git a/src/examples.js b/src/examples.js index 79b9907e..0f41feb2 100644 --- a/src/examples.js +++ b/src/examples.js @@ -9,6 +9,15 @@ import * as DateInputField from './components/DateInputField/DateInputField.exam import * as DateRangeInputField from './components/DateRangeInputField/DateRangeInputField.example'; import * as EditListingWizard from './components/EditListingWizard/EditListingWizard.example'; import * as ExpandingTextarea from './components/ExpandingTextarea/ExpandingTextarea.example'; +import * as IconBannedUser from './components/IconBannedUser/IconBannedUser.example'; +import * as IconClose from './components/IconClose/IconClose.example'; +import * as IconEmailAttention from './components/IconEmailAttention/IconEmailAttention.example'; +import * as IconEmailSent from './components/IconEmailSent/IconEmailSent.example'; +import * as IconEmailSuccess from './components/IconEmailSuccess/IconEmailSuccess.example'; +import * as IconKeys from './components/IconKeys/IconKeys.example'; +import * as IconKeysSuccess from './components/IconKeysSuccess/IconKeysSuccess.example'; +import * as IconSearch from './components/IconSearch/IconSearch.example'; +import * as IconSpinner from './components/IconSpinner/IconSpinner.example'; import * as ImageCarousel from './components/ImageCarousel/ImageCarousel.example'; import * as ListingCard from './components/ListingCard/ListingCard.example'; import * as LocationAutocompleteInput @@ -69,6 +78,15 @@ export { EditListingPricingForm, EditListingWizard, ExpandingTextarea, + IconBannedUser, + IconClose, + IconEmailAttention, + IconEmailSent, + IconEmailSuccess, + IconKeys, + IconKeysSuccess, + IconSearch, + IconSpinner, ImageCarousel, ListingCard, LocationAutocompleteInput,