@eeacms/volto-eea-design-system 1.31.2 → 1.32.0

package/CHANGELOG.md

@@ -4,6 +4,19 @@ 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.32.0](https://github.com/eea/volto-eea-design-system/compare/1.31.2...1.32.0) - 26 August 2024
+
+#### :rocket: New Features
+
+- feat(context-navigation): Added styling of side navigation - refs #272384 [ichim-david - [`1b9da93`](https://github.com/eea/volto-eea-design-system/commit/1b9da934b6c9b0044764dd41cb1f83ac34572aa8)]
+
+#### :nail_care: Enhancements
+
+- refactor: Footer simplification according to the #265857 [dobri1408 - [`75ba3b6`](https://github.com/eea/volto-eea-design-system/commit/75ba3b6e02f2d06820880d3af9ddacc3a14222a7)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.32.0 [Alin Voinea - [`f8fe25f`](https://github.com/eea/volto-eea-design-system/commit/f8fe25fff59471b2b1ca974b1c311d7c348b5328)]
 ### [1.31.2](https://github.com/eea/volto-eea-design-system/compare/1.31.1...1.31.2) - 22 July 2024
 
 #### :nail_care: Enhancements
@@ -17,7 +30,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`dfa1d1b`](https://github.com/eea/volto-eea-design-system/commit/dfa1d1bd53ae63b20aa0ef64c37bf71faf376290)]
 ### [1.31.0](https://github.com/eea/volto-eea-design-system/compare/1.23.8...1.31.0) - 22 May 2024
 
 #### :boom: Breaking Change
@@ -46,7 +58,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`2ccf437`](https://github.com/eea/volto-eea-design-system/commit/2ccf4372f93d56ce3cc8bfd66de5c9fbb2698cf4)]
 ### [1.23.5](https://github.com/eea/volto-eea-design-system/compare/1.23.4...1.23.5) - 5 April 2024
 
 #### :nail_care: Enhancements
@@ -82,8 +93,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update package.json version to 1.23.0 [David Ichim - [`4b2eeee`](https://github.com/eea/volto-eea-design-system/commit/4b2eeee398b771ac80111e1755f67273c8940ced)]
 - fixed merge conflict [David Ichim - [`efe0f4b`](https://github.com/eea/volto-eea-design-system/commit/efe0f4b7df1782f5143e1bee31c997801427d35c)]
 - Update react-slick version to 0.30.1 [David Ichim - [`62d4570`](https://github.com/eea/volto-eea-design-system/commit/62d457014866fc075a3203fd0f9e66354aa73fe5)]
-- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`c6c74f0`](https://github.com/eea/volto-eea-design-system/commit/c6c74f049ee787632b8ad0ec0f28531ac4d0f20f)]
-- Add Sonarqube tag using insitu-frontend addons list [EEA Jenkins - [`d3d7793`](https://github.com/eea/volto-eea-design-system/commit/d3d779363caa10f384d829a7e4242c5d54268099)]
 ### [1.23.0](https://github.com/eea/volto-eea-design-system/compare/1.22.7...1.23.0) - 19 February 2024
 
 ### [1.22.7](https://github.com/eea/volto-eea-design-system/compare/1.22.6...1.22.7) - 22 January 2024
@@ -169,11 +178,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - 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
@@ -206,9 +211,6 @@ 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
@@ -334,7 +336,6 @@ 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)]
@@ -444,7 +445,6 @@ 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
@@ -483,7 +483,6 @@ 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
 
@@ -817,7 +816,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)]
@@ -888,7 +886,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
@@ -1085,7 +1082,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
 
@@ -1143,7 +1139,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
@@ -1175,7 +1170,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)]
@@ -1263,7 +1257,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
@@ -1356,7 +1349,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)]
@@ -1458,7 +1450,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)]
@@ -1493,7 +1484,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
 
@@ -2249,10 +2239,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
@@ -2677,7 +2663,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)]
@@ -2764,7 +2749,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)]
@@ -3333,7 +3317,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.31.2",
+  "version": "1.32.0",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Footer/Footer.jsx

@@ -11,6 +11,7 @@ import FooterActions from '@eeacms/volto-eea-design-system/ui/Footer/FooterActio
 import FooterHeader from '@eeacms/volto-eea-design-system/ui/Footer/FooterHeader';
 import SubFooter from '@eeacms/volto-eea-design-system/ui/Footer/SubFooter';
 import Social from '@eeacms/volto-eea-design-system/ui/Footer/Social';
+import FooterSitesButton from '@eeacms/volto-eea-design-system/ui/Footer/FooterSitesButton';
 import Contact from '@eeacms/volto-eea-design-system/ui/Footer/Contact';
 import { useFirstVisited } from '@eeacms/volto-eea-design-system/helpers';
 import Description from '@eeacms/volto-eea-design-system/ui/Footer/Description';
@@ -44,6 +45,7 @@ Footer.Contact = Contact;
 Footer.Header = FooterHeader;
 Footer.Sites = FooterSites;
 Footer.Social = Social;
+Footer.SitesButton = FooterSitesButton;
 Footer.SubFooter = SubFooter;
 Footer.Description = Description;
 

package/src/ui/Footer/Footer.stories.js

@@ -23,14 +23,16 @@ const Template = (args) => (
   <Footer>
     <Footer.SubFooter {...args} />
     <Footer.Header>{args.header}</Footer.Header>
-    <Footer.Sites sites={args.sites} />
+    <Footer.SitesButton {...args} />
+    <Footer.Social {...args} />
     <Footer.Actions actions={args.actions} copyright={args.copyright} />
   </Footer>
 );
 
 export const Default = Template.bind({});
 Default.args = {
-  header: 'Environmental information systems',
+  buttonName: 'Explore our Environmental information systems',
+  hrefButton: 'https://www.eea.europa.eu/en/information-systems',
   description: '',
   actions: [
     { url: '/privacy', title: 'Privacy' },

package/src/ui/Footer/Footer.stories.test.js

@@ -23,7 +23,7 @@ describe('Default', () => {
   });
 
   it('renders correctly', () => {
-    const { container, getByText } = render(
+    const { container } = render(
       <Router history={history}>
         <Default {...Default.args} />
       </Router>,
@@ -44,16 +44,7 @@ describe('Default', () => {
       container.querySelector('a[href="https://www.eea.europa.eu/en/login"]'),
     ).toBeInTheDocument();
     expect(container.querySelector('.actions')).toBeInTheDocument();
-
-    expect(container.querySelector('.footer-header')).toBeInTheDocument();
-    expect(getByText('Environmental information systems')).toBeInTheDocument();
-
-    expect(container.querySelector('.theme-sites')).toBeInTheDocument();
-    Default.args.sites.map((site) =>
-      expect(
-        container.querySelector(`a[href="${site.url}"] img[src="${site.src}"]`),
-      ).toBeInTheDocument(),
-    );
+    expect(container.querySelector('.theme-sites-button')).toBeInTheDocument();
   });
 
   it('renders correctly', () => {
@@ -85,10 +76,6 @@ describe('Default', () => {
       container.querySelector('a[href="https://www.eea.europa.eu/en/login"]'),
     ).toBeInTheDocument();
     expect(container.querySelector('.actions')).toBeInTheDocument();
-
-    expect(container.querySelector('.footer-header')).toBeInTheDocument();
-    expect(getByText('Environmental information systems')).toBeInTheDocument();
-
     expect(getByText('Sites test')).toBeInTheDocument();
     expect(getByText('SubFooter test')).toBeInTheDocument();
   });
@@ -116,10 +103,6 @@ describe('Default', () => {
 
     expect(container.querySelector('#footer')).toBeInTheDocument();
     expect(container.querySelector('.footer-wrapper-nobg')).toBeInTheDocument();
-
-    expect(container.querySelector('.footer-header')).toBeInTheDocument();
-    expect(getByText('Environmental information systems')).toBeInTheDocument();
-
     expect(getByText('Actions test')).toBeInTheDocument();
   });
 });

package/src/ui/Footer/FooterSitesButton.jsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Button } from 'semantic-ui-react';
+import PropTypes from 'prop-types';
+import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
+
+const SitesButton = (props) => {
+  if (props.children) {
+    return <div>{props.children}</div>;
+  }
+
+  //fallback to props
+  return (
+    <div className="theme-sites">
+      <Button
+        className="theme-sites-button"
+        onClick={() => {
+          if (__CLIENT__ && window) {
+            window.location.replace(
+              isInternalURL(props.hrefButton)
+                ? flattenToAppURL(props.hrefButton)
+                : props.hrefButton,
+            );
+          }
+        }}
+      >
+        {props.buttonName}
+      </Button>
+    </div>
+  );
+};
+
+SitesButton.propTypes = {
+  hrefButton: PropTypes.string,
+};
+
+export default SitesButton;

package/src/ui/Footer/Social.jsx

@@ -9,13 +9,13 @@ const Social = (props) => {
 
   return props.social && props.social.length > 0 ? (
     <Grid.Row>
-      <div className="social">
+      <span className="social">
         {props.social?.map((item, index) => (
           <a href={item.url} aria-label={`${item.name} link`} key={index}>
             <Icon className={item.icon}></Icon>
           </a>
         ))}
-      </div>
+      </span>
     </Grid.Row>
   ) : null;
 };

package/src/ui/Footer/SubFooter.jsx

@@ -10,7 +10,7 @@ const SubFooter = (props) => {
 
   return (
     <div className={'subfooter'}>
-      <Grid>
+      <Grid className="mobile">
         {props.managedBy &&
           props.managedBy.map((manager, index) => (
             <Grid.Column
@@ -18,7 +18,7 @@ const SubFooter = (props) => {
               tablet={manager.columnSize.tablet}
               computer={manager.columnSize.computer}
               key={index}
-              className="mobile hidden"
+              className="mobile"
             >
               <div className="item">
                 <div className={manager.className}>
@@ -34,40 +34,12 @@ const SubFooter = (props) => {
             </Grid.Column>
           ))}
 
-        <Grid.Column mobile={12} tablet={4} computer={4}>
+        <Grid.Column mobile={12} tablet={6} computer={4}>
           <div className="item">
             <Footer.Contact contacts={props.contacts} />
           </div>
         </Grid.Column>
       </Grid>
-
-      <Footer.Description description={props.description} />
-
-      <Footer.Social social={props.social} />
-
-      <Grid className="mobile only">
-        {props.managedBy &&
-          props.managedBy.map((manager, index) => (
-            <Grid.Column
-              mobile={manager.columnSize.mobile}
-              tablet={manager.columnSize.tablet}
-              computer={manager.columnSize.computer}
-              key={index}
-            >
-              <div className="item">
-                <div className={manager.className}>
-                  <a href={manager.url}>
-                    <Image
-                      src={manager.src}
-                      alt={manager.alt}
-                      loading="lazy"
-                    ></Image>
-                  </a>
-                </div>
-              </div>
-            </Grid.Column>
-          ))}
-      </Grid>
     </div>
   );
 };

package/theme/themes/eea/extras/contextNavigation.less

@@ -17,6 +17,13 @@
   }
 }
 
+@media screen and (min-width: @mobileBreakpoint) and (max-width: @computerBreakpoint) {
+  .context-navigation {
+    max-width: @mobileSidenavMaxWidth;
+    margin: 0 auto;
+  }
+}
+
 .context-navigation .item a {
   display    : block;
   padding    : @sidenavItemPadding;
@@ -43,7 +50,7 @@
     margin-right: @sidenavHeaderIconMarginRight;
   }
 
-  &::before {
+  &::before:not(.accordion-header) {
     content: @sidenavHeaderIconContent;
     font-family: 'remixicon';
     font-weight: @sidenavHeaderIconFontWeight;
@@ -84,10 +91,14 @@
   border-bottom: none; 
 }
 
-.item.level-3 a {
+.context-navigation .item.level-2 a {
   padding-left: @subparItemPaddingLeft;
 }
 
+ .context-navigation .item.level-3 a {
+  padding-left: @subparItemPaddingLeft + 2rem;
+}
+
 // Active indicator
 .context-navigation .active.item > .content > a {
   color: @sidenavItemActiveColor;
@@ -102,4 +113,74 @@
 .content.active-indicator {
   display: none;
 }
+
+/*******************************
+          Side navigation
+*******************************/
+.accordion-header {
+  cursor: pointer;
+  justify-content: space-between;
+  align-items: center;
+  padding: @sidenavAccordionHeaderPadding;
+}
+
+.context-navigation-list .title-link {
+  display: block;
+  color: @sidenavItemColor; 
+  font-size  : @sidenavItemFontSize;
+  font-weight: @sidenavItemFontWeight;
+}
+.context-navigation-list .content .title-link {
+  font-weight: @sidenavLevelTwoItemFontWeight;
+}
+.context-navigation {
+  box-shadow: @sidenavBoxShadow;
+
+  .current {
+    color: @sidenavItemActiveColor;
+  }
+
+  .accordion {
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .ui.accordion>.title {
+    --text-color: @sidenavItemColor;
+    --text-color-hover: @sidenavItemColor;
+    font-size: @sidenavItemFontSize;
+    font-weight: @sidenavItemFontWeight;
+    padding: @sidenavFolderItemPadding;
+    text-align: left;
+    &:not([aria-expanded="true"]) {
+        border-bottom: @sidenavContentBorderBottom;
+      }
+  }
+
+  .accordion-list {
+    margin-top: 0;
+    margin-bottom: 0;
+    list-style: none;
+    padding-left: 0;
+  }
+
+  .context-navigation-list>.accordion-list-title {
+    border-bottom: @sidenavContentBorderBottom;
+
+    .title-link {
+      padding: @sidenavFolderItemPadding;
+      font-size: @sidenavItemFontSize;
+      font-weight: @sidenavItemFontWeight;
+    }
+  }
+
+  .content .accordion-list .title-link {
+    padding: @sidenavLevelTwoItemPadding;
+  }
+
+  .ui.accordion .content {
+    --bg-color: transparent;
+    width: 100%;
+  }
+}
+
 .loadUIOverrides();

package/theme/themes/eea/extras/contextNavigation.variables

@@ -4,17 +4,21 @@
 
 @sidenavMaxWidth: 350px;
 @widescreenSidenavMaxWidth: 300px;
+@mobileSidenavMaxWidth: 100%;
 @sidenavBackground: @grey-0;
 @sidenavMarginRight: @rem-space-4;
-@sidenavPaddingLeft: @rem-space-4;
+@sidenavPaddingLeft: 0;
 @sidenavOverflow: inherit;
 @sidenavMargin: @rem-space-8 auto;
+@sidenavShadowColor: @grey-3;
+@sidenavBoxShadow: 0px 3px 3px @sidenavShadowColor;
 
 /* Header */
 @sidenavHeaderColor: @blue-grey-5;
 @sidenavHeaderFontSize: @font-size-3;
 @sidenavHeaderFontWeight: @font-weight-7;
 @sidenavHeaderPadding: @rem-space-4;
+@sidenavAccordionHeaderPadding: @rem-space-2 @rem-space-4;
 @sidenavHeaderBorderBottom: @2px solid @blue-grey-5;
 @sidenavHeaderIconMarginRight: @rem-space-4;
 
@@ -29,7 +33,7 @@
 /* Nav item */
 @sidenavItemPadding: @rem-space-2 0 @rem-space-2 @rem-space-8;
 @sidenavItemFontSize: @font-size-1;
-@sidenavItemFontWeight: @font-weight-4;
+@sidenavItemFontWeight: @font-weight-5;
 @sidenavItemColor: @blue-grey-5;
 @sidenavItemHoverBackground: @blue-grey-5;
 @sidenavItemHoverColor: @grey-0;
@@ -46,4 +50,8 @@
 /* Folders - Level 1 */
 @sidenavFolderFontSize: @font-size-2;
 @sidenavFolderFontWeight: @font-weight-7;
-@sidenavFolderItemPadding: @rem-space-4 0 @rem-space-4 @rem-space-4;
+@sidenavFolderItemPadding: @rem-space-4;
+
+/* Item - Level 2 */
+@sidenavLevelTwoItemFontWeight: @font-weight-4;
+@sidenavLevelTwoItemPadding: 0.5rem 1.5rem;

package/theme/themes/eea/extras/footer.less

@@ -25,10 +25,23 @@ footer {
     width: @wrapperWidth;
     padding: @mobileWrapperPadding;
   }
+  .theme-sites-button {
+    background: @themeSitesButtonBackground !important;
+    font-size: @themeSitesButtonFontSize !important;
+    padding: @themeSitesButtonPadding !important;
+    color: @themeSitesButtonColor !important;
+    border: @themeSitesButtonBorder !important;
+  }
+  .theme-sites {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+  }
 }
 
 footer .theme-sites {
   padding: @mobileThemeSitesPadding;
+  padding-top: @computerThemeSitesPaddingTop;
 
   .logos .ui.grid {
     align-items: center;
@@ -37,7 +50,6 @@ footer .theme-sites {
   .logos .logo img {
     margin: @mobileThemeSitesLogoMargin;
   }
-
 }
 footer .footer-header {
   font-size: @mobileFooterTitleFontSize;
@@ -53,6 +65,7 @@ footer .footer-header {
   height: @subFooterItemHeight;
   align-items: @subFooterItemAlignItems;
 }
+
 .subfooter .item .ui.grid {
   align-items: center;
 }
@@ -64,33 +77,46 @@ footer .footer-header {
   }
 }
 
-.subfooter .contact-wrapper {
-  margin-bottom: @tabletContactBlockMarginBottom;
-}
-
 .contact-wrapper .subcontact a {
   font-size: @computerSubContactIconFontSize;
   margin-right: @computerSubContactIconMarginRight;
   font-weight: @computerSubContactIconFontWeight;
 }
+.contact-wrapper .subcontact a {
+  font-size: @tabletSubContactIconFontSize;
+  margin-right: @tabletSubContactIconMarginRight;
+}
 
 .subfooter .contact {
-  display: block;
-  margin: @mobileContactMargin;
-  font-size: @contactFontSize;
-  gap: @contactGap;
+  display: flex;
+  font-size: @tabletContactFontSize;
+  margin: @tabletContactMargin;
+  gap: @tabletContactGap;
+}
+.contact-wrapper .subcontact {
+  display: flex;
+  gap: @tabletContactGap;
+}
+
+.subfooter .contact-wrapper {
+  margin-inline: @tabletContactBlockMarginInline;
+}
 
+.subfooter .contact {
   a {
-    color: @menuLinkColor;
-  }
+    color: @socialIconColor;
 
-  i.big.icon {
-    margin-right: @mobileContactIconMarginRight;
-    font-size: @mobileContactIconFontSize;
+    &:active,
+    &:hover {
+      color: @socialIconColor;
+    }
+
+    i.icon {
+      font-size: @mobileSocialIconSize;
+    }
   }
 }
-
-.subfooter .social {
+footer .social {
   display: flex;
   justify-content: @mobileSocialJustifyContent;
   margin: @mobileSocialIconsMargin;
@@ -148,7 +174,7 @@ footer .footer-wrapper .menu {
   }
 }
 
-@media only screen and (max-width: @largestMobileScreen) {
+@media only screen and (max-width: @tabletBreakpoint) {
   .footer-wrapper > .container {
     display: flex;
     flex-direction: column;
@@ -158,9 +184,22 @@ footer .footer-wrapper .menu {
     font-size: @mobileMenuCopyrightFontSize;
     font-weight: @mobileMenuCopyrightFontWeight;
   }
-
+  .contact-wrapper {
+    padding: @mobileContactMargin;
+  }
+  .contact-wrapper .contact {
+    gap: @mobileContactGap;
+  }
   .contact-wrapper .subcontact {
-    margin-top: @mobileSubcontactBlockMarginTop;
+    display: flex;
+    gap: @mobileContactGap;
+  }
+  .theme-sites {
+    padding-top: @mobileThemeSitesPaddingTop !important;
+    padding-bottom: @mobileThemeSitesPaddingTop !important;
+  }
+  footer .social {
+    margin: @mobileSocialIconsMargin;
   }
 }
 
@@ -181,8 +220,11 @@ footer .footer-wrapper .menu {
 
   .subfooter .contact {
     display: flex;
+
     font-size: @tabletContactFontSize;
+
     margin: @tabletContactMargin;
+
     gap: @tabletContactGap;
   }
 
@@ -192,6 +234,7 @@ footer .footer-wrapper .menu {
 
   .contact-wrapper .subcontact a {
     font-size: @tabletSubContactIconFontSize;
+
     margin-right: @tabletSubContactIconMarginRight;
   }
 
@@ -199,7 +242,7 @@ footer .footer-wrapper .menu {
     margin: @tabletFooterDescriptionMargin;
   }
 
-  .subfooter .social {
+  footer .social {
     justify-content: @tabletSocialJustifyContent;
     gap: @tabletSocialGap;
     margin: @tabletSocialIconsMargin;
@@ -223,14 +266,6 @@ footer .footer-wrapper .menu {
     }
   }
 
-  footer .theme-sites {
-    padding: @computerThemeSitesPadding;
-
-    .logos .logo img {
-      margin: @computerThemeSitesLogoMargin;
-    }
-  }
-
   .subfooter .logo-header {
     // To match the figma align
     margin-left: @computerLogoHeaderMarginLeft;
@@ -264,7 +299,8 @@ footer .footer-wrapper .menu {
       }
     }
 
-    .subfooter .social {
+    .subfooter,
+    footer .social {
       margin: @computerSocialIconsMargin;
     }
 

package/theme/themes/eea/extras/footer.variables

@@ -18,12 +18,19 @@
 
 /* Theme Sites */
 @mobileThemeSitesPadding            : @rem-space-3 0;
+@mobileThemeSitesPaddingTop         : @rem-space-10;
 @computerThemeSitesPadding          : @rem-space-5 0;
+@computerThemeSitesPaddingTop       : @rem-space-20;
 @mobileThemeSitesLogoMargin         : 0 auto @rem-space-8;
 @computerThemeSitesLogoMargin       : 0 auto @rem-space-10;
-@mobileFooterTitleFontSize          : @mobileH4;
-@tabletFooterTitleFontSize          : @h3;
+@mobileFooterTitleFontSize          : @font-size-1;
+@tabletFooterTitleFontSize          : @font-size-3;
 @freshwaterLogoMaxWidth             : 122px;
+@themeSitesButtonBackground         : transparent;
+@themeSitesButtonFontSize           : 1rem;
+@themeSitesButtonPadding            : 1rem 2rem;
+@themeSitesButtonColor              : white;
+@themeSitesButtonBorder             : 1px solid white;
 
 /* Sub-footer Item */
 @subFooterItemDisplay: flex;
@@ -42,16 +49,17 @@
 @tabletContactBlockMarginBottom     : @space-4;
 @mobileContactMargin                : @space-4 0;
 @tabletContactMargin                : @rem-space-050 0;
-@contactFontSize                    : @font-size-3;
-@tabletContactFontSize              : @font-size-1;
+@contactFontSize                    : @font-size-2;
+@tabletContactFontSize              : @font-size-3;
 @tabletContactGap                   : @rem-space-4;
-@contactGap                         : @rem-space-8;
+@contactGap                         : @rem-space-4;
+@mobileContactGap                   : @em-space-10;
 @mobileContactIconMarginRight       : @space-3;
 @mobileSubcontactBlockMarginTop     : @space-3;
 @mobileContactIconFontSize          : @font-size-4;
 @computerContactIconFontSize        : @font-size-9;
-@tabletSubContactIconFontSize       : @font-size-0;
-@computerSubContactIconFontSize     : @font-size-1;
+@tabletSubContactIconFontSize       : @font-size-3;
+@computerSubContactIconFontSize     : @font-size-3;
 @tabletSubContactIconMarginRight    : @rem-space-2;
 @computerSubContactIconMarginRight  : @rem-space-4;
 @computerSubContactIconFontWeight   : @font-weight-4;
@@ -65,8 +73,9 @@
 @footerDescriptionTextAlign         : center;
 
 /* Social Icons */
-@mobileSocialIconsMargin            : @rem-space-2 0 @rem-space-8;
-@tabletSocialIconsMargin            : @rem-space-7 0;
+@computerSocialIconsMargin          : @rem-space-2 0 @rem-space-8;
+@mobileSocialIconsMargin            : @rem-space-2 0 @rem-space-10;
+@tabletSocialIconsMargin            : @rem-space-13 0;
 @computerSocialIconsMargin          : @rem-space-17 0;
 @socialIconColor                    : @white;
 @mobileSocialJustifyContent         : space-around;