@eeacms/volto-eea-design-system 1.50.1 → 1.60.0

package/CHANGELOG.md

@@ -4,6 +4,30 @@ 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.60.0](https://github.com/eea/volto-eea-design-system/compare/1.50.2...1.60.0) - 17 April 2026
+
+#### :house: Documentation changes
+
+- docs: Update README [Alin Voinea - [`06e6ce7`](https://github.com/eea/volto-eea-design-system/commit/06e6ce7553bb50dea0d000f990f19c568e658b9f)]
+
+#### :hammer_and_wrench: Others
+
+- update readme [Miu Razvan - [`268086f`](https://github.com/eea/volto-eea-design-system/commit/268086fa17f9f68283dc7528ddbcd71105b676da)]
+- Release 1.60.0 [Alin Voinea - [`c74e3ac`](https://github.com/eea/volto-eea-design-system/commit/c74e3acb79cce153067984a234401e3d16ac0b05)]
+- update version [Miu Razvan - [`5753c9f`](https://github.com/eea/volto-eea-design-system/commit/5753c9f98c80a8699889a55a3fe1abecf3853b77)]
+- fix tests [Miu Razvan - [`32b5e42`](https://github.com/eea/volto-eea-design-system/commit/32b5e42c6f458f7391f930165852700daa758790)]
+- fix tests [Miu Razvan - [`dca166a`](https://github.com/eea/volto-eea-design-system/commit/dca166aa44a9bc3c123a17e78333b850ef401fb6)]
+- fix tests [Miu Razvan - [`0e876ca`](https://github.com/eea/volto-eea-design-system/commit/0e876caf4e172b84dfbc30a16c58009ee4481d94)]
+- fix tests [Miu Razvan - [`86f657a`](https://github.com/eea/volto-eea-design-system/commit/86f657a70a357a412257e9d8cb63f9050ca718e4)]
+- Make use of eea_settings [Miu Razvan - [`78ab3c5`](https://github.com/eea/volto-eea-design-system/commit/78ab3c59a4a7232b09812b3967ddd2b93cdd7fad)]
+- Bump version + add upgrade step [Miu Razvan - [`a1dbbd5`](https://github.com/eea/volto-eea-design-system/commit/a1dbbd557f66174f05ce87ed21073aecefa1f507)]
+### [1.50.2](https://github.com/eea/volto-eea-design-system/compare/1.50.1...1.50.2) - 9 April 2026
+
+#### :bug: Bug Fixes
+
+- fix: Docusaurus build [Alin Voinea - [`0339369`](https://github.com/eea/volto-eea-design-system/commit/0339369cda49e3772b164eff3345523f7cba551e)]
+- fix: warnings [Alin Voinea - [`a1e035d`](https://github.com/eea/volto-eea-design-system/commit/a1e035d47b822d755414cf436aa052e85066e197)]
+
 ### [1.50.1](https://github.com/eea/volto-eea-design-system/compare/1.50.0...1.50.1) - 7 April 2026
 
 #### :bug: Bug Fixes
@@ -24,8 +48,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINSFILE] add package version in sonarqube [valentinab25 - [`a2500ee`](https://github.com/eea/volto-eea-design-system/commit/a2500ee91c3d926183403b7e55ef717f697eb736)]
-- chore: [JENKINSFILE] use sonarqube branches [EEA Jenkins - [`79058be`](https://github.com/eea/volto-eea-design-system/commit/79058be6ad228970127ee388bbc78ad69b92465b)]
 
 #### :hammer_and_wrench: Others
 
@@ -62,7 +84,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - add rule for eeacms/countup to jest-config.js [David Ichim - [`59244c2`](https://github.com/eea/volto-eea-design-system/commit/59244c2e85447766e9e2a051e080652d93f67458)]
-- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`314266b`](https://github.com/eea/volto-eea-design-system/commit/314266bd8131b8ade427f23f81a084714f0104af)]
 ### [1.40.0](https://github.com/eea/volto-eea-design-system/compare/1.39.1...1.40.0) - 4 November 2025
 
 ### [1.39.1](https://github.com/eea/volto-eea-design-system/compare/1.39.0...1.39.1) - 22 September 2025
@@ -138,10 +159,8 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using fise-frontend addons list [EEA Jenkins - [`d3a993f`](https://github.com/eea/volto-eea-design-system/commit/d3a993f7c9f687d709e1c8bc48b4972aca7a161e)]
 - Fix with sed the issue from line 714 missing } [David Ichim - [`e4e10a0`](https://github.com/eea/volto-eea-design-system/commit/e4e10a0a8a82c1fa20dcff9fa8178a6a938a7fd5)]
 - Fixed link for don't use more than six colors [David Ichim - [`f42c698`](https://github.com/eea/volto-eea-design-system/commit/f42c69895258291ef72c0299e348f5671b2c127b)]
-- Add Sonarqube tag using ied-frontend addons list [EEA Jenkins - [`a8fa4e1`](https://github.com/eea/volto-eea-design-system/commit/a8fa4e157f6351939fd6ee126f733efc1adf6dfe)]
 - lint fix [David Ichim - [`5d4d60a`](https://github.com/eea/volto-eea-design-system/commit/5d4d60ac305b8694fec64a9cce625a1015e8486f)]
 ### [1.36.3](https://github.com/eea/volto-eea-design-system/compare/1.36.2...1.36.3) - 4 March 2025
 
@@ -175,7 +194,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Update package.json [Ichim David - [`40ae6a7`](https://github.com/eea/volto-eea-design-system/commit/40ae6a70377c54256f7365a12bded4e25b0c322e)]
-- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`b433236`](https://github.com/eea/volto-eea-design-system/commit/b433236f3e264304c86082281da90384da7ab0ff)]
 ### [1.34.1](https://github.com/eea/volto-eea-design-system/compare/1.34.0...1.34.1) - 14 October 2024
 
 ### [1.34.0](https://github.com/eea/volto-eea-design-system/compare/1.33.1...1.34.0) - 11 October 2024
@@ -257,7 +275,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
@@ -286,7 +303,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
@@ -322,8 +338,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
@@ -409,11 +423,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
@@ -446,9 +456,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
@@ -574,7 +581,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)]
@@ -684,7 +690,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
@@ -723,7 +728,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
 
@@ -1057,7 +1061,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)]
@@ -1128,7 +1131,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
@@ -1325,7 +1327,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
 
@@ -1383,7 +1384,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
@@ -1415,7 +1415,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)]
@@ -1503,7 +1502,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
@@ -1596,7 +1594,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)]
@@ -1698,7 +1695,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)]
@@ -1733,7 +1729,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
 
@@ -2489,10 +2484,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
@@ -2917,7 +2908,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)]
@@ -3004,7 +2994,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)]
@@ -3573,7 +3562,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/README.md

@@ -25,6 +25,10 @@ This package provides the following features:
 2. A repository for the design system source files and mockups
 3. A website to showcase the design system
 
+## Upgrade
+
+- Version `^1.60.0` requires `^eea.volto.policy@12.0` to allow customizing the header search box.
+
 ### Try the design system website
 
 Checkout the docs found within the [website](https://github.com/eea/volto-eea-design-system/blob/develop/website/README.md) folder

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.50.1",
+  "version": "1.60.0",
   "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.stories.jsx

@@ -5,7 +5,7 @@ import Banner from './Banner';
 import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/banner.png';
 import { Icon, Container } from 'semantic-ui-react';
 import Popup from '@eeacms/volto-eea-design-system/ui/Popup/Popup';
-import Copyright from '../Copyright/Copyright';
+import Copyright from '@eeacms/volto-eea-design-system/ui/Copyright/Copyright';
 
 export default {
   title: 'Components/Page Header',

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

@@ -1,8 +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 TagList from '@eeacms/volto-eea-design-system/ui/TagList/TagList';
+import Tag from '@eeacms/volto-eea-design-system/ui/Tag/Tag';
 
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from 'semantic-ui-react';
 import DownloadLabeledIcon from './DownloadLabeledIcon';
-import LabeledIconGroup from '../LabeledIconGroup/LabeledIconGroup';
+import LabeledIconGroup from '@eeacms/volto-eea-design-system/ui/LabeledIconGroup/LabeledIconGroup';
 
 export default {
   title: 'Components/Labeled Icons/Download',

package/src/ui/DraftContent/DraftContent.stories.jsx

@@ -1,5 +1,8 @@
 import React from 'react';
-import { Default as HeaderDefault, HeaderArgs } from '../Header/Header.stories';
+import {
+  Default as HeaderDefault,
+  HeaderArgs,
+} from '@eeacms/volto-eea-design-system/ui/Header/Header.stories';
 import './draft.css';
 
 export default {

package/src/ui/Form/Dropdown.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Dropdown, Form, Container } from 'semantic-ui-react';
-import FormFieldWrapper from '../FormFieldWrapper/FormFieldWrapper';
+import FormFieldWrapper from '@eeacms/volto-eea-design-system/ui/FormFieldWrapper/FormFieldWrapper';
 
 export default {
   title: 'Components/Forms/Dropdown',

package/src/ui/Form/Input.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Input, Form, Container } from 'semantic-ui-react';
-import FormFieldWrapper from '../FormFieldWrapper/FormFieldWrapper';
+import FormFieldWrapper from '@eeacms/volto-eea-design-system/ui/FormFieldWrapper/FormFieldWrapper';
 
 export default {
   title: 'Components/Forms/Input',

package/src/ui/Form/Textarea.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { TextArea, Form, Container } from 'semantic-ui-react';
-import FormFieldWrapper from '../FormFieldWrapper/FormFieldWrapper';
+import FormFieldWrapper from '@eeacms/volto-eea-design-system/ui/FormFieldWrapper/FormFieldWrapper';
 
 export default {
   title: 'Components/Forms/Text Area',

package/src/ui/Header/Header.jsx

@@ -5,11 +5,13 @@
 
 import React from 'react'; // , { Component }
 import { useHistory } from 'react-router-dom';
+import { useSelector } from 'react-redux';
 import cx from 'classnames';
 import { Container, Image, Menu, Grid, Dropdown } from 'semantic-ui-react'; // Dropdown,
 
 import closeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/close-line.svg';
-import searchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
+import searchSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/search-line.svg';
+import aiSearchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
 import burgerIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/menu-line.svg';
 
 import HeaderSearchPopUp from './HeaderSearchPopUp';
@@ -159,6 +161,11 @@ const Main = ({
   const [burger, setBurger] = React.useState('');
   const searchInputRef = React.useRef(null);
   const [isClient, setIsClient] = React.useState();
+  const headerSettings = useSelector(
+    (state) => state.eeaSettings?.data?.header || {},
+  );
+
+  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
 
   const itemsLayouts =
     menuItemsLayouts || config.settings?.menuItemsLayouts || {};

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

@@ -2,9 +2,15 @@ import React from 'react';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
 import { render, fireEvent, act } from '@testing-library/react';
+import { Provider } from 'react-redux';
+import { createStore } from 'redux';
 import { Default } from './Header.stories';
 import '@testing-library/jest-dom';
 
+const mockStore = createStore(() => ({
+  eeaSettings: { data: { header: {} } },
+}));
+
 global.ResizeObserver = require('resize-observer-polyfill');
 
 const history = createMemoryHistory();
@@ -129,9 +135,11 @@ describe('Default component', () => {
 
   it('renders the default with correct number of cards', () => {
     const { container, getByText } = render(
-      <Router history={history}>
-        <Default {...args} />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <Default {...args} />
+        </Router>
+      </Provider>,
     );
     const dropdown = container.querySelector('.official-union .content');
     fireEvent.click(dropdown);

package/src/ui/Header/Header.test.jsx

@@ -4,8 +4,29 @@ import '@testing-library/jest-dom';
 
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
+import { Provider } from 'react-redux';
 import '@testing-library/jest-dom';
 
+const mockState = {
+  eeaSettings: {
+    data: {
+      header: {
+        useAISearchIcon: false,
+      },
+    },
+  },
+};
+
+const mockStore = {
+  getState: () => mockState,
+  subscribe: () => () => {},
+  dispatch: () => {},
+};
+
+const renderWithProvider = (component) => {
+  return render(<Provider store={mockStore}>{component}</Provider>);
+};
+
 // Mock subcomponents that pull in ESM helpers not transformed by Jest here
 jest.doMock('./HeaderSearchPopUp', () => () => null);
 jest.doMock('./HeaderMenuPopUp', () => () => null);
@@ -26,16 +47,16 @@ describe('Header component', () => {
   });
 
   it('renders without crashing', () => {
-    render(<Header />);
+    renderWithProvider(<Header />);
   });
 
   it('renders children correctly', () => {
-    render(<Header>Test Children</Header>);
+    renderWithProvider(<Header>Test Children</Header>);
     expect(screen.getByText('Test Children')).toBeInTheDocument();
   });
 
   it('renders without crashing', () => {
-    render(
+    renderWithProvider(
       <Header>
         <Header.TopHeader>
           <Header.TopItem>
@@ -83,7 +104,7 @@ describe('Header component', () => {
   });
 
   it('renders without crashing', () => {
-    render(
+    renderWithProvider(
       <Header>
         <Header.TopHeader>
           <Header.TopItem>
@@ -129,7 +150,7 @@ describe('Header component', () => {
   });
 
   it('renders without crashing', () => {
-    const { getByText, getAllByText, container } = render(
+    const { getByText, getAllByText, container } = renderWithProvider(
       <Router history={history}>
         <Header>
           <Header.TopHeader>
@@ -427,7 +448,7 @@ test('marks only the best-matching top-level item active (sibling collision case
     },
   ];
 
-  const { container, getByText } = render(
+  const { container, getByText } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -476,7 +497,7 @@ test('exact match wins: parent item active only on its own URL', async () => {
     },
   ];
 
-  const { container, getByText } = render(
+  const { container, getByText } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -515,7 +536,7 @@ test('mobile burger menu interactions', async () => {
     },
   ];
 
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -559,7 +580,7 @@ test('search interactions and state management', async () => {
     },
   ];
 
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -603,7 +624,7 @@ test('escape key handling', async () => {
     },
   ];
 
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -650,7 +671,7 @@ test('multilingual pathname handling', async () => {
     },
   ];
 
-  const { rerender } = render(
+  const { rerender } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
@@ -674,25 +695,27 @@ test('multilingual pathname handling', async () => {
 
   // Test with empty multilingual path
   rerender(
-    <Router history={history}>
-      <Header>
-        <Header.Main
-          pathname="/en/"
-          isMultilingual={true}
-          menuItems={menuItems}
-          renderGlobalMenuItem={(item) => (
-            <a href={item.url} title={item.title}>
-              {item.title}
-            </a>
-          )}
-          renderMenuItem={(item, options) => (
-            <a href={item.url || '/'} {...(options || {})}>
-              {item.title}
-            </a>
-          )}
-        />
-      </Header>
-    </Router>,
+    <Provider store={mockStore}>
+      <Router history={history}>
+        <Header>
+          <Header.Main
+            pathname="/en/"
+            isMultilingual={true}
+            menuItems={menuItems}
+            renderGlobalMenuItem={(item) => (
+              <a href={item.url} title={item.title}>
+                {item.title}
+              </a>
+            )}
+            renderMenuItem={(item, options) => (
+              <a href={item.url || '/'} {...(options || {})}>
+                {item.title}
+              </a>
+            )}
+          />
+        </Header>
+      </Router>
+    </Provider>,
   );
 });
 
@@ -707,11 +730,11 @@ test('menu click outside behavior with different active states', async () => {
     },
   ];
 
-  const { container } = render(
+  const { container } = renderWithProvider(
     <Router history={history}>
       <Header>
         <Header.Main
-          pathname="/different-path"
+          pathname="/test"
           menuItems={menuItems}
           renderGlobalMenuItem={(item) => (
             <a href={item.url} title={item.title}>

package/src/ui/Header/HeaderMenuPopUp.js

@@ -12,7 +12,7 @@ import cloneDeep from 'lodash/cloneDeep';
 import kebabCase from 'lodash/kebabCase';
 
 import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
-import { numbersToMenuItemColumns } from '../Header/utils';
+import { numbersToMenuItemColumns } from '@eeacms/volto-eea-design-system/ui/Header/utils';
 
 const generateCssClassFromUrl = (url) => {
   if (!url) return '';

package/src/ui/Header/HeaderSearchPopUp.js

@@ -1,9 +1,13 @@
 import React, { useEffect } from 'react';
-import { Container, Input, List } from 'semantic-ui-react';
+import { useSelector } from 'react-redux';
+import { Container, Input, List, Image } from 'semantic-ui-react';
 import { withRouter, Link } from 'react-router-dom';
 import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
 import { handleEnterKeyPress } from '@eeacms/volto-eea-design-system/helpers';
 
+import searchSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/search-line.svg';
+import aiSearchIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/ai-search.svg';
+
 const getRandomItems = (arr, max) => {
   return (
     arr?.slice(0, max).map(function () {
@@ -12,36 +16,57 @@ const getRandomItems = (arr, max) => {
   );
 };
 
+function ActionItem({ action }) {
+  if (action.type === 'info') {
+    return <div>{action.content}</div>;
+  }
+  if (action.type === 'button-link') {
+    return (
+      <a
+        href={action.url}
+        className="ui button white inverted"
+        title={action.title}
+      >
+        {action.title}
+      </a>
+    );
+  }
+  return null;
+}
+
 function HeaderSearchPopUp({
   history,
-  location,
   onClose,
   searchInputRef,
   headerSearchBox,
   triggerRefs = [],
 }) {
   const nodeRef = React.useRef();
-  const headerSearchViews = headerSearchBox || [];
-  const defaultView = headerSearchViews.filter((v) => v.isDefault);
-  const localView = headerSearchViews.filter((v) =>
-    location.pathname.match(v.matchpath ? v.matchpath : v.path),
-  );
-  const activeView = localView.length > 0 ? localView[0] : defaultView[0];
+
+  const searchInput =
+    headerSearchBox.filter((v) => v.type === 'search-input')[0] || {};
+  const actions =
+    headerSearchBox.filter((v) => ['info', 'button-link'].includes(v.type)) ||
+    [];
 
   const {
     path = '',
-    buttonTitle,
-    buttonUrl,
-    description,
     placeholder = 'Search',
-    searchSuggestions,
-  } = activeView || {};
-  const { suggestionsTitle, suggestions, maxToShow } = searchSuggestions || {};
+    suggestionsTitle,
+    maxToShow,
+    suggestions,
+  } = searchInput;
 
   const [visibleSuggestions, setVisibileSuggestions] = React.useState(
     getRandomItems(suggestions, maxToShow),
   );
 
+  const headerSettings = useSelector(
+    (state) => state.eeaSettings?.data?.header || {},
+  );
+
+  const searchIcon = headerSettings.useAISearchIcon ? aiSearchIcon : searchSVG;
+
   useEffect(() => {
     setVisibileSuggestions(getRandomItems(suggestions, maxToShow));
   }, [maxToShow, suggestions]);
@@ -77,18 +102,27 @@ function HeaderSearchPopUp({
               ref={searchInputRef}
               className="icon search"
               action={{
-                className: 'icon ri-search-line',
+                className: 'icon',
                 'aria-label': 'Submit search',
                 onClick: onSubmit,
                 onKeyDown: (event) => {
                   handleEnterKeyPress(event, onSubmit);
                 },
+                children: (
+                  <Image
+                    src={searchIcon}
+                    alt="Global search"
+                    height={45}
+                    width={45}
+                    className="header-search-icon"
+                  />
+                ),
               }}
               placeholder={placeholder}
               fluid
             />
           </form>
-          {searchSuggestions && suggestions.length > 0 && (
+          {suggestions?.length > 0 && (
             <div className="search-suggestions">
               {suggestionsTitle && <h4>{suggestionsTitle}</h4>}
 
@@ -109,17 +143,12 @@ function HeaderSearchPopUp({
             </div>
           )}
         </Container>
-        {buttonTitle && (
+        {actions?.length > 0 && (
           <div className="advanced-search">
             <Container>
-              <div>{description}</div>
-              <a
-                href={buttonUrl || defaultView[0].path}
-                className="ui button white inverted"
-                title="Advanced search"
-              >
-                {buttonTitle}
-              </a>
+              {actions.map((action, i) => (
+                <ActionItem key={i} action={action} />
+              ))}
             </Container>
           </div>
         )}

package/src/ui/Header/HeaderSearchPopUp.test.js

@@ -2,41 +2,53 @@ import React from 'react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import { createMemoryHistory } from 'history';
 import { Router } from 'react-router-dom';
+import { Provider } from 'react-redux';
 import HeaderSearchPopUp from './HeaderSearchPopUp';
 import '@testing-library/jest-dom';
 
+const mockState = {
+  eeaSettings: {
+    data: {
+      header: {
+        useAISearchIcon: false,
+      },
+    },
+  },
+};
+
+const mockStore = {
+  getState: () => mockState,
+  subscribe: () => () => {},
+  dispatch: () => {},
+};
+
 describe('HeaderSearchPopUp', () => {
   let history;
   const mockOnClose = jest.fn();
   const sampleHeaderSearchBox = [
     {
+      type: 'search-input',
       path: '/search',
-      buttonTitle: 'Advanced Search',
-      buttonUrl: '/advanced-search',
-      description: 'Sample description',
       placeholder: 'Search',
-      searchSuggestions: {
-        suggestionsTitle: 'Suggestions Title',
-        suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
-        maxToShow: 3,
-      },
-      isDefault: true,
+      suggestionsTitle: 'Suggestions Title',
+      suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
+      maxToShow: 3,
+    },
+    {
+      type: 'button-link',
+      title: 'Advanced Search',
+      url: '/advanced-search',
     },
   ];
 
   const sampleHeaderSearchBoxWithMatchpath = [
     {
+      type: 'search-input',
       matchpath: '/search',
-      buttonTitle: 'Advanced Search',
-      buttonUrl: undefined,
-      description: 'Sample description',
       placeholder: 'Search',
-      searchSuggestions: {
-        suggestionsTitle: 'Suggestions Title',
-        suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
-        maxToShow: 3,
-      },
-      isDefault: true,
+      suggestionsTitle: 'Suggestions Title',
+      suggestions: ['suggestion 1', 'suggestion 2', 'suggestion 3'],
+      maxToShow: 3,
     },
   ];
 
@@ -50,26 +62,30 @@ describe('HeaderSearchPopUp', () => {
 
   it('should render HeaderSearchPopUp', () => {
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();
   });
 
   it('should update search text on change', () => {
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const input = screen.getByPlaceholderText('Search');
     fireEvent.change(input, { target: { value: 'New text' } });
@@ -80,32 +96,35 @@ describe('HeaderSearchPopUp', () => {
     window.searchContext = { resetSearch: jest.fn() };
 
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
     const input = screen.getByPlaceholderText('Search');
     fireEvent.change(input, { target: { value: 'Search text' } });
     fireEvent.submit(container.querySelector('form'));
     fireEvent.keyDown(input, { key: 'Enter', code: 'Enter' });
     expect(history.location.pathname).toBe('/search');
-    // expect(history.location.search).toBe('?q=Search text');
   });
 
   it('should navigate to the suggestion when a suggestion is clicked', () => {
     window.searchContext = { resetSearch: jest.fn() };
 
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBoxWithMatchpath}
-          onClose={mockOnClose}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBoxWithMatchpath}
+            onClose={mockOnClose}
+          />
+        </Router>
+      </Provider>,
     );
     fireEvent.click(screen.getByText('suggestion 1'));
     expect(history.location.pathname).toBe('/');
@@ -114,13 +133,15 @@ describe('HeaderSearchPopUp', () => {
 
   it('should handle keydown events on search action button', () => {
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
 
     const searchActionButton = container.querySelector(
@@ -128,25 +149,23 @@ describe('HeaderSearchPopUp', () => {
     );
     expect(searchActionButton).toBeInTheDocument();
 
-    // Test Enter key press on search action button
     fireEvent.keyDown(searchActionButton, { key: 'Enter', code: 'Enter' });
-
-    // Test other key press (should not trigger action)
     fireEvent.keyDown(searchActionButton, { key: 'Tab', code: 'Tab' });
   });
 
   it('should handle search without searchContext', () => {
-    // Remove searchContext to test the fallback
     delete window.searchContext;
 
     const { container } = render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
 
     const input = screen.getByPlaceholderText('Search');
@@ -157,16 +176,17 @@ describe('HeaderSearchPopUp', () => {
   });
 
   it('should handle suggestion click without searchContext', () => {
-    // Remove searchContext to test the fallback
     delete window.searchContext;
 
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={sampleHeaderSearchBox}
-          onClose={mockOnClose}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={sampleHeaderSearchBox}
+            onClose={mockOnClose}
+          />
+        </Router>
+      </Provider>,
     );
 
     fireEvent.click(screen.getByText('suggestion 1'));
@@ -176,23 +196,27 @@ describe('HeaderSearchPopUp', () => {
   it('should render without search suggestions', () => {
     const headerSearchBoxNoSuggestions = [
       {
+        type: 'search-input',
         path: '/search',
-        buttonTitle: 'Advanced Search',
-        buttonUrl: '/advanced-search',
-        description: 'Sample description',
         placeholder: 'Search',
-        isDefault: true,
+      },
+      {
+        type: 'button-link',
+        title: 'Advanced Search',
+        url: '/advanced-search',
       },
     ];
 
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={headerSearchBoxNoSuggestions}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={headerSearchBoxNoSuggestions}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
 
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();
@@ -202,28 +226,25 @@ describe('HeaderSearchPopUp', () => {
   it('should render with empty suggestions array', () => {
     const headerSearchBoxEmptySuggestions = [
       {
+        type: 'search-input',
         path: '/search',
-        buttonTitle: 'Advanced Search',
-        buttonUrl: '/advanced-search',
-        description: 'Sample description',
         placeholder: 'Search',
-        searchSuggestions: {
-          suggestionsTitle: 'Suggestions Title',
-          suggestions: [],
-          maxToShow: 3,
-        },
-        isDefault: true,
+        suggestionsTitle: 'Suggestions Title',
+        suggestions: [],
+        maxToShow: 3,
       },
     ];
 
     render(
-      <Router history={history}>
-        <HeaderSearchPopUp
-          headerSearchBox={headerSearchBoxEmptySuggestions}
-          onClose={mockOnClose}
-          triggerRefs={[]}
-        />
-      </Router>,
+      <Provider store={mockStore}>
+        <Router history={history}>
+          <HeaderSearchPopUp
+            headerSearchBox={headerSearchBoxEmptySuggestions}
+            onClose={mockOnClose}
+            triggerRefs={[]}
+          />
+        </Router>
+      </Provider>,
     );
 
     expect(screen.getByPlaceholderText('Search')).toBeInTheDocument();

package/src/ui/Hero/Hero.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { Icon } from 'semantic-ui-react';
-import Copyright from '../Copyright/Copyright';
+import Copyright from '@eeacms/volto-eea-design-system/ui/Copyright/Copyright';
 
 Hero.propTypes = {
   image: PropTypes.bool,

package/src/ui/LabeledIconGroup/LabeledIconGroup.jsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Button } from 'semantic-ui-react';
-import NewTabLabeledIcon from '../NewTabLabeledIcon/NewTabLabeledIcon';
-import DownloadLabeledIcon from '../DownloadLabeledIcon/DownloadLabeledIcon';
-import LanguageLabeledIcon from '../LanguageLabeledIcon/LanguageLabeledIcon';
+import NewTabLabeledIcon from '@eeacms/volto-eea-design-system/ui/NewTabLabeledIcon/NewTabLabeledIcon';
+import DownloadLabeledIcon from '@eeacms/volto-eea-design-system/ui/DownloadLabeledIcon/DownloadLabeledIcon';
+import LanguageLabeledIcon from '@eeacms/volto-eea-design-system/ui/LanguageLabeledIcon/LanguageLabeledIcon';
 
 function LabeledIconGroup({ children, ...rest }) {
   return (

package/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.stories.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Button } from 'semantic-ui-react';
 import LanguageLabeledIcon from './LanguageLabeledIcon';
-import LabeledIconGroup from '../LabeledIconGroup/LabeledIconGroup';
+import LabeledIconGroup from '@eeacms/volto-eea-design-system/ui/LabeledIconGroup/LabeledIconGroup';
 
 export default {
   title: 'Components/Labeled Icons/Language',

package/src/ui/NewTabLabeledIcon/NewTabLabeledIcon.stories.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import NewTabLabeledIcon from './NewTabLabeledIcon';
-import LabeledIconGroup from '../LabeledIconGroup/LabeledIconGroup';
+import LabeledIconGroup from '@eeacms/volto-eea-design-system/ui/LabeledIconGroup/LabeledIconGroup';
 
 export default {
   title: 'Components/Labeled Icons/New Tab',

package/src/ui/Quote/Testimonial/Testimonial.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import Quote from '../Quote';
+import Quote from '@eeacms/volto-eea-design-system/ui/Quote/Quote';
 import { Grid, Card, Image, Divider } from 'semantic-ui-react';
 
 Testimonial.propTypes = {

package/src/ui/TagList/TagList.stories.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import TagList from './TagList';
-import Tag from '../Tag/Tag';
+import Tag from '@eeacms/volto-eea-design-system/ui/Tag/Tag';
 import { Container } from 'semantic-ui-react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-redux';

package/src/ui/UnderlinedTitle/UnderlinedTitle.stories.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Header, Divider, Container } from 'semantic-ui-react';
-import ContentBox from '../ContentBox/ContentBox';
+import ContentBox from '@eeacms/volto-eea-design-system/ui/ContentBox/ContentBox';
 
 export default {
   title: 'Components/Heading/Underlined',

package/theme/themes/eea/assets/images/Header/ai-search.svg

@@ -1,6 +1,7 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20px" viewBox="0 -960 960 960" width="20px">
-  <path
-    d="M740-560q-1 0-8-6-16-61-60.5-105.5T566-732q-2-1-6-8 0-2 6-8 61-16 105.5-60.5T732-914q1-2 8-6 2 0 8 6 17 61 61 105.5T914-748q2 0 6 8 0 1-6 8-61 16-105.5 60.5T748-566q0 2-8 6Zm44 440L532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q29 0 57 6t53 18l-10 87q-22-15-47-23t-53-8q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400q66 0 115.5-42.5T557-555l72 50q-7 22-17.5 41T588-428l252 252-56 56Z"
-    fill="rgba(255,255,255,1)">
-  </path>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg fill="currentColor" height="20" viewBox="0 -960 960 960" width="20" version="1.1"
+   xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+   <path
+      d="m 743.91749,-527.97997 q -1.19965,0 -9.59723,-7.19791 -19.19445,-73.17883 -72.57899,-126.56339 -53.38456,-53.38454 -126.56339,-72.57899 -2.39931,-1.19966 -7.19791,-9.59723 0,-2.3993 7.19791,-9.59722 73.17883,-19.19444 126.56339,-72.579 53.38454,-53.38456 72.57899,-126.56338 1.19966,-2.39931 9.59723,-7.19792 2.3993,0 9.59722,7.19792 20.39409,73.17882 73.17882,126.56338 52.78474,53.38456 125.96356,72.579 2.39931,0 7.19792,9.59722 0,1.19965 -7.19792,9.59723 -73.17882,19.19445 -126.56338,72.57899 -53.38456,53.38456 -72.579,126.56339 0,2.39931 -9.59722,7.19791 z M 796.70222,-0.13268868 494.38968,-302.44522 q -35.98958,28.79167 -82.77604,45.58681 -46.78647,16.79514 -99.5712,16.79514 -130.76217,0 -221.335957,-90.5738 -90.57379432,-90.57378 -90.57379432,-221.33595 0,-130.76217 90.57379432,-221.33597 90.573787,-90.57379 221.335957,-90.57379 34.78993,0 68.38021,7.19792 33.59029,7.19792 63.58161,21.59376 l -11.99653,104.36979 q -26.39236,-17.99479 -56.38368,-27.59202 -29.99133,-9.59722 -63.58161,-9.59722 -89.97396,0 -152.95574,62.98177 -62.981779,62.98179 -62.981779,152.95576 0,89.97396 62.981779,152.95574 62.98178,62.98178 152.95574,62.98178 79.1771,0 138.55991,-50.98526 59.38283,-50.98523 73.77866,-134.96094 l 86.375,59.98264 q -8.39756,26.39236 -20.99392,49.18577 -12.59636,22.7934 -28.19184,43.18751 l 302.31253,302.312529 z"
+      fill="rgba(255,255,255,1)" style="stroke-width:1" />
 </svg>

package/theme/themes/eea/collections/menu.overrides

@@ -230,7 +230,7 @@
 .ui.pagination.pointing.secondary, .ui.pagination {
   display: flex;
   width: @paginationWidth;
-  justify-content: start;
+  justify-content: flex-start;
 
   @media only screen and (min-width: @tabletBreakpoint) {
     justify-content: center;

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

@@ -12,7 +12,7 @@
 @copyrightWrapperPaddingLeft: @rem-space-3;
 @copyrightWrapperPaddingRight: @rem-space-3;
 @copyrightWrapperBottom: @rem-space-4;
-@copyrightAlignItems: start;
+@copyrightAlignItems: flex-start;
 
 /* Image block */
 @floatImageLeftMaxWidth: 50%;

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

@@ -664,7 +664,7 @@
         display: flex;
         max-height: 100%;
         flex-wrap: wrap;
-        justify-content: end;
+        justify-content: flex-end;
         margin: 0;
         padding-left: 0;