Merge pull request #157 from storybookjs/bitbucket-icon

Update icons
storybookjs · Mar 16, 2020 · 0dfe187 · 0dfe187
2 parents acd9018 + f8ea0b6
commit 0dfe187
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 99 deletions.
diff --git a/src/components/Select.stories.js b/src/components/Select.stories.js
@@ -64,21 +64,15 @@ export const defaultStory = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       onChange={onChange}
     />
     <Select
       id="Primary-disabled"
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       disabled
       onChange={onChange}
     />
@@ -87,23 +81,17 @@ export const defaultStory = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       onChange={onChange}
     />
     <Select
       id="Primary-in-progress"
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       onChange={onChange}
       inProgress
     />
@@ -112,10 +100,7 @@ export const defaultStory = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       error="There's a snake in my boots"
       onChange={onChange}
     />
@@ -124,22 +109,16 @@ export const defaultStory = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       error="There's a snake in my boots"
       onChange={onChange}
     />
     <Select
       id="Primary-with-label"
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       label="Label"
       onChange={onChange}
     />
@@ -157,10 +136,7 @@ export const secondary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       appearance="secondary"
       onChange={onChange}
     />
@@ -169,10 +145,7 @@ export const secondary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       disabled
       appearance="secondary"
       onChange={onChange}
@@ -182,11 +155,8 @@ export const secondary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       appearance="secondary"
       onChange={onChange}
     />
@@ -195,10 +165,7 @@ export const secondary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       error="There's a snake in my boots"
       appearance="secondary"
       onChange={onChange}
@@ -208,23 +175,17 @@ export const secondary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       error="There's a snake in my boots"
       appearance="secondary"
       onChange={onChange}
     />
     <Select
       id="Secondary-with-label"
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
-      icon="chroma"
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
+      icon="chromatic"
       label="Label"
       appearance="secondary"
       onChange={onChange}
@@ -239,10 +200,7 @@ export const tertiary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       appearance="tertiary"
       onChange={onChange}
     />
@@ -251,10 +209,7 @@ export const tertiary = () => (
       label="Animal"
       hideLabel
       value="value1"
-      options={[
-        { label: 'Default', value: 'value1' },
-        { label: 'Dog', value: 'value2' },
-      ]}
+      options={[{ label: 'Default', value: 'value1' }, { label: 'Dog', value: 'value2' }]}
       disabled
       appearance="tertiary"
       onChange={onChange}