@eeacms/volto-eea-design-system 1.20.0 → 1.21.1

package/CHANGELOG.md

@@ -4,7 +4,38 @@ 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.20.0](https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0) - 1 November 2023
+### [1.21.1](https://github.com/eea/volto-eea-design-system/compare/1.21.0...1.21.1) - 21 November 2023
+
+#### :bug: Bug Fixes
+
+- fix: Regression on Button.Action component when used with RSS link [Alin Voinea - [`dd4548d`](https://github.com/eea/volto-eea-design-system/commit/dd4548de999787eff688b4ee36860d69459735c3)]
+
+### [1.21.0](https://github.com/eea/volto-eea-design-system/compare/1.20.0...1.21.0) - 20 November 2023
+
+#### :bug: Bug Fixes
+
+- fix(item): styling difference so that column group or section group flex template match design [David Ichim - [`f57e074`](https://github.com/eea/volto-eea-design-system/commit/f57e0744808df8b467e179b83266e8b2c2398956)]
+
+#### :nail_care: Enhancements
+
+- change(message): Renamed Error to ErrorMessage to avoid special identifier Sonarqube warning [David Ichim - [`09e49ac`](https://github.com/eea/volto-eea-design-system/commit/09e49ac4e71c02b439459eec29266d3f5b884d50)]
+- change(header): dropdowns now auto open and close on focus and blur when using keyboard navigation [David Ichim - [`d558e9b`](https://github.com/eea/volto-eea-design-system/commit/d558e9bf7abba19221744be871759d025ce0f05a)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.21.0 [Alin Voinea - [`fe39edd`](https://github.com/eea/volto-eea-design-system/commit/fe39edde81fd4f01f7958aee706887a5dedce521)]
+- Modified test to reference ErrorMessage [David Ichim - [`36fefd0`](https://github.com/eea/volto-eea-design-system/commit/36fefd05a6b30d92494a7974c9fb86d35cae5acc)]
+- Lint fix [David Ichim - [`c1fc104`](https://github.com/eea/volto-eea-design-system/commit/c1fc104f1e7be0611de4aa17c55ad9c402c70ff8)]
+- Test Header onBlur [David Ichim - [`42f9c97`](https://github.com/eea/volto-eea-design-system/commit/42f9c97d01f7b59a1c63e42e1825dfa0697f0ef2)]
+- Add dropdown test case to Header component [David Ichim - [`9ea3234`](https://github.com/eea/volto-eea-design-system/commit/9ea3234c2c0f1c819c7c2b54a75c56cda7812c56)]
+- Remove unused import in Header.test.jsx [David Ichim - [`082069e`](https://github.com/eea/volto-eea-design-system/commit/082069e1f057786e0f1fb00c98d54b8e03b5d9c5)]
+- Added some tests for TopDropdownMenu mobile and dropdown interaction [David Ichim - [`9d24488`](https://github.com/eea/volto-eea-design-system/commit/9d24488c1e97b2b1b14bd9bd8cb6f5b68414794b)]
+- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`eadf018`](https://github.com/eea/volto-eea-design-system/commit/eadf018aa1f32d310619ce4ef08f9b11950a20dc)]
+- Lint fix [David Ichim - [`e29fd50`](https://github.com/eea/volto-eea-design-system/commit/e29fd50ee73477007dcf94a268596e6c11176d7b)]
+- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`947cb92`](https://github.com/eea/volto-eea-design-system/commit/947cb929c01ebb6f46bf124833fe1fec0f385edb)]
+- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`8356dfe`](https://github.com/eea/volto-eea-design-system/commit/8356dfe929039dcd165af0692cbbfc771a0f7fb4)]
+- test: [JENKINS] Improve cypress time [valentinab25 - [`e38f17e`](https://github.com/eea/volto-eea-design-system/commit/e38f17ed735e743e59df7d06ca723c1218bdb569)]
+### [1.20.0](https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0) - 2 November 2023
 
 #### :rocket: New Features
 
@@ -36,6 +67,9 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] do not run tests on PR comments [valentinab25 - [`51b68fc`](https://github.com/eea/volto-eea-design-system/commit/51b68fc76a956996e01521b784262c67e7094d35)]
+- chore: [JENKINS] add comment step [valentinab25 - [`5022758`](https://github.com/eea/volto-eea-design-system/commit/50227587db2c72d17e26e7b66f28d4c09b760873)]
+- chore: [JENKINS] Refactor automated testing [valentinab25 - [`a70ca64`](https://github.com/eea/volto-eea-design-system/commit/a70ca642918f578d6737d975e4769bac8312f48d)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`59ecb8e`](https://github.com/eea/volto-eea-design-system/commit/59ecb8e28b259472303324f9655b0cbbcbbf9c23)]
 
 #### :hammer_and_wrench: Others
@@ -161,6 +195,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- test: Fix eslint and yarn i18n [Alin Voinea - [`331149f`](https://github.com/eea/volto-eea-design-system/commit/331149f5eb16a9cc6f2d996f7b793909773063c2)]
 - i18n: Add en [Alin Voinea - [`4584295`](https://github.com/eea/volto-eea-design-system/commit/458429530d993c27cfb962ddfe2f376f3568bf01)]
 - Release 1.17.0 [Alin Voinea - [`e3c25ee`](https://github.com/eea/volto-eea-design-system/commit/e3c25eeeca5e863244faae396b5aa915d0702633)]
 - test: add unit tests for DS components - refs #254313 [ana-oprea - [`0c4d4d1`](https://github.com/eea/volto-eea-design-system/commit/0c4d4d118b8e13082c576dc5c2dce6a715f49006)]
@@ -270,6 +305,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 1.14.0 [Alin Voinea - [`cb9084f`](https://github.com/eea/volto-eea-design-system/commit/cb9084fb2246dc1b729e12a419a26daa12c26f7a)]
+- test: [JENKINS] set pipe fail [valentinab25 - [`1cdfc39`](https://github.com/eea/volto-eea-design-system/commit/1cdfc39d08f1ae301dea57f1e4be5265c4a4c6f9)]
 - test: try storybook upload [valentinab25 - [`6d5833d`](https://github.com/eea/volto-eea-design-system/commit/6d5833d4419d00f1ac04c9eb78a0884214f9a494)]
 - test: remove useless code [valentinab25 - [`2c14b0c`](https://github.com/eea/volto-eea-design-system/commit/2c14b0ce4596cfc11a81b9762677596d1861acfe)]
 ### [1.13.2](https://github.com/eea/volto-eea-design-system/compare/1.13.1...1.13.2) - 13 June 2023
@@ -308,6 +344,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
+- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`fb2b166`](https://github.com/eea/volto-eea-design-system/commit/fb2b166d64f95a1c183901abfe0fe0254d1bbc7a)]
 
 #### :house: Documentation changes
 
@@ -641,6 +678,7 @@ 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)]
@@ -711,6 +749,7 @@ 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
@@ -907,6 +946,7 @@ 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
 
@@ -964,6 +1004,7 @@ 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
@@ -995,6 +1036,7 @@ 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)]
@@ -1082,6 +1124,7 @@ 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
@@ -1174,6 +1217,7 @@ 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)]
@@ -1275,6 +1319,7 @@ 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)]
@@ -1309,6 +1354,7 @@ 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
 
@@ -2064,6 +2110,10 @@ 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
@@ -2488,6 +2538,7 @@ 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)]
@@ -2574,6 +2625,7 @@ 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)]
@@ -3142,6 +3194,7 @@ 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/cypress.config.js

@@ -2,12 +2,12 @@ const { defineConfig } = require('cypress');
 
 module.exports = defineConfig({
   viewportWidth: 1280,
-  defaultCommandTimeout: 5000,
+  defaultCommandTimeout: 8888,
   chromeWebSecurity: false,
   reporter: 'junit',
-  video: true,
+  video: false,
   retries: {
-    runMode: 1,
+    runMode: 2,
     openMode: 0,
   },
   reporterOptions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.20.0",
+  "version": "1.21.1",
   "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

@@ -3,6 +3,7 @@ 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 cx from 'classnames';
 import config from '@plone/volto/registry';
 
 Banner.propTypes = {
@@ -44,7 +45,7 @@ export const sharePage = (url, platform) => {
   link.click();
 };
 
-function Banner({ image, metadata, properties, children, ...rest }) {
+function Banner({ image, metadata, properties, children, styles, ...rest }) {
   if (image) {
     //extract Lead image from page content.
     const content = metadata || properties;
@@ -52,7 +53,7 @@ function Banner({ image, metadata, properties, children, ...rest }) {
     return (
       <div className="eea banner">
         <div
-          className={imageUrl ? 'image' : ''}
+          className={cx(imageUrl ? 'image' : '', styles?.bg)}
           style={imageUrl ? { backgroundImage: `url(${imageUrl})` } : {}}
         >
           <div className="gradient">
@@ -72,7 +73,7 @@ function Banner({ image, metadata, properties, children, ...rest }) {
 }
 
 Banner.Action = React.forwardRef(function (
-  { id, title, titleClass, icon, onClick, className, color, ...rest },
+  { title, titleClass, icon, onClick, className, color, ...rest },
   ref,
 ) {
   return (
@@ -85,8 +86,8 @@ Banner.Action = React.forwardRef(function (
         onClick={onClick}
         {...rest}
       >
-        <Icon className={icon} color={color}></Icon>
-        <span className={titleClass || 'mobile hidden'}>{title}</span>
+        <Icon className={icon} color={color} title={title}></Icon>
+        <span className={titleClass || 'mobile-sr-only'}>{title}</span>
       </Button>
     </div>
   );

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Card, Image, Grid, Container, Icon, Button } from 'semantic-ui-react';
 import Slider from 'react-slick';
+import TagList from '../TagList/TagList';
+import Tag from '../Tag/Tag';
 
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
@@ -8,89 +10,89 @@ import 'slick-carousel/slick/slick-theme.css';
 const tabletBreakpoint = 835;
 const mobileBreakpoint = 480;
 
-const createCardModel = (
-  title,
-  imgUrl,
-  description,
-  meta,
-  metaRight,
-  eventDate,
-  href,
-) => {
-  return {
-    title: title,
-    imgUrl: imgUrl,
-    description: description,
-    meta: meta,
-    metaRight: metaRight,
-    eventDate: eventDate,
-    href: href,
-  };
+// Content for all cards
+let cardData = {
+  cardContent: {
+    title: [
+      'Economy and resources',
+      'Health',
+      'Nature',
+      'Climate',
+      "State of Europe's environment",
+    ],
+    imgUrl: [
+      'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
+      'https://www.eea.europa.eu/en/topics/at-a-glance/health/@@images/image/preview',
+      'https://www.eea.europa.eu/en/topics/at-a-glance/nature/@@images/image/preview',
+      'https://www.eea.europa.eu/en/topics/at-a-glance/climate/@@images/image/preview',
+      'https://www.eea.europa.eu/en/topics/at-a-glance/state-of-europes-environment/@@images/image/preview',
+    ],
+    description: [
+      'The economy plays a vital role in our lives by providing access to employment, ' +
+        'products and services that help us thrive. Unfortunately, with its key sectors like agriculture,' +
+        ' energy and transport, our economy also harms the environment and causes climate change. ' +
+        'Europe needs a circular, carbon-neutral and zero-pollution economy. ',
+      'By improving air, water, and soil quality and limiting pollution released to nature, ' +
+        'the EU has significantly contributed to enhancing human health in the last five ' +
+        'decades. Yet, many vulnerable groups continue to be impacted by environmental ' +
+        'degradation and climate change. Further improvements can help keep Europeans ' +
+        'healthier and better equipped to cope with climate change impacts.',
+      'Europe’s nature is filled with forests, mountains, vast plains, long rivers, deep blue seas and ' +
+        'refreshing lakes. But it also is under threat. Unsustainable farming and forestry practices, ' +
+        'pollution, climate change and invasive species are stressing and destabilising all natural ' +
+        'systems in Europe. The result is a biodiversity crisis. The EU is taking steps to protect and restore nature.',
+      'Climate change affects us all and is accelerating. Its impacts will become even more severe if ' +
+        'the increase in global temperature is not kept below 1.5°C. The EU and its Member States are ' +
+        'taking important steps to rapidly reduce greenhouse gas emissions and adapt to climate change.',
+      'EU environment and climate policies have delivered substantial benefits over recent ' +
+        'decades, such as cleaner air and water. Nevertheless, Europe, as well as the rest ' +
+        'of the globe, is facing environmental challenges of unprecedented scale and urgency.',
+    ],
+    metaRight: [
+      '20/05/2023',
+      '30/04/2023',
+      '10/04/2023',
+      '02/04/2023',
+      '16/03/2023',
+    ],
+    eventDate: [
+      '20/05/2023',
+      '30/04/2023',
+      '10/04/2023',
+      '02/04/2023',
+      '16/03/2023',
+    ],
+    tags: [
+      { category: 'tag 1', href: '#' },
+      { category: 'tag 2', href: '#' },
+      { category: 'bigger tag', href: '#' },
+      { category: 'tag 3', href: '#' },
+      { category: 'tag 4', href: '#' },
+    ],
+  },
 };
 
-const cardData = [
-  [
-    'Economy and resources',
-    'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
-    'The economy plays a vital role in our lives by providing access to employment, ' +
-      'products and services that help us thrive. Unfortunately, with its key sectors like agriculture,' +
-      ' energy and transport, our economy also harms the environment and causes climate change. ' +
-      'Europe needs a circular, carbon-neutral and zero-pollution economy. ',
-    'Article',
-    '20/05/2022',
-    '15/10/2023',
-    '/#',
-  ],
-  [
-    'Health',
-    'https://www.eea.europa.eu/en/topics/at-a-glance/health/@@images/image/preview',
-    'By improving air, water, and soil quality and limiting pollution released to nature, ' +
-      'the EU has significantly contributed to enhancing human health in the last five ' +
-      'decades. Yet, many vulnerable groups continue to be impacted by environmental ' +
-      'degradation and climate change. Further improvements can help keep Europeans ' +
-      'healthier and better equipped to cope with climate change impacts.',
-    'Article',
-    '30/06/2023',
-    '03/08/2023',
-    '/#',
-  ],
-  [
-    'Nature',
-    'https://www.eea.europa.eu/en/topics/at-a-glance/nature/@@images/image/preview',
-    "Europe's nature is filled with forests, mountains, vast plains, long rivers, deep blue seas and " +
-      'refreshing lakes. But it also is under threat. Unsustainable farming and forestry practices, ' +
-      'pollution, climate change and invasive species are stressing and destabilising all natural ' +
-      'systems in Europe. The result is a biodiversity crisis. The EU is taking steps to protect and restore nature.',
-    'Article',
-    '10/04/2022',
-    '18/05/2023',
-    '/#',
-  ],
-  [
-    'Climate',
-    'https://www.eea.europa.eu/en/topics/at-a-glance/climate/@@images/image/preview',
-    'Climate change affects us all and is accelerating. Its impacts will become even more severe if ' +
-      'the increase in global temperature is not kept below 1.5°C. The EU and its Member States are ' +
-      'taking important steps to rapidly reduce greenhouse gas emissions and adapt to climate change.',
-    'Article',
-    '20/06/2022',
-    '15/03/2024',
-    '/#',
-  ],
-  [
-    "State of Europe's environment",
-    'https://www.eea.europa.eu/en/topics/at-a-glance/state-of-europes-environment/@@images/image/preview',
-    'EU environment and climate policies have delivered substantial benefits over recent ' +
-      'decades, such as cleaner air and water. Nevertheless, Europe, as well as the rest ' +
-      'of the globe, is facing environmental challenges of unprecedented scale and urgency.',
-    'Article',
-    '16/03/2022',
-    '13/01/2024',
-    '/#',
-  ],
-];
-
-const cardModels = cardData.map((card) => createCardModel(...card));
+// Fill the cardModel array that stories use
+let cardModels = [];
+let tempCardContent = {};
+for (var i = 0; i <= cardData.cardContent.title.length; i++) {
+  tempCardContent = {
+    title: cardData.cardContent.title[i],
+    imgUrl: cardData.cardContent.imgUrl[i],
+    description: cardData.cardContent.description[i],
+    meta: 'Article',
+    metaRight: cardData.cardContent.metaRight[i],
+    eventDate: cardData.cardContent.eventDate[i],
+    href: '/#',
+    tags: [],
+  };
+
+  // Fill cards with random amount of tags
+  for (var j = 0; j < Math.floor(Math.random() * 4 + 1); j++) {
+    tempCardContent.tags.push(cardData.cardContent.tags[j]);
+  }
+  cardModels.push(tempCardContent);
+}
 
 export default {
   title: 'Components/Card/Default',
@@ -203,6 +205,28 @@ export default {
         defaultValue: { summary: ' "" ' },
       },
     },
+    hasTags: {
+      name: 'Tags',
+      table: {
+        defaultValue: { summary: 'false' },
+        type: { summary: 'boolean' },
+        category: 'Tags',
+      },
+    },
+    direction: {
+      name: 'Tags direction',
+      control: { type: 'select' },
+      options: ['right', 'left'],
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: {
+          summary: 'left',
+        },
+        category: 'Tags',
+      },
+    },
   },
 };
 
@@ -242,6 +266,8 @@ const CardTemplate = ({
   eventDate,
   fluid,
   card,
+  hasTags,
+  direction,
 }) => (
   <Card
     fluid={fluid}
@@ -288,6 +314,19 @@ const CardTemplate = ({
 
       {/* Description */}
       <Card.Description>{card.description}</Card.Description>
+      {hasTags && (
+        <div className="card-tags">
+          <TagList className={direction}>
+            <TagList.Content>
+              {card.tags.map((tag, index) => [
+                <Tag href={tag.href} key={index}>
+                  {tag.category}
+                </Tag>,
+              ])}
+            </TagList.Content>
+          </TagList>
+        </div>
+      )}
     </Card.Content>
 
     {/* Additional links */}
@@ -322,6 +361,8 @@ Default.args = {
   numberOfCards: 1,
   fluid: false,
   cards: [...cardModels],
+  hasTags: false,
+  direction: 'left',
 };
 const GridTemplate = (args) => (
   <Container>
@@ -349,6 +390,8 @@ CardGrid.args = {
   fluid: true,
   numberOfCards: 5,
   cards: [...cardModels],
+  hasTags: false,
+  direction: 'left',
 };
 
 const ImageCard = ({
@@ -394,6 +437,8 @@ ImageGrid.args = {
   fluid: true,
   cards: [...cardModels],
   numberOfCards: 5,
+  hasTags: false,
+  direction: 'left',
 };
 
 ImageGrid.argTypes = {
@@ -443,6 +488,8 @@ FluidGrid.args = {
   eventDate: false,
   fluid: true,
   cards: [...cardModels],
+  hasTags: false,
+  direction: 'left',
 };
 const PrevArrow = (props) => {
   const { onClick } = props;
@@ -562,6 +609,8 @@ CarouselCards.args = {
   },
   numberOfCards: 5,
   cards: [...cardModels],
+  hasTags: false,
+  direction: 'left',
 };
 CarouselCards.argTypes = {
   settings: {
@@ -587,6 +636,8 @@ const TeaserCard = ({
   maxLines,
   eventDate,
   card,
+  hasTags,
+  direction,
 }) => (
   <div className="column grid-block-teaser">
     <div
@@ -625,6 +676,19 @@ const TeaserCard = ({
             </div>
             {eventDate && <EventDate {...card} />}
             <Card.Description>{card.description}</Card.Description>
+            {hasTags && (
+              <div className="card-tags">
+                <TagList className={direction}>
+                  <TagList.Content>
+                    {card.tags.map((tag, index) => [
+                      <Tag href={tag.href} key={index}>
+                        {tag.category}
+                      </Tag>,
+                    ])}
+                  </TagList.Content>
+                </TagList>
+              </div>
+            )}
           </div>
         )}
       </div>
@@ -669,4 +733,6 @@ TeaserCardGrid.args = {
   fluid: true,
   numberOfCards: 3,
   cards: [...cardModels],
+  hasTags: false,
+  direction: 'left',
 };

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

@@ -5,8 +5,8 @@ import {
   TeaserCardGrid,
   CarouselCards,
   FluidGrid,
-  CardGrid,
   ImageGrid,
+  CardGrid,
   Default,
 } from './Card.stories';
 
@@ -113,6 +113,16 @@ describe('CarouselCards component', () => {
   });
 });
 
+describe('ImageGrid component', () => {
+  it('renders the image grid with correct number of cards', () => {
+    const { container } = render(<ImageGrid {...ImageGrid.args} />);
+    const imageGridCards = container.querySelectorAll(
+      '.imageCard-items .ui.card a.image',
+    );
+    expect(imageGridCards.length).toBe(5);
+  });
+});
+
 describe('FluidGrid component', () => {
   it('renders correctly', () => {
     const { container } = render(<FluidGrid {...FluidGrid.args} />);

package/src/ui/Footer/Footer.jsx

@@ -18,7 +18,7 @@ import Description from '@eeacms/volto-eea-design-system/ui/Footer/Description';
 /**
  * Component to display the footer.
  * @function Footer
- * @param {Object} intl Intl object
+ * @param {Object} props object
  * @returns {string} Markup of the component
  */
 
@@ -28,7 +28,7 @@ const Footer = (props) => {
   const bgImgRef = React.useRef();
   const onScreen = useFirstVisited(bgImgRef);
   return (
-    <footer id={'footer'}>
+    <footer id={'footer'} aria-label={'Footer'}>
       <div
         ref={bgImgRef}
         className={onScreen ? 'footer-wrapper' : 'footer-wrapper-nobg'}