diff --git a/config/changelog.yaml b/config/changelog.yaml
index 04d5ecc0ae0..651b0196b81 100644
--- a/config/changelog.yaml
+++ b/config/changelog.yaml
@@ -2,6 +2,11 @@ Unreleased:
date:
Added:
Changed:
+ Fixed:
+ components:
+ - Include basic themeing in Example component
+ shin:
+ - Removed unused lengthBonus option
2.10.7:
date: 2020-11-18
diff --git a/packages/components/src/Example/index.js b/packages/components/src/Example/index.js
index 57e93f20e63..b2811058724 100644
--- a/packages/components/src/Example/index.js
+++ b/packages/components/src/Example/index.js
@@ -7,6 +7,7 @@ import Design from '../Workbench/Design'
import IconButton from '@material-ui/core/IconButton'
import ResetIcon from '@material-ui/icons/SettingsBackupRestore'
import Switch from '@material-ui/core/Switch'
+import theme from './theme'
const Example = ({
pattern = 'examples',
@@ -56,7 +57,7 @@ const Example = ({
...settings
}
if (part !== '') settings.only = [part]
- const patternInstance = new patterns[pattern](settings)
+ const patternInstance = new patterns[pattern](settings).use(theme)
if (sample) patternInstance.sample()
else patternInstance.draft()
diff --git a/packages/components/src/Example/theme.js b/packages/components/src/Example/theme.js
new file mode 100644
index 00000000000..d1aa5ed2f3e
--- /dev/null
+++ b/packages/components/src/Example/theme.js
@@ -0,0 +1,53 @@
+const notch = `
+
+
+
+
+
+
+
+`
+const button = `
+
+
+
+
+
+
+`
+const buttonhole = `
+
+
+
+`
+const snaps = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+`
+
+const version = '0.0.1'
+
+export default {
+ name: 'example-theme',
+ version,
+ hooks: {
+ preRender: function (svg) {
+ if (svg.attributes.get('freesewing:example-theme') === false) {
+ svg.attributes.set('class', 'freesewing example')
+ svg.defs += notch + button + buttonhole + snaps
+ svg.attributes.add('freesewing:example-theme', version)
+ }
+ }
+ }
+}