feat: prep select, textarea, and inputfeedback for release

- add or adjust badges in docs
- add new components to package

config/styleguide.config.js

@@ -9,7 +9,7 @@ const getStyleguideDir = () => {
 }
 
 // Append strings to this array to enable components in staging, e.g. `['Box', 'ExpandCollapse']`
-const enabledInStaging = ['Select', 'Textarea', 'FlexGrid', 'InputFeedback']
+const enabledInStaging = ['FlexGrid']
 
 /* eslint-disable no-unused-vars */
 const toggleByEnv = (component, toggledOffValue, toggledOnValue) => {
@@ -265,12 +265,9 @@ module.exports = {
               path.resolve('src/components/Input/Input.jsx'),
               path.resolve('src/components/Checkbox/Checkbox.jsx'),
               path.resolve('src/components/Radio/Radio.jsx'),
-              toggleByEnv('Select', path.resolve('src/components/Select/Select.jsx')),
-              toggleByEnv('Textarea', path.resolve('src/components/Textarea/Textarea.jsx')),
-              toggleByEnv(
-                'InputFeedback',
-                path.resolve('src/components/InputFeedback/InputFeedback.jsx')
-              ),
+              path.resolve('src/components/Select/Select.jsx'),
+              path.resolve('src/components/Textarea/Textarea.jsx'),
+              path.resolve('src/components/InputFeedback/InputFeedback.jsx'),
               path.resolve('src/components/Tooltip/Tooltip.jsx'),
               path.resolve('src/old-components/SelectorCounter/SelectorCounter.jsx'),
             ])

src/components/Box/Box.jsx

@@ -31,8 +31,6 @@ const getBetweenClasses = (scale, inline, desktop) => {
 
 /**
  * Apply spacing within or around components.
- *
- * <span class="docs--badge__new">new!</span> <span class="docs--badge__version">v0.29.0</span>
  */
 const Box = ({
   tag,

src/components/Checkbox/Checkbox.jsx

@@ -8,7 +8,7 @@ import styles from './Checkbox.modules.scss'
 
 /**
  *
- * <span class="docs--badge__new">new</span> <span class="docs--badge__version">v0.32.0</span>
+ * <span class="docs--badge__version">v0.32.0</span>
  */
 const Checkbox = props => (
   <Choice {...props} type="checkbox" inputTypeStyles={styles}>

src/components/ExpandCollapse/Accordion/Accordion.jsx

@@ -8,7 +8,7 @@ import Panel from '../Panel/Panel'
 /**
  * A specialized `ExpandCollapse` in which only one panel can be open at a time.
  *
- * <span class="docs--badge__new">new!</span> <span class="docs--badge__version">v0.30.0</span>
+ * <span class="docs--badge__version">v0.30.0</span>
  */
 class Accordion extends React.Component {
   constructor(props) {

src/components/Image/Image.jsx

@@ -10,7 +10,7 @@ import borderStyles from '../Borders.modules.scss'
 
 /**
  *
- * <span class="docs--badge__new">new</span> <span class="docs--badge__version">v0.32.0</span>
+ * <span class="docs--badge__version">v0.32.0</span>
  */
 const Image = ({ src, width, height, alt, rounded, ...rest }) => {
   const isCircle = rounded === 'circle'

src/components/Input/Input.jsx

@@ -15,6 +15,9 @@ import positionStyles from '../Position.modules.scss'
 import formStyles from '../Forms.modules.scss'
 import styles from './Input.modules.scss'
 
+/**
+ * <span class="docs--badge__updated">updated</span> <span class="docs--badge__version">v0.33.0</span>
+ */
 const Input = props => (
   <FormField {...props}>
     {({ className, ...inputProps }, showFeedbackIcon, feedback) => (

src/components/Radio/Radio.jsx

@@ -7,7 +7,7 @@ import styles from './Radio.modules.scss'
 
 /**
  *
- * <span class="docs--badge__new">new</span> <span class="docs--badge__version">v0.32.0</span>
+ * <span class="docs--badge__version">v0.32.0</span>
  */
 const Radio = props => (
   <Choice {...props} type="radio" inputTypeStyles={styles}>

src/components/Responsive/Responsive.jsx

@@ -14,7 +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>
+ * <span class="docs--badge__version">v0.31.0</span>
  */
 const Responsive = ({ minWidth, maxWidth, query, children, ...rest }) => {
   if (!minWidth && !maxWidth) {

src/components/Select/Select.jsx

@@ -15,6 +15,9 @@ import addRightPadding from '../FormField/addRightPadding'
 import styles from './Select.modules.scss'
 import iconWrapperStyles from '../Icons/IconWrapper.modules.scss'
 
+/**
+ * <span class="docs--badge__new">new</span> <span class="docs--badge__version">v0.33.0</span>
+ */
 const Select = ({ options, placeholder, ...props }) => (
   <FormField {...props}>
     {({ className, ...selectProps }, showFeedbackIcon, feedback) => (

src/index.js

@@ -17,19 +17,22 @@ export { default as Heading } from './components/Typography/Heading/Heading'
 export { default as Icon } from './old-components/Icon/Icon'
 export { default as Image } from './components/Image/Image'
 export { default as Input } from './components/Input/Input'
+export { default as InputFeedback } from './components/InputFeedback/InputFeedback'
 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 Radio } from './components/Radio/Radio'
 export { default as Responsive } from './components/Responsive/Responsive'
+export { default as Select } from './components/Select/Select'
 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'
 export { default as StandaloneIcon } from './components/Icons/StandaloneIcon/StandaloneIcon'
 export { default as Steps } from './old-components/StepTracker/Steps/Steps'
 export { default as Strong } from './components/Typography/Strong/Strong'
 export { default as Text } from './components/Typography/Text/Text'
+export { default as TextArea } from './components/Textarea/Textarea'
 export { default as Tooltip } from './components/Tooltip/Tooltip'
 export { default as UnorderedList } from './components/Lists/UnorderedList/UnorderedList'
 export { default as WaveDivider } from './components/Dividers/WaveDivider/WaveDivider'