@dnanpm/styleguide 3.7.1 → 3.8.1

package/CHANGELOG.md

@@ -0,0 +1,561 @@
+See [How to Changelog](https://oakdvcs.dna.fi/projects/DSG/repos/styleguide/browse/docs/HOW-TO-CHANGELOG.md) in DNA Styleguide repository for more information.
+
+## [Unreleased]
+
+### Added
+
+### Changed
+
+### Fixed
+
+### Deprecated
+
+### Removed
+
+### Security
+
+## [3.8.1] - 2024-10-04
+
+### Added
+
+-   Property `onCartButtonClick` to the `MainHeaderNavigation` component (@hicotech) ([STYLE-669](https://jira.dna.fi/browse/STYLE-669))
+
+### Changed
+
+-   Library version of `@dnanpm/icons` from `v2.0.1` to `v2.0.3` (@hicotech) ([STYLE-666](https://jira.dna.fi/browse/STYLE-666))
+-   Icon `ChevronDown` to `OvalChevronDown` for mobile dropdown button in `PriorityNavigation` component (@hicotech) ([STYLE-666](https://jira.dna.fi/browse/STYLE-666))
+-   Icon `ChevronUp` to `OvalChevronUp` for mobile dropdown button in `PriorityNavigation` component (@hicotech) ([STYLE-666](https://jira.dna.fi/browse/STYLE-666))
+-   Icon size for mobile dropdown button to `2.5rem` in `PriorityNavigation` component (@hicotech) ([STYLE-666](https://jira.dna.fi/browse/STYLE-666))
+
+### Fixed
+
+-   Collapsed content overflowing to button in `ReadMore` component (@hicotech) ([STYLE-688](https://jira.dna.fi/browse/STYLE-688))
+
+### Deprecated
+
+-   Property `minicartComponent` in the `MainHeaderNavigation` component (@hicotech) ([STYLE-668](https://jira.dna.fi/browse/STYLE-668))
+
+## [3.7.2] - 2024-08-26
+
+### Added
+
+-   New `Carousel` component (@hicotech) ([STYLE-491](https://jira.dna.fi/browse/STYLE-491))
+-   Property `id` to the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   Property `isExpanded` to the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   Property `buttonLabel` to the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   Property `buttonPosition` to the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   Property `data-testid` to the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   New `Expander` component (@hicotech) ([STYLE-538](https://jira.dna.fi/browse/STYLE-538))
+
+### Changed
+
+-   Styling of `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+
+### Deprecated
+
+-   Internal state management of the `ReadMore` component (@hicotech) ([STYLE-661](https://jira.dna.fi/browse/STYLE-661))
+-   Property `seoInitExpanded` in the `ReadMore` component (@hicotech) ([STYLE-661](https://jira.dna.fi/browse/STYLE-661))
+-   Property `showMoreText` in the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+-   Property `showLessText` in the `ReadMore` component (@hicotech) ([STYLE-497](https://jira.dna.fi/browse/STYLE-497))
+
+## [3.7.1] - 2024-08-05
+
+### Changed
+
+-   Position of close button in the `Drawer` component to be sticky (@kaylagordon-dna) ([STYLE-658](https://jira.dna.fi/browse/STYLE-658))
+
+### Fixed
+
+-   Internal typescript and build configurations causing types not being accessible (@hicotech) ([STYLE-659](https://jira.dna.fi/browse/STYLE-659))
+
+## [3.7.0] - 2024-07-29
+
+### Added
+
+-   Property `title` to the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+-   Property `subtitle` to the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+-   Property `variant` to the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+-   Property `footer` to the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+
+### Changed
+
+-   Internal `useResizeObserver` hook to use `borderBoxSize` instead of `contentRect` affecting `Accordion`, `AccordionItem` and `PriorityNavigation` components (@hicotech) ([STYLE-654](https://jira.dna.fi/browse/STYLE-654))
+-   Styling of the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+-   Property `padding` of the `Drawer` component to be applicable to content (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+
+### Fixed
+
+-   Layout of `PriorityNavigation` component (@hicotech) ([STYLE-654](https://jira.dna.fi/browse/STYLE-654))
+-   Layout of `PriorityNavigationItem` component (@hicotech) ([STYLE-654](https://jira.dna.fi/browse/STYLE-654))
+-   Incorrect overflow calculation in `PriorityNavigation` component (@hicotech) ([STYLE-654](https://jira.dna.fi/browse/STYLE-654))
+
+### Deprecated
+
+-   Property `margin` in the `Drawer` component (@kaylagordon-dna) ([STYLE-529](https://jira.dna.fi/browse/STYLE-529))
+
+## [3.6.0] - 2024-07-11
+
+### Added
+
+-   Property `isNarrowUnderlined` to `Tabs` component (@hicotech) ([STYLE-630](https://jira.dna.fi/browse/STYLE-630))
+-   Value `panel` to property `type` in `Tab` component (@hicotech) ([STYLE-631](https://jira.dna.fi/browse/STYLE-631))
+-   Value `box` to property `type` in `Tab` component (@hicotech) ([STYLE-650](https://jira.dna.fi/browse/STYLE-650))
+-   Property `onClick` to `Tabs` component (@hicotech) ([STYLE-651](https://jira.dna.fi/browse/STYLE-651))
+-   Property `isStateless` to `Tab` component (@hicotech) ([STYLE-651](https://jira.dna.fi/browse/STYLE-651))
+
+### Changed
+
+-   Gap between `Underlined` type tabs from `1.875rem` to `2.5rem` in `Tabs` component (@hicotech) ([STYLE-630](https://jira.dna.fi/browse/STYLE-630))
+-   Default value of property `type` from `default` to `box` in `Tab` component (@hicotech) ([STYLE-650](https://jira.dna.fi/browse/STYLE-650))
+-   Argument type of `onChange` callback from `tab: string` to `tab: string, e?: React.MouseEvent<HTMLElement>` in `Tab` component (@hicotech) ([STYLE-651](https://jira.dna.fi/browse/STYLE-651))
+
+### Fixed
+
+-   Style of element when `isActive` property is defined in `Tab` component (@hicotech) ([STYLE-630](https://jira.dna.fi/browse/STYLE-630))
+
+### Deprecated
+
+-   Value `default` of property `type` in `Tab` component (@hicotech) ([STYLE-650](https://jira.dna.fi/browse/STYLE-650))
+-   Property `onChange` in `Tabs` component (@hicotech) ([STYLE-651](https://jira.dna.fi/browse/STYLE-651))
+-   Prefix `tabs` in classes list in `Tabs` component (@hicotech) ([STYLE-652](https://jira.dna.fi/browse/STYLE-652))
+
+## [3.5.1] - 2024-06-20
+
+### Added
+
+-   Property `onClick` to `PriorityNavigation` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Property `onKeyDown` to `PriorityNavigation` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Property `onClick` to `PriorityNavigationItem` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Property `onKeyDown` to `PriorityNavigationItem` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+
+### Changed
+
+-   Source URLs for DNA fonts (@samuellaisaar) ([STYLE-637](https://jira.dna.fi/browse/STYLE-637))
+
+### Fixed
+
+-   Event handlers not being fired when clicked on SVG in `ButtonIcon` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Mobile navigation dropdown not closing after selecting and item in `PriorityNavigation` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Mobile navigation dropdown not closing when clicked outside in `PriorityNavigation` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Re-render issue in `PriorityNavigation` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+-   Styling issues in `PriorityNavigationItem` component (@hicotech) ([STYLE-632](https://jira.dna.fi/browse/STYLE-632))
+
+## [3.5.0] - 2024-05-17
+
+### Added
+
+-   Property `status` to `Textarea` component (@aanton-tieto) ([STYLE-625](https://jira.dna.fi/browse/STYLE-625))
+-   Property `errorMessage` to `Textarea` component (@aanton-tieto) ([STYLE-625](https://jira.dna.fi/browse/STYLE-625))
+-   Property `minDate` to `DateTimePicker` component (@aanton-tieto) ([STYLE-613](https://jira.dna.fi/browse/STYLE-613))
+-   Property `maxDate` to `DateTimePicker` component (@aanton-tieto) ([STYLE-613](https://jira.dna.fi/browse/STYLE-613))
+-   Property `isClearable` to `DateTimePicker` component (@aanton-tieto) ([STYLE-613](https://jira.dna.fi/browse/STYLE-613))
+
+### Changed
+
+-   Styling of the `Notification` component (@kaylagordon-dna) ([STYLE-607](https://jira.dna.fi/browse/STYLE-607))
+-   Styles for disabled date in `DateTimePicker` component (@aanton-tieto) ([STYLE-613](https://jira.dna.fi/browse/STYLE-613))
+
+## [3.4.0] - 2024-05-08
+
+### Added
+
+-   Property `id` to `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `data-testid` to `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Value `default` to property `type` in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `id` to `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `isActive` to `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `className` to `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `data-testid` to `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   New `PriorityNavigation` component (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+-   New `PriorityNavigationItem` component (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+-   Property `isReversed` to `ButtonIcon` component (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+-   Property `isFullWidth` to `Tabs` component (@hicotech) ([STYLE-624](https://jira.dna.fi/browse/STYLE-624))
+
+### Changed
+
+-   Social media icons in `Footer` component (@kaylagordon-dna) ([STYLE-616](https://jira.dna.fi/browse/STYLE-616))
+-   Property `children` to be optional in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Default value for property `type` from `gray` to `default` in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `lang` to be optional in `SecondaryNavigation` component (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+-   Interface definition of `nextJSSecondaryNavLink` in `SecondaryNavigation` component (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+-   Internal `useResizeObserver` hook functionality affecting `Accordion` and `AccordionItem` components (@hicotech) ([STYLE-539](https://jira.dna.fi/browse/STYLE-539))
+
+### Deprecated
+
+-   Property `tabstyle` in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Tabstyle `gray` in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Property `activeTab` in `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Component `SecondaryNavigation` (@hicotech) ([STYLE-617](https://jira.dna.fi/browse/STYLE-617))
+
+### Removed
+
+-   Export of `Tablist` from `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Export of `TabStyle` from `Tab` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+-   Deprecation of `underlined` style in `Tabs` component (@hicotech) ([STYLE-496](https://jira.dna.fi/browse/STYLE-496))
+
+## [3.3.1] - 2024-05-06
+
+### Added
+
+-   New `InfoDialog` component (@inno-o) ([STYLE-608](https://jira.dna.fi/browse/STYLE-608))
+
+## [3.3.0] - 2024-04-15
+
+### Added
+
+-   New set of icons for `Icon` component (@hicotech) ([STYLE-502](https://jira.dna.fi/browse/STYLE-502))
+-   Peer dependency library `@dnanpm/icons` (@hicotech) ([STYLE-503](https://jira.dna.fi/browse/STYLE-503))
+
+### Changed
+
+-   Styling of `Footer` component (@j-lahtinen) ([STYLE-537](https://jira.dna.fi/browse/STYLE-537))
+-   Export property `headerMaxHeight` from `navigation` theme component (@aanton-tieto) ([STYLE-551](https://jira.dna.fi/browse/STYLE-551))
+-   Icon `hlChevronDown` to `ChevronDown` in `AccordionItem` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronUp` to `ChevronUp` in `AccordionItem` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `AccordionItem` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMinus` to `Minus` in `AmountSelector` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlPlus` to `Plus` in `AmountSelector` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlTrash` to `Trash` in `AmountSelector` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `ButtonArrow` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronLeft` to `ChevronLeft` in `ButtonArrow` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronRight` to `ChevronRight` in `ButtonArrow` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronUp` to `ChevronUp` in `ButtonArrow` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlPen` to `EditUnderline` in `ButtonIcon` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronLeft` to `ChevronLeft` in `DateTimePicker` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronRight` to `ChevronRight` in `DateTimePicker` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Drawer` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlInfo` to `Info` in `EmptyState` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlArrowForwardSmall` to `ArrowRight` in `Footer` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `Footer` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlError` to `Error` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlEyeClosed` to `EyeClosed` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlEyeOpen` to `EyeOpen` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlLock` to `Lock` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlSuccess` to `Check` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Input` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlArrowForwardSmall` to `ArrowRight` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCart ` to `Cart` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCartEmpty ` to `CartEmpty` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronLeft` to `ChevronLeft` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronRight` to `ChevronRight` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlExternal` to `Open` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlGlobe ` to `Globe` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMagnifyingGlass ` to `Search` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMenu` to `Menu` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlPerson ` to `User` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `MainHeaderNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCart ` to `Cart` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCartEmpty ` to `CartEmpty` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronLeft` to `ChevronLeft` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronRight` to `ChevronRight` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlGlobe ` to `Globe` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMagnifyingGlass ` to `Search` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMenu` to `Menu` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlPerson ` to `User` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `MainNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Modal` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCheck` to `Check` in `Notification` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlError` to `Error` in `Notification` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlInfo` to `Info` in `Notification` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlWarning` to `Warning` in `Notification` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Notification` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlExclamationMark` to `Warning ` in `ProgressIndicator` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlSuccess ` to `Check` in `ProgressIndicator` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `ReadMore` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronUp` to `ChevronUp` in `ReadMore` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMagnifyingGlass ` to `Search` in `Search` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Search` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCheck` to `Check` in `SecondaryNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `SecondaryNavigation` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronUp` to `ChevronUp` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlError` to `Error` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlLock` to `Lock` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlMagnifyingGlass` to `Search` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Selectbox` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlCheck` to `Check` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlError` to `Error` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlInfo` to `Info` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlWarning` to `Warning` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlX` to `Close` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlInfo` to `Info` in `Tooltip` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon `hlChevronDown` to `ChevronDown` in `TooltipMenu` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+-   Icon size from `1.8rem` to `2rem` in `Toaster` component (@hicotech) ([STYLE-546](https://jira.dna.fi/browse/STYLE-546))
+
+### Fixed
+
+-   Max-height calculation for `MainHeaderNavigation` tooltip (@j-lahtinen) ([STYLE-542](https://jira.dna.fi/browse/STYLE-542))
+
+### Deprecated
+
+-   Hairline set of icons for `Icon` component (@hicotech) ([STYLE-504](https://jira.dna.fi/browse/STYLE-504))
+
+## [3.2.0] - 2024-01-31
+
+### Added
+
+-   Added Link icon (@aanton-tieto) ([STYLE-526](https://jira.dna.fi/browse/STYLE-526))
+-   Attribute `aria-checked` to `Checkbox` component (@samuellaisaar) ([STYLE-532](https://jira.dna.fi/browse/STYLE-532))
+-   New `DateTimePicker` component (@hicotech) ([STYLE-511](https://jira.dna.fi/browse/STYLE-511))
+-   Dependency library `react-datepicker` (@hicotech) ([STYLE-511](https://jira.dna.fi/browse/STYLE-511))
+-   New `MainHeaderNavigation` component (@j-lahtinen) ([STYLE-528](https://jira.dna.fi/browse/STYLE-528))
+-   Property `readonly` to `Input` component (@samuellaisaar) ([STYLE-457](https://jira.dna.fi/browse/STYLE-457))
+-   Property `onClearableButtonClick` to `Input` component (@hicotech) ([STYLE-511](https://jira.dna.fi/browse/STYLE-511))
+-   Internal unit test capabilities (@skosonen) ([STYLE-203](https://jira.dna.fi/browse/STYLE-203))
+
+### Changed
+
+-   Library version of `react` from `v17.0.1` to `v18.0.2` (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Library version of `react-dom` from `v17.0.1` to `v18.0.2` (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Library version of `react-styleguidist` from `v12.0.1` to `v13.1.1` (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Peer dependency of `react` from `17.x` to `^17.x` (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Peer dependency of `react-dom` from `17.x` to `^17.x` (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Build configuration of the project (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Versions of internal libraries used for building the project (@hicotech) ([STYLE-340](https://jira.dna.fi/browse/STYLE-340))
+-   Categories to be always open in desktop mode in `Footer` component (@j-lahtinen) ([STYLE-527](https://jira.dna.fi/browse/STYLE-527))
+-   Rules of internal ESLint configuration (@samuellaisaar) ([STYLE-435](https://jira.dna.fi/browse/STYLE-435))
+
+### Fixed
+
+-   Interface definition and ESLint issues for `SecondaryNavigation` component (@j-lahtinen) ([STYLE-370](https://jira.dna.fi/browse/STYLE-370))
+-   Interface definition and ESLint issues for `MainNavigation` component (@j-lahtinen) ([STYLE-369](https://jira.dna.fi/browse/STYLE-369))
+-   Incorrect `onBlur` event handler type for `Textarea` component (@samuellaisaar) ([STYLE-520](https://jira.dna.fi/browse/STYLE-520))
+-   Overflow issue with multiselect functionality for `Selectbox` component (@samuellaisaar) ([STYLE-485](https://jira.dna.fi/browse/STYLE-485))
+-   Interface definition and ESLint issues for `Footer` component (@j-lahtinen) ([STYLE-368](https://jira.dna.fi/browse/STYLE-368))
+-   Text of HTML input possibly overflowing to icons in `Input` component (@samuellaisaar) ([STYLE-523](https://jira.dna.fi/browse/STYLE-523))
+-   ESLint issues in utilities files (@samuellaisaar) ([STYLE-372](https://jira.dna.fi/browse/STYLE-372))
+
+### Deprecated
+
+-   Value `date` of property `type` in `Input` component (@hicotech) ([STYLE-535](https://jira.dna.fi/browse/STYLE-535))
+-   Value `month` of property `type` in `Input` component (@hicotech) ([STYLE-535](https://jira.dna.fi/browse/STYLE-535))
+-   Value `time` of property `type` in `Input` component (@hicotech) ([STYLE-535](https://jira.dna.fi/browse/STYLE-535))
+-   Value `week` of property `type` in `Input` component (@hicotech) ([STYLE-535](https://jira.dna.fi/browse/STYLE-535))
+
+## [3.1.0] - 2023-10-16
+
+### Added
+
+-   New `Drawer` component (@hicotech) ([STYLE-490](https://jira.dna.fi/browse/STYLE-490))
+-   New `Floater` component (@hicotech) ([STYLE-499](https://jira.dna.fi/browse/STYLE-499))
+-   New `Chip` component (@hicotech) ([STYLE-501](https://jira.dna.fi/browse/STYLE-501))
+-   New `Divider` component (@hicotech) ([STYLE-500](https://jira.dna.fi/browse/STYLE-500))
+-   New icon `hlCableTVCard` (@hicotech) ([STYLE-507](https://jira.dna.fi/browse/STYLE-507))
+-   New icon `hlHub` (@hicotech) ([STYLE-507](https://jira.dna.fi/browse/STYLE-507))
+-   New icon `hlLaptop` (@hicotech) ([STYLE-507](https://jira.dna.fi/browse/STYLE-507))
+-   New icon `hlLiveVideo` (@hicotech) ([STYLE-507](https://jira.dna.fi/browse/STYLE-507))
+-   New icon `hlPlaylist` (@hicotech) ([STYLE-507](https://jira.dna.fi/browse/STYLE-507))
+-   New `ButtonArrow` component (@hicotech) ([STYLE-509](https://jira.dna.fi/browse/STYLE-509))
+-   Property `position` to `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `isClickable` to `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `isHoverable` to `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `data-testid` to `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `hideTriggerElement` to `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+
+### Changed
+
+-   Internal webpack configuration after removal of `react-scripts` library (@hicotech) ([STYLE-390](https://jira.dna.fi/browse/STYLE-390))
+-   Versions of internal libraries used for building the project (@hicotech) ([STYLE-390](https://jira.dna.fi/browse/STYLE-390))
+-   Style of `default` type in `Pill` component to reflect hover and focus states (@hicotech) ([STYLE-514](https://jira.dna.fi/browse/STYLE-514))
+-   CSS specificity of `ButtonPrimary` styles one level lower (@hicotech) ([STYLE-512](https://jira.dna.fi/browse/STYLE-512))
+-   CSS specificity of `ButtonSecondary` styles one level lower (@hicotech) ([STYLE-512](https://jira.dna.fi/browse/STYLE-512))
+-   CSS specificity of `ButtonArrow` styles one level lower (@hicotech) ([STYLE-512](https://jira.dna.fi/browse/STYLE-512))
+-   CSS specificity of `ButtonRound` styles one level lower (@hicotech) ([STYLE-512](https://jira.dna.fi/browse/STYLE-512))
+-   Unit in `width` property from `rem` to `px` for svg element in `Checkbox` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Unit in `height` property from `rem` to `px` for svg element in `Checkbox` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Library version of `react-tooltip` from `4.1.0` to `5.21.5` (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Styling of `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `place` to `placement` in `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Property `multiline` to `isMultiline` in `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+
+### Fixed
+
+-   Shorthand CSS property `inset` to its constituent properties for backwards compatibility in `Modal` component (@ozzell) ([STYLE-508](https://jira.dna.fi/browse/STYLE-508))
+-   Shorthand CSS property `inset` to its constituent properties for backwards compatibility in `Drawer` component (@ozzell) ([STYLE-508](https://jira.dna.fi/browse/STYLE-508))
+-   Interface definition for `MainNavigation` component (@j-lahtinen) ([STYLE-233](https://jira.dna.fi/browse/STYLE-233))
+
+### Deprecated
+
+-   Component `ButtonRound` (@hicotech) ([STYLE-509](https://jira.dna.fi/browse/STYLE-509))
+
+### Removed
+
+-   Library `react-scripts` from package.json (@hicotech) ([STYLE-390](https://jira.dna.fi/browse/STYLE-390))
+-   Property `width` from svg element in `DNALogo` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Property `height` from svg element in `DNALogo` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Property `width` from svg element in `Icon` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Property `height` from svg element in `Icon` component (@hicotech) ([STYLE-517](https://jira.dna.fi/browse/STYLE-517))
+-   Interface definition of 3rd party library from `Tooltip` component (@hicotech) ([STYLE-420](https://jira.dna.fi/browse/STYLE-420))
+-   Component `Helper` (@hicotech) ([STYLE-403](https://jira.dna.fi/browse/STYLE-403))
+
+## [3.0.0] - 2023-05-24
+
+### Added
+
+-   Internal hook `useWindowSize` (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   CSS property `display: inline-flex` to `Icon` component (@hicotech) ([STYLE-382](https://jira.dna.fi/browse/STYLE-382))
+-   Icon `hlSuccess` as mirror of `hlCheck` icon (@hicotech) ([STYLE-382](https://jira.dna.fi/browse/STYLE-382))
+-   New DNA Color Scheme to `theme` (@hicotech) ([STYLE-385](https://jira.dna.fi/browse/STYLE-385))
+-   New radius config to `theme` (@hicotech) ([STYLE-386](https://jira.dna.fi/browse/STYLE-386))
+-   New `Box` component (@hicotech) ([STYLE-388](https://jira.dna.fi/browse/STYLE-388))
+-   New `Elevation` component as a shorthand to `Box` component (@hicotech) ([STYLE-388](https://jira.dna.fi/browse/STYLE-388))
+-   New `Pill` component with `checkbox` variant (@hicotech) ([STYLE-389](https://jira.dna.fi/browse/STYLE-389))
+-   New `Pill` component with `radiobutton` variant (@hicotech) ([STYLE-395](https://jira.dna.fi/browse/STYLE-395))
+-   Property `type` to `Accordion` component (@hicotech) ([STYLE-396](https://jira.dna.fi/browse/STYLE-396))
+-   Property `type` to `AccordionItem` component (@hicotech) ([STYLE-397](https://jira.dna.fi/browse/STYLE-397))
+-   New `box` and `panel` style types to `AccordionItem` component (@hicotech) ([STYLE-397](https://jira.dna.fi/browse/STYLE-397))
+-   Property `id` to `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `id` to `ButtonPrimary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `id` to `ButtonSecondary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `id` to `ButtonRound` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `id` to `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `ButtonPrimary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `ButtonSecondary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `ButtonRound` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Interface definition to `ButtonClose` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `name` to `Checkbox` component (@hicotech) ([STYLE-442](https://jira.dna.fi/browse/STYLE-442))
+-   Interface definition to `LabelText` component (@hicotech) ([STYLE-404](https://jira.dna.fi/browse/STYLE-404))
+-   Property `className` to `Textarea` component (@hicotech) ([STYLE-419](https://jira.dna.fi/browse/STYLE-419))
+-   Property `type` to `Label` component (@hicotech) ([STYLE-405](https://jira.dna.fi/browse/STYLE-405))
+-   Property `aria-label` to `ButtonClose` component (@j-lahtinen) ([STYLE-463](https://jira.dna.fi/browse/STYLE-463))
+-   New `Toaster` component (@j-lahtinen) ([STYLE-458](https://jira.dna.fi/browse/STYLE-458))
+-   Property `href` to `Button` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Property `href` to `ButtonPrimary` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Property `href` to `ButtonSecondary` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Property `data-testid` to `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Property `onStepClick` to `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Property `id` to `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Property `children` to `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Property `className` to `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Property `onBlur` to `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Property `onFocus` to `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Property `onKeyPress` to `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Property `onKeyDown` to `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Property `data-testid` to `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Interface definition to `NotificationBadge` component (@hicotech) ([STYLE-409](https://jira.dna.fi/browse/STYLE-409))
+-   Property `isDefaultChecked` to `Pill` component (@ozzell) ([STYLE-443](https://jira.dna.fi/browse/STYLE-443))
+-   Property `id` to `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `onRequestClose` to `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `contentLabel` to `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `isClosable` to `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `data-testid` to `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Icon `hlWrench` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+
+### Changed
+
+-   Components `Footer` and `MainNavigation` to use internal hook `useWindowSize` instead of library `react-sizes` to detect device screen size (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Styling of `Accordion` component (@hicotech) ([STYLE-396](https://jira.dna.fi/browse/STYLE-396))
+-   Styling of `AccordionItem` component (@hicotech) ([STYLE-397](https://jira.dna.fi/browse/STYLE-397))
+-   Default value of property `highlightSelected` to `true` only for `panel` type in `Accordion` component (@hicotech) ([STYLE-397](https://jira.dna.fi/browse/STYLE-397))
+-   Default value of property `highlightSelected` to `true` only for `panel` type in `AccordionItem` component (@hicotech) ([STYLE-397](https://jira.dna.fi/browse/STYLE-397))
+-   Styling of `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `ButtonPrimary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `ButtonPrimary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `ButtonSecondary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `ButtonSecondary` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `ButtonRound` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `ButtonRound` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Name of `CloseButton` component to `ButtonClose` (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `ButtonClose` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `ButtonClose` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `loading` passed down to button element to be `data-loading` in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `icon` to be optional in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Default value of property `icon` to `hlPen` in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Property `showTextMobile` to `hideChildrenMobile` in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Default value of property `hideChildrenMobile` to `false` in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Styling of `Checkbox` component (@hicotech) ([STYLE-400](https://jira.dna.fi/browse/STYLE-400))
+-   Styling of `RadioButton` component (@hicotech) ([STYLE-412](https://jira.dna.fi/browse/STYLE-412))
+-   Styling of `Footer` component (@j-lahtinen) ([STYLE-402](https://jira.dna.fi/browse/STYLE-402))
+-   Styling of `SecondaryNavigation` component (@j-lahtinen) ([STYLE-415](https://jira.dna.fi/browse/STYLE-415))
+-   Styling of `Input` component (@hicotech) ([STYLE-404](https://jira.dna.fi/browse/STYLE-404))
+-   Default value of property `status` to `undefined` in `Input` component (@hicotech) ([STYLE-404](https://jira.dna.fi/browse/STYLE-404))
+-   Styling of `LabelText` component (@hicotech) ([STYLE-404](https://jira.dna.fi/browse/STYLE-404))
+-   Styling of `Textarea` component (@hicotech) ([STYLE-419](https://jira.dna.fi/browse/STYLE-419))
+-   Property `id` to be mandatory in `Textarea` component (@hicotech) ([STYLE-419](https://jira.dna.fi/browse/STYLE-419))
+-   Styling of `MainNavigation` component (@j-lahtinen) ([STYLE-406](https://jira.dna.fi/browse/STYLE-406))
+-   Styling of `AmountSelector` component (@hicotech) ([STYLE-398](https://jira.dna.fi/browse/STYLE-398))
+-   Styling of `Switch` component (@innocent-okeke) ([STYLE-417](https://jira.dna.fi/browse/STYLE-417))
+-   Styling of `Label` component (@hicotech) ([STYLE-405](https://jira.dna.fi/browse/STYLE-405))
+-   `ButtonClose` component element from anchor to button for better accessibility (@j-lahtinen) ([STYLE-460](https://jira.dna.fi/browse/STYLE-460))
+-   Swap `hlError` & `hlWarning` icons with each other (@j-lahtinen) ([STYLE-461](https://jira.dna.fi/browse/STYLE-461))
+-   Properties `type` and `disabled` to be ignored when property `href` is defined in `Button` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Properties `type` and `disabled` to be ignored when property `href` is defined in `ButtonPrimary` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Properties `type` and `disabled` to be ignored when property `href` is defined in `ButtonSecondary` component (@hicotech) ([STYLE-469](https://jira.dna.fi/browse/STYLE-469))
+-   Library version of `react-scripts` from `3.4.4` to `4.0.3` (@hicotech) ([STYLE-473](https://jira.dna.fi/browse/STYLE-473))
+-   Styling of `Notification` component (@hicotech) ([STYLE-408](https://jira.dna.fi/browse/STYLE-408))
+-   Styling of `PixelLoader` component (@hicotech) ([STYLE-410](https://jira.dna.fi/browse/STYLE-410))
+-   Styling of `Selectbox` component (@hicotech) ([STYLE-416](https://jira.dna.fi/browse/STYLE-416))
+-   Styling of `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Property type `steps` from `Steps[]` to `string[] | number` in `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Property `activeSlideIndex` to `activeStep` in `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Property `currentStatus` to `status` in `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Styling of `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Property type `icon` from `React.ComponentType<Icon> | string` to `React.ComponentType<Icon>` in `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Styling of `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Property `onClick` to `onButtonClick` in `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Styling of `NotificationBadge` component (@hicotech) ([STYLE-409](https://jira.dna.fi/browse/STYLE-409))
+-   Library version of `styled-components` from `v5.2.1` to `v5.3.6` (@ozzell) ([STYLE-494](https://jira.dna.fi/browse/STYLE-494))
+-   Library version of `react-modal` from `3.12.1` to `3.16.1` (@hicotech) ([STYLE-473](https://jira.dna.fi/browse/STYLE-473))
+-   Styling of `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `isOpen` to be mandatory in `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Default value of property `closeIcon` to `true` in `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `closeIcon` to `closeButton` in `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Value of property `data-testid` from `props.closeLabel` to `${data-testid}-close-button` for `ButtonClose` element in `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Styling of `Tablist` component (@hicotech) ([STYLE-418](https://jira.dna.fi/browse/STYLE-418))
+
+### Fixed
+
+-   Issue with `Footer` component signature revealing internal context props (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+
+### Deprecated
+
+-   Property `data-no-close` in `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+
+### Removed
+
+-   Library `react-sizes` from package.json (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `children` from `Footer` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `isMobileFooter` from `Footer` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `nextJSLinkComponent` from `Footer` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `isCollapsed` from `Footer` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `setIsCollapsed` from `Footer` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Obsolete property `isMobileMenu` from `MainNavigation` component (@tholsti) ([STYLE-378](https://jira.dna.fi/browse/STYLE-378))
+-   Component `Image` with no replacement (@tholsti) ([STYLE-364](https://jira.dna.fi/browse/STYLE-364))
+-   Component `ButtonTertiary` (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Component `ButtonIconPrimary` (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Type `string` from property `loading` in `Button` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Object property `button` from `theme` (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   Type `string` from property `icon` in `ButtonIcon` component (@hicotech) ([STYLE-399](https://jira.dna.fi/browse/STYLE-399))
+-   React hook `useCallback` as wrapper for `onBlur` and `onChange` handlers in `Textarea` component (@hicotech) ([STYLE-419](https://jira.dna.fi/browse/STYLE-419))
+-   Obsolete property `color` from `Label` component (@hicotech) ([STYLE-405](https://jira.dna.fi/browse/STYLE-405))
+-   Obsolete property `morePadding` from `Label` component (@hicotech) ([STYLE-405](https://jira.dna.fi/browse/STYLE-405))
+-   Obsolete property `smallerFont` from `Label` component (@hicotech) ([STYLE-405](https://jira.dna.fi/browse/STYLE-405))
+-   Obsolete property `showIcon` from `Notification` component (@hicotech) ([STYLE-408](https://jira.dna.fi/browse/STYLE-408))
+-   Obsolete property `centered` from `Notification` component (@hicotech) ([STYLE-408](https://jira.dna.fi/browse/STYLE-408))
+-   Property `dropDownIndicator` from `Selectbox` component (@hicotech) ([STYLE-309](https://jira.dna.fi/browse/STYLE-309))
+-   Property `onStepChange` from `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Possibility to define cursor of specific step in `ProgressIndicator` component (@hicotech) ([STYLE-411](https://jira.dna.fi/browse/STYLE-411))
+-   Obsolete property `message` from `EmptyState` component (@hicotech) ([STYLE-401](https://jira.dna.fi/browse/STYLE-401))
+-   Property `isReactive` from `Search` component (@hicotech) ([STYLE-352](https://jira.dna.fi/browse/STYLE-352))
+-   Property `iconName` from `Search` component (@hicotech) ([STYLE-336](https://jira.dna.fi/browse/STYLE-336))
+-   Obsolete property `icon` from `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Obsolete property `iconSize` from `Search` component (@hicotech) ([STYLE-414](https://jira.dna.fi/browse/STYLE-414))
+-   Component `Ribbon` with no replacement (@hicotech) ([STYLE-413](https://jira.dna.fi/browse/STYLE-413))
+-   Component `Card` (@hicotech) ([STYLE-493](https://jira.dna.fi/browse/STYLE-493))
+-   Component `CardRow` (@hicotech) ([STYLE-493](https://jira.dna.fi/browse/STYLE-493))
+-   Interface definition of 3rd party library from `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Obsolete property `overflowContentVisible` from `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Obsolete property `padding` from `Modal` component (@hicotech) ([STYLE-407](https://jira.dna.fi/browse/STYLE-407))
+-   Property `left` from `Icon` component (@hicotech) ([STYLE-333](https://jira.dna.fi/browse/STYLE-333))
+-   Property `right` from `Icon` component (@hicotech) ([STYLE-333](https://jira.dna.fi/browse/STYLE-333))
+-   Property `on` from `Switch` component (@hicotech) ([STYLE-381](https://jira.dna.fi/browse/STYLE-381))
+-   Standard set of icons for `Icon` component (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+-   Duplicate icon `hlArrowSmallLeft` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+-   Duplicate icon `hlArrowBack` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+-   Duplicate icon `hlArrowSmallRight` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+-   Duplicate icon `hlArrowForward` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))
+-   Duplicate icon `hlArrowSmallUnder` (@hicotech) ([STYLE-329](https://jira.dna.fi/browse/STYLE-329))