diff --git a/packages/modals/package.json b/packages/modals/package.json index d76b4ce3fbe..36a66ba5fbe 100644 --- a/packages/modals/package.json +++ b/packages/modals/package.json @@ -34,7 +34,7 @@ "styled-components": "^3.2.6" }, "devDependencies": { - "@zendeskgarden/css-modals": "6.3.4", + "@zendeskgarden/css-modals": "6.3.5", "@zendeskgarden/react-theming": "^3.1.3" }, "keywords": [ diff --git a/packages/modals/src/elements/Modal.example.md b/packages/modals/src/elements/Modal.example.md index 07e506cecd5..e5b0573348b 100644 --- a/packages/modals/src/elements/Modal.example.md +++ b/packages/modals/src/elements/Modal.example.md @@ -119,6 +119,7 @@ const onModalClose = () => setState({ isModalVisible: false }); ### Widths ```jsx +const { zdSpacing } = require('@zendeskgarden/css-variables'); const { Button } = require('@zendeskgarden/react-buttons/src'); initialState = { @@ -149,7 +150,7 @@ const onModalClose = () => setState({ isModalVisible: false }); {state.isModalVisible && ( - +
{state.width} Header
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has