@eeacms/volto-eea-design-system 1.0.5 → 1.0.7

package/CHANGELOG.md

@@ -4,6 +4,83 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.0.7](https://github.com/eea/volto-eea-design-system/compare/1.0.6...1.0.7) - 10 April 2023
+
+#### :rocket: New Features
+
+- feat(storybook): components keyboard and screen reader optimization #324 from eea/design-system-accessibility [ichim-david - [`85faff7`](https://github.com/eea/volto-eea-design-system/commit/85faff73025442a012f079b6734ef868862cc44f)]
+
+#### :bug: Bug Fixes
+
+- fix(cards): focus outline for header needed for the overflow hidden solution with max title lines [David Ichim - [`849a7a8`](https://github.com/eea/volto-eea-design-system/commit/849a7a8e3cf801bf0a4d7e9189b603ea15219fcc)]
+- fix(header): external url in header now takes you to the correct url #330 from eea/header-external-url-fix [ichim-david - [`086c61d`](https://github.com/eea/volto-eea-design-system/commit/086c61d683a7ac67dea221aa39ffe4cef05a9a68)]
+- fix(item): flex variant on edit when inside blockchooser #333 from eea/fix-item-csss [ichim-david - [`65b9099`](https://github.com/eea/volto-eea-design-system/commit/65b9099779180feeb7d10384928bb0a3224b947d)]
+- fix(item): use child selector instead of descendent as it interferes with blockchooser refs #157040 [nileshgulia1 - [`ad4ca37`](https://github.com/eea/volto-eea-design-system/commit/ad4ca3725c595c8dbeaff69f730928313c1779ec)]
+- fix: github autoformat [andreiggr - [`be97749`](https://github.com/eea/volto-eea-design-system/commit/be9774981032759b3284a6fb93490a204a817c7a)]
+- fix: dont run isInternalURL twice [Andrei Grigore - [`a48984e`](https://github.com/eea/volto-eea-design-system/commit/a48984e0cb224944aed3846447c416511d080779)]
+- fix: check if client method change [andreiggr - [`7c53b83`](https://github.com/eea/volto-eea-design-system/commit/7c53b83a54e4e7d3c5329c46de03cdf7aabedf13)]
+- fix: external url in header [andreiggr - [`9e3aea6`](https://github.com/eea/volto-eea-design-system/commit/9e3aea649ca6f9446324d5d351cdfcde08332f84)]
+- fix(tag): fix in args [Antonis Tarantilis - [`18eaaf4`](https://github.com/eea/volto-eea-design-system/commit/18eaaf41fa80a3e175341a2ddd7376b8281fee7d)]
+
+#### :nail_care: Enhancements
+
+- change(card): simplified headerLineHeightOffset used as margin top for cards header [David Ichim - [`ca61105`](https://github.com/eea/volto-eea-design-system/commit/ca61105f2f39e6880ce545ba4d54f3568e7b87e2)]
+- change(storybook): removed links for Label and Comment that we implement without a link [David Ichim - [`ee0bfdf`](https://github.com/eea/volto-eea-design-system/commit/ee0bfdf3aee3e4b6b6eba6dabd7817a37ace48ae)]
+- change(logos): updated eionet logo used in the site footer #318 from eea/footer-logo-update [ichim-david - [`70671d0`](https://github.com/eea/volto-eea-design-system/commit/70671d03bbc228e3013e382cb51e6764a83b01a8)]
+- refactor(label): add href attribute to links [Antonis Tarantilis - [`05f664d`](https://github.com/eea/volto-eea-design-system/commit/05f664dde27f1e0580ab7f32a7934e4d8e85c918)]
+- change(breadcrumbs,mega-menu): better screen readers support, see links instead of groups #309 from eea/firefox-accessibility-tab-issues [ichim-david - [`d6b0b4a`](https://github.com/eea/volto-eea-design-system/commit/d6b0b4adba8f04799491025fb41ac97e875bcce0)]
+- change(mega-menu): added code to align countries left column subtitle with the right column [David Ichim - [`1aa33dd`](https://github.com/eea/volto-eea-design-system/commit/1aa33dd7ac7154a91515eef688f276d664d5d7f3)]
+- change(mega-menu): sub-title padding tweaks for better spacing normalization [David Ichim - [`e08668d`](https://github.com/eea/volto-eea-design-system/commit/e08668dd9fd948e57628e5582e7a4a7f08d96451)]
+- change(breadcrumbs): fixed sizing of breadcrumbs list items [David Ichim - [`1761e98`](https://github.com/eea/volto-eea-design-system/commit/1761e984a6ffebbcca0c7b88128a01235fc6b903)]
+- change(inpageNavigation): story improvements [Antonis Tarantilis - [`ade63c6`](https://github.com/eea/volto-eea-design-system/commit/ade63c6f0b08c62318d31c54568cca29d0f106bc)]
+- refactor(inpageNavigation): restructure as a button [Antonis Tarantilis - [`48e22ac`](https://github.com/eea/volto-eea-design-system/commit/48e22ac0ee521f87497822a0ec9d627829d849d5)]
+- change(breadcrumbs): label modification for better screen reader output [David Ichim - [`c967bef`](https://github.com/eea/volto-eea-design-system/commit/c967bef63ac6f622f5936235dd5590831a674d15)]
+- change(checkbox): toggle hover color correction [Antonis Tarantilis - [`4f4d0df`](https://github.com/eea/volto-eea-design-system/commit/4f4d0df7292fdccb89f83feface51639bd5d6559)]
+- refactor(checkbox): accessibility fix [Antonis Tarantilis - [`3b3047f`](https://github.com/eea/volto-eea-design-system/commit/3b3047f6a6bdd9e9ad858e6a7ca0c6f6b404e605)]
+- refactor(newTabLabeledIcon): accessibility fix [Antonis Tarantilis - [`211e40a`](https://github.com/eea/volto-eea-design-system/commit/211e40aa47d1f0de91b1d949770c452336b80248)]
+- refactor(languageLabeledIcon): accessibility fix [Antonis Tarantilis - [`61edd9e`](https://github.com/eea/volto-eea-design-system/commit/61edd9e1022a8954930db30c262290680974d880)]
+- refactor(downloadLabeledIcon): accessibility fix [Antonis Tarantilis - [`df3935d`](https://github.com/eea/volto-eea-design-system/commit/df3935dc5836298768316399ba36927325541fef)]
+- refactor(labeledIconGroup): group updates for all labeled icons [Antonis Tarantilis - [`a679d9d`](https://github.com/eea/volto-eea-design-system/commit/a679d9d05b804f516fdeed449eba1e74e227818c)]
+- change(ContextNavigation): accessibility updates, not restructuring of the volto component [Antonis Tarantilis - [`03fe83d`](https://github.com/eea/volto-eea-design-system/commit/03fe83dce70c6931c543b93c71e3cd8e16f99ec8)]
+- refactor(comment): accessibility fixes and text button update [Antonis Tarantilis - [`dad8cb6`](https://github.com/eea/volto-eea-design-system/commit/dad8cb67a0092b01b50197c94691ed8a5d00a128)]
+- change(card): add links to teaser titles [Antonis Tarantilis - [`cc64c74`](https://github.com/eea/volto-eea-design-system/commit/cc64c74a69539af287f424abdf96226635284303)]
+- refactor(card): fix header outline not showing issue [Antonis Tarantilis - [`48fc2e2`](https://github.com/eea/volto-eea-design-system/commit/48fc2e2328ff184402e15edbaf1ed2507e771a14)]
+- refactor(modal): restructure close icon as button [Antonis Tarantilis - [`f1b836e`](https://github.com/eea/volto-eea-design-system/commit/f1b836e3071c220235eb327ee7ef67edac4d467d)]
+- change(logo): update eionet svg [Antonis Tarantilis - [`3c87fc7`](https://github.com/eea/volto-eea-design-system/commit/3c87fc750a3dc376205a643eefced410a41b22c6)]
+- refactor(megaMenu): clean up function after test [Antonis Tarantilis - [`883eb73`](https://github.com/eea/volto-eea-design-system/commit/883eb73cbc3db6a1fadd0200118eafdce91b7aab)]
+- refactor(megaMenu): align menu items with demo site for better testing [Antonis Tarantilis - [`82a5c84`](https://github.com/eea/volto-eea-design-system/commit/82a5c84cfde81dd8243f3f9a2d1fcaa8ac4b1463)]
+- refactor(breadcrumbs): updates on structure and story for accessibility [Antonis Tarantilis - [`770c8c0`](https://github.com/eea/volto-eea-design-system/commit/770c8c0bce88c5d9301ab0293a8e4865849bfeb2)]
+- refactor(megaMenu): Restructure Topics and Countries lists [Antonis Tarantilis - [`d816e7a`](https://github.com/eea/volto-eea-design-system/commit/d816e7ab9cdf2f202ab994201c16241cfb26c33a)]
+- change(mega-menu): use lists for navigation, enhance voice over support for better accessibility [David Ichim - [`d13137f`](https://github.com/eea/volto-eea-design-system/commit/d13137f024d6357514b85f184d219eb81dd585f2)]
+- refactor(header): firefox accessibility errors fix [Antonis Tarantilis - [`c7d35b9`](https://github.com/eea/volto-eea-design-system/commit/c7d35b92b90940b466ea016dbbb3f1c6dfa0c3ab)]
+
+#### :house: Internal changes
+
+- style(megaMenu): remove comments and unused properties [Antonis Tarantilis - [`fa5f8f8`](https://github.com/eea/volto-eea-design-system/commit/fa5f8f878421d879026aacd86e5390112b8852a1)]
+
+#### :house: Documentation changes
+
+- docs(footer): logo update [Manthos Matzios - [`ad982d6`](https://github.com/eea/volto-eea-design-system/commit/ad982d63423442bc292cd7553ad3163b33b337bb)]
+
+### [1.0.6](https://github.com/eea/volto-eea-design-system/compare/1.0.5...1.0.6) - 29 March 2023
+
+#### :rocket: New Features
+
+- feat: add viewport-(width/height) less functions and fixed banner image url #329 from eea/develop [ichim-david - [`e8e70bd`](https://github.com/eea/volto-eea-design-system/commit/e8e70bdc81f4f301a9dce370867a873e55563048)]
+- feat: add viewport-(width/height) less functions [Miu Razvan - [`68300a3`](https://github.com/eea/volto-eea-design-system/commit/68300a3c34e66954c7ef3a6e52baa37431fbfa9e)]
+
+#### :nail_care: Enhancements
+
+- refactor(Banner.jsx): use flattenToAppURL helper function to get image source URL [Miu Razvan - [`24b13d7`](https://github.com/eea/volto-eea-design-system/commit/24b13d7c09a498ca889d413135c9abc4e6cab9ad)]
+- change(docusaurus): set full class name for remix icons [David Ichim - [`f435e10`](https://github.com/eea/volto-eea-design-system/commit/f435e10034b04cab4aeb301d8521559f98be299e)]
+
+#### :house: Internal changes
+
+- style(theme): update container width and margins in eea theme [Miu Razvan - [`3e4446a`](https://github.com/eea/volto-eea-design-system/commit/3e4446a3af641ddca03f1f2833dd6e79535feb98)]
+
+#### :hammer_and_wrench: Others
+
+- horizontal overflow hidden in view mode [Miu Razvan - [`f395f27`](https://github.com/eea/volto-eea-design-system/commit/f395f276df003480a219bae639f87bebcf35799f)]
 ### [1.0.5](https://github.com/eea/volto-eea-design-system/compare/1.0.4...1.0.5) - 28 March 2023
 
 #### :rocket: New Features
@@ -149,7 +226,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.0.0-beta.5 [Alin Voinea - [`e4417e1`](https://github.com/eea/volto-eea-design-system/commit/e4417e121477511c350ae3fbe4e70aadb445ed86)]
 - better useOnScreen hook [Andrei Grigore - [`c214b6b`](https://github.com/eea/volto-eea-design-system/commit/c214b6b76443f81c795ce2f3aa457562ec088b30)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`b227cf8`](https://github.com/eea/volto-eea-design-system/commit/b227cf8a8c44b9d91e9fda8a7999fb0a42bacdca)]
 - feature(mobile): increased performance by lazy loading footer images #303 from eea/increase_performance [ichim-david - [`80d1df1`](https://github.com/eea/volto-eea-design-system/commit/80d1df1c459680331d486f9e8e6a95c9db0adbf6)]
 - prettier [David Ichim - [`a7f8384`](https://github.com/eea/volto-eea-design-system/commit/a7f838470c1bcc4e2be115d514d92a1b686a5e9b)]
 - fixed less build failure due to changes in footer.less [David Ichim - [`190bc8c`](https://github.com/eea/volto-eea-design-system/commit/190bc8cfa88191b45808f1e27c6e2737ee3d15b1)]
@@ -220,7 +296,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore(docusaurus): ignore website/.yarn [Giorgos Stamatis - [`0b33ffd`](https://github.com/eea/volto-eea-design-system/commit/0b33ffd1dda61b126e3cc5ff48888124d6aee41b)]
 - style(header): react syntax fix [Antonis Tarantilis - [`3add127`](https://github.com/eea/volto-eea-design-system/commit/3add1271c785a92bea0ef925d7bc562cef1e0d92)]
 
 #### :house: Documentation changes
@@ -417,7 +492,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.0.0-alpha.10 [Alin Voinea - [`7014d08`](https://github.com/eea/volto-eea-design-system/commit/7014d080ce114bd0bc039abeecbd7229333b0971)]
 - Add variable definitions [kreafox - [`293fe65`](https://github.com/eea/volto-eea-design-system/commit/293fe65e2f24e6290e1286229169a77f9be4750e)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`ef58a6f`](https://github.com/eea/volto-eea-design-system/commit/ef58a6f5ad8deea26b1395a86778fe1159b7617b)]
 - Back to dev [Alin Voinea - [`31d4616`](https://github.com/eea/volto-eea-design-system/commit/31d461662b9184a7bbe190e86f3c47fab39229fe)]
 ### [1.0.0-alpha.9](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.8...1.0.0-alpha.9) - 28 December 2022
 
@@ -475,7 +549,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - bump package version [David Ichim - [`b4628be`](https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989)]
 - feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page [ichim-david - [`dbfc90d`](https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d)]
 - (feat): Add ability to disable the language select from website top menu  - refs #158616 [dobri1408 - [`411c8e4`](https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`c4769e9`](https://github.com/eea/volto-eea-design-system/commit/c4769e987d525f5dcafac8e6cf8a89fd8111667d)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`92feea0`](https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215)]
 - Proof reading page header section [ichim-david - [`230239e`](https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244)]
 ### [1.0.0-alpha.7](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7) - 16 December 2022
@@ -507,7 +580,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 1.0.0-alpha.7 [Alin Voinea - [`7e66bcc`](https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`ce47e9b`](https://github.com/eea/volto-eea-design-system/commit/ce47e9b163bcb4eda988e3a87718b54ffbd3f99f)]
 - added back descriptionDistance variable until package release [David Ichim - [`3af811a`](https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da)]
 - Back to dev [Alin Voinea - [`cb531c9`](https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c)]
 - Proper paths if the package is not installed, but in development [Tiberiu Ichim - [`7a2655f`](https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832)]
@@ -595,7 +667,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus [ichim-david - [`ec7843d`](https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3)]
-- Upgrade Jenkinsfile storybook to yarn 3 [Alin Voinea - [`d20de8d`](https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62)]
 - Back to dev [Alin Voinea - [`563fbc5`](https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a)]
 - perf(docusaurus): added remixicon and roboto locally [Giorgos Stamatis - [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)]
 ### [1.0.0-alpha.4](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4) - 22 November 2022
@@ -688,7 +759,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - modified left value of full width classes with toolbars [David Ichim - [`70d82d4`](https://github.com/eea/volto-eea-design-system/commit/70d82d47fbc2c00a3a709de0d5c087c8443a1eae)]
 - WIP settings column grid width when using full size class [David Ichim - [`affc7ac`](https://github.com/eea/volto-eea-design-system/commit/affc7ac99527aa92d5a192d90dc8c9ec46a66404)]
 - fix eslint [Miu Razvan - [`30c52e4`](https://github.com/eea/volto-eea-design-system/commit/30c52e4eb443555ca44c1b35df064e73d52c0a8b)]
-- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`76a41c7`](https://github.com/eea/volto-eea-design-system/commit/76a41c786995fd54afe4d1c345de939f683ffa70)]
 - fix broken variable call for contentBox.variables introduced in previous commit by mistake [David Ichim - [`d249c11`](https://github.com/eea/volto-eea-design-system/commit/d249c1160d19bedb174a2fde3fdab48d9ce297d4)]
 - clean up [Miu Razvan - [`89f3cb3`](https://github.com/eea/volto-eea-design-system/commit/89f3cb33d70a14806a953f0acd1807e94169ee5c)]
 - Feature(container): flexible container size #260 from eea/feature-flexible-container [ichim-david - [`8f84c5b`](https://github.com/eea/volto-eea-design-system/commit/8f84c5b67afe9cbe01b2a44a8f92a9a554e1036a)]
@@ -790,7 +860,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :nail_care: Enhancements
 
-- change(jenkins): added yarn policy for storybook building [ichim-david - [`3d1b844`](https://github.com/eea/volto-eea-design-system/commit/3d1b844efeea40b99c00c9aa97089e0a0be58a57)]
 - change(docusaurus): typography updates [ichim-david - [`60a93a4`](https://github.com/eea/volto-eea-design-system/commit/60a93a4aece4e478ae13c2dfe697fd3703aa178a)]
 - change(accordion): allow customization of accordion title with css variables [David Ichim - [`15e7d27`](https://github.com/eea/volto-eea-design-system/commit/15e7d27f02c640df582f51a51ef36e645723f842)]
 - change(content-box): added css variables that will set text color and background for children [David Ichim - [`86cac53`](https://github.com/eea/volto-eea-design-system/commit/86cac531cc94386b6022e1be80dba826b39f2443)]
@@ -825,7 +894,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Merge pull request #243 from eea/develop [ichim-david - [`576564c`](https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`4a5be6e`](https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d)]
 - Back to dev [Alin Voinea - [`b251255`](https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4)]
 ### [0.9.0](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0) - 19 September 2022
 
@@ -1581,10 +1649,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - prettier changes [David Ichim - [`134da52`](https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4)]
-- [JENKINSFILE] remove debug, add error per stage [valentinab25 - [`903eecd`](https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d)]
-- [JENKINSFILE] mention comment author in comment [valentinab25 - [`39a26aa`](https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493)]
-- [JENKINSFILE] format PR comments [valentinab25 - [`739438c`](https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a)]
-- [JENKINSFILE] Add failure comment, no jenkins fail [valentinab25 - [`c325bf1`](https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628)]
 ### [0.2.3](https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3) - 29 April 2022
 
 #### :rocket: New Features
@@ -2009,7 +2073,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - set profile section overflow to auto [nileshgulia1 - [`71ab47f`](https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393)]
 - remove segment custom width [nileshgulia1 - [`1d3ea40`](https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16)]
 - fix profile section css overflow [nileshgulia1 - [`db5126f`](https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`647a6e3`](https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f)]
 - fix warning related to proptype [nileshgulia1 - [`946c6c6`](https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c)]
 - removed override already present in card.less [ichim-david - [`50d2ab2`](https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69)]
 - update [Miu Razvan - [`bbcab87`](https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316)]
@@ -2096,7 +2159,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove segment custom width [nileshgulia1 - [`4a60d84`](https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7)]
 - Reformat header.less [Tiberiu Ichim - [`1f99dfc`](https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69)]
 - fix profile section css overflow [nileshgulia1 - [`8fd2654`](https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6051724`](https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0)]
 - fix warning related to proptype [nileshgulia1 - [`824b9be`](https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723)]
 - refactor breadcrumbs component, make it functional and customizable [nileshgulia1 - [`4ec374e`](https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0)]
 - removed override already present in card.less [ichim-david - [`93c4e5a`](https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc)]
@@ -2665,7 +2727,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`3af46d2`](https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d)]
 - Refs #140454  updated eea-design-system readme with extra info on package contents [David Ichim - [`d2efc3d`](https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780)]
 - Refs #140454 add h1 to the list of elements that are max 800px and centered [David Ichim - [`7d3c30f`](https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e)]
-- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`8d657d0`](https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9)]
 ### [0.1.0](https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0) - 17 November 2021
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Banner/Banner.jsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Container, Icon, Button, Grid } from 'semantic-ui-react';
 import PropTypes from 'prop-types';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { formatDate } from '@plone/volto/helpers/Utils/Date';
 import config from '@plone/volto/registry';
 
@@ -25,7 +26,7 @@ const socialPlatforms = {
 };
 
 export const getImageSource = (image) => {
-  if (image?.scales?.huge) return image.scales.huge.download;
+  if (image?.scales?.huge) return flattenToAppURL(image.scales.huge.download);
   return null;
 };
 

package/src/ui/Breadcrumbs/Breadcrumb.stories.jsx

@@ -1,7 +1,6 @@
 import React from 'react';
-import { Breadcrumb, Container, Icon, Image } from 'semantic-ui-react';
-import homeSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/home-icon.svg';
-import { Link } from 'react-router-dom';
+import { Breadcrumb } from 'semantic-ui-react';
+import { BreadcrumbsComponent } from './Breadcrumbs';
 
 export default {
   title: 'Components/Breadcrumb',
@@ -37,43 +36,16 @@ export default {
   },
 };
 
-//const Template = (args) => <Breadcrumb {...args}></Breadcrumb>;
-
 const Template = (args) => (
-  <Container>
-    <Breadcrumb size="tiny">
-      <Breadcrumb.Section key="home" href={args.root}>
-        <Image src={homeSVG} alt="home" />
-      </Breadcrumb.Section>
-      <Breadcrumb.Divider>
-        <Icon className="ri-arrow-right-s-line"></Icon>
-      </Breadcrumb.Divider>
-      {args.sections.map((section, index, sections) => [
-        index !== 0 && (
-          <Breadcrumb.Divider key={index}>
-            <Icon className="ri-arrow-right-s-line"></Icon>
-          </Breadcrumb.Divider>
-        ),
-        index < sections.length - 1 ? (
-          <Link key={section.href} to={section.href} className="section">
-            {section.content}{' '}
-          </Link>
-        ) : (
-          <Breadcrumb.Section key={section.key} active>
-            {section.content}{' '}
-          </Breadcrumb.Section>
-        ),
-      ])}
-    </Breadcrumb>
-  </Container>
+  <BreadcrumbsComponent root={args.root} sections={args.sections} />
 );
 
 export const Default = Template.bind({});
 Default.args = {
   root: 'https://www.eea.europa.eu/',
   sections: [
-    { key: 'Section 1', content: 'Section 1', href: '/#' },
-    { key: 'Section 2', content: 'Section 2', href: '/#' },
-    { key: 'Section 3', content: 'Section 3', href: '/#' },
+    { key: 'Section 1', title: 'Section 1', href: '/#' },
+    { key: 'Section 2', title: 'Section 2', href: '/#' },
+    { key: 'Section 3', title: 'Section 3', href: '/#' },
   ],
 };

package/src/ui/Breadcrumbs/Breadcrumbs.jsx

@@ -17,32 +17,32 @@ const Breadcrumbs = ({
   size = 'tiny',
 }) => {
   return sections.length > 0 ? (
-    <Segment
-      role="navigation"
-      aria-label={'breadcrumbs'}
-      className="breadcrumbs"
-      attached
-      vertical
-    >
+    <Segment className="breadcrumbs" attached vertical>
       <Container>
-        <Breadcrumb size={size}>
-          <Link to={root || '/'} className="section" title={'Home'}>
-            <Image src={homeIcon} alt="home" />
-          </Link>
-          {sections.map((item, index, items) => [
-            <Breadcrumb.Divider key={`divider-${item.href}`}>
-              <Icon className={icon}></Icon>
-            </Breadcrumb.Divider>,
-            index < items.length - 1 ? (
-              <Link key={item.key} to={item.href} className="section">
-                {item.title}
+        <Breadcrumb size={size} as="nav" aria-label={'Breadcrumbs'}>
+          <ol aria-label="Breadcrumbs navigation">
+            <li>
+              <Link to={root || '/'} className="section" title={'Home'}>
+                <Image src={homeIcon} alt="" />
               </Link>
-            ) : (
-              <Breadcrumb.Section key={item.key} active>
-                {item.title}
-              </Breadcrumb.Section>
-            ),
-          ])}
+            </li>
+            {sections.map((item, index, items) => [
+              <li key={index}>
+                <Breadcrumb.Divider key={`divider-${item.href}`}>
+                  <Icon className={icon}></Icon>
+                </Breadcrumb.Divider>
+                {index < items.length - 1 ? (
+                  <Link key={item.key} to={item.href} className="section">
+                    {item.title}
+                  </Link>
+                ) : (
+                  <Breadcrumb.Section key={item.key} active>
+                    {item.title}
+                  </Breadcrumb.Section>
+                )}
+              </li>,
+            ])}
+          </ol>
         </Breadcrumb>
       </Container>
     </Segment>

package/src/ui/Card/Card.stories.jsx

@@ -86,7 +86,9 @@ const CardTemplate = ({ variant, inverted, titleOnImage, card }) => (
 
       {/* Title */}
       {!titleOnImage || !card.hasImage ? (
-        <Card.Header>{card.title}</Card.Header>
+        <Card.Header>
+          <a href={card.href}>{card.title}</a>
+        </Card.Header>
       ) : (
         ''
       )}
@@ -488,7 +490,9 @@ const TeaserCard = ({ variant, inverted, titleOnImage, card }) => (
 
         {!titleOnImage && (
           <div className="content">
-            <div className="header">{card.title}</div>
+            <div className="header">
+              <a href={card.href}>{card.title}</a>
+            </div>
             <Card.Description>{card.description}</Card.Description>
           </div>
         )}

package/src/ui/Comment/Comment.stories.js

@@ -45,32 +45,38 @@ function CommentEEA({ title, comments, threaded, minimal, size }) {
         <Comment key={comIndex}>
           <Comment.Avatar src={comment.src} alt="user avatar" />
           <Comment.Content>
-            <Comment.Author as="a">{comment.author}</Comment.Author>
+            <Comment.Author>{comment.author}</Comment.Author>
             <Comment.Metadata>
               <div>{comment.time}</div>
             </Comment.Metadata>
             <Comment.Text>{comment.text}</Comment.Text>
             <Comment.Actions>
-              <Comment.Action>Reply</Comment.Action>
+              <Comment.Action as="button" className="ui button text">
+                Reply
+              </Comment.Action>
             </Comment.Actions>
           </Comment.Content>
-          <Comment.Group>
-            {comment.replies.map((reply, repIndex) => (
-              <Comment key={repIndex}>
-                <Comment.Avatar src={comment.src} alt="user avatar" />
-                <Comment.Content>
-                  <Comment.Author as="a">{reply.author}</Comment.Author>
-                  <Comment.Metadata>
-                    <div>{reply.time}</div>
-                  </Comment.Metadata>
-                  <Comment.Text>{reply.text}</Comment.Text>
-                  <Comment.Actions>
-                    <Comment.Action>Reply</Comment.Action>
-                  </Comment.Actions>
-                </Comment.Content>
-              </Comment>
-            ))}
-          </Comment.Group>
+          {comment.replies.length > 0 && (
+            <Comment.Group>
+              {comment.replies.map((reply, repIndex) => (
+                <Comment key={repIndex}>
+                  <Comment.Avatar src={comment.src} alt="user avatar" />
+                  <Comment.Content>
+                    <Comment.Author>{reply.author}</Comment.Author>
+                    <Comment.Metadata>
+                      <div>{reply.time}</div>
+                    </Comment.Metadata>
+                    <Comment.Text>{reply.text}</Comment.Text>
+                    <Comment.Actions>
+                      <Comment.Action as="button" className="ui button text">
+                        Reply
+                      </Comment.Action>
+                    </Comment.Actions>
+                  </Comment.Content>
+                </Comment>
+              ))}
+            </Comment.Group>
+          )}
         </Comment>
       ))}
     </Comment.Group>

package/src/ui/ContextNavigation/ContextNavigation.stories.jsx

@@ -125,14 +125,15 @@ function Template({ ...args }) {
   return (
     <Container>
       <nav className="context-navigation">
-        <div className="context-navigation-header">
+        <div className="context-navigation-header" id="Navigation">
           {args?.header ? <a href="/#">{args?.header}</a> : 'Navigation'}
         </div>
-        <div role="list" className="ui list">
+        <div role="list" className="ui list" aria-labelledby="Navigation">
           {args.sidenavItems &&
             args.sidenavItems.map((element, index) => {
               return (
                 <div
+                  key={index}
                   role="listitem"
                   className={
                     (element.is_current ? 'active ' : '') +
@@ -142,6 +143,7 @@ function Template({ ...args }) {
                 >
                   <div className="content">
                     <a
+                      id={element['@id']}
                       title={element.title}
                       className={
                         element?.items?.length > 0
@@ -155,7 +157,12 @@ function Template({ ...args }) {
                     {element?.items?.length > 0
                       ? element.items.map((subelement, index) => {
                           return (
-                            <div className="list" role="list">
+                            <div
+                              className="list"
+                              role="list"
+                              key={index}
+                              aria-labelledby={element['@id']}
+                            >
                               <div
                                 role="listitem"
                                 className={
@@ -166,6 +173,7 @@ function Template({ ...args }) {
                               >
                                 <div className="content">
                                   <a
+                                    id={subelement['@id']}
                                     title={subelement.title}
                                     className="contenttype-document"
                                     href={subelement.url}
@@ -176,7 +184,12 @@ function Template({ ...args }) {
                                     subelement.items.map(
                                       (subparelement, index) => {
                                         return (
-                                          <div className="list" role="list">
+                                          <div
+                                            className="list"
+                                            role="list"
+                                            key={index}
+                                            aria-labelledby={subelement['@id']}
+                                          >
                                             <div
                                               role="listitem"
                                               className={
@@ -187,6 +200,7 @@ function Template({ ...args }) {
                                             >
                                               <div className="content">
                                                 <a
+                                                  id={subparelement['@id']}
                                                   title={subparelement.title}
                                                   className="contenttype-document"
                                                   href={subparelement.url}

package/src/ui/DownloadLabeledIcon/DownloadLabeledIcon.stories.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Button } from 'semantic-ui-react';
 import DownloadLabeledIcon from './DownloadLabeledIcon';
 import LabeledIconGroup from '../LabeledIconGroup/LabeledIconGroup';
 
@@ -42,12 +43,12 @@ const DefaultTemplate = (args) => (
     <DownloadLabeledIcon
       {...args}
       trigger={
-        <div>
+        <Button className="text">
           <DownloadLabeledIcon.Icon {...args}>
             {args.icon}
           </DownloadLabeledIcon.Icon>
           <DownloadLabeledIcon.Label>{args.label}</DownloadLabeledIcon.Label>
-        </div>
+        </Button>
       }
     >
       <DownloadLabeledIcon.Dropdown {...args}></DownloadLabeledIcon.Dropdown>

package/src/ui/Form/Button/Button.stories.jsx

@@ -189,7 +189,7 @@ Labeled.argTypes = {
 export const Text = (args) => {
   return (
     <Container>
-      <Button as="p" disabled={args.disabled}>
+      <Button className="text" disabled={args.disabled}>
         {args.label}
       </Button>
     </Container>

package/src/ui/Header/Header.jsx

@@ -16,6 +16,8 @@ import HeaderSearchPopUp from './HeaderSearchPopUp';
 import HeaderMenuPopUp from './HeaderMenuPopUp';
 import PropTypes from 'prop-types';
 
+import { isInternalURL } from '@plone/volto/helpers';
+
 Header.propTypes = {
   transparency: PropTypes.bool,
   inverted: PropTypes.bool,
@@ -143,6 +145,9 @@ const Main = ({
   const [searchIsActive, setSearchIsActive] = React.useState(false);
   const [burger, setBurger] = React.useState('');
   const searchInputRef = React.useRef(null);
+  const [isClient, setIsClient] = React.useState();
+
+  React.useEffect(() => setIsClient(true), []);
 
   React.useEffect(() => {
     setMenuIsActive(false);
@@ -203,7 +208,11 @@ const Main = ({
     if (item.items.length) {
       setMenuIsActive(true);
     } else {
-      history.push(item.url);
+      if (isInternalURL(item.url)) {
+        history.push(item.url);
+      } else if (isClient) {
+        window.location.replace(item.url);
+      }
     }
   };
 
@@ -266,7 +275,7 @@ const Main = ({
           <Grid.Column mobile={4} tablet={4} computer={8}>
             <div className={inverted ? 'main-menu inverted' : 'main-menu'}>
               {menuItems && (
-                <div
+                <ul
                   className="ui text eea-main-menu tablet or lower hidden menu"
                   ref={desktopMenuRef}
                   id={'navigation'}
@@ -275,6 +284,7 @@ const Main = ({
                     <Menu.Item
                       name={item['@id'] || item.url}
                       key={item['@id'] || item.url}
+                      as={'li'}
                       active={
                         activeItem.indexOf(item['@id']) !== -1 ||
                         activeItem.indexOf(item.url) !== -1
@@ -285,7 +295,7 @@ const Main = ({
                       })}
                     </Menu.Item>
                   ))}
-                </div>
+                </ul>
               )}
               {!hideSearch && (
                 <button