docs(v0.31.0): Prep: add badge and update index.js

config/styleguide.config.js

@@ -4,7 +4,7 @@ const { version } = require('../package.json')
 const styleguidistEnv = process.env.STYLEGUIDIST_ENV || 'dev' // dev, staging, production
 
 // Append strings to this array to enable components in staging, e.g. `['Box', 'ExpandCollapse']`
-const enabledInStaging = ['Responsive', 'Image', 'Checkbox', 'Radio', 'Select', 'Textarea']
+const enabledInStaging = ['Image', 'Checkbox', 'Radio', 'Select', 'Textarea']
 
 /* eslint-disable no-unused-vars */
 const toggleByEnv = (component, toggledOffValue, toggledOnValue) => {
@@ -122,7 +122,7 @@ module.exports = {
             return compact([
               toggleByEnv('FlexGrid', path.resolve('src/components/FlexGrid/FlexGrid.jsx')),
               path.resolve('src/components/Box/Box.jsx'),
-              toggleByEnv('Responsive', path.resolve('src/components/Responsive/Responsive.jsx')),
+              path.resolve('src/components/Responsive/Responsive.jsx'),
             ])
           },
           sections: [

src/components/Responsive/Responsive.jsx

@@ -14,6 +14,7 @@ const breakpoints = {
 /**
  * Respond to device features, most commonly the browser viewport size.
  *
+ * <span class="docs--badge__new">new</span> <span class="docs--badge__version">v0.31.0</span>
  */
 const Responsive = ({ minWidth, maxWidth, query, children, ...rest }) => {
   if (!minWidth && !maxWidth) {

src/index.js

@@ -19,6 +19,7 @@ export { default as Link } from './components/Link/Link'
 export { default as Notification } from './components/Notification/Notification'
 export { default as OrderedList } from './components/Lists/OrderedList/OrderedList'
 export { default as Paragraph } from './components/Typography/Paragraph/Paragraph'
+export { default as Responsive } from './components/Responsive/Responsive'
 export { default as SelectorCounter } from './old-components/SelectorCounter/SelectorCounter'
 export { default as Small } from './components/Typography/Small/Small'
 export { default as Spinner } from './old-components/Spinner/Spinner'