@dscout/particle 1.0.0-alpha.2 → 1.0.0-alpha.3

package/CHANGELOG.md

@@ -1,1548 +0,0 @@
-# CHANGELOG
-
-All notable changes to this project will be documented in this file.
-
-The format is based on [Keep a Changelog](http://keepachangelog.com/)
-and this project adheres to [Semantic Versioning](http://semver.org/).
-
-## [Unreleased alpha]
-
-## [1.0.0-alpha.2]
-
-### Fixed
-- Bandit theme `--shadow--s` is now a valid `box-shadow` value
-- Spacing and dimension enums in `<Flex />` component proptypes
-- Calc statement causing parsing errors in some `postcss-values-parser` versions
-
-## [1.0.0-alpha.1]
-
-### Added
-- Added `<AttributeInput />`
-- `<InputGroup />`, `<InputGroupItem />`, and `<InputAddon />`
-
-### Changed
-- `<AttributeSelector />` is now themeable.
-- `<AttributeSelector />` is now renders radio inputs with the `<AttributeInput />` component instead of buttons.
-- `<Avatar />` is now themeable.
-- `<Blitz />` is now themeable.
-- `<Blitz />` now accepts `coaching` as a `type` prop.
-- `<Cards />`, `<Card />`, `<Thumbnail />`, `<CardBody />`, and `<CardFooter />` are now themeable.
-- `<CollapsingMenu />` is now themeable.
-- `<DragAndDrop />` is now themeable.
-- `<Dropdown />` and `<DropdownInputToggle />` are now themeable.
-- `<FileInput />` is now themeable.
-- `<Footnote> />` is now themeable.
-  - Additionally, the `aside` element is no longer styled to look like a `<Footnote />` by default.
-- `<List />` and `<ListInline />` are now themeable.
-- `<Pill />` is now themeable.
-- `<Row />` and `<Column />` are now themeable.
-- `<Separator >` is now themeable.
-- `<SpeechBubble />` is now themable.
-- `<SpeechBubble/>` now supports a tail prop of `none`.
-- `<SpeechBubble/>` also now supports most color classes for background and text color options.
-- `<SwappableContent />` is now themeable.
-- `<SegmentedControls />` and `<ButtonControl />` are now themeable.
-- `<TagsInput />` are now themeable.
-- `<TooltipContainer />` and `<Tooltip />` are now themable.
-- Breaking: Width, height, margin, padding, and position utility classes have been renamed to follow a consistent naming convention, with enums representing em values in a revised spacing scale.
-  - Width and height utility classes are available for the following enums: `0.25`, `0.5`, `0.75`, `1`, `1.5`, `2`, `3`, `4`, `5`, `6`, `8`, `10`, `12`, `14`, `16`, `18`, `20`, `22`, `24`, `26`, `28`, `30`, `32`, `36`, `40`, `48`, `60`.
-  - Margin, padding, and position utility classes are available from `0.25` through `4`.
-  - The old t-shirt sized enums map to the em-based enums in the following way: `xs`->`0.25`, `s`->`0.75`, `m`->`1`, `base`->`2`, `l`->`3`, `xl`->`4`. For example, `margin--s` is now `margin--0.75`.
-  - The old numeric enums map to double the original number (they previously represented multiples of 2em but now represent multiples of 1em). For example, `width--10` is now `width--20`.
-- Breaking: `<Bug />` component
-  - renamed to `<Chip />`
-  - accepts any color enum
-  - sets colors based on inherited text color when no color is specified
-  - accepts a new `textColor` prop to set the text color independently of the background or outline color.
-- Breaking: Input components no longer accept `onPrefixClick` and `onSuffixClick` props. An `<InputGroup />` should be used to compose an input and a button component instead.
-
-### Fixed
-- Fixed a bug where `<SegmentedControls />` did not apply the corner radii to the first and last `<ButtonControl />` under certain conditions.
-- `<SelectInput />` and `<DropdownToggleInput />` now correctly handle text truncation, apply the correct icon spacing in the `mini` state, and apply the correct disabled stying to the icon.
-- `<AttributeInput />` now has a focus outline for keyboard accessibility.
-- `<AttributeSelector />` now sets the same name on each `<AttributeInput />` for keyboard accessibility.
-- `<Toggle />` renders with correct opacity when disabled.
-
-### Removed
-- `<Scene />` component. "Scene" styles were an early attempt at theming for different color schemes, which we plan to reimplement via CSS variables at a later date.
-- Removed `gutter--none`, `gutter--xs`, `gutter--s` and `gutter--custom` classes. 
-  - Gutter spacing for grids is now defined with the `columnGap` prop on `<Row />`.
-
-## [1.0.0-alpha.0]
-
-### Added
-
-- Spacing utility classes to define margins between direct descendants (e.g. `spacing-h--m`).
-
-### Changed
-
-- Flex align, direction, justify, and wrap utility classes are no longer scoped to the `.flex` class, so they now have less specificity.
-- `<Flex />` now accepts a `spacing` prop
-- `<Button />` component is now themeable.
-- `<Textarea />`, `<TextInput />`, `<NumberInput />`, `<PasswordInput />`, `<EmailInput />`, `<SearchInput />`, and `<SelectInput />` are now themeable.
-- `<Toggle />` is now themeable
-- `<CheckboxInput />` and `<RadioInput />` are now themeable
-- `<RangeInput />` is now themeable
-- `<Menu />`, `<MenuItem />`, `<MenuList />`, `<MenuItemLI />` and `MenuLink` are now themeable.
-- `<Modal />` is now themeable.
-- `<TextInput />`, `<NumberInput />`, `<PasswordInput />`, `<EmailInput />`, `<Textarea />`, `<SelectInput />`, and `<TagsInput />` now accept `invalid` prop to render invalid styles.
-- Breaking: Grayscale colors have been renamed to `gray-1` (formerly `main-light`), `gray-2` (formerly `dem`), `gray-3` (formerly `disabled`), `gray-4` (formerly `line`), `gray-5` (formerly `faint`), and `gray-6` (formerly `min`).
-- Grayscale colors no longer apply transparency
-- Breaking: Border utility class `.border--n` has been renamed to `.border--none` for naming consistency.
-- Breaking: `<Flex />` `height`, `spacing`, and `width` props updated to use sizing class names.
-- Breaking: `.no-underline` utility renamed to `.text-decoration--none`.
-- Breaking: `.font-weight--b` renamed to `.font-weight--bold`.
-- Breaking: `<Separator />` no longer accepts `solid` prop. Instead, it accepts `color` prop to provide more flexibility (replace `solid` with `color="line-s"`).
-- Breaking: `<main />` element no longer has default styles that set max width, horizontal margins, and padding.
-- Breaking: `<ContainerHeader />` no longer inherits edit/view styles from the `.container` class. Use the `isEditing` prop in sync with the `<EditingContainer />` instead.
-- Breaking: Container component classes have been renamed to follow a new naming convention.
-- Breaking: Button component classes have been renamed to follow a new naming convention.
-- Breaking: Input component classes have been renamed to follow a new naming convention.
-- Breaking: Toggle component classes have been renamed to follow a new naming convention.
-- Breaking: Radio and checkbox component classes have been renamed to follow a new naming convention.
-- Breaking: Range input component classes have been renamed to follow a new naming convention.
-- Breaking: `<Modal />` component's `padding` prop is no longer a boolean.  It now accepts an enum value to give it a custom padding amount in the 0-4ems range.
-- Breaking: `<Button />` component no longer accepts `tiny` size because it was never used.
-- Breaking: `<ButtonLink />` renamed to `<ButtonPlain />`
-- Breaking: Sequential button components no longer have spacing automatically applied between them. Wrap with `<Flex spacing="s"> />` or an element with `.spacing-h--s` instead.
-- Breaking: `menu--divider`, `menu--sortable`, `menu--dragging` and `menu--ghost` classes renamed to `Menu__Divider`, `Menu__Item--sortable`, `Menu__Item--dragging`, and `Menu__Item--ghost`.
-- Breaking: The `white` enum for button colors has been renamed to the color-scheme-agnostic `invert`.
-
-### Removed
-
-- Float and clearfix utilities. We don’t use floats anymore now that flex layouts exist.
-- `.text-space--n` utility class, which is now `.white-space--nowrap`.
-- `.col--` utility classes (for CSS Grid columns). We would need more Grid-specific utility classes to make these useful, so I’m planning on removing these for now until we can think about grid layouts more holistically.
-- `.em`, `.i`, `.b`, `.strong`, `.strike`, `.u`, `.underline`, `.small`, `.mark` classes. Semantically, the corresponding HTML elements should typically be used. If not, a more descriptive utility class (e.g. `font-weight--bold` or `.font-size--s`) should be used.
-- `.big`, `.dem` classes. We should use color and font-size utility classes instead.
-- Aliases supporting incorrectly named spacing utility classes. E.g.: `margin--b-s`, `padding--h-base`.
-- `$color--code-highlight` SCSS variable because it's never been used.
-- `left`, `right`, `top` and `bottom`  enums for flex utility classes. These have been deprecated since v0.33.0.
-- `<ButtonPrimary />` (use `<Button />` and configure the `color` and `variant` props to match original designs)
-- `<ButtonSecondary />` (use `<Button size="small" />` and configure the `color` and `variant` props to match original designs)
-- `<ButtonGroup />` (use `<Flex spacing="s" />` and configure the `justify` prop to match original alignment)
-- "scene"- and "hue"- specific classes for button styles.
-- `.btn--accent-` and `.btn--roll-` classes because they have never been used. These can be replaced by `hover:` utility classes.
-- `<Fieldset />` component. The only concern this component handled that couldn't be handled with a plain `<fieldset />` was setting invalid styles on nested form elements. Invalid styling concerns have been moved to the input components themselves, leaving the `<Fieldset />` useless.
-- `<ValidationMessage />` component. It didn't provide anything useful other than red text, and we don't have clearly-enough defined form validation patterns to justify encapsulating them in a Particle component.
-- `edit-state` color and utility classes
-- Solid-variant utility classes for grayscale colors. For example, `color--main-light-s`. Grayscale colors no longer apply transparency.
-
-## [Unreleased]
-
-## [0.46.0]
-
-### Added
-
-- Added `IconClip`
-
-### Changed
-
-- Updated the `IconHighlighter` and `IconTag` to a newer design
-
-## [0.45.3]
-
-### Added
-
-- Added `IconResponses`
-
-## [0.45.2]
-
-### Changed
-
-- `<IconPayment />` now accepts the `filled` prop.
-- Updated the `<IconThumbsUp />` and `<IconThumbsDown />` to a newer design. 
-- Updated the `<IconFilter />`.
-
-### Fixed
-
-- The href for MarkScout links must now start with a protocol, which prevents XSS attacks from Javascript URIs like `javascript:alert('attack')`.
-- MarkScout links and autolinks add `rel="noopener"` to prevent a phishing attack vector.
-
-## [0.45.1]
-
-### Changed
-
-- Min and max elements darkened to `main-light` to meet a11y color contrast guidelines.
-- All form input components now accept `aria-invalid` prop.
-
-## [0.45.0]
-
-### Added
-
-- Added `IconEmail` and `IconExternalLink`.
-- Added `color--line`, `color--line-s`, `bg-color--line`, and `bg-color--line-s` classes.
-
-### Changed
-
-- `IconQuotationMark` style has been updated to no longer be filled.
-- `IconPayment` style has been updated to be filled.
-- The `<CommonSVG />` has been updated so the `<title />` tag is a direct descendant of the `<svg />` for a11y.
-- Updated the `background-color` applied to the `dscout` hue button on hover when in the scene `night` for a11y.
-
-## [0.44.0]
-
-### Added
-
-- Added `IconQuotationMark`, `IconSendPayment`, `IconApprovePayment`, and `IconPayment`.
-- Added variables for `light`, `outline`, `dark`, and `darkest` color variants for `dscout`, `coachmark`, and `alert`.
-
-### Changed
-
-- The `<CommonSVG />` now returns an `<svg />` with prop `role="img"` for a11y.
-- `$color--main-light`, `$color--dscout`, `$color--coachmark`, and `$color--alert` have been darkened slightly to meet the WCAG 2.0 AA color contrast guideline.
-- The default variant for `dscout`, `coachmark`, and `alert` buttons now use the `dark` and `darkest` color variables for their hover and active states.
-- The `glass` variants for `dscout`, `coachmark`, and `alert` buttons now meet WCAG 2.0 AA color contrast guidelines in the default and hover states (when used against white backgrounds).
-
-## [0.43.0]
-
-### Added
-
-- Added `IconColumn`, `IconRow`, and `IconTagGroup`.
-
-### Changed
-
-- Updated design of `IconSpreadsheet` and `IconImageFile`.  They now support size props.
-
-## [0.42.1]
-
-### Changed
-
-- All button components now accept `aria-pressed`.
-
-## [0.42.0]
-
-### Added
-
-- Generic `<FocusTrap />` component to more easily implement complex focus handling
-
-### Changed
-
-- All components now accept an `id`.
-- All components now accept `aria-describedby`, `aria-label`, and `aria-labelledby`.
-- The `<Scene />`, `<TagsInput />`, and `<TooltipContainer />` are now compatible with `<Modifier />`.
-- Function-based components now use JS default arguments instead of React `defaultProps` for default values.
-- The `role="dialog"` attribute is applied to the modal container, not the overlay wrapper.
-- The modal container now also sets the `aria-modal` attribute.
-- The `<Modal />` and `<Blitz />` components now implement a focus trap pattern, preventing the user from tabbing to content outside of the dialog when it is open.
-- The `<Modal />` exposes a prop to specify which child element should receive the initial focus on open.
-- The `<Blitz />` now allows its owner to specify which child element should receive the initial focus (but still defaults to the close button if none is specified).
-- The `<Blitz />` close button will now always have an accessible name, but it can be customized as needed.
-- The `<Blitz />` uses the ARIA role `alertdialog` instead of `dialog` to ensure that its content is announced to screen readers when it is triggered.
-
-### Fixed
-
-- `aria-expanded` now lists the correct prop type on `<DropdownInputToggle />`
-
-## [0.41.0] - 2020-11-05
-
-### Added
-
-- The`<SVGIcon> />` component has been added to help with making Particlesque icons with your own SVGs.
-- Added `<IconTranslate />`
-
-### Changed
-
-- Input elements now support the `tabIndex` prop.
-- `<RangeInput />` and `<DragAndDrop />` now support the `disabled` prop.
-- The `<CommonSVG />` and all icon components now accept the following ARIA attributes: `aria-describedby`, `aria-hidden`, `aria-label`, and `aria-labelledby` props.
-- The placeholder font color has been updated to meet accessibility color contrast guidelines.
-- The `<AdvancedOptions />`, `<CollapsingMenu />`, and `<Dropdown />` automatically apply the `aria-controls` and `aria-expanded` ARIA attributes. Note that `aria-controls` is applied only when an `id` is provided.
-- All button components and the `<DropdownInputToggle />` now accept the following ARIA attributes: `aria-describedby`, `aria-label`, `aria-labelledby`, `aria-controls`, and `aria-expanded`.
-- The `<CollapsingMenu />`, `<CollapsibleContent />`, and all icons now accept an `id`.
-
-### Fixed
-
-- `<RangeInput />` will now render correctly in Firefox
-- `<RangeInput />` no longer hard-codes a `defaultValue` of 0, which threw errors when a `value` was provided
-
-## [0.40.5] - 2020-07-15
-
-### Changed
-
-- The `<IconClock />` component now has a `timer` variant.
-- The `<Button />` component now accepts the `test` color.
-- The `<TooltipContainer />` and `<Tooltip />` components now accept an `invert`
-  prop that sets the background color to `$color--invert` and the foreground
-  color to `$color--main`.
-
-## [0.40.4] - 2020-06-10
-
-### Changed
-
-- `<Dropdown />` now accepts `onToggle` callback to notify parent component when
-  dropdown is opened or closed.
-
-## [0.40.3] - 2020-06-04
-
-### Changed
-
-- `<Modal />` supports additional backdrop colors: `coachmark`, `dscout`, and `main`.
-- `<MenuItem />`, `<MenuItemLI />`, and `<MenuLink />` now support 3rd party
-  sorting libraries such as SortableJS via the `sortable` prop and classes that
-  provide styles for the various states of a sorting interaction
-- The `<Bug />` now supports the `main-light` color
-- The `<Scene />` component now accepts the `coachmark` hue
-
-### Fixed
-
-- `<TooltipContainer />` does not reset the its calculated fixed position
-  when the `show` prop transitions to `false` to avoid the component
-  "stuttering" when it hides.
-
-## [0.40.2] - 2020-05-29
-
-### Changed
-
-- `<DragAndDrop />` will now allow a user to select the same file several
-  times in a row.
-- `<EditingContainer />` now accepts `<Modifier />` props
-- The precedence of padding and margin classes has been adjusted. Vertical
-  and horizontal declarations now take lower precedence over left, right, top and
-  bottom ones. Additionally, the `none` variant for all orientations now takes
-  precedence over the `xs`, `s`, `m`, `l` and `xl` properties.
-- Updated `<TooltipContainer />` to recalculate the fixed position of the
-  tooltip when the `show` prop changes.
-
-## [0.40.1] - 2020-05-14
-
-### Changed
-
-- The `<Thumbnail />`, `<CollapsibleContent />`, and `<SwappableContent />`
-  components no longer use deprecated lifecycle methods
-- All interactive elements now accept a `name` prop to provide a friendlier and
-  more reliable selector for external tools like Capybara or Pendo
-- An `id` prop has been added to the `<AdvancedOptions />`,
-  `<DropdownInputToggle />`, `<EditingContainer />`, `<MenuItemLI />`, and
-  `<RangeInput />` components.
-- Buttons in the `<AttributeSelector />`, `<ButtonControl />`,
-  `<CollapsingMenu />`, and `<DropdownInputToggle />` components now apply
-  `type="button"`. Browsers treat buttons as a submit button by default, which
-  can lead to unexpected form submissions and page reloads.
-- `<EditingContainer />` now accepts a `label` prop to provide a text
-  description for screen readers.
-- The `<TooltipContainer />` is now keyboard operable, showing and hiding the
-  tooltip on focus and blur events in addition to hover events
-- The `<Tooltip />` now sets the text color to `$color--invert` for its content,
-  which it should have all along since the background color is `$color--main`
-- Tooltip stories have been improved to demonstrate the `<TooltipContainer />`
-  as the preferred tooltip implementation
-- The `<FileInput />` is now a controlled input by default
-
-### Fixed
-
-- The `<Thumbnail />` now responds to changes in the `imageUrl` prop
-- Hover events no longer override the `show` prop in the `<TooltipContainer />`
-- `<FileInput />` can accept the same file multiple times in a row
-
-## [0.40.0] - 2020-04-14
-
-### Added
-
-- `color--diary`, `b-color--diary`, and `bg-color--diary` classes
-- `color--coachmark`, `b-color--coachmark`, and `bg-color--coachmark` classes
-- Added `<IconFileTypeText />`, `<IconRocket />`, and `<IconWand />`
-
-### Changed
-
-- Changed the color for `color--close`. It's now a dark blue.
-- `<Bug />` now supports `outline` for part colors
-- All components, with the exception of icons, now support the `getRef` prop
-  to get a ref on the component's DOM node
-- The `getRef` prop now accepts ref containers from the `useRef` hook
-
-### Fixed
-
-- `<Card />`, `<MenuLink />`, and button components no longer throw console
-  errors when the `linkComponent` is a function component and no `refProp` prop
-  is specified. The `refProp` prop is only needed in combination with the
-  `getRef` prop.
-
-## [0.39.0] - 2020-02-05
-
-### Added
-
-- `<IconWifi />`
-- `<TooltipContainer />` - this component allows you to lay out a `<Tooltip />`
-  with fixed positioning.
-
-### Changed
-
-- Added `small` variant to:
-  - `<IconMission />`
-  - `<IconLiveMission />`
-  - `<IconExpressMision />`
-  - `<IconScreener />`
-
-### Fixed
-
-- Corrected the `tightViewBox` props for:
-  - `<IconMission />`
-  - `<IconMissionCard />`
-  - `<IconLiveMission />`
-  - `<IconLiveMissionCard />`
-  - `<IconExpressMission />`
-  - `<IconExpressMissionCard />`
-  - `<IconScreener />`
-  - `<IconScreenerCard />`
-
-## [0.38.0] - 2020-01-13
-
-### Added
-
-- `<IconExpressMission />`
-- `<IconExpressMissionCard />`
-- `<IconScreenShare />`
-- `<IconSpinnerProgress />`
-- `<IconTypeVideo />`
-- `<DragAndDrop />` component for uploading files
-
-### Changed
-
-- React peer dependency has been upped to ^16.8.0
-- The `<Avatar />` component no longer uses lifecycle methods deprecated as of
-  React v16.9.0
-- The `<MediaQuery />` component no longer uses deprecated lifecycle methods
-- `<IconMission />` was moved to `<IconMissionCard />` and `<IconMission />` now renders the icon without the card border.
-- `<IconScreener />` was moved to `<IconScreenerCard />` and `<IconScreener />` now renders the icon without the card border.
-
-## [0.37.4] - 2019-12-18
-
-### Changed
-
-- The `MarkScout` parser is now exported from `@dscout/particle/lib/markscout`
-
-### Fixed
-
-- `<RadioInput />` now accepts `readOnly` as a prop
-
-## [0.37.3] - 2019-08-27
-
-### Fixed
-
-- `<Tooltip />` now accepts an `isDiv` prop
-- `<EmailInput />`, `<NumberInput />`, `<PasswordInput />`, `<RangeInput />`,
-  `<SearchInput />`, `<SelectInput />`, `<TextInput />`, and `<Textarea />`
-  now expect the `autoComplete` attribute to be a string
-- `<TagsInput />` now accepts `autoComplete` string prop
-- `<CheckboxInput />` now unsets the `indeterminate` attribute on the DOM node
-  when the prop changes from `true` to `false`
-
-## [0.37.2] - 2019-06-17
-
-### Fixed
-
-- `<Modal />` now closes itself (if currently open) on unmount
-
-## [0.37.1] - 2019-04-18
-
-### Changed
-
-- `<AdvancedOptions />` accepts `disabled` prop
-- `<AdvancedOptions />` `title` prop now expects any React node
-
-## [0.37.0] - 2019-04-15
-
-### Added
-
-- `<IconGrip />`
-
-## [0.36.0] - 2019-04-05
-
-### Fixed
-
-- Fixed `diary` color in `glass` and `outline` variants of `<Button>`
-- Fixed proportions on `<IconThumbsUp />` and `<IconThumbsDown />`
-- `<Avatar />` no longer squishes images with a non-square aspect ratio
-- Icons no longer apply `color--undefined` class when no color is provided
-
-### Added
-
-- Utility classes for setting small z-indexes.
-- `<IconLink />`
-
-### Changed
-
-- Added `borderColor` and `borderPosition` props to `<Card />` component.
-- `<EmailInput />`, `<NumberInput />`, `<PasswordInput />`, `<RangeInput />`,
-  `<SearchInput />`, `<SelectInput />`, `<TextInput />`, and `<Textarea />`
-  support the `autoComplete` attribute.
-- Icons now accept a `tight` prop that removes the horizontal spacing around
-  the icon
-- `<Flex />` `direction` prop now accepts `"row"`, and `"rtl"` enum has been
-  renamed to `"row-reverse"` for consistency
-- `<TogglableFieldset />` now accepts `invalid` prop and applies disabled prop
-  to fieldset to disable child form elements
-- Improve spacing between toggle and fieldset in `<TogglableFieldset />`
-
-### Removed
-
-- Deleted `CardColorBar` component.
-- Unnecessary !important flag from inline list styles
-
-## [0.35.2] - 2019-03-05
-
-### Changed
-
-- Simplified `<IconThumbsUp />` and `<IconThumbsDown />`
-
-## [0.35.1] - 2019-02-12
-
-### Changed
-
-- `<SegmentedControls />` now has darker and bolder text
-
-### Fixed
-
-- Overly-greedy link parsing in MarkScout
-
-## [0.35.0] - 2019-02-05
-
-### Added
-
-- `<IconMediaUpload />`
-- `<IconFilter />`
-- `<IconFit />`
-- `<TextFormatter />` to replace `<Markdown />`. This component has been
-  replaced with a more flexible `<TextFormatter />` component that uses the
-  custom MarkScout spec by default.
-
-### Changed
-
-- `<ButtonControl />` now accepts `disabled` prop
-
-### Removed
-
-- marked.js as a dependency. We no longer want to be coupled directly to
-  Markdown for text formatting
-- `<Markdown />`
-
-## [0.34.0] - 2018-12-06
-
-### Added
-
-- `<Heading />`
-- `<Markdown />`
-- Margin classes for `auto`
-- `<MenuItem />`
-- `<MenuLink />`
-- `<MenuItemLI />`
-- `<IconPin />`
-
-### Changed
-
-- `<Modifier />` can now apply `auto` for margins
-- DEPRECATED: Margin and padding class names should now follow correct pattern
-  of `[property]-[direction]--[size]` (e.g. `margin-r--s` instead of the
-  previously incorrect `margin--r-s`). The incorrectly-named selectors still
-  exist for the sake of backward compatibility in this release, but should
-  no longer be used.
-- `<Button />` accepts color `screener`, `diary`, and `live`.
-- `<IconThumbsUp />` and `<IconThumbsDown />` are now on the same icon grid.
-- `<AdvancedOptions />` and `<CollapsingMenu />` can now have default collapsed
-  state set via `initialCollapsed` prop.
-
-### Fixed
-
-- Disabled `.menu--toggle` now applies visual disabled styles
-- `<Dropdown />` now renders children when a render function with no arguments
-  is supplied as its child
-- `<ButtonControl />` styles no longer make assumptions on layout concerns of
-  icon children.
-- Removed default browser padding around `<legend>`
-- `<RadioInput />` with a label can now have the bottom margin modified with
-  modifier classes.
-
-## [0.33.0] - 2018-10-05
-
-### Added
-
-- Added `$color--screener` variable
-- `<IconTeam />`
-
-### Changed
-
-- `<Button />` now takes `archive` color
-- `<CommonInput />`, `<TextInput />`, `<EmailInput />`, `<PasswordInput />`,
-  `<NumberInput />`, `<SearchInput />`, `<Textarea />`, and `<SelectInput />`
-  now accept 'onFocus' prop.
-- `<Button />`, `<ButtonPrimary />`, `<ButtonSecondary />`, `<ButtonIcon />`,
-  `<ButtonControl />`, and `<ButtonLink />` now accept `id` prop.
-- `<Bug />` now takes `screener`, `diary`, and `live` colors
-- `.bug--live` is now `.bug--open`
-- Softened the alpha of `.shadow--s` and `.shadow--m`
-- All icons now support the `size` prop.
-- `<Bug />` no longer applies its own margin
-- `<CheckboxInput />`, `<EmailInput />`, `<FileInput />`, `<NumberInput />`,
-  `<PasswordInput />`, `<RadioInput />`, `<RangeInput />`, `<SearchInput />`,
-  `<SelectInput />`, `<TextInput />`, and `<Textarea />` accept `getRef` prop
-  to allow parent components to get a ref on the actual DOM element.
-- `<IconCircleX />` has cleaner code and accepts `solid` prop.
-- Deprecated `top`, `bottom`, `left`, and `right` enums in `<Flex />` props.
-  Instead, `start` and `end` should be used for `alignContent`, `alignItems`,
-  and `justify` props.
-
-### Fixed
-
-- First-child edit-state containers no longer have top margin
-- Icon buttons inherit font-size instead of setting it to `initial`
-
-## [0.32.0] - 2018-09-19
-
-### Added
-
-- `$color--live` and `$color--diary` variables
-- `<TextInput />`, `<NumberInput />`, `<EmailInput />`, `<PasswordInput />`, and
-  `<SelectInput />` now accept `onPrefixClick` and `onSuffixClick` props.
-- `<TagsInput />` for handling tagging interfaces.
-- Max-height classes to match the existing max-width classes.
-
-## [0.31.0] - 2018-09-06
-
-### Added
-
-- `<FocusIntent />` component to toggle focus styles on/off when a user
-  interacts with their keyboard or mouse.
-- `<CollapsibleContent />` component to handle expand/collapse behavior in an
-  accessible way.
-- `<IconThumbsUp />` and `<IconThumbsDown />`
-- `<SwappableContent />` component to handle transitioning between two sets
-  of content (such as in the `<EditingContainer />`). The non-displayed content
-  is unmounted after the transition completes.
-- `<IconCircleClone />`
-
-### Changed
-
-- All interactive elements (i.e. links, buttons, form elements, and
-  elements with `tabindex`) have focus styles to support keyboard users.
-- `<CollapsingMenu />` no longer accepts `maxHeight` prop. It now measures the
-  height of its collapsible content and accommodates content that changes
-  height, so that prop was no longer necessary.
-- `<AdvancedOptions />`, `<CollapsingMenu />`, and `<TogglableFieldset />` now
-  use the `<CollapsingMenu />` internally.
-- Button components accept `getRef` prop to allow parent components to get a ref
-  on the actual button element.
-- `<Blitz />` component accepts `closeButtonTitle` prop.
-- `<Blitz />` component sets focus on close button on open and restores focus
-  to previous element on close.
-- `<Modal />` component sets focus on modal wrapper on open and restores focus
-  to previous element on close.
-- `<EditingContainer />` now uses the `<SwappableContent />` internally,
-  which means that a) it unmounts its edit or view content after the transition
-  completes and b) it uses a CSS transition instead of JS to animate the height.
-- `<Button />` and `<ButtonPrimary />` now accept a `width` prop, allowing width
-  and size classes to be applied at the same time.
-- `<Button />` and `<ButtonPrimary />` now ignore unsupported props for color,
-  size, width, and variant.
-- Disabled buttons are now rendered in grayscale.
-
-### Removed
-
-- `.togglable` and `.collapsible` classes. The `<CollapsibleContent />`
-  component should be used instead of these classes, as it encapsulates this
-  behavior with better accessibility and more flexibility.
-
-### Fixed
-
-- `<MediaQuery />` handles undefined children
-- Clicks and enter/space keypresses on interactive children of
-  `<EditingContainer />` no longer trigger `onClick` callback.
-- Buttons that are configured as hyperlinks can no longer be focused with
-  keyboard navigation when disabled. They also no longer have an `href` prop
-  when disabled to prevent users from detecting the URL if they are not
-  supposed to be able to follow the link.
-- `<ButtonLink />` and `<ButtonMode />` no longer have black background when
-  activated with spacebar.
-
-## [0.30.0] - 2018-08-03
-
-### Added
-
-- Shadow classes: `.shadow--s`, `.shadow--m`, `.shadow--l`, `.shadow--xl`
-- Overflow classes: `overflow`, `overflow-x`, and `overflow-y` classes for
-  `auto`, `hidden`, `scroll`, and `visible`
-- `<MediaQuery />` component to conditionally render content based on a
-  matched media query string
-
-### Fixed
-
-- Striped `<MenuList />` now only applies bottom border to menu items, not
-  any child `li`
-- `<SelectInput />` applies "filled" styles when value is provided
-
-### Changed
-
-- `<Container />` no longer applies vertical padding
-- `<ContainerInner />` now applies vertical as well as horizontal padding
-- `<ContainerHeader />` now handles its own padding based on the edit or
-  view state of its parent `<Container />`
-- `<ContainerInner />` and `<ContainerHeader />` now work with `<Modifier />`
-- `<EditingContainer />` no longer maintains internal editing state, instead
-  relies on prop.
-- `<EditingContainer />` no longer injects `isEditing` and `toggleEdit` props
-  into its children.
-- `<EditingContainer />` accepts `onClick` and `onTransitionEnd` props. The
-  `onTransitionEnd` handler is called with the `isEditing` prop value after
-  the edit/view content transition completes.
-- `<EditingContainer />` can now be interacted with by keyboard users
-
-## [0.29.1] - 2018-07-25
-
-### Fixed
-
-- Modifier classes from `<Modifier />` are now applied to the affix
-  wrapper instead of the input for `<SelectInput />` and `<CommonInput />`
-
-## [0.29.0] - 2018-07-23
-
-### Changed
-
-- `<Dropdown />` now supports render prop functions for `toggle` and `children`
-- `<SelectInput />` no longer applies width class with `mini` prop
-- `<SelectInput />` accepts `disabled`, `prefix`, and `suffix` props
-- `<SelectInput />` no longer treats the input as readonly when a value but no
-  onChange handler is provided. That state can only be configured via the
-  `readOnly` prop.
-- `<IconTriangleInverted />` y-position tweaked so it looks better when rotated
-- `mini` prop on `<SelectInput />` and `<DropdownInputToggle />` no longer
-  applies smaller font size
-- `<SearchInput />` no longer displays at `mini` size by default
-- `<EmailInput />`, `<NumberInput />`, `<PasswordInput />`,
-  `<SearchInput />`, and `<TextInput />` now accept `mini` prop
-
-### Fixed
-
-- Unnecessary padding around `<Toggle />` removed
-
-## [0.28.0] - 2018-07-10
-
-### Added
-
-- `<Blitz />` component
-- `<Menu />`, `<MenuTitle />`, `<MenuSection />`, and `<MenuList />` components
-
-### Changed
-
-- Lists no longer try to automatically wrap their children in `<li>`.
-- Yarn will no longer unnecessarily run the build script after `yarn install`.
-- Lists no longer apply right margin to icons.
-- `<Modifier />` can now apply `flex`, `flex-grow`, and `flex-shrink` modifiers
-- Styles for lists are visually the same but completely rewritten.
-- `<List />` now accepts optional `type` prop of "ordered" or "unordered" and
-  optional `variant` prop of "plain" or "fancy".
-- `<List />` now renders unordered list by default instead of "plain" variant
-- `<ListInline />` now accepts `align` prop.
-- Menu items (formerly list items inside of `<ListLoose />`, `<ListNav />`,
-  `<ListIconFirst />`, and `<ListStriped />` components) are no longer
-  flex containers by default.
-
-### Removed
-
-- `<ListFancy />` component. Now rendered via a prop on `<List />`
-- `<ListWarning />` component. Was not being used and can be easily composed
-  with existing classes and components.
-- `<ListLoose />`, `<ListNav />`, `<ListIconFirst />`, and `<ListStriped />`
-  components. Those components' styles and behavior are now handled by the new
-  `<Menu />` and `<MenuList />` components.
-
-## [0.27.3] - 2018-06-25
-
-### Added
-
-- `white-space--nowrap` CSS class
-
-### Fixed
-
-- `<Tooltip />` no longer displays on hover when `show` prop is set to false
-- `<SelectInput />` and `<DropdownInputToggle />` are now styled correctly
-  within `<Fieldset invalid>`
-
-## [0.27.2] - 2018-06-14
-
-### Fixed
-
-- Right margin on icons in `.list--loose` has been fixed
-- Double bottom margin on columns has been fixed
-
-## [0.27.1] - 2018-06-11
-
-### Changed
-
-- `<TogglableFieldset />` prop `label` now expects a node.
-- `<SelectInput />` now accepts `readOnly` prop
-
-### Fixed
-
-- Full-width hyperlink button components use the correct box-sizing model and
-  center-align their text to match button elements
-- Input prefixes and suffixes now match the disabled styling of the input
-- Fieldsets no longer set `width: 100%`, which made them difficult to compose
-  within flex layouts.
-
-## [0.27.0] - 2018-05-25
-
-### Added
-
-- New `$color--scout` variable
-- `<EmailInput />` and `<PasswordInput />`
-- `<Separator />` component for horizontal and vertical separators
-- `.line-wrap` class to help elements handle long text
-
-### Changed
-
-- `<Button />`, `<ButtonIcon />`, `<ButtonMode />`, `<ButtonPrimary />`, and
-  `<ButtonSecondary />` can be configured as hyperlinks now, following same
-  pattern as `<Card />`
-- `<ButtonMode />` renders a `<button />` by default instead of an `<a />`
-- `<EmailInput />`, `<NumberInput />`, `<PasswordInput />`, `<TextInput />`,
-  `<SearchInput />`, and `<Textarea />` accept `readOnly` prop
-- `<NavList />` no longer applies width class
-- Indentation in story code samples is handled more intelligently, so you
-  no longer need to remove all the whitespaces from the top-level indented code
-
-### Fixed
-
-- `<SpeechBubble />` now handles long words or links without extending beyond
-  its container
-- `<Pill />` now uses `display: inline-block` to fix issues with containing
-  elements not allocating enough vertical space and causing overflow issues
-- Removed unwanted top margin from first-child edit state containers
-
-## [0.26.1] - 2018-04-24
-
-### Changed
-
-- Icons apply solid variant of colors that have opacity
-- Icons now accept full range of Particle colors
-- `<Scene />` accepts `alert` hue
-
-## [0.26.0] - 2018-04-17
-
-### Added
-
-- `<IconRandomize />`
-- `<IconEdit />`
-- `<IconUpload />`
-
-### Changed
-
-- `$color--main` is now slightly darker
-- List titles have a new style: bold, darker, and capitalized sentence-case
-- `<CardBody />` grows to fill space and push footer and color bar to bottom
-- `<IconPen />` has been reverted to its previous design, without a box around
-  the pen. The new `<IconEdit />` should be used for that variant.
-- `<Tooltip />` now accepts optional `zIndex` prop
-
-### Fixed
-
-- Avatar stories had a broken image link
-- `babel-polyfill` is no longer imported, which broke test environments with
-  multiple entries that imported Particle components
-
-## [0.25.0] - 2018-04-06
-
-### Added
-
-- `<IconGoodEmoticon />`, `<IconAmazingEmoticon />`, `<IconPoorEmoticon />`
-- `<ButtonMode />`
-- `<Cards />` component to handle card layouts
-- `<Card />`, `<CardBody />`, `<CardFooter />`, `<CardColorBar />` components
-  for better reusability and composability in cards UIs
-
-### Changed
-
-- Update `<Container />`'s `:first-child` elements to default to no top margin
-- Tweaked and improved `$shadow` variables
-- `<Thumbnail />` has updated circle style and allows ratio to be set via props
-- `<IconPen />` now has a border around the pen
-
-### Fixed
-
-- Icons now respect <Modifier /> and warn about improper use of width and
-  height modifiers
-
-### Removed
-
-- `<ViewerCard />` and `<ViewerCardDetails />` removed in favor of more generic
-  and composable `<Card />`, `<CardBody />`, `<CardFooter />`, and
-  `<CardColorBar />` components
-
-## [0.24.0] - 2018-01-23
-
-### Added
-
-- `<Modifier />` component that applies modifier classes to the wrapped Particle
-  component. Supports width, height, max-width, margin, padding, and truncation
-  modifier classes
-
-### Changed
-
-- Modifier classes now come after component classes in the stylesheet so that
-  they take precedence over component classes
-- Specificity for selector that sets bottom margin from `:last-child`
-  elements has been decreased so that component classes and modifier classes
-  can override the default
-- `:first-child` elements now default to no top margin. The default margin
-  can be overridden with a component class or modifier class.
-- `<Footnote />` renders an `<aside />` and accepts any valid nodes as children
-
-## [0.23.3] - 2018-01-22
-
-### Changed
-
-- Updated peer dependencies to support React 16
-- Spinner animation now uses linear easing
-
-## [0.23.2] - 2018-01-08
-
-### Fixed
-
-- `<ViewerCard />` handles colors for part positions greater than 9
-- Columns with specified sizes (e.g. `.column-1of2`) no longer grow
-
-### Changed
-
-- `<Button />` accepts `tight` size
-- `<Thumbnail>` accepts `circular` prop
-- Default browser padding, margin, and border for `button` has been reset
-- Particle components are now compatible with React >15.5
-
-## [0.23.1] - 2017-12-21
-
-### Fixed
-
-- Disabled `<ButtonIcon />` now uses disabled color
-
-### Changed
-
-- `<IconTriangleInverted />` accepts `direction` of down (default), left, right, up
-
-### Removed
-
-- Buttons no longer have nested `span > .icon` default styling
-- `<SegmentedControls />` no longer has large margin bottom
-
-## [0.23.0] - 2017-12-07
-
-### Changed
-
-- `<DropdownInputToggle mini>` no longer sets its own width
-- `<IconSortAsc />` and `<IconSortDesc />` updated to fit with icon set style
-- `<ViewerCard>` has square thumbnail and flex properties to align content below thumbnail properly
-- `<ButtonIcon />` now has hover state styles and accepts `affirmative` prop that make the icon green on hover
-- `<Button />`, `<ButtonPrimary />`, `<ButtonSecondary />`, `<ButtonLink />`,
-  and `<ButtonIcon />` accept `type` prop of either "button" or "submit", defaulting to "button"
-- `<IconAnalysis />`, `<IconGrid />`, and `<IconSummary />` got a refresh
-- `.list--inline li` no longer has a margin bottom
-- `<Avatar />` defaults to initials, allows url changes, and preloads avatar image.
-
-### Removed
-
-- `<IconComment />` was no longer used, use `<IconSpeechBubble />` instead
-
-## [0.22.0] - 2017-11-10
-
-### Changed
-
-- `<SpeechBubble />` now respects new line characters with `white-space: pre-wrap`
-- `<SpeechBubble />` is also no longer full-width (changed it from
-  `display: block` to `display: inline-block`)
-- `<SpeechBubble />` `tail` prop now defaults to `"left"`
-- `<DropdownInputToggle />` now accepts the `disabled` prop
-- `$color--dscout` is now the new blue
-
-## [0.21.0] - 2017-11-03
-
-### Added
-
-- `<Tooltip />`
-- `<IconVideoCamera />` (formerly named `<IconCamera />`)
-
-### Fixed
-
-- `<Avatar />` no longer shrinks in flex layouts
-- Visibility CSS prop now in sync with opacity for `<Dropdown />`
-
-### Changed
-
-- `<IconCamera />` is now an actual digital camera
-- Icons accept `marker` color
-- Buttons now accept `note` color
-- Added `faint` and `main-light` as valid color props for `<SpeechBubble />`
-- `<TextInput />` now accepts a React node for the `prefix` and `suffix`
-- `<IconChevron />` accepts `direction` of down, left, right (default), up
-
-## [0.20.1] - 2017-10-23
-
-### Fixed
-
-- Calculation for font size based on the `size` prop type in `<Avatar />`.
-
-## [0.20.0] - 2017-10-19
-
-### Added
-
-- `white-space--pre-wrap` CSS class
-
-### Changed
-
-- `<Avatar />` accepts `name` prop. It will also no longer render the fallback
-  image but instead, will fallback to the initials of the `name` prop.
-- `<Bug />` accepts `title` prop
-- `<ButtonLink />` accepts `title` prop
-- `<ButtonControl />` accepts `title` prop
-- `<CollapsingMenu />` accepts `collapsedTitle` and `expandedTitle` props
-- `<CollapsingMenu />` no longer accept the `title` prop, it has now been been
-  replaced with the `heading` prop
-
-### Fixed
-
-- Unnecessarily strict `size` prop type in `<Avatar />`. Strings are accepted.
-
-## [0.19.0] - 2017-09-28
-
-### Changed
-
-- `<Button />` accepts `onMouseUp` and `onMouseDown` props
-- Font size and padding tweaked on `<SearchInput />`
-
-### Added
-
-- `<IconLiveMission />`
-- `<IconLiveMissionCard />`
-
-## [0.18.1] - 2017-08-28
-
-### Fixed
-
-- npm build was missing compiled stylesheets
-
-## [0.18.0](deprecated) - 2017-08-28
-
-### Changed
-
-- `<SelectInput />` accepts `id` prop
-- `<Dropdown />` no longer renders children when closed. It accepts a `persist`
-  prop to optionally render children when closed if needed.
-- `<NumberInput />`, `<SearchInput />`, and `<Textarea />` accept `autoFocus` prop
-- `<DropdownInputToggle />` accepts any valid node as children and automatically
-  truncates text. The max-width on non-mini toggles has also been removed.
-  The containing element should define the toggle's width.
-- `<CollapsibleMenu />` accepts `maxHeight` prop
-- Box shadow styles for editable, non-editable, and editing containers.
-- `<CheckboxInput />` now has indeterminate and read-only states.
-- Label element in `<CheckboxInput />` and `<RadioInput />` is no longer rendered
-  if the prop is not provided. Label can now also be any valid node prop type.
-
-### Fixed
-
-- `<CheckboxInput />` and `<RadioInput />` render correctly in Firefox.
-
-## [0.17.0] - 2017-08-08
-
-### Added
-
-- `<IconCheckboxCheck />` to be used by checkboxes instead of `<IconCheckmark />`
-- `<IconCamera />`
-- `<IconLiveNotes />`
-- `<IconMic />`
-- `<IconObserver />`
-- `<IconScreen />`
-- `<IconSettings />`
-- `<IconSettingsAlt />`
-- `<IconStim />`
-- `<IconVideoFastForward />`
-- `<IconVideoNext />`
-- `<IconVideoPause />`
-- `<IconVideoPlay />`
-- `<IconVideoSkip />`
-
-### Changed
-
-- Removed fixed max-width class name in `<ListWarning />`
-- Updated `<IconCheckmark />` to match viewbox and stroke thickness of other icons
-- Add filled version of `<IconCircleCheckmark />`
-- Updated `<IconShare />`
-- `<IconBookmark />`, `<IconMobile />`, `<IconNote />`, `<IconSpeechBubble />`,
-  and `<IconTag />` accept small prop
-
-## [0.16.0] – 2017-07-07
-
-### Added
-
-- `<IconSpinner />`
-
-### Changed
-
-- `<Avatar />` accepts `title` prop
-- `<Modal />` accepts `zIndex` prop
-- Removed margin between adjacent button icons
-
-### Fixed
-
-- Styling of inline list with custom separator
-
-## [0.15.1] – 2017-06-20
-
-### Fixed
-
-- Styling of `<ContainerHeader />` allows larger click area when inside
-  `<EditingContainer />`
-
-## [0.15.0] – 2017-06-19
-
-### Added
-
-- `<AdvancedOptions />`
-
-### Fixed
-
-- `<Avatar />` displays placeholder if `avatarUrl` is null
-- Patch made in v0.13.3 is missing from 0.14.0 and 0.14.1
-
-## [0.14.1] – 2017-06-12
-
-### Fixed
-
-- `<EditingContainer />` resets height to `auto` after each animation
-
-## [0.14.0] – 2017-06-09
-
-### Added
-
-- `<ContainerHeader />`
-- `<EditingContainer />`
-- `<SpeechBubble />`
-
-### Changed
-
-- `<ButtonControl />` accepts a `name` prop
-- `<Container />` no longer has editing behavior; it does not pass any props
-  down to it children
-- Limited scope of `.flex` margin override to only direct descendants (i.e.
-  flex items)
-- Styling of adjacent `.btn` elements
-- Styling of `<ButtonControl />`, `<SegmentedControls />`, and `<ViewerCard />`
-  components
-- Styling of `<aside>` text color
-- Styling of `<tr>` hover and selected colors
-
-### Fixed
-
-- Removed `top` position hack from `.bug`
-
-## [0.13.3] – 2017-06-15
-
-### Fixed
-
-- `<Dropdown />` passes `isOpen` to its content child
-
-## [0.13.2] – 2017-05-26
-
-### Fixed
-
-- `<Flex />` no longer wraps by default
-
-## [0.13.1] — 2017-05-25
-
-### Changed
-
-- `<SelectInput />` accepts a `name` prop and no longer sets a maximum width
-
-### Fixed
-
-- Inconsistency between outline and filled versions of `<IconSpeechBubble />`
-- Styling of `<IconWithCount />`
-
-## [0.13.0] – 2017-05-23
-
-### Added
-
-- `<IconCircleI />`
-- `<IconMission />`
-- `<IconScreener />`
-- `<IconSpeechBubble />`
-- `<IconStackedMissions />`
-
-### Changed
-
-- `alert` color
-- `<Flex />` component is fully-featured and implements all CSS properties
-- `<Modal />` accepts `backdropColor` prop
-
-## [0.12.2] – 2017-05-18
-
-### Changed
-
-- `<ButtonControl />` accepts a `name` prop
-- `<Bug />` color accepts `dscout` as a value
-
-### Fixed
-
-- `<Button />` active styling
-
-## [0.12.1] – 2017-05-15
-
-### Fixed
-
-- Issue with release script that excluded stylesheets from v0.12.0
-
-## [0.12.0] – 2017-05-15
-
-### Added
-
-- `<CollapsingMenu />`
-
-### Changed
-
-- `<Pill />` part colors moved to right border
-
-## [0.11.1] – 2017-05-09
-
-### Fixed
-
-- Include `scss` source files in the build output
-
-## [0.11.0] – 2017-05-04
-
-### Added
-
-- `<ButtonLink />`
-- `<FileInput />`
-- Standalone part color class names
-
-### Changed
-
-- `<DropdownInputToggle />` accepts `mini` prop
-- `<NumberInput />` accepts `min` prop
-- `<TextInput />` and `<Textarea />` accept `maxLength` prop
-
-### Fixed
-
-- `<DropdownInputToggle />` no longer warns about `undefined` prop types
-
-## [0.10.0] — 2017-04-20
-
-### Added
-
-- `<IconAutotag />`
-- `<IconBookmark />`
-- `<IconTag />`
-- `<IconImageFile />`
-- `<IconSpreadsheetFile />`
-- `<DropdownInputToggle />`
-- `<SelectInput />`
-
-### Changed
-
-- `<ButtonIcon />` accepts a `title` prop
-- `<Modal />` accepts `padding` boolean prop; the default is `true`
-- Icons accept a `size` prop
-  - one of: `S`, `M`, `L`, `XL`
-  - default is `S`
-- Icons accept a `title` prop, it's no longer hard-coded into the icons
-
-### Fixed
-
-- Icons accept "dscout" as a color value instead of "brand"
-- Applies `.filled` border color to prefixes and suffixes
-
-## [0.9.1] — 2017-04-11
-
-### Changed
-
-- `<Dropdown />` accepts `contentWidth`, `maxHeight`, and `opens` props
-
-### Fixed
-
-- Modal transition CSS
-- Line color CSS
-
-## [0.9.0] — 2017-04-05
-
-### Changed
-
-- `<IconWithCount />` accepts a `color` prop
-- `<NumberInput />` accepts `prefix` and `suffix` props
-- Update `<IconDscout />` to new square version
-- SVG icons contain a title tag
-
-### Fixed
-
-- Implement missing `<ButtonIcon />` styles
-- Test build does not include source maps, which speeds up the test runner
-
-## [0.8.1] – 2017-04-03
-
-### Fixed
-
-- Preserve white space in preview components
-
-## [0.8.0] – 2017-03-14
-
-### Added
-
-- `<Avatar />`
-
-### Changed
-
-- `<Thumbnail />` accepts a `fallbackUrl` prop
-
-### Fixed
-
-- `<ViewerCard />` last-child element preserves its bottom margin
-
-## [0.7.0] – 2017-03-07
-
-### Added
-
-- `<ButtonControl />`, `<SegmentedControls />`, `<Thumbnail />`, `<ViewerCard />`, and `<ViewerCardDetails />`
-- Icons for the viewer, as well as icons that were not implemented yet (there are a lot of icons)
-
-### Changed
-
-- `<Modal />` accepts a `maxWidth` prop
-- `<NumberInput />`, `<SearchInput />`, `<TextInput />`, and `<Textarea />` accept an `onBlur` prop
-
-### Fixed
-
-- `<CheckboxInput />` and `<RadioInput />` no longer duplicate `onChange` prop via `onClick` handler
-
-## [0.6.2] – 2017-02-16
-
-### Changed
-
-- Anchor tags can be styled as buttons using the `.btn` class name and its variants
-- `<ButtonPrimary />` accepts `size` prop
-- Form elements accept `onKeyDown` and `onPaste` props
-- `<Scene />` accepts `test` as a value for the `hue` prop
-- `<Textarea />` accepts `height` prop
-
-### Fixed
-
-- `<Bug />` padding and vertical alignment
-- `<NumberInput />` gets a `filled` class name when it has a value
-
-## [0.6.1] - 2017-02-13
-
-### Fixed
-
-- Font rendering in Gecko browsers
-- Icon spacing in buttons
-- Remove incorrect scroll behavior from `<Dropdown />`
-
-## [0.6.0] - 2017-02-13
-
-### Added
-
-- `<Controls />`
-- `<IconRemote />`
-
-### Changed
-
-- Handling of `0` value for form inputs
-- `<ListWarning />` accepts `container` prop
-- Form input state styles
-- Font size and dscout blue returned to legacy values
-
-### Fixed
-
-- `<Dropdown />` content scrolls according to viewport height
-
-## [0.5.0] - 2017-01-26
-
-### Added
-
-- `<IconExport />`
-- `<ListWarning />`
-- `<Modal />`
-- `<RangeInput />`
-- Styles for preview container element
-
-### Changed
-
-- `<Container />` accepts `fullheight` prop
-- First-child elements do not have global rule for zero top margin
-- Package name is now scoped to dscout (`@dscout/particle`)
-
-## [0.4.1] - 2017-01-23
-
-### Changed
-
-- Form input styles for rendering on white background
-- `<Scene />` accepts `hue` of "success"
-
-### Fixed
-
-- `<Scene />` story with "closed" hue
-
-## [0.4.0] – 2017-01-18
-
-### Added
-
-- Plain ordered and unordered list styles
-- `<ButtonPrimary />`
-- `<ButtonSecondary />`
-- `<Bug />`
-- `<IconAlert />`
-- `<IconDownload />`
-- `<IconMore />`
-- `<IconKnockout />`
-- `<ListFancy />`
-- `<Scene />`
-
-### Changed
-
-- Add callback function to `Container#toggleEdit`
-- `<Button />` styles
-- `<Button />` accepts `size` and `variant` props
-
-## [0.3.0] – 2017-01-04
-
-### Added
-
-- `<ButtonIcon />`, `<Fieldset />`, `<IconWithCount />`, `<ListLoose />`,
-  and `<ValidationMessage />` components
-- Transition/animation between view and edit state to `<Container />`
-
-### Changed
-
-- `<Dropdown />` backdrop element scrolls vertically
-- Simplify `<NumberInput />`, `<Textarea />`, and `<TextInput />` components
-
-### Fixed
-
-- Ensure form inputs receive correct `value` prop
-
-## [0.2.2] – 2016-12-12
-
-### Changed
-
-- `<Textarea />` accepts `name` prop
-- Pass callback function to `<Dropdown />` content to close the dropdown
-
-## [0.2.1] – 2016-12-09
-
-### Changed
-
-- `<Button />` accepts `icon` prop
-- `<Dropdown />` accepts `align` prop
-- Form components ensure unique ids are used for input + label markup
-
-### Fixed
-
-- Escape key press handling in `<Dropdown />`
-
-## [0.2.0] – 2016-12-08
-
-### Added
-
-- `<Dropdown />`, `<TogglableFieldset />`, and `<Toggle />` components
-- ArrowUp, Clone, Mobile, Plus, Profile, RoundArrowDownLeft, RoundArrowRight, SkipEnd, Trash, TriangleInverted, and X icons
-
-### Fixed
-
-- Repair some broken styles and missing props
-
-## [0.1.1] – 2016-11-28
-
-### Fixed
-
-- `<Container />` edit state styles
-
-## [0.1.0] – 2016-11-22
-
-- First usable version of particle
-
-[Unreleased alpha]: https://github.com/dscout/particle/compare/v1.0.0-alpha.2...v1
-[1.0.0-alpha.2]: https://github.com/dscout/particle/compare/v1.0.0-alpha.1...v1.0.0-alpha.2
-[1.0.0-alpha.1]: https://github.com/dscout/particle/compare/v1.0.0-alpha.0...v1.0.0-alpha.1
-[1.0.0-alpha.0]: https://github.com/dscout/particle/compare/main...v1.0.0-alpha.0
-[Unreleased]: https://github.com/dscout/particle/compare/v0.46.0...HEAD
-[0.46.0]: https://github.com/dscout/particle/compare/v0.45.3...v0.46.0
-[0.45.3]: https://github.com/dscout/particle/compare/v0.45.2...v0.45.3
-[0.45.2]: https://github.com/dscout/particle/compare/v0.45.1...v0.45.2
-[0.45.1]: https://github.com/dscout/particle/compare/v0.45.0...v0.45.1
-[0.45.0]: https://github.com/dscout/particle/compare/v0.44.0...v0.45.0
-[0.44.0]: https://github.com/dscout/particle/compare/v0.43.0...v0.44.0
-[0.43.0]: https://github.com/dscout/particle/compare/v0.42.1...v0.43.0
-[0.42.1]: https://github.com/dscout/particle/compare/v0.42.0...v0.42.1
-[0.42.0]: https://github.com/dscout/particle/compare/v0.41.0...v0.42.0
-[0.41.0]: https://github.com/dscout/particle/compare/v0.40.5...v0.41.0
-[0.40.5]: https://github.com/dscout/particle/compare/v0.40.4...v0.40.5
-[0.40.4]: https://github.com/dscout/particle/compare/v0.40.3...v0.40.4
-[0.40.3]: https://github.com/dscout/particle/compare/v0.40.2...v0.40.3
-[0.40.2]: https://github.com/dscout/particle/compare/v0.40.1...v0.40.2
-[0.40.1]: https://github.com/dscout/particle/compare/v0.40.0...v0.40.1
-[0.40.0]: https://github.com/dscout/particle/compare/v0.39.0...v0.40.0
-[0.39.0]: https://github.com/dscout/particle/compare/v0.38.0...v0.39.0
-[0.38.0]: https://github.com/dscout/particle/compare/v0.37.4...v0.38.0
-[0.37.4]: https://github.com/dscout/particle/compare/v0.37.3...v0.37.4
-[0.37.3]: https://github.com/dscout/particle/compare/v0.37.2...v0.37.3
-[0.37.2]: https://github.com/dscout/particle/compare/v0.37.1...v0.37.2
-[0.37.1]: https://github.com/dscout/particle/compare/v0.37.0...v0.37.1
-[0.37.0]: https://github.com/dscout/particle/compare/v0.36.0...v0.37.0
-[0.36.0]: https://github.com/dscout/particle/compare/v0.35.2...v0.36.0
-[0.35.2]: https://github.com/dscout/particle/compare/v0.35.1...v0.35.2
-[0.35.1]: https://github.com/dscout/particle/compare/v0.35.0...v0.35.1
-[0.35.0]: https://github.com/dscout/particle/compare/v0.34.0...v0.35.0
-[0.34.0]: https://github.com/dscout/particle/compare/v0.33.0...v0.34.0
-[0.33.0]: https://github.com/dscout/particle/compare/v0.32.0...v0.33.0
-[0.32.0]: https://github.com/dscout/particle/compare/v0.31.0...v0.32.0
-[0.31.0]: https://github.com/dscout/particle/compare/v0.30.0...v0.31.0
-[0.30.0]: https://github.com/dscout/particle/compare/v0.29.1...v0.30.0
-[0.29.1]: https://github.com/dscout/particle/compare/v0.29.0...v0.29.1
-[0.29.0]: https://github.com/dscout/particle/compare/v0.28.0...v0.29.0
-[0.28.0]: https://github.com/dscout/particle/compare/v0.27.3...v0.28.0
-[0.27.3]: https://github.com/dscout/particle/compare/v0.27.2...v0.27.3
-[0.27.2]: https://github.com/dscout/particle/compare/v0.27.1...v0.27.2
-[0.27.1]: https://github.com/dscout/particle/compare/v0.27.0...v0.27.1
-[0.27.0]: https://github.com/dscout/particle/compare/v0.26.1...v0.27.0
-[0.26.1]: https://github.com/dscout/particle/compare/v0.26.0...v0.26.1
-[0.26.0]: https://github.com/dscout/particle/compare/v0.25.0...v0.26.0
-[0.25.0]: https://github.com/dscout/particle/compare/v0.24.0...v0.25.0
-[0.24.0]: https://github.com/dscout/particle/compare/v0.23.3...v0.24.0
-[0.23.3]: https://github.com/dscout/particle/compare/v0.23.2...v0.23.3
-[0.23.2]: https://github.com/dscout/particle/compare/v0.23.1...v0.23.2
-[0.23.1]: https://github.com/dscout/particle/compare/v0.23.0...v0.23.1
-[0.23.0]: https://github.com/dscout/particle/compare/v0.22.0...v0.23.0
-[0.22.0]: https://github.com/dscout/particle/compare/v0.21.0...v0.22.0
-[0.21.0]: https://github.com/dscout/particle/compare/v0.20.1...v0.21.0
-[0.20.1]: https://github.com/dscout/particle/compare/v0.20.0...v0.20.1
-[0.20.0]: https://github.com/dscout/particle/compare/v0.19.0...v0.20.0
-[0.19.0]: https://github.com/dscout/particle/compare/v0.18.1...v0.19.0
-[0.18.1]: https://github.com/dscout/particle/compare/v0.18.0...v0.18.1
-[0.18.0]: https://github.com/dscout/particle/compare/v0.17.0...v0.18.0
-[0.17.0]: https://github.com/dscout/particle/compare/v0.16.0...v0.17.0
-[0.16.0]: https://github.com/dscout/particle/compare/v0.15.1...v0.16.0
-[0.15.1]: https://github.com/dscout/particle/compare/v0.15.0...v0.15.1
-[0.15.0]: https://github.com/dscout/particle/compare/v0.14.1...v0.15.0
-[0.14.1]: https://github.com/dscout/particle/compare/v0.14.0...v0.14.1
-[0.14.0]: https://github.com/dscout/particle/compare/v0.13.2...v0.14.0
-[0.13.3]: https://github.com/dscout/particle/compare/v0.13.2...v0.13.3
-[0.13.2]: https://github.com/dscout/particle/compare/v0.13.1...v0.13.2
-[0.13.1]: https://github.com/dscout/particle/compare/v0.13.0...v0.13.1
-[0.13.0]: https://github.com/dscout/particle/compare/v0.12.2...v0.13.1
-[0.12.2]: https://github.com/dscout/particle/compare/v0.12.1...v0.12.2
-[0.12.1]: https://github.com/dscout/particle/compare/v0.12.0...v0.12.1
-[0.12.0]: https://github.com/dscout/particle/compare/v0.11.1...v0.12.0
-[0.11.1]: https://github.com/dscout/particle/compare/v0.11.0...v0.11.1
-[0.11.0]: https://github.com/dscout/particle/compare/v0.10.0...v0.11.0
-[0.10.0]: https://github.com/dscout/particle/compare/v0.9.1...v0.10.0
-[0.9.1]: https://github.com/dscout/particle/compare/v0.9.0...v0.9.1
-[0.9.0]: https://github.com/dscout/particle/compare/v0.8.1...v0.9.0
-[0.8.1]: https://github.com/dscout/particle/compare/v0.8.0...v0.8.1
-[0.8.0]: https://github.com/dscout/particle/compare/v0.7.0...v0.8.0
-[0.7.0]: https://github.com/dscout/particle/compare/v0.6.2...v0.7.0
-[0.6.2]: https://github.com/dscout/particle/compare/v0.6.1...v0.6.2
-[0.6.1]: https://github.com/dscout/particle/compare/v0.6.0...v0.6.1
-[0.6.0]: https://github.com/dscout/particle/compare/v0.5.0...v0.6.0
-[0.5.0]: https://github.com/dscout/particle/compare/v0.4.0...v0.5.0
-[0.4.1]: https://github.com/dscout/particle/compare/v0.4.0...v0.4.1
-[0.4.0]: https://github.com/dscout/particle/compare/v0.3.0...v0.4.0
-[0.3.0]: https://github.com/dscout/particle/compare/v0.2.2...v0.3.0
-[0.2.2]: https://github.com/dscout/particle/compare/v0.2.1...v0.2.2
-[0.2.1]: https://github.com/dscout/particle/compare/v0.2.0...v0.2.1
-[0.2.0]: https://github.com/dscout/particle/compare/v0.1.1...v0.2.0
-[0.1.1]: https://github.com/dscout/particle/compare/v0.1.0...v0.1.1
-[0.1.0]: https://github.com/dscout/particle/compare/0a39abd...v0.1.0