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

package/CHANGELOG.md

@@ -4,6 +4,88 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.20.0](https://github.com/eea/volto-eea-design-system/compare/1.19.0...1.20.0) - 1 November 2023
+
+#### :rocket: New Features
+
+- feat(storybook): add event date on cards based on volto-listing-block; refs #258288 #402 from eea/cards-storybook [ichim-david - [`638241c`](https://github.com/eea/volto-eea-design-system/commit/638241cd8376dba9970c415fce5b46c93dde48da)]
+- feat(accordion): accordion title now has css variable for justification and icon order [David Ichim - [`cd775de`](https://github.com/eea/volto-eea-design-system/commit/cd775de9a347b2999cfa378da947bac2076df460)]
+- feat(tabs): added inverted option to tabs storybook [David Ichim - [`d9e760b`](https://github.com/eea/volto-eea-design-system/commit/d9e760b069a48a7a4594c6dba0044755415d505d)]
+- feat(tabs): added theme config to tabs storybook [David Ichim - [`01d1e85`](https://github.com/eea/volto-eea-design-system/commit/01d1e85b82b18cae7ac6519f86e471149c210e73)]
+- feat(tabs): allow styling of vertical tabs with and without secondary or pointing classes [David Ichim - [`1d1b78b`](https://github.com/eea/volto-eea-design-system/commit/1d1b78ba22bbf63c02f7db0d4a8b5a1dd309f755)]
+- feat(tabs): style tabs for themes without need of secondary and pointing classes [David Ichim - [`2337659`](https://github.com/eea/volto-eea-design-system/commit/233765947f2653b6dd6bf91e85a2c09deb5af5a6)]
+- feat(accordion): style inverted theme version to set bg color to theme color [David Ichim - [`ab1e8df`](https://github.com/eea/volto-eea-design-system/commit/ab1e8df9ea5911a70ee45212213eac4fe0d3611d)]
+
+#### :bug: Bug Fixes
+
+- fix(item): position of text when icon is on top to align on center [David Ichim - [`ce37114`](https://github.com/eea/volto-eea-design-system/commit/ce37114c97f29884080747a4691031ffd66d2ab5)]
+- fix: Fix page layout on edit view when a block has full-with size; Refs #259212 #405 from eea/full-width-edit-mode [ichim-david - [`36820f5`](https://github.com/eea/volto-eea-design-system/commit/36820f5252992eecb27b3a4b5a87a74df6d2c274)]
+- fix: Fix page layout on edit view when a block has full-with size; Refs #259212 [kreafox - [`16c9a55`](https://github.com/eea/volto-eea-design-system/commit/16c9a558118fd312688a8aa8dee6ee2f474664a5)]
+- fix: formatting (stylelint) [kreafox - [`ba35c2e`](https://github.com/eea/volto-eea-design-system/commit/ba35c2e000aa7443670de32f212af3e0c93f5576)]
+- fix: redo changes [kreafox - [`101e957`](https://github.com/eea/volto-eea-design-system/commit/101e95777a40a1c8b3958c90c7f3a44152a48f7c)]
+- fix: Fix page layout on edit view when a block has full-with size; Refs #259212 [kreafox - [`55617e6`](https://github.com/eea/volto-eea-design-system/commit/55617e6ec9ce4930e97fe4a886cbdd36c1bb3941)]
+- fix(accordion): color change of sub accordions due to theme settings on parent [David Ichim - [`f3755ac`](https://github.com/eea/volto-eea-design-system/commit/f3755ac9ffcc5ba5ed9992fbab8fbd5f69dc92ba)]
+- fix(block-chooser): title block order and color because it receives styling from accordion title styles [David Ichim - [`ecc85b2`](https://github.com/eea/volto-eea-design-system/commit/ecc85b2e1fa9bd6809dabf4655afe785e1085473)]
+- fix(tabs): edit active tab background color [David Ichim - [`c5726a4`](https://github.com/eea/volto-eea-design-system/commit/c5726a467a39592415dae2a7e40616cf5a9a0bbf)]
+
+#### :nail_care: Enhancements
+
+- change(storybook): add event date on cards based on volto-listing-block; refs #258288 [kreafox - [`25af204`](https://github.com/eea/volto-eea-design-system/commit/25af204d81c4253c5ca6705b47a893c3f3443cc3)]
+- change(tabs): modified logic for left and right tabs to work without secondary and pointing [David Ichim - [`ac60bc0`](https://github.com/eea/volto-eea-design-system/commit/ac60bc0a282da41fdc36792275807e7625a11076)]
+- change(tabs): vertical menu gets same item size as themes without borders or shadows [David Ichim - [`f2b49ec`](https://github.com/eea/volto-eea-design-system/commit/f2b49ec3bc4358f33f134230f91c18fe36bc95ef)]
+
+#### :house: Internal changes
+
+- chore: husky, lint-staged use fixed versions [valentinab25 - [`59ecb8e`](https://github.com/eea/volto-eea-design-system/commit/59ecb8e28b259472303324f9655b0cbbcbbf9c23)]
+
+#### :hammer_and_wrench: Others
+
+- bump package version preparing for release [David Ichim - [`c3bddab`](https://github.com/eea/volto-eea-design-system/commit/c3bddab1d2aa18b0cc2b1b4d5d9d8a4e437e6e07)]
+- fixed missing comma from accordion selector [David Ichim - [`609f676`](https://github.com/eea/volto-eea-design-system/commit/609f67627c500d5e1d7714d4eb5598f78aafe90d)]
+- prettier and stylelint fix commands [David Ichim - [`82ec097`](https://github.com/eea/volto-eea-design-system/commit/82ec097016b4d3ba06d36ae473151d636b00be6a)]
+- style tabs with situations where we have secondary plus theme classes [David Ichim - [`41ee835`](https://github.com/eea/volto-eea-design-system/commit/41ee8353a43b25095d01c63a3bf9895ab7601b68)]
+- Added color for inverted active  menu [David Ichim - [`457e223`](https://github.com/eea/volto-eea-design-system/commit/457e223dc5a45ae5173fcdd239b89f2cbcc48942)]
+- Added correct color for tab brown option [David Ichim - [`a4e58fe`](https://github.com/eea/volto-eea-design-system/commit/a4e58fefdfb5b35168bf8e514f8c1c1661d46288)]
+- Style inverted secondary menu using css variables: [David Ichim - [`d3a8d7c`](https://github.com/eea/volto-eea-design-system/commit/d3a8d7c65472f9abcc93ccbe13b2c9ca5634266f)]
+- make accordion transformed from rrt_tabs use same color bg as tabs [David Ichim - [`3a1a144`](https://github.com/eea/volto-eea-design-system/commit/3a1a144e5ec1a936db9caa8c1f39af4db4dd7c72)]
+- Tabs to accordion transformation for volto-tabs-block accordion template #256605 #392 from eea/tabs-accordion-transformation-256605 [ichim-david - [`cf7d1ef`](https://github.com/eea/volto-eea-design-system/commit/cf7d1ef6200c898c86598ba7e4a225180faa9537)]
+- test(Card): fix duplicated lines reported by sonarqube [kreafox - [`ef1fc33`](https://github.com/eea/volto-eea-design-system/commit/ef1fc337855049364d7fdc10621c8f4c376815f5)]
+- test(Card): add missing tests for ImageGrid [kreafox - [`5971e01`](https://github.com/eea/volto-eea-design-system/commit/5971e01a2f4f5ba8a180ed2fd38df28d55ad92c0)]
+- test(Card): add Card tests to check correct rendering [kreafox - [`1de5f50`](https://github.com/eea/volto-eea-design-system/commit/1de5f5065a0fa10a931b57fcc4f7831427f897cf)]
+- inverted border should be transparent black instead of black [David Ichim - [`700b9e7`](https://github.com/eea/volto-eea-design-system/commit/700b9e7abef32d5721ea093baa122d8cd4eb5e1b)]
+- implement colors for tabs when using the inverted option, and we still secondary or pointing [David Ichim - [`e3e5fef`](https://github.com/eea/volto-eea-design-system/commit/e3e5fef006ce6ad5dd144a9fb6b8054be9a2a50c)]
+- fix text bounce when using normal tabs due to border size and negative border margin [David Ichim - [`10b7241`](https://github.com/eea/volto-eea-design-system/commit/10b72418ecdf16690eaec229d406969b0eb31336)]
+- Rollback previous change as passing items shorthand does not add ui class [David Ichim - [`ce36c78`](https://github.com/eea/volto-eea-design-system/commit/ce36c789c9289698d7e8a2c0ab54d364a0909b07)]
+- stylelint fix [David Ichim - [`fd4831e`](https://github.com/eea/volto-eea-design-system/commit/fd4831ef31b70bcad8f8b3c49a14b47e857e5e36)]
+- Removed pointing option from vertical tab by default: [David Ichim - [`19d1870`](https://github.com/eea/volto-eea-design-system/commit/19d187037a8aa7d5e2c8dfb518ebf3941d24839f)]
+- fixed color of input within edit page when double-clicking to edit the tab name [David Ichim - [`957e6fd`](https://github.com/eea/volto-eea-design-system/commit/957e6fd5eba3d7b35b8b1a16dbbcef9d732c4e35)]
+- modify tabs story for vertical to still make use of pointing param [David Ichim - [`6963345`](https://github.com/eea/volto-eea-design-system/commit/6963345702c08dd6e1e68dcbf067c9a9ff1502a1)]
+- style tabs menu items for any themes without assumption of pointing or secondary class being present [David Ichim - [`6278457`](https://github.com/eea/volto-eea-design-system/commit/6278457324f7fc4b2c40bdc8c38af708d3950707)]
+- fix test [Dobricean Ioan Dorian - [`6d6e3b9`](https://github.com/eea/volto-eea-design-system/commit/6d6e3b9fa83665dbdff206f0a8e5530c1a128ffe)]
+- add jest test [Dobricean Ioan Dorian - [`cc9533c`](https://github.com/eea/volto-eea-design-system/commit/cc9533c41ef985d394be6b9bb5c776d03a37993c)]
+- add styles for tabs [Dobricean Ioan Dorian - [`8448bf4`](https://github.com/eea/volto-eea-design-system/commit/8448bf4ed60b18a9a28e6e5ef4451fefc141d263)]
+- wip modifying menu classes so that we can use css variables for tab menus [David Ichim - [`f8a55c5`](https://github.com/eea/volto-eea-design-system/commit/f8a55c5ab059de53b66db2f8233fac068d3c96b0)]
+### [1.19.0](https://github.com/eea/volto-eea-design-system/compare/1.18.3...1.19.0) - 13 October 2023
+
+#### :bug: Bug Fixes
+
+- fix(flex-items): flex item variation width incorrectly applied #394 from eea/fix-flex-items-wrapper [ichim-david - [`715580d`](https://github.com/eea/volto-eea-design-system/commit/715580d209fe905274406a73b919249bdcae949b)]
+- fix(top-bar): dropdown overlapping with toolbar dropdown #258324 #398 from eea/fix-z-index [ichim-david - [`a210e8d`](https://github.com/eea/volto-eea-design-system/commit/a210e8d8609e1554d65d51618a0afc190ecc9eae)]
+- fix: z-index for top bar to not show on top of toolbar menu - refs #258324 [Cretu Mihaela - [`3c876b0`](https://github.com/eea/volto-eea-design-system/commit/3c876b01f101e28d2461190011958ad1f05b4ff6)]
+- fix(tests): set volto version [Giorgos Stamatis - [`b6fb28c`](https://github.com/eea/volto-eea-design-system/commit/b6fb28c5837eae4bb1de19c0ed8fb34ffd0a3d54)]
+- fix(general): update Makefile for current stylint syntax [Giorgos Stamatis - [`dc0ab83`](https://github.com/eea/volto-eea-design-system/commit/dc0ab83f969bc314fd187f0f6916f464aed87ebf)]
+- fix(section): flex item variation width incorrectly applied [nileshgulia1 - [`4977cd2`](https://github.com/eea/volto-eea-design-system/commit/4977cd2b8c3a6454d3689066ad77ca1a53c757be)]
+
+#### :house: Internal changes
+
+- chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`f04a1f3`](https://github.com/eea/volto-eea-design-system/commit/f04a1f3563a775398359059bbaf26a9b85a1c748)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.19.0 [Alin Voinea - [`ac2f8bf`](https://github.com/eea/volto-eea-design-system/commit/ac2f8bf7aae10de84b7010fa4eecd362662defea)]
+- change z-index value [Cretu Mihaela - [`7ef735e`](https://github.com/eea/volto-eea-design-system/commit/7ef735e6051e2f8647f4ba61c4a6d6ddf7e04bd0)]
+- Update Makefile to fix Volto version pin and stylelint command #396 from eea/makefile-fix-stylint [ichim-david - [`159071e`](https://github.com/eea/volto-eea-design-system/commit/159071eb14dff6d0cca511b75e308c4f736a65d1)]
+- Fix missing label for footer site links [ichim-david - [`5703042`](https://github.com/eea/volto-eea-design-system/commit/570304298b26d2a3f35f1f510078941156f5e045)]
 ### [1.18.3](https://github.com/eea/volto-eea-design-system/compare/1.18.2...1.18.3) - 29 September 2023
 
 #### :house: Documentation changes
@@ -79,7 +161,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)]
@@ -189,7 +270,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
@@ -228,7 +308,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
 
@@ -562,7 +641,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)]
@@ -633,7 +711,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
@@ -830,7 +907,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
 
@@ -888,7 +964,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
@@ -920,7 +995,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)]
@@ -1008,7 +1082,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
@@ -1101,7 +1174,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)]
@@ -1203,7 +1275,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)]
@@ -1238,7 +1309,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
 
@@ -1994,10 +2064,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
@@ -2422,7 +2488,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)]
@@ -2509,7 +2574,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)]
@@ -3078,7 +3142,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/RELEASE.md

@@ -20,9 +20,9 @@ You need to first install the [release-it](https://github.com/release-it/release
    ```
    npm install -g release-it
    ```
-   
+
 Release-it uses the configuration written in the [`.release-it.json`](./.release-it.json) file located in the root of the repository.
-   
+
 Release-it is a tool that automates 4 important steps in the release process:
 
 1. Version increase in `package.json` ( increased from the current version in `package.json`)
@@ -30,45 +30,45 @@ Release-it is a tool that automates 4 important steps in the release process:
 3. GitHub release on the commit with the changelog and package.json modification on the develop branch
 4. NPM release ( by default it's disabled, but can be enabled in the configuration file )
 
-To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens) 
+To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens)
 
    ```
    export GITHUB_TOKEN=XXX-XXXXXXXXXXXXXXXXXXXXXX
    ```
- 
+
  To configure npm, you can use the `npm login` command or use a configuration file with a TOKEN :
- 
+
    ```
    echo "//registry.npmjs.org/:_authToken=YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY" > .npmrc
    ```
 
 #### Using release-it tool
-  
+
 There are 3 yarn scripts that can be run to do the release
 
 ##### yarn release-beta
 
-Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input). 
+Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input).
 
 ```
-? Select increment (next version): 
-❯ prepatch (0.1.1-beta.0) 
-  preminor (0.2.0-beta.0) 
-  premajor (1.0.0-beta.0) 
-  Other, please specify... 
+? Select increment (next version):
+❯ prepatch (0.1.1-beta.0)
+  preminor (0.2.0-beta.0)
+  premajor (1.0.0-beta.0)
+  Other, please specify...
 ```
 
 ##### yarn release-major-beta
 
 Same as `yarn release-beta`, but with premajor version pre-selected.
-    
+
 ##### yarn release
 
 Generic command, does not automatically add the `beta` to version, but you can still manually write it if you choose Other.
 
 #### Important notes
 
-> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.  
+> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.
 
 > Do not keep Pull Requests from develop to master branches open when you are doing beta releases from the develop branch. As long as a PR to master is open, an automatic script will run on every commit and will update both the version and the changelog to a production-ready state - ( MAJOR.MINOR.PATCH mandatory format for version).
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.18.3",
+  "version": "1.20.0",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -32,8 +32,8 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "husky": "*",
-    "lint-staged": "*",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
     "md5": "^2.3.0"
   },
   "lint-staged": {

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

@@ -8,72 +8,90 @@ import 'slick-carousel/slick/slick-theme.css';
 const tabletBreakpoint = 835;
 const mobileBreakpoint = 480;
 
-let cardModels = [
-  {
-    title: 'Economy and resources',
-    imgUrl:
-      'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
-    description:
-      'The economy plays a vital role in our lives by providing access to employment, ' +
+const createCardModel = (
+  title,
+  imgUrl,
+  description,
+  meta,
+  metaRight,
+  eventDate,
+  href,
+) => {
+  return {
+    title: title,
+    imgUrl: imgUrl,
+    description: description,
+    meta: meta,
+    metaRight: metaRight,
+    eventDate: eventDate,
+    href: href,
+  };
+};
+
+const cardData = [
+  [
+    'Economy and resources',
+    'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
+    'The economy plays a vital role in our lives by providing access to employment, ' +
       'products and services that help us thrive. Unfortunately, with its key sectors like agriculture,' +
       ' energy and transport, our economy also harms the environment and causes climate change. ' +
       'Europe needs a circular, carbon-neutral and zero-pollution economy. ',
-    meta: 'Article',
-    metaRight: '20/05/2022',
-    href: '/#',
-  },
-  {
-    title: 'Health',
-    imgUrl:
-      'https://www.eea.europa.eu/en/topics/at-a-glance/health/@@images/image/preview',
-    description:
-      'By improving air, water, and soil quality and limiting pollution released to nature, ' +
+    'Article',
+    '20/05/2022',
+    '15/10/2023',
+    '/#',
+  ],
+  [
+    'Health',
+    'https://www.eea.europa.eu/en/topics/at-a-glance/health/@@images/image/preview',
+    'By improving air, water, and soil quality and limiting pollution released to nature, ' +
       'the EU has significantly contributed to enhancing human health in the last five ' +
       'decades. Yet, many vulnerable groups continue to be impacted by environmental ' +
       'degradation and climate change. Further improvements can help keep Europeans ' +
       'healthier and better equipped to cope with climate change impacts.',
-    meta: 'Article',
-    metaRight: '30/06/2023',
-    href: '/#',
-  },
-  {
-    title: 'Nature',
-    imgUrl:
-      'https://www.eea.europa.eu/en/topics/at-a-glance/nature/@@images/image/preview',
-    description:
-      'Europe’s nature is filled with forests, mountains, vast plains, long rivers, deep blue seas and ' +
+    'Article',
+    '30/06/2023',
+    '03/08/2023',
+    '/#',
+  ],
+  [
+    'Nature',
+    'https://www.eea.europa.eu/en/topics/at-a-glance/nature/@@images/image/preview',
+    "Europe's nature is filled with forests, mountains, vast plains, long rivers, deep blue seas and " +
       'refreshing lakes. But it also is under threat. Unsustainable farming and forestry practices, ' +
       'pollution, climate change and invasive species are stressing and destabilising all natural ' +
       'systems in Europe. The result is a biodiversity crisis. The EU is taking steps to protect and restore nature.',
-    meta: 'Article',
-    metaRight: '10/04/2022',
-    href: '/#',
-  },
-  {
-    title: 'Climate',
-    meta: 'Article',
-    imgUrl:
-      'https://www.eea.europa.eu/en/topics/at-a-glance/climate/@@images/image/preview',
-    description:
-      'Climate change affects us all and is accelerating. Its impacts will become even more severe if ' +
+    'Article',
+    '10/04/2022',
+    '18/05/2023',
+    '/#',
+  ],
+  [
+    'Climate',
+    'https://www.eea.europa.eu/en/topics/at-a-glance/climate/@@images/image/preview',
+    'Climate change affects us all and is accelerating. Its impacts will become even more severe if ' +
       'the increase in global temperature is not kept below 1.5°C. The EU and its Member States are ' +
       'taking important steps to rapidly reduce greenhouse gas emissions and adapt to climate change.',
-    href: '/#',
-  },
-  {
-    title: "State of Europe's environment",
-    imgUrl:
-      'https://www.eea.europa.eu/en/topics/at-a-glance/state-of-europes-environment/@@images/image/preview',
-    description:
-      'EU environment and climate policies have delivered substantial benefits over recent ' +
+    'Article',
+    '20/06/2022',
+    '15/03/2024',
+    '/#',
+  ],
+  [
+    "State of Europe's environment",
+    'https://www.eea.europa.eu/en/topics/at-a-glance/state-of-europes-environment/@@images/image/preview',
+    'EU environment and climate policies have delivered substantial benefits over recent ' +
       'decades, such as cleaner air and water. Nevertheless, Europe, as well as the rest ' +
       'of the globe, is facing environmental challenges of unprecedented scale and urgency.',
-    meta: 'Article',
-    metaRight: '16/03/2022',
-    href: '/#',
-  },
+    'Article',
+    '16/03/2022',
+    '13/01/2024',
+    '/#',
+  ],
 ];
 
+const cardModels = cardData.map((card) => createCardModel(...card));
+
 export default {
   title: 'Components/Card/Default',
   component: Card,
@@ -166,6 +184,15 @@ export default {
         defaultValue: { summary: '2' },
       },
     },
+    eventDate: {
+      name: 'Event date',
+      control: { type: 'boolean' },
+      table: {
+        category: 'Content',
+        defaultValue: { summary: 'false' },
+        type: { summary: 'boolean' },
+      },
+    },
     cards: {
       name: 'Cards content',
       table: {
@@ -192,6 +219,17 @@ const MetaRight = (args) => (
   <span className="bold text-right">{args.metaRight}</span>
 );
 
+const EventDate = (args) => (
+  <>
+    {args.eventDate && (
+      <span className="event-date">
+        <Icon className="ri-calendar-line" />
+        <span>{args.eventDate}</span>
+      </span>
+    )}
+  </>
+);
+
 const CardTemplate = ({
   variant,
   inverted,
@@ -201,6 +239,7 @@ const CardTemplate = ({
   objectPosition,
   titleMaxLines,
   maxLines,
+  eventDate,
   fluid,
   card,
 }) => (
@@ -244,6 +283,9 @@ const CardTemplate = ({
         ''
       )}
 
+      {/* Event date */}
+      {eventDate && <EventDate {...card} />}
+
       {/* Description */}
       <Card.Description>{card.description}</Card.Description>
     </Card.Content>
@@ -276,6 +318,7 @@ Default.args = {
   objectPosition: 'center',
   titleMaxLines: '2',
   maxLines: '2',
+  eventDate: false,
   numberOfCards: 1,
   fluid: false,
   cards: [...cardModels],
@@ -302,6 +345,7 @@ CardGrid.args = {
   objectPosition: 'center',
   titleMaxLines: '2',
   maxLines: '2',
+  eventDate: false,
   fluid: true,
   numberOfCards: 5,
   cards: [...cardModels],
@@ -363,6 +407,11 @@ ImageGrid.argTypes = {
       disable: true,
     },
   },
+  eventDate: {
+    table: {
+      disable: true,
+    },
+  },
   maxLines: {
     table: {
       disable: true,
@@ -391,6 +440,7 @@ FluidGrid.args = {
   titleMaxLines: '2',
   maxLines: '2',
   numberOfCards: 3,
+  eventDate: false,
   fluid: true,
   cards: [...cardModels],
 };
@@ -481,6 +531,7 @@ CarouselCards.args = {
   objectPosition: 'center',
   titleMaxLines: '2',
   maxLines: '2',
+  eventDate: false,
   fluid: true,
   settings: {
     dots: true,
@@ -534,6 +585,7 @@ const TeaserCard = ({
   titleMaxLines,
   fluid,
   maxLines,
+  eventDate,
   card,
 }) => (
   <div className="column grid-block-teaser">
@@ -571,6 +623,7 @@ const TeaserCard = ({
             <div className="header">
               <a href={card.href}>{card.title}</a>
             </div>
+            {eventDate && <EventDate {...card} />}
             <Card.Description>{card.description}</Card.Description>
           </div>
         )}
@@ -612,6 +665,7 @@ TeaserCardGrid.args = {
   objectPosition: 'center',
   titleMaxLines: '2',
   maxLines: '2',
+  eventDate: false,
   fluid: true,
   numberOfCards: 3,
   cards: [...cardModels],