+ diff --git a/src/components/BeforeAfter/BeforeAfter.stories.svelte b/src/components/BeforeAfter/BeforeAfter.stories.svelte index e582d3a6..151d9dc7 100644 --- a/src/components/BeforeAfter/BeforeAfter.stories.svelte +++ b/src/components/BeforeAfter/BeforeAfter.stories.svelte @@ -1,18 +1,18 @@ diff --git a/src/components/BodyText/BodyText.stories.svelte b/src/components/BodyText/BodyText.stories.svelte index 3662fcee..6ca358aa 100644 --- a/src/components/BodyText/BodyText.stories.svelte +++ b/src/components/BodyText/BodyText.stories.svelte @@ -1,7 +1,7 @@ - + diff --git a/src/components/Byline/Byline.stories.svelte b/src/components/Byline/Byline.stories.svelte index b45d0cef..e8d3e556 100644 --- a/src/components/Byline/Byline.stories.svelte +++ b/src/components/Byline/Byline.stories.svelte @@ -1,7 +1,7 @@ - + ); -} +}; export default Key; diff --git a/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx b/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx index 9076b3d4..7b4dc4c7 100644 --- a/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx +++ b/src/docs/docs-components/ThemeBuilder/Customiser/Value.jsx @@ -8,12 +8,17 @@ const Input = ({ value, onChange }) => { // this is buggy... // if ((value || value === 0) && !isNaN(value)) return onChange(Number(e.target.value))}/>; // Colour type - if (!/var\(.*\)/i.test(value) && CSS.supports('color', value)) return ( - - ); + if (!/var\(.*\)/i.test(value) && CSS.supports('color', value)) + return ; // Text for the rest... - return onChange(e.target.value)} />; -} + return ( + onChange(e.target.value)} + /> + ); +}; const Value = ({ value, name, map, themeName, theme, setTheme }) => { const [isOpen, setIsOpen] = useState(false); @@ -30,20 +35,26 @@ const Value = ({ value, name, map, themeName, theme, setTheme }) => { - setIsOpen(o => !o)}> + setIsOpen((o) => !o)} + > - {isOpen ? 'expand_less' : 'expand_more'} - {isColour && ()} {name} + + {isOpen ? 'expand_less' : 'expand_more'} + + {' '} + {isColour && } {name} {isOpen && ( - + )}