diff --git a/packages/autocomplete/src/examples/autocomplete.md b/packages/autocomplete/src/examples/autocomplete.md index 089cb15a5c8..200b3e9ac3c 100644 --- a/packages/autocomplete/src/examples/autocomplete.md +++ b/packages/autocomplete/src/examples/autocomplete.md @@ -177,7 +177,7 @@ initialState = { } })} > -
{menuItems}
+
{menuItems}
Add item diff --git a/packages/autocomplete/src/examples/multiselect.md b/packages/autocomplete/src/examples/multiselect.md index decc4e4b62c..7e08797764f 100644 --- a/packages/autocomplete/src/examples/multiselect.md +++ b/packages/autocomplete/src/examples/multiselect.md @@ -309,7 +309,7 @@ const MoreAnchor = styled(Anchor)` } })} > -
+
{getMatchingMenuItems( state.inputValue, state.selectedKeys, diff --git a/utils/styleguide/styleguide.base.config.js b/utils/styleguide/styleguide.base.config.js index c580e81f41e..8f7b6d9783a 100644 --- a/utils/styleguide/styleguide.base.config.js +++ b/utils/styleguide/styleguide.base.config.js @@ -11,7 +11,8 @@ const { zdColorBlue600, zdColorGrey100, zdColorKale400, - zdColorRed600 + zdColorRed600, + zdFontSizeMd } = require('@zendeskgarden/css-variables'); const packageManifest = require(path.resolve('package.json')); const customStyleguideConfig = require(path.resolve('styleguide.config.js')); @@ -46,6 +47,13 @@ const defaultStyleguideConfig = { type: zdColorRed600 } }, + styles: { + StyleGuide: { + '@global body': { + fontSize: zdFontSizeMd + } + } + }, template: { lang: 'en', head: {