@simplybusiness/mobius 3.0.0

package/CHANGELOG-v2.md

@@ -0,0 +1,672 @@
+# Changelog (Version 2)
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [2.18.6] - 2022-10-21
+
+### Changed
+
+- Missing colour variable for Modal in On The Tools theme
+
+## [2.18.5] - 2022-10-21
+
+### Changed
+
+- Modified On The Tools theme for embedded app
+
+## [2.18.4] - 2022-10-21
+
+### Fixed
+
+- Build and export icons from Chopin and OTT themes
+
+## [2.18.3] - 2022-10-21
+
+### Fixed
+
+- Public registry publishing
+
+## [2.18.2] - 2022-10-21
+
+### Added
+
+- Created partner theme for "On The Tools" embedded app
+
+## [2.18.1] - 2022-10-19
+
+### Added
+
+- Public npm registry release
+
+### Fixed
+
+- Release script will only run in master branch
+
+## [2.18.0] - 2022-10-14
+
+### Added
+
+- Updated `Link` documentation to cover use in `NextJS`
+- Added `NumberField` component
+- Added `PercentageTotalQuestion` molecule
+
+### Fixed
+
+- `Chopin.Header` Logo has screen reader accessible text, which was showing on wide screens. Wrapped in `VisuallyHidden` component
+- Set unique id on `Checkbox` input element
+
+### Changed
+
+- Updated `Image` docs to include information about NextJS
+- Allow rich text descriptions in `Question` component
+
+## [2.16.1] - 2022-10-11
+
+### Removed
+
+- Removed `react-stately` dependency
+
+### Fixed
+
+- Removed React peer dependency versions from icons package (casused errors in external import to packages using React 18)
+- Button uses secondary colour (green) focus ring in Chopin theme
+
+## [2.16.0] - 2022-10-06
+
+### Fixed
+
+- Fix `<Checkbox>` default and `disabled` styles in `sb2` theme
+- Fix `Theme` Storybook entry not loading theme styles
+- Fix `<Radio>` not showing selected state when input has `--is-valid`. Affected themes: chopin, simplybusiness
+- Fix warning icon not applying theme colour
+- Fix `useBreakpoint` and `getPartnerName` breaking server-side due to `window` being `undefined`
+
+## Changed
+
+- Update `sb2` colour palette in `Theme` Storybook entry
+- Replace `@simplybusiness/mobius-theme-simplybusiness` with `@simplybusiness/theme-sb` in the documentation examples to encourage the use of the most up to date styles
+- Merge `<TextInput>` atom into `<TextField>`. Consumers should switch to `<TextField>`. To omit label `aria-label` can be used instead
+- Remove `labelComponent` and `inputComponent` props from `<TextField>`. Any customisations should be handled through CSS class names
+- Remove `inputComponent`, `labelComponent` props from `<Radio>`, `<RadioGroup>`, `<Select>`, `<TextArea>`. Previously, this was supported to accommodate for component style changes. This can now be achieved through CSS class names
+
+## Removed
+
+- Removed `wrapperComponent` prop from `CheckboxItem`
+- Removed `wrapperComponent` prop from `RadioButton`
+- Removed `wrapperComponent` prop from `Radio`
+
+## [2.15.0] - 2022-09-30
+
+### Added
+
+- Changed NPM packages to public access
+- Added new theme - `sb2`
+- Add `validationState` prop to `<TextArea>` with `valid` and `invalid` as options, along with default theme styles
+
+### Fixed
+
+- Removed `flex` property from `TextField` component DOM
+- Handle CSS-in-JS styles through `className` for `ErrorMessage`
+- Fix `TextInput` `disabled` attribute when `disabled` prop is `true`
+- List item text is left aligned
+- Fix `<Modal />` overlay sometimes appearing beneath other content
+- Fix typo in CSS variable use in `<TextInput />` styles
+- Fix `cursor` across components when state/variant is `disabled`. Applies to `RadioButton`, `Slider`, `TextArea`, `TextInput`, `Button`, `Checkbox`, `Radio`
+- Apply state classes (e.g. `--is-disabled`) to component icons for easier styling. Covers `<Radio>` and `<Select>`
+- Fix `<Select>`, `<RadioButton>` story controls not working due to incorrectly configured entry controls
+
+### Changed
+
+- Refactored `<Title>` to make it easier to style across different themes
+
+## [2.14.2] - 2022-09-08
+
+### Fixed
+
+- Updated Storybook build script to handle static assets in the new (post 6.4.0) way
+
+## [2.14.1] - 2022-09-08
+
+### Added
+
+- Make `PasswordField` show/hide button restore focus to password input after press
+- Automatically update these notes with version number on release
+- Display favicon
+- Updated Styling Mobius docs with CSS-in-JS gotcha when targeting Mobius CSS class names
+
+### Fixed
+
+- Fix `Flex` applying `elementType` prop as invalid DOM attribute `elementtype`
+
+## [2.14.0] - 2022-08-24
+
+### Added
+
+- Added ability to set any valid type property value on `<TextField />`
+- Added `PasswordField` component
+
+### Fixed
+
+- Fixed position of checkbox icon when used with long labels
+
+## [2.13.0] - 2022-08-15
+
+### Added
+
+- Added new 'Loading...' state to `<TradeSelector />` to improve user experience
+
+### Fixed
+
+- When toggled and disabled `Checkbox` now correctly shows transparent icon background. This now blends in with the component background colour.
+- Fixed `<DataTable />` header font weight. When toggling between `layout` `table` and `flex` font weight would go from `bold` to `normal`. This fix ensures that the font weight is always `bold`.
+- Trade Selector: address an issue where result overlay may not show
+- Fixed `<DataTable />` table head width when `sortable` is enabled. Given `layout` is `table`, clicking table head cell would cause layout shift due to arrow icon being injected. To address the issue, an invisible icon placeholder is now in place.
+- Fixed `<DataTable />` `layout` options, so that both `flex` and `table` look (nearly) identical
+
+### Changed
+
+- Added default values to `TradeSelector` story controls
+- Improved Storybook entry controls; added sensible defaults; removed unhelpful controls for the following components: `Flex`, `Grid`, `Segment`.
+- Improved Storybook entry controls; added sensible defaults; removed unhelpful controls for the following components: `Checkbox`, `CheckboxGroup`, `DatePicker`, `Fieldset`, `Radio`, `RadioButton`, `Select`, `TextArea`, `TextField`.
+- Updated `<DataTable />` docs with examples for `data`, `columns` props. This is to make sure that users can easily follow Storybook examples for their own use cases
+- Hide Trade Selector overlay when user reduces input field value to a single character (match existing quoting journey behaviour)
+- Display error when Trade Selector API call fails (e.g. running locally, but not on VPN)
+- Refactored `useTradeSelector` hook and `<TradeSelector />` to make it easier to read and maintain
+
+## [2.12.0] - 2022-07-26
+
+### Added
+
+- Added `TradeSelector` styles to `@simplybusiness/theme-simplybusiness`.
+- Added `onTradeSelected` prop to `TradeSelector`. Instead of a string (e.g. `"Builder"`), the returned value is now an object containing every field that the API response provides (e.g. `{ value: "Builder", vertical: "business" ... }`).
+
+### Fixed
+
+- Removed ability to click on disabled `Link`. This also no longer leaks `disabled` prop as a DOM attribute.
+- Fixed incorrectly handled `liststyletype` prop on `List`
+
+### Changed
+
+- Improved Storybook entry controls; added sensible defaults; removed unhelpful controls for the following components: `Accordion`, `Alert`, `Button`, `DataTable`, `DropdownMenu`, `Icon`, `Link`, `LinkButton`, `List`, `LoadingIndicator`, `Modal`, `Progress`, `Slider`, `Text`.
+- Changed release scripts to use custom bash script instead of `npm version`.
+
+## [2.11.2] - 2022-07-21
+
+### Added
+
+- Added `parentSelector` prop to `Modal` to allow attachment to shadow DOM in embedded apps.
+- Added source files to built package.
+
+### Fixed
+
+- Fixed `LinkButton` when used with an icon. The component would take up 100% of the container.
+
+### Changed
+
+- Remove redundant Storybook controls (e.g. `className`, `style`, `onClick`, etc.)
+- Rename 'Basic' to 'Normal' in Stories for consistency
+- Replace `<Icon icon={MyIcon} />` with `<Icon name="MyIcon" />`. This is to ensure that icons used from partner themes work as expected (e.g. when default icon is overwritten with a custom one from a partner). As part of this change, icon options in stories have been simplified to make showcasing of functionality a delight for users.
+
+## [2.11.1] - 2022-07-19
+
+### Fixed
+
+- Reverted to yarn v1.22 and fixed broken CI/CD build
+
+## [2.11.0] - 2022-07-18
+
+### Changed
+
+- Refactor `chopin` theme to make it easier to theme
+- Upgraded Storybook to 6.5.9
+- Refactor `simplybusiness` theme to make it easier to theme
+- Refactor: reduce CSS class specificity in `simplybusiness` and `chopin` themes
+- Storybook only: hide unstyled `Chopin` theme components in `simplybusiness` theme
+- Replaced `npm version` with yarn for automated deployment
+
+### Fixed
+
+- Fixed `Chopin` `Section` component docs
+- Fixed `RadioButton` when `circular` is set to `true`
+- Fixed `useBreakpoint` docs: nest under `ThemeContext` for clarity; update renamed breakpoint config setter method
+- Fixed `useBreakpoint` to use updated API where each breakpoint returns an object (e.g `{ size: "xs", value: 320 }`) instead of a string (e.g. `xs`)
+
+## 2.10.2 - 2022-07-08
+
+### Fixed
+
+- Fix consumer apps failing due to missing `@simplybusiness/theme-chopin`
+
+## 2.10.1 - 2022-07-08
+
+### Fixed
+
+- Fixed colour palette loading when switching themes on Theme page
+
+## [2.10.0] - 2022-07-08
+
+### Added
+
+- Added `selected` prop to `Checkbox` component
+- Enabled custom style and icon loading through ThemeContext. This change will facilitate partner themes that are accompanied by custom CSS and icons.
+- Made base `@simplybusiness/icons` available through ThemeContext. Once partner theme icons are available, these will extend the base icons, thus enabling default icon customisation through overwrites.
+- Added Theme page that contains colour palette based on the currently selected theme (e.g. chopin)
+
+### Changed
+
+- Changed breakpoint setter & getter in ThemeContext. This is to ensure that we use consistent breakpoint data structure across to improve readability and developer experience.
+- Changed TypeScript config 'module' setting to support dynamic module imports. These will be required to code split and lazy load partner theme assets.
+
+### Fixed
+
+- Fixed `<DatePicker />` code example; added missing props table. Also fixed the z-index when component is open.
+- Fixed documentation for Chopin components. All components are name spaced, for example: `<QuestionGroup />` should be `<Chopin.QuestionGroup />`
+- Fixed `<Radio />` hover colour, so that it is consistent with other components
+- Fixed "Getting Started" docs to use correct css import
+- Fixed memoisation of RadioContext and CheckboxContext states
+- Removed PostCSS from dependencies
+- Fix missing `@simplybusiness/icons` exports by updating the version of the package that is required in `@simplybusiness/mobius`
+
+## [2.9.0] - 2022-06-21
+
+### Added
+
+- Enabled loading `<Icon />` through string reference. For example `<Icon name="chevronDown" />`. This is to enable icons from partner themes.
+- Added `Header` molecule as reusable component in White-label sites.
+- Added `up` and `down` helpers to `useBreakpoint` hook
+- Added `Footer` molecule as reusable component in White-label sites.
+- Added `to` prop to `Link` with same shape as Link component from `react-router-dom`
+- Added `to` prop to `LinkButton` with same shape as Link component from `react-router-dom`
+- Added `elementType` to `Link` component
+- Added `elementType` to `LinkButton` component
+- Added `Actions` component (`Back` and `Next step` buttons).
+- Added `linkElementType` to `StepItem` component
+- Added `DatePicker` component
+- Added `DataTable` component with various features
+
+### Fixed
+
+- Fixed `<Select />` focus on label click. Previously, clicking label would bring focus to `<Select />`, but without any visual feedback
+- Removed default `<Select />` styles in Safari
+- Fixed `<TradeSelector />` focus state. So that focus styles are applied programmatically, inline with other input fields
+- Fixed font-family when root class is `chopin`, not `mobius`. This is to ensure that all `chopin` theme components have a consistent font-family theme
+- Fixed missing `<Slider />` default CSS styles
+- Fixed `aria-hidden` attribute on `<Accordion />`
+
+## [2.8.0] - 2022-06-01
+
+### Changed
+
+- Moved `packages/mobius-theme-simplybusiness` to `packages/partners/mobius-theme-simplybusiness`. Also, rename `mobius-theme-simplybusiness` folder to `simplybusiness`
+- Moved `packages/theme-chopin` to `packages/partners/theme-chopin`. Also, rename `theme-chopin` folder to `chopin`
+- Leverage SCSS: nest related CSS selectors for `simplybusiness` theme
+- Leverage SCSS: nest related CSS selectors for `chopin` theme.
+
+### Fixed
+
+- Link `<Question />` label with child input component. Now clicking `<Question />` label will correctly bring focus to associated input (e.g. `<TextField />`)
+- Close `<Question />` help text on outside click. This is to prevent help text popovers overlapping when opened on multiple `<Question />` instances
+- Clarify code examples in `<Question />` story
+- Remove unspecified prop spreading in `<TradeSelector />`. This is to prevent the component from applying inherited props (e.g. `errorMessage` and `validationState` from `<Question />`) as DOM attributes.
+
+## [2.7.0] - 2022-05-27
+
+### Added
+
+- Added `TradeSelector` component to be used for surfacing trades based on given search criteria
+- Added padding and background colour to `Question` to match Chopin styles
+- Added `buttonArrowLeftActive`, `buttonArrowLeft`, `buttonArrowRightActive`, `buttonArrowRight`, `ctaArrow`, `dropdown`, `home` and `chevronUp` icons
+
+### Changed
+
+- Changed themes from CSS to SASS. Published theme packages contain exports for CSS, SASS and breakpoints.
+
+## [2.6.0] - 2022-05-16
+
+### Added
+
+- Added `QuestionGroup` component in order to group a set of related `Question` components together
+- Added HTML support for `Question` component `label` prop in order to handle existing `Chopin` use cases
+- Added `onChange` handler to `QuestionHelp` to enable custom styles in `Question` when `QuestionHelp` is open
+- Added `xl` breakpoint to `theme-chopin` as per actual breakpoints in quote journey CSS
+- Added new colour variables to `theme-chopin` to ensure style consistency between Chopin and its components in Storybook
+- Added `Section` component to be used for grouping a set of related elements together. An example may be a `Section` for contact details as part of a long form.
+- Added `TradeSelector` component to be used for surfacing trades based on given search criteria
+
+### Fixed
+
+- Updated `QuestionHelp` styles to match existing styles used in Chopin
+- Updated `Question` component, so that it is styled when `QuestionHelp` is open
+- Added removal of window event listener in `useWindowEvent` hook to address memory leak as highlighted in tests
+- Fixed missing `aria-label` warning in `Radio`.
+- Updated dependency for `Modal` which improves accessibility support for navigating into the modal with keyboard.
+- Fixed rerender in ThemeProvider by wrapping the provider value in a useMemo hook.
+
+### Changed
+
+- Moved `Help` component out of `Question`, so that it could be reused for `QuestionGroup`
+- Renamed `Help` to `QuestionHelp`
+- Added `size` prop to `QuestionGroup`, `QuestionHelp` and `Question` in order to replace hard-coded @media query values used to style aforementioned components at breakpoints
+- Refactored `size` prop type definition, as well as its CSS class handler across components. This is to reduce code repetition
+- Replaced `components` with `generic` as an option in component Plop file generator. This is to improve usability and to split user-facing label from the actual value
+
+## [2.5.0] - 2022-05-11
+
+### Added
+
+- [Steps atom](/docs/components-steps--normal). Steps component is used to inform the user where they are on their journey.
+- Added a new theme `@simplybusiness/theme-chopin`. Note: this is not a complete theme; it is largely the same as the baseline simplybusiness theme and will be updated as Chopin components are added.
+- Added a theme switcher in developer mode, which enables rapid switching between themes.
+- Added optional `icon` and `iconPosition` (`left`|`right`) props to `Button` component. Icon component is not rendered when `Button` has either `loading` or `success` set to `true`.
+
+### Fixed
+
+- Added correct focus-visible styling for `Button` component.
+- Added correct focus-visible styling for `Link` component.
+- Fixed an issue where `Button` with `loading` and `success` props set to `true` render both icons on top of one another. With `loading` set to `true`, `success` value will have no effect.
+- Fixed indeterminate state styling for `Checkbox` component. It now correctly styles the component when its state is either `valid` or `invalid`.
+
+### Changed
+
+- Moved `ThemeProvider` into `contexts/ThemeContext`, so that both `ThemeContext` and `ThemeProvider` are colocated. Merged `ThemeContext` into `ThemeProvider` to prevent circular dependency imports.
+
+## [2.4.7] - 2022-04-25
+
+### Fixed
+
+- `Modal` stories support changes from controls and have updated overflow styling.
+
+## [2.4.6] - 2022-04-25
+
+### Added
+
+- Extended `Modal` `size` prop to accept `xs`, `sm`, `md`, `lg`, `xl`, `xxl` in addition to `fullscreen`. This will apply `--is-[size]` CSS class for further customisation. This may be used alongside `useBreakpoint` dynamic value.
+- Exposed `Modal` `shouldFocusAfterRender` prop, giving keyboard focus to the component once opened.
+
+### Fixed
+
+- Broken GitHub links to components in Storybook entries
+
+## [2.4.5] - 2022-04-25
+
+### Added
+
+- Automatic Github release creation
+
+## [2.4.4] - 2022-04-22
+
+### Added
+
+- Added `animation` prop to `Modal`. Available options: `slideUp` and `fade`. By default, no animation will be applied. The animation will be disabled if user has reduced motion preference enabled on their device.
+
+### Changed
+
+- `Modal` `appElement` prop has been changed from `#root` to `body` for better component usability
+
+## [2.4.3] - 2022-04-21
+
+### Added
+
+- Added `className` prop to `<Modal>`
+
+## [2.4.2] - 2022-04-20
+
+### Fixed
+
+- Fixed broken exports for `mobius-theme-simplybusiness`
+
+## [2.4.1] - 2022-04-20
+
+### Added
+
+- Added `indeterminate` state to `Checkbox`
+
+### Fixed
+
+- Added export for `ThemeContext` to `mobius`
+- Reinstated display of all props for Flex, Grid. Layout props were previously being filtered out, which obscured the API from the user
+
+## [2.4.0] - 2022-04-14
+
+### Added
+
+- Added `Title atom`. Title is used for displaying heading information. A title and description can be provided.
+- Added `elementType` prop to `Flex` to support use cases where flex behaviour is required on non "div" elements (default)
+- Added `CheckboxGroup` component
+- Added `aria-describedby` for `Select` components with `errorMessage`.
+- Added `aria-describedby` for `Checkbox` components with `errorMessage`.
+- Added `aria-describedby` for `CheckboxGroup` components with `errorMessage`.
+- Added `aria-describedby` for `TextArea` components with `errorMessage`.
+- Added `aria-describedby` for `TextField` components with `errorMessage`.
+- Added `aria-describedby` for `RadioGroup` components with `errorMessage`.
+
+### Changed
+
+- Changed `ErrorMessage` documentation to match other components
+- Improved `Accordion` documentation by providing easy to read, copy and paste examples
+- Improved `Breadcrumbs` documentation by providing easy to read, copy and paste examples
+- Improved `Flex` documentation by providing easy to read, copy and paste examples
+- Improved `Grid` documentation by providing easy to read, copy and paste examples
+- Improved `Icon` documentation by providing easy to read, copy and paste examples
+- Improved `List` documentation by providing easy to read, copy and paste examples
+- Improved `SVG` documentation by providing easy to read, copy and paste examples
+- Improved `Segment` documentation by providing easy to read, copy and paste examples
+- Improved `Select` documentation by providing easy to read, copy and paste examples
+- Split Storybook stories to either `Components`, `Form` or `Layout` in order to make it easier for users to navigate through available and ever growing list of components
+- Handle `onClick` in `Button`, `Link`, `LinkButton` in the same way that `onPress` (Adobe Spectrum default) is handled. This is to provide developers with flexible defaults that they are accustomed to
+- Remove outdated README from packages/mobius. Should refer to up-to-date README in the root of the repository instead
+- Added support for `flex` and `flexGrow` props in Flex atom; enables better nesting
+
+### Fixed
+
+- Added missing `ErrorMessage` component export
+- Reinstated Modal story in the Canvas tab
+- `<Table.Head>` display name now appears correctly in Storybook code viewer
+- Removed passing of the following props to `<a>` in `Link`: `onPress`, `onPressStart`, `onPressEnd`. This is to address errors that occur when using the aforemoentioned props
+- Fixed an issue which caused Accordion to throw an error in React 18 when animated under strict mode
+
+## [2.3.0] - 2022-04-07
+
+### Added
+
+- [Dropdown Menu atom](/docs/components-dropdownmenu--normal). The DropdownMenu component is used for displaying contextual information in a conditionally opened overlay.
+
+### Changed
+
+- Replaced `isDisabled` prop on `Checkbox` component with `disabled` prop
+- Replaced `isDisabled` prop on `Radio` component with `disabled` prop
+- Replaced `isDisabled` prop on `RadioGroup` component with `disabled` prop
+- Replaced `isDisabled` prop on `RadioButton` component with `disabled` prop
+- Replaced `isDisabled` prop on `Select` component with `disabled` prop
+- Replaced `isDisabled` prop on `TextArea` component with `disabled` prop
+- Replaced `isDisabled` prop on `TextField` component with `disabled` prop
+- Replaced `isDisabled` prop on `TextInput` component with `disabled` prop
+
+### Fixed
+
+- Fixed disabling individual `Radio` components separately from the `RadioGroup` component
+
+## [2.2.3] - 2022-04-05
+
+### Added
+
+- `disabled` prop on `Link` component
+
+## [2.2.1] - 2022-04-04
+
+### Added
+
+### Changed
+
+- Set a default style for top and bottom padding on Alert in the SimplyBusiness theme
+
+### Fixed
+
+## [2.2.0] - 2022-04-02
+
+### Added
+
+### Changed
+
+### Fixed
+
+- Bumped `@simplybusiness/icons` dependency to `^2.2.0`
+
+## [2.1.0] - 2022-04-01
+
+### Added
+
+- [Alert atom](/docs/components-alert--normal). Alerts are used to inform the user of important information.
+- Added icons to support Alert variants (error, success, warning, info).
+
+### Changed
+
+### Fixed
+
+- `label` prop supported on TextField
+- `target`, `rel`, `tite` and `referrerPolicy` props supported on Link and LinkButton
+
+## [2.0.0] - 2022-04-01
+
+This is a major release with breaking changes and new features.
+
+### Breaking Changes
+
+- ThemeUI has been removed from the project and replaced with class names on all atoms. Details for specific classes - and their position in HTML - is documented at the bottom of each `Docs` tab, in a new _"Component HTML Structure and Class names"_ section. The main impact is that `css` prop is no longer available on atoms, along with other pseudo style props, such as `width` and `fontSize`. _(Coming soon: See this documention to read more about styling Mobius)_.
+- `ThemeProvider` has been replaced with a slimmer wrapper that only caters for breakpoints.
+- `ColumnarGrid` has been replaced with a more flexible [Grid](/docs/components-grid--alignment-properties#grid) component. Grid supports spans, alignments and tshirt sizing, the latter helping to produce responsive layouts.
+
+### Added
+
+- Added `Accordion atom`. Accordion selectively shows or hides content when clicked by a user. It can contain practically any content. The header (link) can be placed above or below content; in the latter case it will move as the content expands.
+- Added `Divider atom`. Divider is a horizontal line used to separate content blocks. It is normally horizontally centred to - and occupies the full width of - its container.
+- Added `Modal atom`. Modal is a container that can be used to display content in a modal window. It can contain header and main content sections.
+- Added `Progress atom`. Progress is a visual indicator of the progress of a task.
+- Added `RadioButton atom`. RadioButton is used to display a group of buttons, only one of which can be selected.
+- Added `Segment atom`. Segment is a container that can be composed to group content into a card layout.
+- Added `Slider atom`. Slider is a visual indicator for a numeric input.
+- Added `VisuallyHidden`. VisuallyHidden is a helper component that can be used to create content that is only visible to screen readers.
+- Added `useBreakpoint hook`. usebreakpoint is a hook that returns the current breakpoint based on user's viewport width.
+- All Mobius dependencies are combined into a single monorepo, including core, icons and the Simply Business theme.
+- CI/CD tools migrated to Huxley.
+
+### Changed
+
+- [List](/story/components-list--styled-list) now supports icons as markers.
+- [Radio](/story/components-radio--complex-label) now supports multiline content.
+- These docs are now merged so that interactive stories are embedded into longer form documentation.
+
+### Fixed
+
+## [1.7.0]
+
+### Changed
+
+- Migrated build system to esbuild
+
+## [1.6.0]
+
+### Added
+
+- Added `Container` component
+
+## [1.5.0] - 2021-10-08
+
+### Fixed
+
+- Added `id` prop to `Box` component
+- Added `elementType` prop to `Box` component
+
+## [1.4.0] - 2021-09-27
+
+### Added
+
+- Added spin prop to Icon component
+
+### Changed
+
+- Upgraded Theme UI to v0.11
+
+## [1.3.0] - 2021-09-16
+
+### Added
+
+- Added a CHANGELOG.md
+- Added `marginX` property as shorthand for `margin-left`/`margin-right`
+- Added `marginY` property as shorthand for `margin-top`/`margin-bottom`
+- Added `paddingX` property as shorthand for `padding-left`/`padding-right`
+- Added `paddingY` property as shorthand for `padding-top`/`padding-bottom`
+- Added `size-0` value to space object, with a value of `0`
+
+## [1.2.1] - 2021-08-18
+
+### Changed
+
+- Refactored Icon component to not use SVG component
+- Upgraded Storybook to v6.3.7
+- Removed "Core" from Storybook titles
+
+## [1.2.0] - 2017-07-20
+
+### Added
+
+- Added textAlign property to text property group
+
+## [1.1.1] - 2021-04-20
+
+### Changed
+
+- Upgraded ThemeUI to v0.6.2.
+
+## Github Links
+
+[2.18.6]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.6
+[2.18.5]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.5
+[2.18.4]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.4
+[2.18.3]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.3
+[2.18.2]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.2
+[2.18.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.1
+[2.18.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.18.0
+[2.17.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.17.0
+[2.16.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.16.1
+[2.16.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.16.0
+[2.15.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.15.0
+[2.14.2]: https://github.com/simplybusiness/mobius/releases/tag/v2.14.2
+[2.14.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.14.1
+[2.14.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.14.0
+[2.13.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.13.0
+[2.12.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.12.0
+[2.11.2]: https://github.com/simplybusiness/mobius/releases/tag/v2.11.2
+[2.11.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.11.1
+[2.11.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.11.0
+[2.10.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.10.0
+[2.9.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.9.0
+[2.8.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.8.0
+[2.7.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.7.0
+[2.6.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.6.0
+[2.5.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.5.0
+[2.4.7]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.7
+[2.4.6]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.6
+[2.4.5]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.5
+[2.4.4]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.4
+[2.4.3]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.3
+[2.4.2]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.2
+[2.4.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.1
+[2.4.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.4.0
+[2.3.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.3.0
+[2.2.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.2.1
+[2.2.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.2.0
+[2.1.1]: https://github.com/simplybusiness/mobius/releases/tag/v2.1.1
+[2.1.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.1.0
+[2.0.0]: https://github.com/simplybusiness/mobius/releases/tag/v2.0.0
+[1.6.0]: https://github.com/simplybusiness/mobius/compare/v1.7.0...v1.7.0
+[1.6.0]: https://github.com/simplybusiness/mobius/compare/v1.5.0...v1.6.0
+[1.5.0]: https://github.com/simplybusiness/mobius/compare/v1.4.0...v1.5.0
+[1.4.0]: https://github.com/simplybusiness/mobius/compare/v1.3.0...v1.4.0
+[1.3.0]: https://github.com/simplybusiness/mobius/compare/v1.2.1...v1.3.0
+[1.2.1]: https://github.com/simplybusiness/mobius/compare/v1.2.0...v1.2.1
+[1.2.0]: https://github.com/simplybusiness/mobius/compare/v1.1.1...v1.2.0
+[1.1.1]: https://github.com/simplybusiness/mobius/compare/v1.1.0...v1.1.1