diff --git a/CHANGELOG.md b/CHANGELOG.md
index d1389b235d..cf70a698c7 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,12 +4,130 @@ 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).
 
+#### [0.2.2](https://github.com/eea/volto-eea-design-system/compare/0.2.1...0.2.2)
+
+- fix(volto): various fixes for issues presented in ticket  #147629 [`#150`](https://github.com/eea/volto-eea-design-system/pull/150)
+- [R2] Card [updated for R3] [`#152`](https://github.com/eea/volto-eea-design-system/pull/152)
+- [R2] Ordered list [`#144`](https://github.com/eea/volto-eea-design-system/pull/144)
+- change(button): modified buttons to use default semantic ui button classification [`#149`](https://github.com/eea/volto-eea-design-system/pull/149)
+-  refactor(keyContent): update based on figma design [`#126`](https://github.com/eea/volto-eea-design-system/pull/126)
+-  feat(Toggle): create toggle story in forms [`#145`](https://github.com/eea/volto-eea-design-system/pull/145)
+-  refactor(loader): Cleanup the default loader [`#146`](https://github.com/eea/volto-eea-design-system/pull/146)
+- [R2] Timeline [`#147`](https://github.com/eea/volto-eea-design-system/pull/147)
+- Autobuild of docusaurus docs [`06e7103`](https://github.com/eea/volto-eea-design-system/commit/06e7103c0973bebc4112c3d8a1e52a4d1932518b)
+- Autobuild of docusaurus docs [`e182730`](https://github.com/eea/volto-eea-design-system/commit/e182730119c2eb206908cd0c158a2af7fed7655c)
+- Autobuild of docusaurus docs [`9e5172a`](https://github.com/eea/volto-eea-design-system/commit/9e5172ac2bb36766077aeb4f15f95f3c6ca6e98d)
+- refactor(card): import image for rounded card [`ca5a47e`](https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f)
+- refactor(card): update rounded card image path [`8db3a85`](https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3)
+- fix(dropdown): being hidden because of third party css [`7d353df`](https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8)
+- change(breadcrumb): brought back pastanaga overrides to breadcrumbs [`bca1c93`](https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643)
+- fix(form): added back overrides from Pastanaga theme [`a3f7ff8`](https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c)
+- Autobuild of docusaurus docs [`2415149`](https://github.com/eea/volto-eea-design-system/commit/2415149325ee94345ef0711aeb4b34660e7250cb)
+- change(progress,label): color accessibility fixes  #151 [`09cf6e3`](https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86)
+- refactor(card): remove story [`afc5f79`](https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740)
+- refactor(card): use the rounded class for avatar grid [`8c000f3`](https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442)
+- change(button): bumped z-index of sidenav expand button [`445ed8a`](https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6)
+- fix(modal): overflow hidden as clearfix of last child from modal [`b4923f5`](https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909)
+- fix(addForm): add min height to add form and fixed block chooser overflow [`ca4415d`](https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776)
+- refactor(card): add card grid fluid story with no columns [`f38251c`](https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb)
+- refactor(card): remove stories [`0deb0ca`](https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f)
+- Autobuild of docusaurus docs [`41ad3f7`](https://github.com/eea/volto-eea-design-system/commit/41ad3f72174a3d8abc7f0257a70b58a9ef943fe8)
+- change(button): show only labeled variant for buttons with icons [`bf49944`](https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e)
+- refactor(card) Update rounded card class [`140b587`](https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4)
+- refactor(card): Rename variables from avatar  to rounded [`be01316`](https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46)
+- fixed js syntax error from previous commit [`37dc1f5`](https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2)
+- fix(button): labeled class needs to be placed after left or right keyword [`53d1204`](https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f)
+- change(button): simplified storybook naming and examples [`9a7df4f`](https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b)
+- change(button): text button now has an underline with a focus border like other buttons [`cdd9043`](https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89)
+- refactor(card):tertiary variation minor story update [`87b8dca`](https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205)
+- refactor(card):delete publication card variables & overrides files [`6be8a03`](https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0)
+- refactor(card): move avatarGrid & relatedContent to Card folder [`1959d52`](https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd)
+- refactor(card):delete publication card folder & story [`68bf773`](https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2)
+- refactor(card):organize controls and minor bug fixes [`f3f6e35`](https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9)
+- refactor(card):use jsx extension [`413d328`](https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e)
+- refactor(card):delete primary and secondary card stories [`1f95d22`](https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8)
+- refactor(card): add card class control [`68c91a9`](https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698)
+- refactor(card): update card variation grids path [`756589c`](https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903)
+- refactor(card): minor fixes [`3a880d7`](https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939)
+- refactor(List):change styles to match with the tags lists are rendered [`2673890`](https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7)
+- refactor(List):render ordered list with ol,li tags [`87813c1`](https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0)
+- refactor(List):render description list with dl,dt,dd tags [`ec669a7`](https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb)
+- refactor(List):render default list with dl & dt tags [`ece2280`](https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f)
+- refactor(card): prettier fixes [`e10e3d6`](https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070)
+- refactor(card): add styles for card variations [`7407bd3`](https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996)
+- refactor(card): add card variations [`e16d05b`](https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f)
+- lint fixes [`a68866d`](https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281)
+- change(button): simplified button styling [`fe892d6`](https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021)
+- Autobuild of docusaurus docs [`d1c269f`](https://github.com/eea/volto-eea-design-system/commit/d1c269f2f0413a112ee30ef9ac1c4f412129c898)
+- Autobuild of docusaurus docs [`958dd41`](https://github.com/eea/volto-eea-design-system/commit/958dd4193fa29bc84ef5c47ddfb81124ed98966c)
+- Autobuild of docusaurus docs [`4f93966`](https://github.com/eea/volto-eea-design-system/commit/4f93966df8d4505f35065c9d82b918886a5ad787)
+- refactor(avatar): add variable for image border radius [`c23341c`](https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e)
+- Autobuild of docusaurus docs [`72e6643`](https://github.com/eea/volto-eea-design-system/commit/72e66439261a4a11bd4c672e8e39fbb50738608f)
+- change(button): primary color is blue and secondary is green [`53e0a0c`](https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846)
+- refactor(progress): update colors for accessibility [`ea2f454`](https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c)
+- refactor(progress): add container to story [`dfb33bb`](https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba)
+- refactor(label): add container to story [`565101f`](https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6)
+- fix(label): update highlight label color [`d55bbb0`](https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748)
+- refactor(list): remove horizontal control [`1f5e576`](https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad)
+- doco(list): update Ordered List showcase [`75e40bf`](https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3)
+- refactor(Timeline): change storybook timeline colors to fix accessibility issues [`79da8dc`](https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753)
+- refactor(DescriptionList): add container to story [`d647c1a`](https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972)
+- refactor(DefaultList): add container to story [`f971193`](https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69)
+- refactor(UnorderedList): update list as ul, list items as li and add container to strory [`2c096e1`](https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c)
+- style(OrderedList): prettier fixes [`ed95e4d`](https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d)
+- fix(OrderedList): adjust margins to fourth sublists [`663d384`](https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7)
+- refactor(OrderedList): rename TOC to Ordered List and add container to the story [`e00c4db`](https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b)
+- Next relese: 0.2.2 [`b3fb40f`](https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e)
+- change(button): basic button is again without padding, border and background [`5a907c7`](https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d)
+- fix(OrderedList) : add list only if sub list exists [`8acbc8d`](https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f)
+- refactor(OrderedList) : change table of contents story to ordered list [`cb6197c`](https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959)
+- change(button): basic icon buttons no longer have box shadows [`c2f3ea3`](https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7)
+- change(buttons): modified basic and circular variant behavior [`c06fed9`](https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8)
+- change(button): added back button.overrides from pastanaga theme [`3b55acb`](https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053)
+- change(segment): restore light grey background color for secondary segments [`8716b08`](https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c)
+- refactor(RelatedContent):delete publication card component [`2ed0ed4`](https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea)
+- refactor(RelatedContent):change to use new card variant instead of publication card component [`7cf424a`](https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905)
+- fix(RelatedContent):fix merge conflict [`adc34bf`](https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f)
+- refactor(PublicationCard):remake publication card to be a semantic card variation [`5a0c6ab`](https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391)
+- chore(Avatar) : add container to stories [`41b748c`](https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2)
+- refactor(Avatar) : remake avatar as card variant [`ea77cdd`](https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412)
+- refactor(progress): update value color for accessibility error [`6fc76f8`](https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef)
+- refactor(Avatar) : convert avatar component to card variation [`2004a94`](https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8)
+- perf(eol): lf fix [`19235e5`](https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900)
+- perf(eol): lf fix [`7054b20`](https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1)
+- perf(eol): linux eol [`6e0bb30`](https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425)
+- refactor(publicationCard): update tag and name variables [`c109ad9`](https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d)
+- refactor(relatedContent): adjust column paddings [`8a1520d`](https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e)
+- fix(tab): restore mobile font sizes [`58f39be`](https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44)
+- perf(eol): change to LF [`c71e42e`](https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940)
+- fix(publicationCard): restore line endings [`582859e`](https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a)
+- refactor(publicationCard): replace px with rems [`53bf8da`](https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a)
+- refactor(avatarGrid): update less variables and layer structure [`db554a8`](https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455)
+- refactor(avatar): update less variables and layer structure [`f965db1`](https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91)
+- fix(avatar) : fix naming convention for arg [`84fc5fa`](https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26)
+- refactor(Timeline):change timeline icons [`b2fe0bf`](https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472)
+- refactor(storybook): clear up code [`3ada154`](https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594)
+- refactor(Related Content):show button when there are more hidden cards [`57ff1c8`](https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0)
+- refactor(less variables): change card description line number per device [`6946fda`](https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290)
+- refactor(PublicationCard):remove link wrapper [`5911a0d`](https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa)
+- refactor(storybook): add story with related content inside of a tab [`dca008a`](https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357)
+- refactor(storybook): add publication cards stories with longer description [`37adefa`](https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc)
+- fix(publication card): run prettier [`81a5bfc`](https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a)
+- refactor(less variables): publication card style changes [`c5a84e9`](https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45)
+- refactor(storybook): add publication card story with different description sizes [`23af97b`](https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5)
+- refactor(less variables): change publication card height per viewport [`d7a5256`](https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd)
+- refactor(less variables): add less to related content [`e1a5543`](https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d)
+- refactor(Related Content): change in grid and add see all button [`955450e`](https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705)
+- refactor(Related Content): change in related content grid [`bf856ce`](https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9)
+
 #### [0.2.1](https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1)
 
+> 8 April 2022
+
+- Release 0.2.1 [`#143`](https://github.com/eea/volto-eea-design-system/pull/143)
 - refactor(loader): Revert changes to semantic ui / volto defaults [`#142`](https://github.com/eea/volto-eea-design-system/pull/142)
 - 1.10 release #140 [`#141`](https://github.com/eea/volto-eea-design-system/pull/141)
 - Autobuild of docusaurus docs [`d632472`](https://github.com/eea/volto-eea-design-system/commit/d63247239c8150075363871616652a99148509b0)
-- Release 0.2.1 [`9f89d9d`](https://github.com/eea/volto-eea-design-system/commit/9f89d9d60ef259c5b5a7300ccde1e524eb4fa4d7)
 - Autobuild of docusaurus docs [`af3f50d`](https://github.com/eea/volto-eea-design-system/commit/af3f50d17ad8266329c1bccd18d638f2617d722d)
 - cleanup(loader): Remove useless HTML [`d1d180c`](https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22)
 - fix(version): Switch to 2.0.0.alpha.1 [`83b8b8e`](https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9)
diff --git a/Jenkinsfile b/Jenkinsfile
index b7bdc630cc..8bb89275e2 100644
--- a/Jenkinsfile
+++ b/Jenkinsfile
@@ -192,10 +192,10 @@ pipeline {
             unstash "xunit-reports"
             unstash "cypress-coverage"
             def scannerHome = tool 'SonarQubeScanner';
-            def nodeJS = tool 'NodeJS11';
+            def nodeJS = tool 'NodeJS';
             withSonarQubeEnv('Sonarqube') {
               sh '''sed -i "s#/opt/frontend/my-volto-project/src/addons/${GIT_NAME}/##g" xunit-reports/coverage/lcov.info'''
-              sh "export PATH=$PATH:${scannerHome}/bin:${nodeJS}/bin; sonar-scanner -Dsonar.javascript.lcov.reportPaths=./xunit-reports/coverage/lcov.info,./cypress-coverage/coverage/lcov.info -Dsonar.sources=./src -Dsonar.projectKey=$GIT_NAME-$BRANCH_NAME -Dsonar.projectVersion=$BRANCH_NAME-$BUILD_NUMBER"
+              sh "export PATH=${scannerHome}/bin:${nodeJS}/bin:$PATH; sonar-scanner -Dsonar.javascript.lcov.reportPaths=./xunit-reports/coverage/lcov.info,./cypress-coverage/coverage/lcov.info -Dsonar.sources=./src -Dsonar.projectKey=$GIT_NAME-$BRANCH_NAME -Dsonar.projectVersion=$BRANCH_NAME-$BUILD_NUMBER"
               sh '''try=2; while [ \$try -gt 0 ]; do curl -s -XPOST -u "${SONAR_AUTH_TOKEN}:" "${SONAR_HOST_URL}api/project_tags/set?project=${GIT_NAME}-${BRANCH_NAME}&tags=${SONARQUBE_TAGS},${BRANCH_NAME}" > set_tags_result; if [ \$(grep -ic error set_tags_result ) -eq 0 ]; then try=0; else cat set_tags_result; echo "... Will retry"; sleep 60; try=\$(( \$try - 1 )); fi; done'''
             }
           }
diff --git a/docs/404.html b/docs/404.html
index 9224c2079a..de1070fafc 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Page Not Found | EEA Design System</title><meta data-react-helmet="true" property="og:title" content="Page Not Found | EEA Design System"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/404.html"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_tag" content="default"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/404.html"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/404.html" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/404.html" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper"><main class="container margin-vert--xl"><div class="row"><div class="col col--6 col--offset-3"><h1 class="hero__title">Page Not Found</h1><p>We could not find what you were looking for.</p><p>Please contact the owner of the site that linked you to the original URL and let them know their link is broken.</p></div></div></main></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/assets/js/41d5c757.51125545.js b/docs/assets/js/41d5c757.51125545.js
deleted file mode 100644
index e2c9249f18..0000000000
--- a/docs/assets/js/41d5c757.51125545.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6245],{3905:function(e,a,t){t.d(a,{Zo:function(){return d},kt:function(){return p}});var i=t(7294);function n(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);a&&(i=i.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?o(Object(t),!0).forEach((function(a){n(e,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}))}return e}function r(e,a){if(null==e)return{};var t,i,n=function(e,a){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],a.indexOf(t)>=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],a.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var l=i.createContext({}),c=function(e){var a=i.useContext(l),t=a;return e&&(t="function"==typeof e?e(a):m(m({},a),e)),t},d=function(e){var a=c(e.components);return i.createElement(l.Provider,{value:a},e.children)},s={inlineCode:"code",wrapper:function(e){var a=e.children;return i.createElement(i.Fragment,{},a)}},f=i.forwardRef((function(e,a){var t=e.components,n=e.mdxType,o=e.originalType,l=e.parentName,d=r(e,["components","mdxType","originalType","parentName"]),f=c(t),p=n,b=f["".concat(l,".").concat(p)]||f[p]||s[p]||o;return t?i.createElement(b,m(m({ref:a},d),{},{components:t})):i.createElement(b,m({ref:a},d))}));function p(e,a){var t=arguments,n=a&&a.mdxType;if("string"==typeof e||n){var o=t.length,m=new Array(o);m[0]=f;var r={};for(var l in a)hasOwnProperty.call(a,l)&&(r[l]=a[l]);r.originalType=e,r.mdxType="string"==typeof e?e:n,m[1]=r;for(var c=2;c<o;c++)m[c]=t[c];return i.createElement.apply(null,m)}return i.createElement.apply(null,t)}f.displayName="MDXCreateElement"},247:function(e,a,t){t.r(a),t.d(a,{contentTitle:function(){return l},default:function(){return f},frontMatter:function(){return r},metadata:function(){return c},toc:function(){return d}});var i=t(7462),n=t(3366),o=(t(7294),t(3905)),m=["components"],r={title:"What's new"},l=void 0,c={unversionedId:"whatsnew",id:"whatsnew",title:"What's new",description:"All notable changes to this project will be documented in this file. Dates are displayed in UTC.",source:"@site/docs/2-whatsnew.md",sourceDirName:".",slug:"/whatsnew",permalink:"/volto-eea-design-system/docs/whatsnew",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"What's new"},sidebar:"sidebar",previous:{title:"Getting started",permalink:"/volto-eea-design-system/docs/getting-started"},next:{title:"Intro",permalink:"/volto-eea-design-system/docs/Guidelines/intro"}},d=[{value:"Unreleased - 2022-04-08T13:18:59.059Z",id:"unreleased---2022-04-08t131859059z",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",children:[],level:4}],level:3},{value:"0.2.0 - 2022-04-04",id:"020---2022-04-04",children:[{value:"\ud83d\ude80 New Features",id:"-new-features",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",children:[],level:4}],level:3},{value:"0.1.9 - 2022-03-25",id:"019---2022-03-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-1",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",children:[],level:4}],level:3},{value:"0.1.8 - 2022-03-18",id:"018---2022-03-18",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-3",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-2",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",children:[],level:4}],level:3},{value:"0.1.7 - 2022-03-15",id:"017---2022-03-15",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-4",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",children:[],level:4}],level:3},{value:"0.1.6 - 2022-03-11",id:"016---2022-03-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-3",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",children:[],level:4}],level:3},{value:"0.1.5 - 2022-03-08",id:"015---2022-03-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-4",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-6",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",children:[],level:4}],level:3},{value:"0.1.4-beta.0 - 2022-02-25",id:"014-beta0---2022-02-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-5",children:[],level:4}],level:3},{value:"0.1.3 - 2022-02-25",id:"013---2022-02-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",children:[],level:4}],level:3},{value:"0.1.2 - 2022-02-17",id:"012---2022-02-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-6",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-8",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",children:[],level:4}],level:3},{value:"0.1.2-beta.2 - 2022-01-03",id:"012-beta2---2022-01-03",children:[],level:3},{value:"0.1.2-beta.1 - 2021-12-22",id:"012-beta1---2021-12-22",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",children:[],level:4}],level:3},{value:"0.1.2-beta.0 - 2021-12-18",id:"012-beta0---2021-12-18",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",children:[],level:4}],level:3},{value:"0.1.1 - 2021-12-16",id:"011---2021-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",children:[],level:4}],level:3},{value:"0.1.1-beta.0 - 2021-12-09",id:"011-beta0---2021-12-09",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",children:[],level:4}],level:3},{value:"0.1.0 - 2021-11-17",id:"010---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",children:[],level:4}],level:3},{value:"0.0.1 - 2021-11-17",id:"001---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-15",children:[],level:4}],level:3}],s={toc:d};function f(e){var a=e.components,t=(0,n.Z)(e,m);return(0,o.kt)("wrapper",(0,i.Z)({},s,t,{components:a,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"All notable changes to this project will be documented in this file. Dates are displayed in UTC."),(0,o.kt)("p",null,"Generated by ",(0,o.kt)("a",{parentName:"p",href:"https://github.com/CookPete/auto-changelog"},(0,o.kt)("inlineCode",{parentName:"a"},"auto-changelog")),"."),(0,o.kt)("h3",{id:"unreleased---2022-04-08t131859059z"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.0...HEAD"},"Unreleased")," - 2022-04-08T13:18:59.059Z"),(0,o.kt)("h4",{id:"-bug-fixes"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(version): Switch to 2.0.0.alpha.1 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9"},(0,o.kt)("inlineCode",{parentName:"a"},"83b8b8e")))),(0,o.kt)("h4",{id:"\ufe0f-others"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"cleanup(loader): Remove useless HTML ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22"},(0,o.kt)("inlineCode",{parentName:"a"},"d1d180c"))),(0,o.kt)("li",{parentName:"ul"},"Release 0.2.1 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f89d9d60ef259c5b5a7300ccde1e524eb4fa4d7"},(0,o.kt)("inlineCode",{parentName:"a"},"9f89d9d")))),(0,o.kt)("h3",{id:"020---2022-04-04"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0"},"0.2.0")," - 2022-04-04"),(0,o.kt)("h4",{id:"-new-features"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(card) : add new default card color-schme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75"},(0,o.kt)("inlineCode",{parentName:"a"},"965adea"))),(0,o.kt)("li",{parentName:"ul"},"feat(label): Handle slate links and footnotes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068"},(0,o.kt)("inlineCode",{parentName:"a"},"f382431")))),(0,o.kt)("h4",{id:"-bug-fixes-1"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(buttons,toggles): border and background color when active 147629 #139 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba"},(0,o.kt)("inlineCode",{parentName:"a"},"ea36f31"))),(0,o.kt)("li",{parentName:"ul"},"fix(checkboxes): background color when they are toggles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449"},(0,o.kt)("inlineCode",{parentName:"a"},"4b6ab67"))),(0,o.kt)("li",{parentName:"ul"},"fix(buttons): border set on basic buttons appearing on svg elements of Volto UI ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951"},(0,o.kt)("inlineCode",{parentName:"a"},"69ca73f"))),(0,o.kt)("li",{parentName:"ul"},"fix(label): Zotero/Footnotes inside label ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786"},(0,o.kt)("inlineCode",{parentName:"a"},"0ee4d58"))),(0,o.kt)("li",{parentName:"ul"},"fix(card) : add control for image url in storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1"},(0,o.kt)("inlineCode",{parentName:"a"},"b28e530"))),(0,o.kt)("li",{parentName:"ul"},"fix(less variables):change font family ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1"},(0,o.kt)("inlineCode",{parentName:"a"},"e4bca9e"))),(0,o.kt)("li",{parentName:"ul"},"fix(storybook):minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c"},(0,o.kt)("inlineCode",{parentName:"a"},"9fc53bc"))),(0,o.kt)("li",{parentName:"ul"},"fix(tag): fixes merged theme config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1"},(0,o.kt)("inlineCode",{parentName:"a"},"eb30363"))),(0,o.kt)("li",{parentName:"ul"},"fix(Banner): prop types fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3"},(0,o.kt)("inlineCode",{parentName:"a"},"a270e5b")))),(0,o.kt)("h4",{id:"-enhancements"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(tag): splits Tags component to TagList and tag, changes default tags style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445"},(0,o.kt)("inlineCode",{parentName:"a"},"78a5f8c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):add banner share pop up in banner story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234"},(0,o.kt)("inlineCode",{parentName:"a"},"c9688b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): remove classes and actions that add background color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406"},(0,o.kt)("inlineCode",{parentName:"a"},"ce9b6f9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):change banner's image wrapper implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc"},(0,o.kt)("inlineCode",{parentName:"a"},"9153dd1"))),(0,o.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.10.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621"},(0,o.kt)("inlineCode",{parentName:"a"},"7e984c1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): align cards and images, update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98"},(0,o.kt)("inlineCode",{parentName:"a"},"d47c978"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add class inverted for default card ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f"},(0,o.kt)("inlineCode",{parentName:"a"},"919a56e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): changes component name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2"},(0,o.kt)("inlineCode",{parentName:"a"},"e1db068"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): changes color metallicBlue to bottleGreen ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c"},(0,o.kt)("inlineCode",{parentName:"a"},"e4b68ac"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): change tag list mobile view ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13"},(0,o.kt)("inlineCode",{parentName:"a"},"fcded3d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tagList): update story to not use tag color classes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9"},(0,o.kt)("inlineCode",{parentName:"a"},"8b5b61b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd"},(0,o.kt)("inlineCode",{parentName:"a"},"ff8c352"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner): add metadata field sub component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5"},(0,o.kt)("inlineCode",{parentName:"a"},"327b7e7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): add and adjust remix icon for banner action ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56"},(0,o.kt)("inlineCode",{parentName:"a"},"1bf3ffa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): replace px with rem and adjust share popup padding ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c"},(0,o.kt)("inlineCode",{parentName:"a"},"a568329"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):add type class to metadata field and apply styles to it ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23"},(0,o.kt)("inlineCode",{parentName:"a"},"86a2866"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables):change tag list styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b"},(0,o.kt)("inlineCode",{parentName:"a"},"8670087"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): share items display flex on desktop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b"},(0,o.kt)("inlineCode",{parentName:"a"},"3ff8684"))),(0,o.kt)("li",{parentName:"ul"},"change(banner): added background gradient, share popup, metadata show and hide  #136 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518"},(0,o.kt)("inlineCode",{parentName:"a"},"2f5dcca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13"},(0,o.kt)("inlineCode",{parentName:"a"},"570ee1e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tags): removes hardcoded ':' ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c"},(0,o.kt)("inlineCode",{parentName:"a"},"ea58e86"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): remove card border ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb"},(0,o.kt)("inlineCode",{parentName:"a"},"bc77739")))),(0,o.kt)("h4",{id:"-internal-changes"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(card) : add lint and prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156"},(0,o.kt)("inlineCode",{parentName:"a"},"9d9a773"))),(0,o.kt)("li",{parentName:"ul"},"style(tag): remove comments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286"},(0,o.kt)("inlineCode",{parentName:"a"},"501fcdf"))),(0,o.kt)("li",{parentName:"ul"},"style(tag): stylelint and prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063"},(0,o.kt)("inlineCode",{parentName:"a"},"08b6386")))),(0,o.kt)("h4",{id:"\ufe0f-others-1"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"1.10 release #140 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f"},(0,o.kt)("inlineCode",{parentName:"a"},"88d3339"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7"},(0,o.kt)("inlineCode",{parentName:"a"},"328ef2c"))),(0,o.kt)("li",{parentName:"ul"},"undo changes to Header.jsx committed wrongly in 4b6ab ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0"},(0,o.kt)("inlineCode",{parentName:"a"},"bfc4c51"))),(0,o.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924"},(0,o.kt)("inlineCode",{parentName:"a"},"af75f81"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125"},(0,o.kt)("inlineCode",{parentName:"a"},"ecf474f"))),(0,o.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4"},(0,o.kt)("inlineCode",{parentName:"a"},"93a0732"))),(0,o.kt)("li",{parentName:"ul"},"modifies tags title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e"},(0,o.kt)("inlineCode",{parentName:"a"},"33c3714"))),(0,o.kt)("li",{parentName:"ul"},"reafactor(taglist): fixes tags root class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53"},(0,o.kt)("inlineCode",{parentName:"a"},"7d09959")))),(0,o.kt)("h3",{id:"019---2022-03-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9"},"0.1.9")," - 2022-03-25"),(0,o.kt)("h4",{id:"-new-features-1"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(all): 1.9 release #124 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869"},(0,o.kt)("inlineCode",{parentName:"a"},"0d3f6fb"))),(0,o.kt)("li",{parentName:"ul"},"feat(callout): Align volto-slate callout with blockquote style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058"},(0,o.kt)("inlineCode",{parentName:"a"},"9e0bb49")))),(0,o.kt)("h4",{id:"-bug-fixes-2"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation): restore hidden on top functionality ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4"},(0,o.kt)("inlineCode",{parentName:"a"},"c554e6e"))),(0,o.kt)("li",{parentName:"ul"},"fix(list): Fix TOC margin on 3rd level ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108"},(0,o.kt)("inlineCode",{parentName:"a"},"f17da79"))),(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation) : add smooth scroll animation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee"},(0,o.kt)("inlineCode",{parentName:"a"},"42f6564")))),(0,o.kt)("h4",{id:"-enhancements-1"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update visual and mobile margins ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347"},(0,o.kt)("inlineCode",{parentName:"a"},"64f05af"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e"},(0,o.kt)("inlineCode",{parentName:"a"},"a7029c5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): adjust to the new figma design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f"},(0,o.kt)("inlineCode",{parentName:"a"},"78e4606"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2"},(0,o.kt)("inlineCode",{parentName:"a"},"5fcabaf"))),(0,o.kt)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b"},(0,o.kt)("inlineCode",{parentName:"a"},"5a7868e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to the new figma design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac"},(0,o.kt)("inlineCode",{parentName:"a"},"4073acf"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): add max width for tab items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085"},(0,o.kt)("inlineCode",{parentName:"a"},"366d279"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables):change pullquote styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f"},(0,o.kt)("inlineCode",{parentName:"a"},"9ad94bb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b"},(0,o.kt)("inlineCode",{parentName:"a"},"6bce35f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): Update to remix icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d"},(0,o.kt)("inlineCode",{parentName:"a"},"19a6061"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation) : move icon & text to be in column ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55"},(0,o.kt)("inlineCode",{parentName:"a"},"0953910"))),(0,o.kt)("li",{parentName:"ul"},"change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e"},(0,o.kt)("inlineCode",{parentName:"a"},"490a559"))),(0,o.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.9.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938"},(0,o.kt)("inlineCode",{parentName:"a"},"43a6e4b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider #120 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b"},(0,o.kt)("inlineCode",{parentName:"a"},"09a3a01"))),(0,o.kt)("li",{parentName:"ul"},"change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6"},(0,o.kt)("inlineCode",{parentName:"a"},"ea138a1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c"},(0,o.kt)("inlineCode",{parentName:"a"},"fd740c9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer):  updated visuals and gradients #117 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32"},(0,o.kt)("inlineCode",{parentName:"a"},"e5c6d18"))),(0,o.kt)("li",{parentName:"ul"},"change(scrollToTop): feature inpage navigation revamp #121 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1"},(0,o.kt)("inlineCode",{parentName:"a"},"3cf20a8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update visual and gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713"},(0,o.kt)("inlineCode",{parentName:"a"},"764ec23"))),(0,o.kt)("li",{parentName:"ul"},"change(header): use 12px font size for mobile resolution dropdowns ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e"},(0,o.kt)("inlineCode",{parentName:"a"},"6dad0fa"))),(0,o.kt)("li",{parentName:"ul"},"change(nav): added navDepth to 3 in order to enable mega menu integration ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76"},(0,o.kt)("inlineCode",{parentName:"a"},"c4f73fd")))),(0,o.kt)("h4",{id:"-internal-changes-1"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : lint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b"},(0,o.kt)("inlineCode",{parentName:"a"},"3641d78"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c"},(0,o.kt)("inlineCode",{parentName:"a"},"0699c70"))),(0,o.kt)("li",{parentName:"ul"},"style(pullquote): create variable for icon font size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210"},(0,o.kt)("inlineCode",{parentName:"a"},"fea9b0a"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add lint & prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759"},(0,o.kt)("inlineCode",{parentName:"a"},"f8dd012"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation): remove comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18"},(0,o.kt)("inlineCode",{parentName:"a"},"1aee011")))),(0,o.kt)("h4",{id:"\ufe0f-others-2"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370"},(0,o.kt)("inlineCode",{parentName:"a"},"85a3dc5"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741"},(0,o.kt)("inlineCode",{parentName:"a"},"0077621"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255"},(0,o.kt)("inlineCode",{parentName:"a"},"9f1bb1c"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43"},(0,o.kt)("inlineCode",{parentName:"a"},"e2b19fe"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3"},(0,o.kt)("inlineCode",{parentName:"a"},"03dbc9b"))),(0,o.kt)("li",{parentName:"ul"},"Hide breadcrumbs on homepage ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5"},(0,o.kt)("inlineCode",{parentName:"a"},"3e2f609"))),(0,o.kt)("li",{parentName:"ul"},"bug(inpageNavigation): less layers structure fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81"},(0,o.kt)("inlineCode",{parentName:"a"},"b8d34fb"))),(0,o.kt)("li",{parentName:"ul"},"prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41"},(0,o.kt)("inlineCode",{parentName:"a"},"d4b1c57"))),(0,o.kt)("li",{parentName:"ul"},"fefactor(tab): add max width for tab items #118 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c"},(0,o.kt)("inlineCode",{parentName:"a"},"716c408"))),(0,o.kt)("li",{parentName:"ul"},"Add reversed option to Timeline grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264"},(0,o.kt)("inlineCode",{parentName:"a"},"7c90232"))),(0,o.kt)("li",{parentName:"ul"},"doc(grid): update grid showcases ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e"},(0,o.kt)("inlineCode",{parentName:"a"},"83671a3"))),(0,o.kt)("li",{parentName:"ul"},"End of line ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c"},(0,o.kt)("inlineCode",{parentName:"a"},"7f46fb7")))),(0,o.kt)("h3",{id:"018---2022-03-18"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8"},"0.1.8")," - 2022-03-18"),(0,o.kt)("h4",{id:"-bug-fixes-3"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(card): avoid long links from spilling outside of card body area ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d"},(0,o.kt)("inlineCode",{parentName:"a"},"95b8951")))),(0,o.kt)("h4",{id:"-enhancements-2"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"change(typography): set heading sizes as detailed in docusaurus typography section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf"},(0,o.kt)("inlineCode",{parentName:"a"},"189bf20"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus):  content tweaks, inpage navigation section #112 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89"},(0,o.kt)("inlineCode",{parentName:"a"},"b62d1b1")))),(0,o.kt)("h4",{id:"-internal-changes-2"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"chore(docusaurus): fixed grid tablet breakpoint value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40"},(0,o.kt)("inlineCode",{parentName:"a"},"c7fbc09")))),(0,o.kt)("h4",{id:"-documentation-changes"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): capitalization remove ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7"},(0,o.kt)("inlineCode",{parentName:"a"},"bf8fa44"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840"},(0,o.kt)("inlineCode",{parentName:"a"},"1c04976"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): comment address on pr 112 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb"},(0,o.kt)("inlineCode",{parentName:"a"},"6e4fe3b"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): color minor update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a"},(0,o.kt)("inlineCode",{parentName:"a"},"13f9fda"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): tabs and breadcrump update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694"},(0,o.kt)("inlineCode",{parentName:"a"},"d0547e5")))),(0,o.kt)("h4",{id:"\ufe0f-others-3"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"doc(colours): add more content ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b"},(0,o.kt)("inlineCode",{parentName:"a"},"ec66248"))),(0,o.kt)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860"},(0,o.kt)("inlineCode",{parentName:"a"},"f1e34bd"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.8.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a"},(0,o.kt)("inlineCode",{parentName:"a"},"fd6ba04")))),(0,o.kt)("h3",{id:"017---2022-03-15"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7"},"0.1.7")," - 2022-03-15"),(0,o.kt)("h4",{id:"-new-features-2"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(less): add global gap sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709"},(0,o.kt)("inlineCode",{parentName:"a"},"3c83f20"))),(0,o.kt)("li",{parentName:"ul"},"feat(icons): import remix css ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3"},(0,o.kt)("inlineCode",{parentName:"a"},"29967fb")))),(0,o.kt)("h4",{id:"-bug-fixes-4"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(menu): fix border overflow for tabs and pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9"},(0,o.kt)("inlineCode",{parentName:"a"},"e88721f"))),(0,o.kt)("li",{parentName:"ul"},"fix(accordion): responsive and accessibility issues ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584"},(0,o.kt)("inlineCode",{parentName:"a"},"c225935")))),(0,o.kt)("h4",{id:"-enhancements-3"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(menu): update paddings for tabs and pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e"},(0,o.kt)("inlineCode",{parentName:"a"},"533a509"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): import semantic icon for remix arrows ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf"},(0,o.kt)("inlineCode",{parentName:"a"},"9aa77d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(all) icons, accordion, button and menu itml #108 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d"},(0,o.kt)("inlineCode",{parentName:"a"},"52ed2ca"))),(0,o.kt)("li",{parentName:"ul"},"change(storybook): segment stories now contain several elements ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d"},(0,o.kt)("inlineCode",{parentName:"a"},"98a7654"))),(0,o.kt)("li",{parentName:"ul"},"change(table): inherit header alignment instead of hard-coding values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd"},(0,o.kt)("inlineCode",{parentName:"a"},"ebb5193"))),(0,o.kt)("li",{parentName:"ul"},"refactor(icons): add remix icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb"},(0,o.kt)("inlineCode",{parentName:"a"},"c4c1a92"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): restore mobile width to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74"},(0,o.kt)("inlineCode",{parentName:"a"},"2df184c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update action button hover color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96"},(0,o.kt)("inlineCode",{parentName:"a"},"bb09d71")))),(0,o.kt)("h4",{id:"-internal-changes-3"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"chore(docusaurus): docs delete ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7"},(0,o.kt)("inlineCode",{parentName:"a"},"5f9d733")))),(0,o.kt)("h4",{id:"-documentation-changes-1"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(colors): corrections ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28"},(0,o.kt)("inlineCode",{parentName:"a"},"da64c4c"))),(0,o.kt)("li",{parentName:"ul"},"docs(list): default list showcase ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1"},(0,o.kt)("inlineCode",{parentName:"a"},"8ded062")))),(0,o.kt)("h4",{id:"\ufe0f-others-4"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"bug(form): input min-width more specific to not break volto interface ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11"},(0,o.kt)("inlineCode",{parentName:"a"},"3f5b5d4"))),(0,o.kt)("li",{parentName:"ul"},"Update package.json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0"},(0,o.kt)("inlineCode",{parentName:"a"},"3dba28b")))),(0,o.kt)("h3",{id:"016---2022-03-11"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6"},"0.1.6")," - 2022-03-11"),(0,o.kt)("h4",{id:"-new-features-3"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5"},(0,o.kt)("inlineCode",{parentName:"a"},"645096a"))),(0,o.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae"},(0,o.kt)("inlineCode",{parentName:"a"},"3e5f9b7"))),(0,o.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75"},(0,o.kt)("inlineCode",{parentName:"a"},"12cdd5d"))),(0,o.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0"},(0,o.kt)("inlineCode",{parentName:"a"},"77eda95"))),(0,o.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb"},(0,o.kt)("inlineCode",{parentName:"a"},"08d495b"))),(0,o.kt)("li",{parentName:"ul"},"feat(pagination,related) added several r3 components #105 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91"},(0,o.kt)("inlineCode",{parentName:"a"},"08d47c1")))),(0,o.kt)("h4",{id:"-bug-fixes-5"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(Related Content): limit publication card number to 4 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d"},(0,o.kt)("inlineCode",{parentName:"a"},"e7df032"))),(0,o.kt)("li",{parentName:"ul"},"fix(less variables):rename publication card variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184"},(0,o.kt)("inlineCode",{parentName:"a"},"55c6fb8"))),(0,o.kt)("li",{parentName:"ul"},"fix(Publication Card): add link to card and arg name fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c"},(0,o.kt)("inlineCode",{parentName:"a"},"36a7c96"))),(0,o.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49"},(0,o.kt)("inlineCode",{parentName:"a"},"5f02c95"))),(0,o.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93"},(0,o.kt)("inlineCode",{parentName:"a"},"dbb2e27")))),(0,o.kt)("h4",{id:"-enhancements-4"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7"},(0,o.kt)("inlineCode",{parentName:"a"},"6b5442a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e"},(0,o.kt)("inlineCode",{parentName:"a"},"d1ec083"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a"},(0,o.kt)("inlineCode",{parentName:"a"},"a719576"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2"},(0,o.kt)("inlineCode",{parentName:"a"},"0736ec7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74"},(0,o.kt)("inlineCode",{parentName:"a"},"4213cfb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b"},(0,o.kt)("inlineCode",{parentName:"a"},"374ffbc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207"},(0,o.kt)("inlineCode",{parentName:"a"},"b3cb83d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66"},(0,o.kt)("inlineCode",{parentName:"a"},"d5808ad"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): clear up unnecessary form elements controls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e"},(0,o.kt)("inlineCode",{parentName:"a"},"f7e7d5b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931"},(0,o.kt)("inlineCode",{parentName:"a"},"3ffd872"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c"},(0,o.kt)("inlineCode",{parentName:"a"},"6ce16e9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5"},(0,o.kt)("inlineCode",{parentName:"a"},"fe8c4ca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c"},(0,o.kt)("inlineCode",{parentName:"a"},"3f4b726"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287"},(0,o.kt)("inlineCode",{parentName:"a"},"70fe041"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf"},(0,o.kt)("inlineCode",{parentName:"a"},"ac38126"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a"},(0,o.kt)("inlineCode",{parentName:"a"},"a09b179"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987"},(0,o.kt)("inlineCode",{parentName:"a"},"17bf710"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b"},(0,o.kt)("inlineCode",{parentName:"a"},"df2b727"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e"},(0,o.kt)("inlineCode",{parentName:"a"},"ef6db73"))),(0,o.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2"},(0,o.kt)("inlineCode",{parentName:"a"},"b2f95b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba"},(0,o.kt)("inlineCode",{parentName:"a"},"1eea33f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690"},(0,o.kt)("inlineCode",{parentName:"a"},"b1774d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be"},(0,o.kt)("inlineCode",{parentName:"a"},"061f3e3"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae"},(0,o.kt)("inlineCode",{parentName:"a"},"19bd9a5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5"},(0,o.kt)("inlineCode",{parentName:"a"},"e984771"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):add textarea control to add/remove fluid class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909"},(0,o.kt)("inlineCode",{parentName:"a"},"475f540"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09"},(0,o.kt)("inlineCode",{parentName:"a"},"1cc6984"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c"},(0,o.kt)("inlineCode",{parentName:"a"},"fecee27"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e"},(0,o.kt)("inlineCode",{parentName:"a"},"c4ef1f0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958"},(0,o.kt)("inlineCode",{parentName:"a"},"a44d73c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450"},(0,o.kt)("inlineCode",{parentName:"a"},"21da79e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec"},(0,o.kt)("inlineCode",{parentName:"a"},"2b29e4e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16"},(0,o.kt)("inlineCode",{parentName:"a"},"61c341c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a"},(0,o.kt)("inlineCode",{parentName:"a"},"1427e70"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167"},(0,o.kt)("inlineCode",{parentName:"a"},"ea25dfa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd"},(0,o.kt)("inlineCode",{parentName:"a"},"46cc560"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): update mobile width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4"},(0,o.kt)("inlineCode",{parentName:"a"},"d548a44"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1"},(0,o.kt)("inlineCode",{parentName:"a"},"e792f51"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc"},(0,o.kt)("inlineCode",{parentName:"a"},"b5c8e7c"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041"},(0,o.kt)("inlineCode",{parentName:"a"},"3e15f4d"))),(0,o.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b3c2f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86"},(0,o.kt)("inlineCode",{parentName:"a"},"f0331d0"))),(0,o.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb"},(0,o.kt)("inlineCode",{parentName:"a"},"11d6b4e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #89 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c"},(0,o.kt)("inlineCode",{parentName:"a"},"95b136d"))),(0,o.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af"},(0,o.kt)("inlineCode",{parentName:"a"},"46094b1")))),(0,o.kt)("h4",{id:"-internal-changes-4"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f"},(0,o.kt)("inlineCode",{parentName:"a"},"f9e3b05"))),(0,o.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf"},(0,o.kt)("inlineCode",{parentName:"a"},"8eb715b"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e"},(0,o.kt)("inlineCode",{parentName:"a"},"063bd6e"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222"},(0,o.kt)("inlineCode",{parentName:"a"},"a5a1b08"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83"},(0,o.kt)("inlineCode",{parentName:"a"},"bb455aa"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499"},(0,o.kt)("inlineCode",{parentName:"a"},"129c12f")))),(0,o.kt)("h4",{id:"\ufe0f-others-5"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},'Revert "chore(github): merge changes from develop to develop-itml" ',(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472"},(0,o.kt)("inlineCode",{parentName:"a"},"ca9520f"))),(0,o.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf"},(0,o.kt)("inlineCode",{parentName:"a"},"e902d69"))),(0,o.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006"},(0,o.kt)("inlineCode",{parentName:"a"},"2564b1e"))),(0,o.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38"},(0,o.kt)("inlineCode",{parentName:"a"},"8458f03"))),(0,o.kt)("li",{parentName:"ul"},"no ",(0,o.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc"},(0,o.kt)("inlineCode",{parentName:"a"},"5595ce1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386"},(0,o.kt)("inlineCode",{parentName:"a"},"a5f3652"))),(0,o.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0"},(0,o.kt)("inlineCode",{parentName:"a"},"15c44cb"))),(0,o.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c"},(0,o.kt)("inlineCode",{parentName:"a"},"946c6c6"))),(0,o.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6"},(0,o.kt)("inlineCode",{parentName:"a"},"db5126f"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b"},(0,o.kt)("inlineCode",{parentName:"a"},"804e188"))),(0,o.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a"},(0,o.kt)("inlineCode",{parentName:"a"},"6a02976"))),(0,o.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16"},(0,o.kt)("inlineCode",{parentName:"a"},"1d3ea40"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74"},(0,o.kt)("inlineCode",{parentName:"a"},"8f9020f"))),(0,o.kt)("li",{parentName:"ul"},"update style for accordion title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192"},(0,o.kt)("inlineCode",{parentName:"a"},"0b0d678"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.6.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c"},(0,o.kt)("inlineCode",{parentName:"a"},"e771e65"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316"},(0,o.kt)("inlineCode",{parentName:"a"},"bbcab87"))),(0,o.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458"},(0,o.kt)("inlineCode",{parentName:"a"},"c6685c1"))),(0,o.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f"},(0,o.kt)("inlineCode",{parentName:"a"},"589581f"))),(0,o.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c"},(0,o.kt)("inlineCode",{parentName:"a"},"82a8fb1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05"},(0,o.kt)("inlineCode",{parentName:"a"},"e04e0df"))),(0,o.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5"},(0,o.kt)("inlineCode",{parentName:"a"},"65c9a93"))),(0,o.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c"},(0,o.kt)("inlineCode",{parentName:"a"},"66c9c3a"))),(0,o.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393"},(0,o.kt)("inlineCode",{parentName:"a"},"71ab47f"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f"},(0,o.kt)("inlineCode",{parentName:"a"},"647a6e3"))),(0,o.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69"},(0,o.kt)("inlineCode",{parentName:"a"},"50d2ab2"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea"},(0,o.kt)("inlineCode",{parentName:"a"},"7a1d482"))),(0,o.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e"},(0,o.kt)("inlineCode",{parentName:"a"},"91a0b06"))),(0,o.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b"},(0,o.kt)("inlineCode",{parentName:"a"},"65b8166")))),(0,o.kt)("h3",{id:"015---2022-03-08"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5"},"0.1.5")," - 2022-03-08"),(0,o.kt)("h4",{id:"-new-features-4"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5"},(0,o.kt)("inlineCode",{parentName:"a"},"f49ffb6"))),(0,o.kt)("li",{parentName:"ul"},"feat(KeyContent): add new component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4"},(0,o.kt)("inlineCode",{parentName:"a"},"2534c54"))),(0,o.kt)("li",{parentName:"ul"},"feat(docusaurus): Updated developer guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa"},(0,o.kt)("inlineCode",{parentName:"a"},"ca146ff"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook): add testimonial component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c"},(0,o.kt)("inlineCode",{parentName:"a"},"55d9747"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook): add AvatarGrid component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93"},(0,o.kt)("inlineCode",{parentName:"a"},"b668445"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook):add Loader component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01"},(0,o.kt)("inlineCode",{parentName:"a"},"f675834")))),(0,o.kt)("h4",{id:"-bug-fixes-6"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(breakpoints): fix largest screen breakpoint bug on scaling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff"},(0,o.kt)("inlineCode",{parentName:"a"},"e4a11c8"))),(0,o.kt)("li",{parentName:"ul"},"fix(profile):  section css overflow and padding issues #95 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653"},(0,o.kt)("inlineCode",{parentName:"a"},"bb9eb0f"))),(0,o.kt)("li",{parentName:"ul"},"fix(storybook): lint auto changes for AvatarGrid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6"},(0,o.kt)("inlineCode",{parentName:"a"},"b8e74f1"))),(0,o.kt)("li",{parentName:"ul"},"fix(components): add grid structure to various components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a"},(0,o.kt)("inlineCode",{parentName:"a"},"cc33546"))),(0,o.kt)("li",{parentName:"ul"},"fix(header) re-added span tags removed in pull request #74 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8"},(0,o.kt)("inlineCode",{parentName:"a"},"00702d7")))),(0,o.kt)("h4",{id:"-enhancements-5"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(button): styling updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed"},(0,o.kt)("inlineCode",{parentName:"a"},"37afda5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): updates on variables and overrides ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47"},(0,o.kt)("inlineCode",{parentName:"a"},"54bf703"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701"},(0,o.kt)("inlineCode",{parentName:"a"},"5e8a8b8"))),(0,o.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea"},(0,o.kt)("inlineCode",{parentName:"a"},"2f942b4"))),(0,o.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): remove header from message and adjust top position of bullet ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6"},(0,o.kt)("inlineCode",{parentName:"a"},"4a072b3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(color): remove secondaryColorDarken variable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb"},(0,o.kt)("inlineCode",{parentName:"a"},"74c8ba0"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2"},(0,o.kt)("inlineCode",{parentName:"a"},"58f58c8"))),(0,o.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5"},(0,o.kt)("inlineCode",{parentName:"a"},"bfa35a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #97 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd"},(0,o.kt)("inlineCode",{parentName:"a"},"cddda20"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): component, make it functional and pluggable #32 #94 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b"},(0,o.kt)("inlineCode",{parentName:"a"},"9f42e80"))),(0,o.kt)("li",{parentName:"ul"},"change(card): added styles for volto cards integration #92 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6"},(0,o.kt)("inlineCode",{parentName:"a"},"a46ac21"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): remove column count from example ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262"},(0,o.kt)("inlineCode",{parentName:"a"},"ac0e9cf"))),(0,o.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c"},(0,o.kt)("inlineCode",{parentName:"a"},"5f7d152"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): remove custom grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf"},(0,o.kt)("inlineCode",{parentName:"a"},"1d978a9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Form):change form field wrapper implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228"},(0,o.kt)("inlineCode",{parentName:"a"},"73cdd6d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): update colors to match design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4"},(0,o.kt)("inlineCode",{parentName:"a"},"633ce31"))),(0,o.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): update variables and remove important rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8"},(0,o.kt)("inlineCode",{parentName:"a"},"ad533b4"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): add variables to less for new components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34"},(0,o.kt)("inlineCode",{parentName:"a"},"47df026"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Tab): fix vertical tab alignment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574"},(0,o.kt)("inlineCode",{parentName:"a"},"401bdf2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(lint changes): add lint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04"},(0,o.kt)("inlineCode",{parentName:"a"},"6f6847f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5"},(0,o.kt)("inlineCode",{parentName:"a"},"62f74ea"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): updates on styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b"},(0,o.kt)("inlineCode",{parentName:"a"},"b4cf850"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update class name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c"},(0,o.kt)("inlineCode",{parentName:"a"},"ef0969b"))),(0,o.kt)("li",{parentName:"ul"},"change(github): use develop for auto pushing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605"},(0,o.kt)("inlineCode",{parentName:"a"},"a32a723")))),(0,o.kt)("h4",{id:"-internal-changes-5"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34"},(0,o.kt)("inlineCode",{parentName:"a"},"631fa90"))),(0,o.kt)("li",{parentName:"ul"},"style(checkbox/radio): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd"},(0,o.kt)("inlineCode",{parentName:"a"},"a04939f"))),(0,o.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296"},(0,o.kt)("inlineCode",{parentName:"a"},"3c753f0"))),(0,o.kt)("li",{parentName:"ul"},"style(message): stylelint fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225"},(0,o.kt)("inlineCode",{parentName:"a"},"5b75057")))),(0,o.kt)("h4",{id:"-documentation-changes-2"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): visuals guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379"},(0,o.kt)("inlineCode",{parentName:"a"},"544a950"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): search guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8"},(0,o.kt)("inlineCode",{parentName:"a"},"0fb229d"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): loader page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402"},(0,o.kt)("inlineCode",{parentName:"a"},"892a25d")))),(0,o.kt)("h4",{id:"\ufe0f-others-6"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Reformat header.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69"},(0,o.kt)("inlineCode",{parentName:"a"},"1f99dfc"))),(0,o.kt)("li",{parentName:"ul"},"Close menu when changing path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2"},(0,o.kt)("inlineCode",{parentName:"a"},"65daea9"))),(0,o.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0"},(0,o.kt)("inlineCode",{parentName:"a"},"4ec374e"))),(0,o.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1"},(0,o.kt)("inlineCode",{parentName:"a"},"79d4c89"))),(0,o.kt)("li",{parentName:"ul"},"Open overlay menu on global menu click ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48"},(0,o.kt)("inlineCode",{parentName:"a"},"cc749bc"))),(0,o.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238"},(0,o.kt)("inlineCode",{parentName:"a"},"9f413ff"))),(0,o.kt)("li",{parentName:"ul"},"Use renderMenuItem also in mobile menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4"},(0,o.kt)("inlineCode",{parentName:"a"},"02de0bb"))),(0,o.kt)("li",{parentName:"ul"},"Fix clicking outside closes menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c"},(0,o.kt)("inlineCode",{parentName:"a"},"af52664"))),(0,o.kt)("li",{parentName:"ul"},"Cleanup args in header story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d"},(0,o.kt)("inlineCode",{parentName:"a"},"2bf6a30"))),(0,o.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723"},(0,o.kt)("inlineCode",{parentName:"a"},"824b9be"))),(0,o.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f"},(0,o.kt)("inlineCode",{parentName:"a"},"8fd2654"))),(0,o.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82"},(0,o.kt)("inlineCode",{parentName:"a"},"70ca3d4"))),(0,o.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7"},(0,o.kt)("inlineCode",{parentName:"a"},"4a60d84"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb"},(0,o.kt)("inlineCode",{parentName:"a"},"96f4af0"))),(0,o.kt)("li",{parentName:"ul"},"Fix TopDropdownMenu component rendering in mobile ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b"},(0,o.kt)("inlineCode",{parentName:"a"},"a4626de"))),(0,o.kt)("li",{parentName:"ul"},"Add usePrevious hook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189"},(0,o.kt)("inlineCode",{parentName:"a"},"797faba"))),(0,o.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6"},(0,o.kt)("inlineCode",{parentName:"a"},"3c8e1c6"))),(0,o.kt)("li",{parentName:"ul"},"Update package.json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af"},(0,o.kt)("inlineCode",{parentName:"a"},"fa020cb"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407"},(0,o.kt)("inlineCode",{parentName:"a"},"0c6912c"))),(0,o.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d"},(0,o.kt)("inlineCode",{parentName:"a"},"8db62bb"))),(0,o.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054"},(0,o.kt)("inlineCode",{parentName:"a"},"6fdbd71"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0"},(0,o.kt)("inlineCode",{parentName:"a"},"6051724"))),(0,o.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc"},(0,o.kt)("inlineCode",{parentName:"a"},"93c4e5a"))),(0,o.kt)("li",{parentName:"ul"},"Remove console.log calls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23"},(0,o.kt)("inlineCode",{parentName:"a"},"8a3a4cb"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a"},(0,o.kt)("inlineCode",{parentName:"a"},"81bb7d4"))),(0,o.kt)("li",{parentName:"ul"},"Update comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea"},(0,o.kt)("inlineCode",{parentName:"a"},"ffa2400"))),(0,o.kt)("li",{parentName:"ul"},"merge develop into this branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a"},(0,o.kt)("inlineCode",{parentName:"a"},"ad5b388"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905"},(0,o.kt)("inlineCode",{parentName:"a"},"a8d97f1"))),(0,o.kt)("li",{parentName:"ul"},"Use header.less from develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc"},(0,o.kt)("inlineCode",{parentName:"a"},"99edbc6"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc"},(0,o.kt)("inlineCode",{parentName:"a"},"57b5783"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f"},(0,o.kt)("inlineCode",{parentName:"a"},"785da36"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d"},(0,o.kt)("inlineCode",{parentName:"a"},"5d1eba9"))),(0,o.kt)("li",{parentName:"ul"},"adds Tags ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe"},(0,o.kt)("inlineCode",{parentName:"a"},"e37fc19"))),(0,o.kt)("li",{parentName:"ul"},"Add useClickOutside hook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f"},(0,o.kt)("inlineCode",{parentName:"a"},"70364c8"))),(0,o.kt)("li",{parentName:"ul"},"Implement outside click handling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec"},(0,o.kt)("inlineCode",{parentName:"a"},"fa6f818"))),(0,o.kt)("li",{parentName:"ul"},"Simplify overlay menu template ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526"},(0,o.kt)("inlineCode",{parentName:"a"},"28b0478"))),(0,o.kt)("li",{parentName:"ul"},"fixes less variables, fixes tags positioning ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7"},(0,o.kt)("inlineCode",{parentName:"a"},"cc19b9b"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1"},(0,o.kt)("inlineCode",{parentName:"a"},"15bc0f4"))),(0,o.kt)("li",{parentName:"ul"},"no ",(0,o.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8"},(0,o.kt)("inlineCode",{parentName:"a"},"312a893"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813"},(0,o.kt)("inlineCode",{parentName:"a"},"318cd48"))),(0,o.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103"},(0,o.kt)("inlineCode",{parentName:"a"},"d589685"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8"},(0,o.kt)("inlineCode",{parentName:"a"},"cd337c1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42"},(0,o.kt)("inlineCode",{parentName:"a"},"b112de0"))),(0,o.kt)("li",{parentName:"ul"},"Bring back classNames from header subpopup ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a"},(0,o.kt)("inlineCode",{parentName:"a"},"e477a51"))),(0,o.kt)("li",{parentName:"ul"},"removes tags hashtag from jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0"},(0,o.kt)("inlineCode",{parentName:"a"},"6b8b3e9"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc"},(0,o.kt)("inlineCode",{parentName:"a"},"d481324"))),(0,o.kt)("li",{parentName:"ul"},"fixes undefined on empty classes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78"},(0,o.kt)("inlineCode",{parentName:"a"},"4b29080"))),(0,o.kt)("li",{parentName:"ul"},"stylelint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a"},(0,o.kt)("inlineCode",{parentName:"a"},"a5ab830"))),(0,o.kt)("li",{parentName:"ul"},"Footer link color @white ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11"},(0,o.kt)("inlineCode",{parentName:"a"},"578e4f7"))),(0,o.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c"},(0,o.kt)("inlineCode",{parentName:"a"},"9ab9a97"))),(0,o.kt)("li",{parentName:"ul"},"impors colors from site variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259"},(0,o.kt)("inlineCode",{parentName:"a"},"6117267"))),(0,o.kt)("li",{parentName:"ul"},"small fix for the link in footer action ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb"},(0,o.kt)("inlineCode",{parentName:"a"},"72df049"))),(0,o.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406"},(0,o.kt)("inlineCode",{parentName:"a"},"66e9064"))),(0,o.kt)("li",{parentName:"ul"},"use proper naming conventions for var naming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684"},(0,o.kt)("inlineCode",{parentName:"a"},"596e314"))),(0,o.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8"},(0,o.kt)("inlineCode",{parentName:"a"},"805baa7"))),(0,o.kt)("li",{parentName:"ul"},"use less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329"},(0,o.kt)("inlineCode",{parentName:"a"},"b43ac8d"))),(0,o.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339"},(0,o.kt)("inlineCode",{parentName:"a"},"2f1584e"))),(0,o.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630"},(0,o.kt)("inlineCode",{parentName:"a"},"1b2915e"))),(0,o.kt)("li",{parentName:"ul"},"fix z-index of header ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300"},(0,o.kt)("inlineCode",{parentName:"a"},"7d2a5d6"))),(0,o.kt)("li",{parentName:"ul"},"Remove comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0"},(0,o.kt)("inlineCode",{parentName:"a"},"7d120b1")))),(0,o.kt)("h3",{id:"014---2022-03-01"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4"},"0.1.4")," - 2022-03-01"),(0,o.kt)("h4",{id:"-enhancements-6"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7"},(0,o.kt)("inlineCode",{parentName:"a"},"06cc3b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Form):create form field wrapper file ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13"},(0,o.kt)("inlineCode",{parentName:"a"},"95b9934"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): update margins for menu items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f"},(0,o.kt)("inlineCode",{parentName:"a"},"230e476"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): update gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55"},(0,o.kt)("inlineCode",{parentName:"a"},"47f2ea4")))),(0,o.kt)("h4",{id:"-documentation-changes-3"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): divider page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4"},(0,o.kt)("inlineCode",{parentName:"a"},"c6bb238")))),(0,o.kt)("h4",{id:"\ufe0f-others-7"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"add footer links,align footer image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1"},(0,o.kt)("inlineCode",{parentName:"a"},"b039564"))),(0,o.kt)("li",{parentName:"ul"},"cosmetics: remove formatting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29"},(0,o.kt)("inlineCode",{parentName:"a"},"e02b08d"))),(0,o.kt)("li",{parentName:"ul"},"refactor Footer component to consume children and prop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78"},(0,o.kt)("inlineCode",{parentName:"a"},"faafcff"))),(0,o.kt)("li",{parentName:"ul"},"update footer stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637"},(0,o.kt)("inlineCode",{parentName:"a"},"4e57428"))),(0,o.kt)("li",{parentName:"ul"},"update stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67"},(0,o.kt)("inlineCode",{parentName:"a"},"81973ca"))),(0,o.kt)("li",{parentName:"ul"},"Small improvements to footer ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85"},(0,o.kt)("inlineCode",{parentName:"a"},"f6d1fdc"))),(0,o.kt)("li",{parentName:"ul"},"fix header urls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49"},(0,o.kt)("inlineCode",{parentName:"a"},"e590891"))),(0,o.kt)("li",{parentName:"ul"},"Rename files in footer story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a"},(0,o.kt)("inlineCode",{parentName:"a"},"3de0c19"))),(0,o.kt)("li",{parentName:"ul"},"add style for accordion title input on edit mode ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e"},(0,o.kt)("inlineCode",{parentName:"a"},"598aa12"))),(0,o.kt)("li",{parentName:"ul"},"remove comments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87"},(0,o.kt)("inlineCode",{parentName:"a"},"2db0d2c"))),(0,o.kt)("li",{parentName:"ul"},"Apply slate customization if volto-slate addon is used ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf"},(0,o.kt)("inlineCode",{parentName:"a"},"c066701"))),(0,o.kt)("li",{parentName:"ul"},"use relative links ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2"},(0,o.kt)("inlineCode",{parentName:"a"},"af91a20"))),(0,o.kt)("li",{parentName:"ul"},"make footer anchor links white ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10"},(0,o.kt)("inlineCode",{parentName:"a"},"0c671e1"))),(0,o.kt)("li",{parentName:"ul"},"use custom var for line-height ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c"},(0,o.kt)("inlineCode",{parentName:"a"},"f7f6c7e"))),(0,o.kt)("li",{parentName:"ul"},"Update semantic.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a"},(0,o.kt)("inlineCode",{parentName:"a"},"a4a90ae"))),(0,o.kt)("li",{parentName:"ul"},"Bump release version ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1"},(0,o.kt)("inlineCode",{parentName:"a"},"c41a42b"))),(0,o.kt)("li",{parentName:"ul"},"Update style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5"},(0,o.kt)("inlineCode",{parentName:"a"},"8968699"))),(0,o.kt)("li",{parentName:"ul"},"remove styling on header popups ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49"},(0,o.kt)("inlineCode",{parentName:"a"},"86c499b"))),(0,o.kt)("li",{parentName:"ul"},"remove search icon styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31"},(0,o.kt)("inlineCode",{parentName:"a"},"aca80fd"))),(0,o.kt)("li",{parentName:"ul"},"adjust popup height for computer screens ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf"},(0,o.kt)("inlineCode",{parentName:"a"},"47c5edb"))),(0,o.kt)("li",{parentName:"ul"},"fix login container width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81"},(0,o.kt)("inlineCode",{parentName:"a"},"9a887e3"))),(0,o.kt)("li",{parentName:"ul"},"Typo ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894"},(0,o.kt)("inlineCode",{parentName:"a"},"90da95c"))),(0,o.kt)("li",{parentName:"ul"},"fix search-input icon line-height ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c"},(0,o.kt)("inlineCode",{parentName:"a"},"b087ff8"))),(0,o.kt)("li",{parentName:"ul"},"lint fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e"},(0,o.kt)("inlineCode",{parentName:"a"},"e9790ca"))),(0,o.kt)("li",{parentName:"ul"},"Rename, reorganize logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d"},(0,o.kt)("inlineCode",{parentName:"a"},"1ef8d22")))),(0,o.kt)("h3",{id:"014-beta0---2022-02-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0"},"0.1.4-beta.0")," - 2022-02-25"),(0,o.kt)("h4",{id:"-new-features-5"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(github): added feature and bug reports templates with our guidelines as checkboxes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823"},(0,o.kt)("inlineCode",{parentName:"a"},"1549093")))),(0,o.kt)("h3",{id:"013---2022-02-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3"},"0.1.3")," - 2022-02-25"),(0,o.kt)("h4",{id:"-bug-fixes-7"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(all): change eol to unix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a"},(0,o.kt)("inlineCode",{parentName:"a"},"62e7224"))),(0,o.kt)("li",{parentName:"ul"},"fix(banner): separate url value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8"},(0,o.kt)("inlineCode",{parentName:"a"},"f9c9140"))),(0,o.kt)("li",{parentName:"ul"},"fix(all): merge eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28"},(0,o.kt)("inlineCode",{parentName:"a"},"c68f6e0"))),(0,o.kt)("li",{parentName:"ul"},"fix(blockquote): align self property now uses a valid entry ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273"},(0,o.kt)("inlineCode",{parentName:"a"},"ec76163")))),(0,o.kt)("h4",{id:"-enhancements-7"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): new implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1"},(0,o.kt)("inlineCode",{parentName:"a"},"ff013af"))),(0,o.kt)("li",{parentName:"ul"},"change(volto): removed customizations made for ims theme from volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a"},(0,o.kt)("inlineCode",{parentName:"a"},"bc8d514"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Timeline): divide to sub components and change files to .jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849"},(0,o.kt)("inlineCode",{parentName:"a"},"3e2bd3b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9"},(0,o.kt)("inlineCode",{parentName:"a"},"4e5d08d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): link header's menu to mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32"},(0,o.kt)("inlineCode",{parentName:"a"},"08406d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Menu): change mega menu implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7"},(0,o.kt)("inlineCode",{parentName:"a"},"455a51b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Grid):minor changes and delete extra files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f"},(0,o.kt)("inlineCode",{parentName:"a"},"272585d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387"},(0,o.kt)("inlineCode",{parentName:"a"},"b98641a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): fix link hover issue for tablet ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d"},(0,o.kt)("inlineCode",{parentName:"a"},"564e972"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): add remix icons and minor updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af"},(0,o.kt)("inlineCode",{parentName:"a"},"c9c97dd"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header buttons implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069"},(0,o.kt)("inlineCode",{parentName:"a"},"6608b8c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add sub components and change existing Main ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b"},(0,o.kt)("inlineCode",{parentName:"a"},"74c35a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(table): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576"},(0,o.kt)("inlineCode",{parentName:"a"},"ab7a0e8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): delete Actions & ThemeSites files and clear imports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52"},(0,o.kt)("inlineCode",{parentName:"a"},"7a78456"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702"},(0,o.kt)("inlineCode",{parentName:"a"},"326655a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Breadcrumb): add react router link and minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9"},(0,o.kt)("inlineCode",{parentName:"a"},"073a3a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): show menu on search & minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288"},(0,o.kt)("inlineCode",{parentName:"a"},"4d49a8a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List): add extra default list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f"},(0,o.kt)("inlineCode",{parentName:"a"},"95665cd"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) change generation of what's new section and bump package version ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b"},(0,o.kt)("inlineCode",{parentName:"a"},"6c35cff"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): minor code changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e"},(0,o.kt)("inlineCode",{parentName:"a"},"67cb4bc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Menu): add class to mega menu items for styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee"},(0,o.kt)("inlineCode",{parentName:"a"},"19baa34"))),(0,o.kt)("li",{parentName:"ul"},"change(accordion): modified default accordion stories titles with real accordion names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7"},(0,o.kt)("inlineCode",{parentName:"a"},"cf11cc8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): accessibility image alt fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75"},(0,o.kt)("inlineCode",{parentName:"a"},"a7347a6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): adjust to volto in progress ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509"},(0,o.kt)("inlineCode",{parentName:"a"},"760beca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): header items as storybook arguments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6"},(0,o.kt)("inlineCode",{parentName:"a"},"388c752"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be"},(0,o.kt)("inlineCode",{parentName:"a"},"35b0a98"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): actions as buttons; don't hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1"},(0,o.kt)("inlineCode",{parentName:"a"},"6dd5a41"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): fix responsive margins and sizes rems ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34"},(0,o.kt)("inlineCode",{parentName:"a"},"209f94f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Input): label position and style change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd"},(0,o.kt)("inlineCode",{parentName:"a"},"970074a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update dropdown menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea"},(0,o.kt)("inlineCode",{parentName:"a"},"32eb0fa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): theming updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8"},(0,o.kt)("inlineCode",{parentName:"a"},"c80c9aa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote):remove image stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f"},(0,o.kt)("inlineCode",{parentName:"a"},"a6357ca"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) proofread blockquote usage section and removed unused api section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932"},(0,o.kt)("inlineCode",{parentName:"a"},"0bb29fd"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1"},(0,o.kt)("inlineCode",{parentName:"a"},"fc744cd"))),(0,o.kt)("li",{parentName:"ul"},"change(ci) build storybook and docusaurus only when pushing to develop-itml branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7"},(0,o.kt)("inlineCode",{parentName:"a"},"4de0cbf"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure): modify whats new doc when committing the auto deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38"},(0,o.kt)("inlineCode",{parentName:"a"},"39df33e"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): introduce float argument for blockquote with image storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c"},(0,o.kt)("inlineCode",{parentName:"a"},"8fc7290"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): add word break ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c"},(0,o.kt)("inlineCode",{parentName:"a"},"2245e53"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner): minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895"},(0,o.kt)("inlineCode",{parentName:"a"},"b9073b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(table): fix th font weight ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87"},(0,o.kt)("inlineCode",{parentName:"a"},"a96a0a7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): remove avatar border radius ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae"},(0,o.kt)("inlineCode",{parentName:"a"},"d42c37b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): adjust title size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504"},(0,o.kt)("inlineCode",{parentName:"a"},"7a24d9c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Image): change image path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5"},(0,o.kt)("inlineCode",{parentName:"a"},"a580da6"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure): specify that docs folder contains changes for deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9"},(0,o.kt)("inlineCode",{parentName:"a"},"a1ca915")))),(0,o.kt)("h4",{id:"-internal-changes-6"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(input) prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9"},(0,o.kt)("inlineCode",{parentName:"a"},"e83fa0c"))),(0,o.kt)("li",{parentName:"ul"},"chore(storybook): prettier fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8"},(0,o.kt)("inlineCode",{parentName:"a"},"354c7b3"))),(0,o.kt)("li",{parentName:"ul"},"chore(design system): technical commit for edw integration tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2"},(0,o.kt)("inlineCode",{parentName:"a"},"9f76035"))),(0,o.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847"},(0,o.kt)("inlineCode",{parentName:"a"},"3c9ad34"))),(0,o.kt)("li",{parentName:"ul"},"chore(infrastructure) updated branch with changes from bitbucket ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7"},(0,o.kt)("inlineCode",{parentName:"a"},"77866f8")))),(0,o.kt)("h4",{id:"\ufe0f-others-8"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"doc(colours):fix color to better show primary ones ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0"},(0,o.kt)("inlineCode",{parentName:"a"},"705b789"))),(0,o.kt)("li",{parentName:"ul"},"doc(colours):change font size to fit text in one line ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82"},(0,o.kt)("inlineCode",{parentName:"a"},"4ad7516"))),(0,o.kt)("li",{parentName:"ul"},"bump package release to 1.3.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010"},(0,o.kt)("inlineCode",{parentName:"a"},"f3cfe4f"))),(0,o.kt)("li",{parentName:"ul"},"Refactor banner into content subcomponent ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82"},(0,o.kt)("inlineCode",{parentName:"a"},"f8df238"))),(0,o.kt)("li",{parentName:"ul"},"lint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1"},(0,o.kt)("inlineCode",{parentName:"a"},"cda322d"))),(0,o.kt)("li",{parentName:"ul"},"rollback don'ts grammar change and disable unresolved import for Banner.stories.jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67"},(0,o.kt)("inlineCode",{parentName:"a"},"a1bd715"))),(0,o.kt)("li",{parentName:"ul"},"Add space line in component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00"},(0,o.kt)("inlineCode",{parentName:"a"},"d4d1a5f")))),(0,o.kt)("h3",{id:"012---2022-02-17"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2"},"0.1.2")," - 2022-02-17"),(0,o.kt)("h4",{id:"-new-features-6"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(blockquote) added blockquote styles as a custom module ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130"},(0,o.kt)("inlineCode",{parentName:"a"},"d30662e")))),(0,o.kt)("h4",{id:"-bug-fixes-8"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation): hide at the top of the page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4"},(0,o.kt)("inlineCode",{parentName:"a"},"97ef500"))),(0,o.kt)("li",{parentName:"ul"},"fix(footer):missing image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8"},(0,o.kt)("inlineCode",{parentName:"a"},"ac91a29"))),(0,o.kt)("li",{parentName:"ul"},"fix(comment):fix broken image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9"},(0,o.kt)("inlineCode",{parentName:"a"},"8125dc1"))),(0,o.kt)("li",{parentName:"ul"},"fix(message): fix font loading ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402"},(0,o.kt)("inlineCode",{parentName:"a"},"fdc498e"))),(0,o.kt)("li",{parentName:"ul"},"fix(logo): logo change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b"},(0,o.kt)("inlineCode",{parentName:"a"},"5f8c8af")))),(0,o.kt)("h4",{id:"-enhancements-8"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22"},(0,o.kt)("inlineCode",{parentName:"a"},"4a3ff51"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) re-enable integration tests for auto release stack ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a"},(0,o.kt)("inlineCode",{parentName:"a"},"ce8daf8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): global site files styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2"},(0,o.kt)("inlineCode",{parentName:"a"},"f3770f1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23"},(0,o.kt)("inlineCode",{parentName:"a"},"9277aac"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer) adjust to volto theming update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209"},(0,o.kt)("inlineCode",{parentName:"a"},"a59f1c3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b"},(0,o.kt)("inlineCode",{parentName:"a"},"dd6b55c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5"},(0,o.kt)("inlineCode",{parentName:"a"},"7559b57"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1"},(0,o.kt)("inlineCode",{parentName:"a"},"451b949"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e"},(0,o.kt)("inlineCode",{parentName:"a"},"aeaf25f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7"},(0,o.kt)("inlineCode",{parentName:"a"},"bdff176"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer):mobile responsiveness ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609"},(0,o.kt)("inlineCode",{parentName:"a"},"14822be"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): main and custom less files update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2"},(0,o.kt)("inlineCode",{parentName:"a"},"1607760"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): update after removing timeline addon ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15"},(0,o.kt)("inlineCode",{parentName:"a"},"f54d380"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): replace with subcomponents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb"},(0,o.kt)("inlineCode",{parentName:"a"},"378c652"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): header change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b"},(0,o.kt)("inlineCode",{parentName:"a"},"029e850"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header bar ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b"},(0,o.kt)("inlineCode",{parentName:"a"},"2b766fd"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) use itml branch for docusaurus deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927"},(0,o.kt)("inlineCode",{parentName:"a"},"6e286c5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6"},(0,o.kt)("inlineCode",{parentName:"a"},"971fcb8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0"},(0,o.kt)("inlineCode",{parentName:"a"},"7f955db"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) tweak auto deployment to always commit changes from docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d"},(0,o.kt)("inlineCode",{parentName:"a"},"a2940da"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): less and variables files created ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b1a8a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(label): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6"},(0,o.kt)("inlineCode",{parentName:"a"},"3c945e1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738"},(0,o.kt)("inlineCode",{parentName:"a"},"3e950fc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): add sub components and props ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2"},(0,o.kt)("inlineCode",{parentName:"a"},"c3d1487"))),(0,o.kt)("li",{parentName:"ul"},"refactor(modal): modal and confirm adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5"},(0,o.kt)("inlineCode",{parentName:"a"},"83b60e9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46"},(0,o.kt)("inlineCode",{parentName:"a"},"84348c3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):adjust headings ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287"},(0,o.kt)("inlineCode",{parentName:"a"},"32f64f9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add comments to header menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de"},(0,o.kt)("inlineCode",{parentName:"a"},"c2c83b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Accordion): clear up accordion stories code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077"},(0,o.kt)("inlineCode",{parentName:"a"},"4e59b8f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(segmant): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df"},(0,o.kt)("inlineCode",{parentName:"a"},"3ab211e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button) minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682"},(0,o.kt)("inlineCode",{parentName:"a"},"8782bb2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): change image position ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f"},(0,o.kt)("inlineCode",{parentName:"a"},"cdd76d5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039"},(0,o.kt)("inlineCode",{parentName:"a"},"640817e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482"},(0,o.kt)("inlineCode",{parentName:"a"},"1079c73"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline):adjust timeline module ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4"},(0,o.kt)("inlineCode",{parentName:"a"},"213eb11"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d"},(0,o.kt)("inlineCode",{parentName:"a"},"5eec87f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress): add progress bar colors ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13"},(0,o.kt)("inlineCode",{parentName:"a"},"ccf3c98"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2"},(0,o.kt)("inlineCode",{parentName:"a"},"fee4466"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change mobile mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e"},(0,o.kt)("inlineCode",{parentName:"a"},"c7ecf18"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df"},(0,o.kt)("inlineCode",{parentName:"a"},"b726e49"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button) adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c"},(0,o.kt)("inlineCode",{parentName:"a"},"eb257f8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22"},(0,o.kt)("inlineCode",{parentName:"a"},"79934b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): create Actions & Sites sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e"},(0,o.kt)("inlineCode",{parentName:"a"},"446840b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610"},(0,o.kt)("inlineCode",{parentName:"a"},"85c631a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Inpage Navigation): changed button's display ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2"},(0,o.kt)("inlineCode",{parentName:"a"},"36e5b4f"))),(0,o.kt)("li",{parentName:"ul"},"enhancement(docusaurus) modified headings to be within release versions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c"},(0,o.kt)("inlineCode",{parentName:"a"},"19ace30"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): move components to ui folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb"},(0,o.kt)("inlineCode",{parentName:"a"},"cb91f88"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41"},(0,o.kt)("inlineCode",{parentName:"a"},"de0fc6b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): divide Pullquote to sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb"},(0,o.kt)("inlineCode",{parentName:"a"},"34413c4"))),(0,o.kt)("li",{parentName:"ul"},"enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827"},(0,o.kt)("inlineCode",{parentName:"a"},"da25c0e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(popup): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55"},(0,o.kt)("inlineCode",{parentName:"a"},"d0d192d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00"},(0,o.kt)("inlineCode",{parentName:"a"},"2ab6f91"))),(0,o.kt)("li",{parentName:"ul"},"refactor(item): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569"},(0,o.kt)("inlineCode",{parentName:"a"},"89a16af"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquotes) remove unnecessary variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9"},(0,o.kt)("inlineCode",{parentName:"a"},"e0d20a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d"},(0,o.kt)("inlineCode",{parentName:"a"},"d1ab950"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote) change variables names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76"},(0,o.kt)("inlineCode",{parentName:"a"},"36fd5be"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): adjust font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b"},(0,o.kt)("inlineCode",{parentName:"a"},"0311ed1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): clear up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619"},(0,o.kt)("inlineCode",{parentName:"a"},"1d7afdc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): change variable name for computer padding ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9"},(0,o.kt)("inlineCode",{parentName:"a"},"26d123f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): remove imports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20"},(0,o.kt)("inlineCode",{parentName:"a"},"25c1d1c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): update ui index components exports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec"},(0,o.kt)("inlineCode",{parentName:"a"},"ce78d47"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd"},(0,o.kt)("inlineCode",{parentName:"a"},"e9aa5bc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): delete demo stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01"},(0,o.kt)("inlineCode",{parentName:"a"},"8b58d02"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) align deployment steps for building docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582"},(0,o.kt)("inlineCode",{parentName:"a"},"37e4ce0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customizations folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b"},(0,o.kt)("inlineCode",{parentName:"a"},"8930ede"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e"},(0,o.kt)("inlineCode",{parentName:"a"},"1252ad0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): change avatar src ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4"},(0,o.kt)("inlineCode",{parentName:"a"},"e5f9c4c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner) : change file type and folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43"},(0,o.kt)("inlineCode",{parentName:"a"},"878742b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form elements):changed text ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230"},(0,o.kt)("inlineCode",{parentName:"a"},"919beea"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Image): change image src ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d"},(0,o.kt)("inlineCode",{parentName:"a"},"b971084"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): add component propTypes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc"},(0,o.kt)("inlineCode",{parentName:"a"},"d32c5e6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): adjust font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e"},(0,o.kt)("inlineCode",{parentName:"a"},"d71a3ce"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14"},(0,o.kt)("inlineCode",{parentName:"a"},"1c91c35"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote): add component proTypes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8"},(0,o.kt)("inlineCode",{parentName:"a"},"ea02649"))),(0,o.kt)("li",{parentName:"ul"},"refactor(logo): update image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e"},(0,o.kt)("inlineCode",{parentName:"a"},"f611372"))),(0,o.kt)("li",{parentName:"ul"},"refactor(docusaurus): restore config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87"},(0,o.kt)("inlineCode",{parentName:"a"},"f2c5239"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): update component name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26"},(0,o.kt)("inlineCode",{parentName:"a"},"572e655"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): fix story header import ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427"},(0,o.kt)("inlineCode",{parentName:"a"},"ceda6c7"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) auto build docusaurus when pushing to develop-itml branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b"},(0,o.kt)("inlineCode",{parentName:"a"},"7bebdf5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customization folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0"},(0,o.kt)("inlineCode",{parentName:"a"},"4a9bb9b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner):story rename ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717"},(0,o.kt)("inlineCode",{parentName:"a"},"56ff603"))),(0,o.kt)("li",{parentName:"ul"},"change(testing) removed navigation from cypress tests until component is finished ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7"},(0,o.kt)("inlineCode",{parentName:"a"},"5549f4c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Segment): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e"},(0,o.kt)("inlineCode",{parentName:"a"},"5cb35d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47"},(0,o.kt)("inlineCode",{parentName:"a"},"564cf7e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(PopUp):change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0"},(0,o.kt)("inlineCode",{parentName:"a"},"dcb24ff"))),(0,o.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f"},(0,o.kt)("inlineCode",{parentName:"a"},"dfefce3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e"},(0,o.kt)("inlineCode",{parentName:"a"},"44a1645"))),(0,o.kt)("li",{parentName:"ul"},"refactor(heading): story name update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a"},(0,o.kt)("inlineCode",{parentName:"a"},"aa10f34")))),(0,o.kt)("h4",{id:"-internal-changes-7"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(footer): prettier fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f"},(0,o.kt)("inlineCode",{parentName:"a"},"902c257"))),(0,o.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae"},(0,o.kt)("inlineCode",{parentName:"a"},"59f941d")))),(0,o.kt)("h4",{id:"-documentation-changes-4"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):multiple page updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01"},(0,o.kt)("inlineCode",{parentName:"a"},"2aba73e"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):update page content ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e"},(0,o.kt)("inlineCode",{parentName:"a"},"565697f"))),(0,o.kt)("li",{parentName:"ul"},"docs(grid):update components grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5"},(0,o.kt)("inlineCode",{parentName:"a"},"60eb083"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): page adjustments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009"},(0,o.kt)("inlineCode",{parentName:"a"},"0641eac"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):updated various pages ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac"},(0,o.kt)("inlineCode",{parentName:"a"},"f860176"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): logo change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee"},(0,o.kt)("inlineCode",{parentName:"a"},"3af5e5c")))),(0,o.kt)("h4",{id:"\ufe0f-others-9"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"added sortable table stories and descriptions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c"},(0,o.kt)("inlineCode",{parentName:"a"},"6d44dd7"))),(0,o.kt)("li",{parentName:"ul"},"Layout components theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938"},(0,o.kt)("inlineCode",{parentName:"a"},"5861013"))),(0,o.kt)("li",{parentName:"ul"},"recovered files from origin ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a"},(0,o.kt)("inlineCode",{parentName:"a"},"a4ac04f"))),(0,o.kt)("li",{parentName:"ul"},"grid component & stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f"},(0,o.kt)("inlineCode",{parentName:"a"},"4a5752e"))),(0,o.kt)("li",{parentName:"ul"},"Updated what's new section with actual commits from volto-eea-design-system repo ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd"},(0,o.kt)("inlineCode",{parentName:"a"},"fc5e3c3"))),(0,o.kt)("li",{parentName:"ul"},"Docusaurus title possible fix. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8"},(0,o.kt)("inlineCode",{parentName:"a"},"db699e7"))),(0,o.kt)("li",{parentName:"ul"},"form elements stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6"},(0,o.kt)("inlineCode",{parentName:"a"},"6b4f6eb"))),(0,o.kt)("li",{parentName:"ul"},"removed API tabs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3"},(0,o.kt)("inlineCode",{parentName:"a"},"58aa928"))),(0,o.kt)("li",{parentName:"ul"},"Layout updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6"},(0,o.kt)("inlineCode",{parentName:"a"},"854f388"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 removed extra customization of semantic.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c"},(0,o.kt)("inlineCode",{parentName:"a"},"ab9de81"))),(0,o.kt)("li",{parentName:"ul"},"added page-header,footer and grid in docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6"},(0,o.kt)("inlineCode",{parentName:"a"},"660c8e3"))),(0,o.kt)("li",{parentName:"ul"},"Manual docs build and commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35"},(0,o.kt)("inlineCode",{parentName:"a"},"666eb6a"))),(0,o.kt)("li",{parentName:"ul"},"added svg & png files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9"},(0,o.kt)("inlineCode",{parentName:"a"},"f1338d5"))),(0,o.kt)("li",{parentName:"ul"},"added missing components to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3"},(0,o.kt)("inlineCode",{parentName:"a"},"934dfd8"))),(0,o.kt)("li",{parentName:"ul"},"Control descriptions updated ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe"},(0,o.kt)("inlineCode",{parentName:"a"},"56581eb"))),(0,o.kt)("li",{parentName:"ul"},"Grid updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584"},(0,o.kt)("inlineCode",{parentName:"a"},"700332d"))),(0,o.kt)("li",{parentName:"ul"},"Button theming update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8"},(0,o.kt)("inlineCode",{parentName:"a"},"0ec68b6"))),(0,o.kt)("li",{parentName:"ul"},"site variebales & overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93"},(0,o.kt)("inlineCode",{parentName:"a"},"7251162"))),(0,o.kt)("li",{parentName:"ul"},"Table and Tabs theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9"},(0,o.kt)("inlineCode",{parentName:"a"},"49f0860"))),(0,o.kt)("li",{parentName:"ul"},"Responsiveness updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699"},(0,o.kt)("inlineCode",{parentName:"a"},"48e1351"))),(0,o.kt)("li",{parentName:"ul"},"added various components to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd"},(0,o.kt)("inlineCode",{parentName:"a"},"550d719"))),(0,o.kt)("li",{parentName:"ul"},"Checkbox and radio updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5"},(0,o.kt)("inlineCode",{parentName:"a"},"24652a2"))),(0,o.kt)("li",{parentName:"ul"},"remove images from typography and colour docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6"},(0,o.kt)("inlineCode",{parentName:"a"},"8493e92"))),(0,o.kt)("li",{parentName:"ul"},"added guidelines' text and finished all components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506"},(0,o.kt)("inlineCode",{parentName:"a"},"02d75fc"))),(0,o.kt)("li",{parentName:"ul"},"added more missing components in docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a"},(0,o.kt)("inlineCode",{parentName:"a"},"8be8263"))),(0,o.kt)("li",{parentName:"ul"},"Prettier changes on docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167"},(0,o.kt)("inlineCode",{parentName:"a"},"5f1e5eb"))),(0,o.kt)("li",{parentName:"ul"},"Grid updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd"},(0,o.kt)("inlineCode",{parentName:"a"},"ae09945"))),(0,o.kt)("li",{parentName:"ul"},"Minor fixes for tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776"},(0,o.kt)("inlineCode",{parentName:"a"},"3bdf306"))),(0,o.kt)("li",{parentName:"ul"},"Layout updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b"},(0,o.kt)("inlineCode",{parentName:"a"},"8b7a4dc"))),(0,o.kt)("li",{parentName:"ul"},"Footer and TOC theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230"},(0,o.kt)("inlineCode",{parentName:"a"},"bb3d3c4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 manually commit changelog until autobuild is stabilized ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42"},(0,o.kt)("inlineCode",{parentName:"a"},"93168b0"))),(0,o.kt)("li",{parentName:"ul"},"label component changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b"},(0,o.kt)("inlineCode",{parentName:"a"},"df8c0ff"))),(0,o.kt)("li",{parentName:"ul"},"added several sections to the theming guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0"},(0,o.kt)("inlineCode",{parentName:"a"},"ff1a649"))),(0,o.kt)("li",{parentName:"ul"},"Updated removed files. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be"},(0,o.kt)("inlineCode",{parentName:"a"},"84f9b8c"))),(0,o.kt)("li",{parentName:"ul"},"added more docusaurus components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb"},(0,o.kt)("inlineCode",{parentName:"a"},"52a3b9e"))),(0,o.kt)("li",{parentName:"ul"},"Progress Bar ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37"},(0,o.kt)("inlineCode",{parentName:"a"},"9f2efc9"))),(0,o.kt)("li",{parentName:"ul"},"Modal and Confirm updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234"},(0,o.kt)("inlineCode",{parentName:"a"},"3b306c6"))),(0,o.kt)("li",{parentName:"ul"},"Add proper changes to whatsnew meant in previous commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11"},(0,o.kt)("inlineCode",{parentName:"a"},"40f78e3"))),(0,o.kt)("li",{parentName:"ul"},"Form Descriptions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3"},(0,o.kt)("inlineCode",{parentName:"a"},"de0dfbc"))),(0,o.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a"},(0,o.kt)("inlineCode",{parentName:"a"},"1337e6f"))),(0,o.kt)("li",{parentName:"ul"},"Deleted files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf"},(0,o.kt)("inlineCode",{parentName:"a"},"b82f982"))),(0,o.kt)("li",{parentName:"ul"},"add new images for spacing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9"},(0,o.kt)("inlineCode",{parentName:"a"},"7b7b2c4"))),(0,o.kt)("li",{parentName:"ul"},"Messages Theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33"},(0,o.kt)("inlineCode",{parentName:"a"},"ad621a3"))),(0,o.kt)("li",{parentName:"ul"},"added new content to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a"},(0,o.kt)("inlineCode",{parentName:"a"},"1c83452"))),(0,o.kt)("li",{parentName:"ul"},"Minor less updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03"},(0,o.kt)("inlineCode",{parentName:"a"},"a36a8bb"))),(0,o.kt)("li",{parentName:"ul"},"Tabs and lists updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127"},(0,o.kt)("inlineCode",{parentName:"a"},"e37eef1"))),(0,o.kt)("li",{parentName:"ul"},"Inpage nav and timeline components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4"},(0,o.kt)("inlineCode",{parentName:"a"},"76f0f82"))),(0,o.kt)("li",{parentName:"ul"},"Prettier updated files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e"},(0,o.kt)("inlineCode",{parentName:"a"},"679b9d2"))),(0,o.kt)("li",{parentName:"ul"},"dropdown initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9"},(0,o.kt)("inlineCode",{parentName:"a"},"d8aef26"))),(0,o.kt)("li",{parentName:"ul"},"Prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7"},(0,o.kt)("inlineCode",{parentName:"a"},"f068af0"))),(0,o.kt)("li",{parentName:"ul"},"List initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf"},(0,o.kt)("inlineCode",{parentName:"a"},"6d3b969"))),(0,o.kt)("li",{parentName:"ul"},"List story updated ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432"},(0,o.kt)("inlineCode",{parentName:"a"},"e96a6f6"))),(0,o.kt)("li",{parentName:"ul"},"Statistics updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3"},(0,o.kt)("inlineCode",{parentName:"a"},"74bf639"))),(0,o.kt)("li",{parentName:"ul"},"styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde"},(0,o.kt)("inlineCode",{parentName:"a"},"c169cc0"))),(0,o.kt)("li",{parentName:"ul"},"timeline comp storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0"},(0,o.kt)("inlineCode",{parentName:"a"},"1f42686"))),(0,o.kt)("li",{parentName:"ul"},"feature(docusaurus) added theming guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f"},(0,o.kt)("inlineCode",{parentName:"a"},"ded1f04"))),(0,o.kt)("li",{parentName:"ul"},"Properly commented out integration tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867"},(0,o.kt)("inlineCode",{parentName:"a"},"48b3a15"))),(0,o.kt)("li",{parentName:"ul"},"Reattempting commented out integrations tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05"},(0,o.kt)("inlineCode",{parentName:"a"},"3dd8211"))),(0,o.kt)("li",{parentName:"ul"},"Button theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6"},(0,o.kt)("inlineCode",{parentName:"a"},"4231e1c"))),(0,o.kt)("li",{parentName:"ul"},"Card initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947"},(0,o.kt)("inlineCode",{parentName:"a"},"06dace5"))),(0,o.kt)("li",{parentName:"ul"},"form element storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af"},(0,o.kt)("inlineCode",{parentName:"a"},"c4b06aa"))),(0,o.kt)("li",{parentName:"ul"},"Pagination theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e"},(0,o.kt)("inlineCode",{parentName:"a"},"2a80175"))),(0,o.kt)("li",{parentName:"ul"},"Accordion theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9"},(0,o.kt)("inlineCode",{parentName:"a"},"8061bf9"))),(0,o.kt)("li",{parentName:"ul"},"global var updates and radio story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a"},(0,o.kt)("inlineCode",{parentName:"a"},"9526ee2"))),(0,o.kt)("li",{parentName:"ul"},"created pullquote component & stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736"},(0,o.kt)("inlineCode",{parentName:"a"},"df35563"))),(0,o.kt)("li",{parentName:"ul"},"Item stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940"},(0,o.kt)("inlineCode",{parentName:"a"},"9d459f2"))),(0,o.kt)("li",{parentName:"ul"},"storybook clean up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d"},(0,o.kt)("inlineCode",{parentName:"a"},"bffd326"))),(0,o.kt)("li",{parentName:"ul"},"List updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106"},(0,o.kt)("inlineCode",{parentName:"a"},"28f1b53"))),(0,o.kt)("li",{parentName:"ul"},"Button classes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd"},(0,o.kt)("inlineCode",{parentName:"a"},"788c289"))),(0,o.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6"},(0,o.kt)("inlineCode",{parentName:"a"},"678c9be"))),(0,o.kt)("li",{parentName:"ul"},"Removed header title from partial docusaurus components. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952"},(0,o.kt)("inlineCode",{parentName:"a"},"ed7c45e"))),(0,o.kt)("li",{parentName:"ul"},"created banner component and stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff"},(0,o.kt)("inlineCode",{parentName:"a"},"9be170f"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb stories description & defaultValue -- clean up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43"},(0,o.kt)("inlineCode",{parentName:"a"},"186ab65"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 added customization of semantic.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7"},(0,o.kt)("inlineCode",{parentName:"a"},"1e02356"))),(0,o.kt)("li",{parentName:"ul"},"Card stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478"},(0,o.kt)("inlineCode",{parentName:"a"},"f6b408f"))),(0,o.kt)("li",{parentName:"ul"},"Statistic and accordion updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f"},(0,o.kt)("inlineCode",{parentName:"a"},"16064ce"))),(0,o.kt)("li",{parentName:"ul"},"breadcrumb component & stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6"},(0,o.kt)("inlineCode",{parentName:"a"},"5bceb98"))),(0,o.kt)("li",{parentName:"ul"},"Container initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2"},(0,o.kt)("inlineCode",{parentName:"a"},"3eb7155"))),(0,o.kt)("li",{parentName:"ul"},"doc(docusaurus):Fix text for various parts ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e"},(0,o.kt)("inlineCode",{parentName:"a"},"bfd3fa2"))),(0,o.kt)("li",{parentName:"ul"},"blockquote component & stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8"},(0,o.kt)("inlineCode",{parentName:"a"},"879b640"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments breaking doc building ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad"},(0,o.kt)("inlineCode",{parentName:"a"},"e6a6756"))),(0,o.kt)("li",{parentName:"ul"},"Popup updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7"},(0,o.kt)("inlineCode",{parentName:"a"},"ce2d641"))),(0,o.kt)("li",{parentName:"ul"},"Global variables for colors and borders added ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21"},(0,o.kt)("inlineCode",{parentName:"a"},"6e5fbd6"))),(0,o.kt)("li",{parentName:"ul"},"Tab stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8"},(0,o.kt)("inlineCode",{parentName:"a"},"5429cfb"))),(0,o.kt)("li",{parentName:"ul"},"Confirm stories added description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd"},(0,o.kt)("inlineCode",{parentName:"a"},"85cda14"))),(0,o.kt)("li",{parentName:"ul"},"Kebab case class names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f"},(0,o.kt)("inlineCode",{parentName:"a"},"b41cd07"))),(0,o.kt)("li",{parentName:"ul"},"Card and Comment class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3"},(0,o.kt)("inlineCode",{parentName:"a"},"3899465"))),(0,o.kt)("li",{parentName:"ul"},"Accordion updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927"},(0,o.kt)("inlineCode",{parentName:"a"},"c97ba39"))),(0,o.kt)("li",{parentName:"ul"},"item stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9"},(0,o.kt)("inlineCode",{parentName:"a"},"772e41f"))),(0,o.kt)("li",{parentName:"ul"},"Accordion class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5"},(0,o.kt)("inlineCode",{parentName:"a"},"9cdde86"))),(0,o.kt)("li",{parentName:"ul"},"Comment stories added description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da"},(0,o.kt)("inlineCode",{parentName:"a"},"cb6f25b"))),(0,o.kt)("li",{parentName:"ul"},"Accrodion stories description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4"},(0,o.kt)("inlineCode",{parentName:"a"},"ab8fb88"))),(0,o.kt)("li",{parentName:"ul"},"Pullquotes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a"},(0,o.kt)("inlineCode",{parentName:"a"},"c598421"))),(0,o.kt)("li",{parentName:"ul"},"Modal and confirm class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852"},(0,o.kt)("inlineCode",{parentName:"a"},"0ae47e6"))),(0,o.kt)("li",{parentName:"ul"},"Tab and paggination updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f"},(0,o.kt)("inlineCode",{parentName:"a"},"96796ff"))),(0,o.kt)("li",{parentName:"ul"},"Form Updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232"},(0,o.kt)("inlineCode",{parentName:"a"},"e986a9f"))),(0,o.kt)("li",{parentName:"ul"},"Classes renamed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c"},(0,o.kt)("inlineCode",{parentName:"a"},"73c8c3d"))),(0,o.kt)("li",{parentName:"ul"},"List and item less updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939"},(0,o.kt)("inlineCode",{parentName:"a"},"ce0de17"))),(0,o.kt)("li",{parentName:"ul"},"Confirm theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9"},(0,o.kt)("inlineCode",{parentName:"a"},"36e20ce"))),(0,o.kt)("li",{parentName:"ul"},"container overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719"},(0,o.kt)("inlineCode",{parentName:"a"},"4b3970b"))),(0,o.kt)("li",{parentName:"ul"},"Docusaurus theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401"},(0,o.kt)("inlineCode",{parentName:"a"},"fc4a8c5"))),(0,o.kt)("li",{parentName:"ul"},"refacto(headings): update mobile headings sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0"},(0,o.kt)("inlineCode",{parentName:"a"},"b2e9f83"))),(0,o.kt)("li",{parentName:"ul"},"list stories and style changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82"},(0,o.kt)("inlineCode",{parentName:"a"},"c61db53"))),(0,o.kt)("li",{parentName:"ul"},"Tab theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d"},(0,o.kt)("inlineCode",{parentName:"a"},"e31e6c3"))),(0,o.kt)("li",{parentName:"ul"},"Message and pagination classes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa"},(0,o.kt)("inlineCode",{parentName:"a"},"c230687"))),(0,o.kt)("li",{parentName:"ul"},"Segment initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5"},(0,o.kt)("inlineCode",{parentName:"a"},"d5724fe"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments from api_markdown breaking doc building ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35"},(0,o.kt)("inlineCode",{parentName:"a"},"efeacba"))),(0,o.kt)("li",{parentName:"ul"},"Timeline and responsiveness updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373"},(0,o.kt)("inlineCode",{parentName:"a"},"1ed1524"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 use swap font-display for performance reasons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef"},(0,o.kt)("inlineCode",{parentName:"a"},"083738f"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13"},(0,o.kt)("inlineCode",{parentName:"a"},"3d0d17c"))),(0,o.kt)("li",{parentName:"ul"},"Table component stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b"},(0,o.kt)("inlineCode",{parentName:"a"},"0bf4083"))),(0,o.kt)("li",{parentName:"ul"},"List stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81"},(0,o.kt)("inlineCode",{parentName:"a"},"a64b304"))),(0,o.kt)("li",{parentName:"ul"},"blockquote component minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09"},(0,o.kt)("inlineCode",{parentName:"a"},"cdf71a8"))),(0,o.kt)("li",{parentName:"ul"},"ckeckbox stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950"},(0,o.kt)("inlineCode",{parentName:"a"},"6d6e508"))),(0,o.kt)("li",{parentName:"ul"},"image component storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3"},(0,o.kt)("inlineCode",{parentName:"a"},"91290ec"))),(0,o.kt)("li",{parentName:"ul"},"button overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b78dd"))),(0,o.kt)("li",{parentName:"ul"},"accordion overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49"},(0,o.kt)("inlineCode",{parentName:"a"},"fdcf7d5"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component and stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38"},(0,o.kt)("inlineCode",{parentName:"a"},"5079247"))),(0,o.kt)("li",{parentName:"ul"},"Card theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39"},(0,o.kt)("inlineCode",{parentName:"a"},"23bbb9d"))),(0,o.kt)("li",{parentName:"ul"},"statistic overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc"},(0,o.kt)("inlineCode",{parentName:"a"},"2b11cb5"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 build docs only on pull request like we do with storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385"},(0,o.kt)("inlineCode",{parentName:"a"},"473bb87"))),(0,o.kt)("li",{parentName:"ul"},"Card component stories minor change | added link icon ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7"},(0,o.kt)("inlineCode",{parentName:"a"},"deb423a"))),(0,o.kt)("li",{parentName:"ul"},"comment component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66"},(0,o.kt)("inlineCode",{parentName:"a"},"f1c5e75"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component bug fixed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545"},(0,o.kt)("inlineCode",{parentName:"a"},"815e91d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 use iso date to release so that we see also time ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883"},(0,o.kt)("inlineCode",{parentName:"a"},"ceedf08"))),(0,o.kt)("li",{parentName:"ul"},"correct connfig for doco ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021"},(0,o.kt)("inlineCode",{parentName:"a"},"93e1313"))),(0,o.kt)("li",{parentName:"ul"},"Item updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744"},(0,o.kt)("inlineCode",{parentName:"a"},"fae93d4"))),(0,o.kt)("li",{parentName:"ul"},"added layout grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3"},(0,o.kt)("inlineCode",{parentName:"a"},"2e6be55"))),(0,o.kt)("li",{parentName:"ul"},"tab overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a"},(0,o.kt)("inlineCode",{parentName:"a"},"87aaf32"))),(0,o.kt)("li",{parentName:"ul"},"message overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c"},(0,o.kt)("inlineCode",{parentName:"a"},"6dccfca"))),(0,o.kt)("li",{parentName:"ul"},"segment storie changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8"},(0,o.kt)("inlineCode",{parentName:"a"},"296371f"))),(0,o.kt)("li",{parentName:"ul"},"progress component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5"},(0,o.kt)("inlineCode",{parentName:"a"},"df10c2e"))),(0,o.kt)("li",{parentName:"ul"},"message comp storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f"},(0,o.kt)("inlineCode",{parentName:"a"},"c86b405"))),(0,o.kt)("li",{parentName:"ul"},"Accordion cmponent stories | minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792"},(0,o.kt)("inlineCode",{parentName:"a"},"6de0d81"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 add all changes when auto building docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91"},(0,o.kt)("inlineCode",{parentName:"a"},"ce11cce"))),(0,o.kt)("li",{parentName:"ul"},"perf(timeline):removed semantic timeline package ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301"},(0,o.kt)("inlineCode",{parentName:"a"},"0aeb34a"))),(0,o.kt)("li",{parentName:"ul"},"Tablet Breakpoint update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac"},(0,o.kt)("inlineCode",{parentName:"a"},"b229c27"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 set storyBook Url to eea.github.io ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74"},(0,o.kt)("inlineCode",{parentName:"a"},"b7fdecb"))),(0,o.kt)("li",{parentName:"ul"},"bump package version to signaling of a major release ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321"},(0,o.kt)("inlineCode",{parentName:"a"},"c835f1d"))),(0,o.kt)("li",{parentName:"ul"},"small commit to trigger deployment of storybook and docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71"},(0,o.kt)("inlineCode",{parentName:"a"},"be46ea3"))),(0,o.kt)("li",{parentName:"ul"},"doc(accordion):revert previous change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a"},(0,o.kt)("inlineCode",{parentName:"a"},"3de02da"))),(0,o.kt)("li",{parentName:"ul"},"fix typo for caption @desktop line-height pixel number ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924"},(0,o.kt)("inlineCode",{parentName:"a"},"1671552"))),(0,o.kt)("li",{parentName:"ul"},"Commented out integration tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d"},(0,o.kt)("inlineCode",{parentName:"a"},"574cfec"))),(0,o.kt)("li",{parentName:"ul"},"popup overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5"},(0,o.kt)("inlineCode",{parentName:"a"},"a9555e3"))),(0,o.kt)("li",{parentName:"ul"},"container component stories fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec"},(0,o.kt)("inlineCode",{parentName:"a"},"692cfce"))),(0,o.kt)("li",{parentName:"ul"},"Added timeline to package json fixed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c"},(0,o.kt)("inlineCode",{parentName:"a"},"f2e93e0"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 modified import of volto-eea-design-system icon.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d"},(0,o.kt)("inlineCode",{parentName:"a"},"a7fab7d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 reference icon.less from this package: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921"},(0,o.kt)("inlineCode",{parentName:"a"},"5616e6d"))),(0,o.kt)("li",{parentName:"ul"},"Menu component stories change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be"},(0,o.kt)("inlineCode",{parentName:"a"},"2797716"))),(0,o.kt)("li",{parentName:"ul"},"Image stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179"},(0,o.kt)("inlineCode",{parentName:"a"},"ddb9f1d"))),(0,o.kt)("li",{parentName:"ul"},"card component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3"},(0,o.kt)("inlineCode",{parentName:"a"},"6ccba1e"))),(0,o.kt)("li",{parentName:"ul"},"Added timeline to package json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320"},(0,o.kt)("inlineCode",{parentName:"a"},"93031d6"))),(0,o.kt)("li",{parentName:"ul"},"table stories code clean up ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3"},(0,o.kt)("inlineCode",{parentName:"a"},"b7b2a56"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412  removed extra baseUrl from docusaurus config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c"},(0,o.kt)("inlineCode",{parentName:"a"},"79f36da"))),(0,o.kt)("li",{parentName:"ul"},"Accordion stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29"},(0,o.kt)("inlineCode",{parentName:"a"},"ffe808a"))),(0,o.kt)("li",{parentName:"ul"},"Theme assets ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2"},(0,o.kt)("inlineCode",{parentName:"a"},"3f4bea4"))),(0,o.kt)("li",{parentName:"ul"},"Merged with develop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1"},(0,o.kt)("inlineCode",{parentName:"a"},"167ec9f")))),(0,o.kt)("h3",{id:"012-beta2---2022-01-03"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2"},"0.1.2-beta.2")," - 2022-01-03"),(0,o.kt)("h3",{id:"012-beta1---2021-12-22"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1"},"0.1.2-beta.1")," - 2021-12-22"),(0,o.kt)("h4",{id:"\ufe0f-others-10"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Tab component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8"},(0,o.kt)("inlineCode",{parentName:"a"},"4690a6f"))),(0,o.kt)("li",{parentName:"ul"},"Comment component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e"},(0,o.kt)("inlineCode",{parentName:"a"},"a87cb6a"))),(0,o.kt)("li",{parentName:"ul"},"Form stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae"},(0,o.kt)("inlineCode",{parentName:"a"},"fc30c90"))),(0,o.kt)("li",{parentName:"ul"},"Grid component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f"},(0,o.kt)("inlineCode",{parentName:"a"},"798fdd0"))),(0,o.kt)("li",{parentName:"ul"},"Image component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2"},(0,o.kt)("inlineCode",{parentName:"a"},"be93385"))),(0,o.kt)("li",{parentName:"ul"},"Menu component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495"},(0,o.kt)("inlineCode",{parentName:"a"},"cb1f9a8"))),(0,o.kt)("li",{parentName:"ul"},"Dropdown component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60"},(0,o.kt)("inlineCode",{parentName:"a"},"57cf954"))),(0,o.kt)("li",{parentName:"ul"},"Header component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12"},(0,o.kt)("inlineCode",{parentName:"a"},"264fd46"))),(0,o.kt)("li",{parentName:"ul"},"Confirn component minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790"},(0,o.kt)("inlineCode",{parentName:"a"},"9a00bc1"))),(0,o.kt)("li",{parentName:"ul"},"Item component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32"},(0,o.kt)("inlineCode",{parentName:"a"},"6994fa0"))),(0,o.kt)("li",{parentName:"ul"},"Label component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a"},(0,o.kt)("inlineCode",{parentName:"a"},"5cc5843"))),(0,o.kt)("li",{parentName:"ul"},"Container component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6"},(0,o.kt)("inlineCode",{parentName:"a"},"e6e40b3"))),(0,o.kt)("li",{parentName:"ul"},"Message component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca"},(0,o.kt)("inlineCode",{parentName:"a"},"ba9d377"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df"},(0,o.kt)("inlineCode",{parentName:"a"},"ff7a176"))),(0,o.kt)("li",{parentName:"ul"},"Modal component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04"},(0,o.kt)("inlineCode",{parentName:"a"},"af1fe6a"))),(0,o.kt)("li",{parentName:"ul"},"List stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2"},(0,o.kt)("inlineCode",{parentName:"a"},"0016042"))),(0,o.kt)("li",{parentName:"ul"},"Button component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9"},(0,o.kt)("inlineCode",{parentName:"a"},"690dfd2"))),(0,o.kt)("li",{parentName:"ul"},"Radio component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2"},(0,o.kt)("inlineCode",{parentName:"a"},"84eac30"))),(0,o.kt)("li",{parentName:"ul"},"Progress component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a"},(0,o.kt)("inlineCode",{parentName:"a"},"e676357"))),(0,o.kt)("li",{parentName:"ul"},"Pagination component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6"},(0,o.kt)("inlineCode",{parentName:"a"},"b1af226"))),(0,o.kt)("li",{parentName:"ul"},"Segment component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db"},(0,o.kt)("inlineCode",{parentName:"a"},"5f8c7ef"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 eslint fixes for component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a"},(0,o.kt)("inlineCode",{parentName:"a"},"badcb91"))),(0,o.kt)("li",{parentName:"ul"},"Table component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3"},(0,o.kt)("inlineCode",{parentName:"a"},"7c104b8"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 more eslint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c"},(0,o.kt)("inlineCode",{parentName:"a"},"a88c091"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 warn for broken links instead of throwing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195"},(0,o.kt)("inlineCode",{parentName:"a"},"bd5821c"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412  merge changes from develop-itml to develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666"},(0,o.kt)("inlineCode",{parentName:"a"},"bca28b9"))),(0,o.kt)("li",{parentName:"ul"},"made tabs dynamic for api tab ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f"},(0,o.kt)("inlineCode",{parentName:"a"},"ea37ecb"))),(0,o.kt)("li",{parentName:"ul"},"Basic storybook/Docusaurus components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b"},(0,o.kt)("inlineCode",{parentName:"a"},"840ab60"))),(0,o.kt)("li",{parentName:"ul"},"created List directory & srories based on semantic-ui List component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d"},(0,o.kt)("inlineCode",{parentName:"a"},"51f1901"))),(0,o.kt)("li",{parentName:"ul"},"made tabs as component easy to call for other components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba"},(0,o.kt)("inlineCode",{parentName:"a"},"07bae49"))),(0,o.kt)("li",{parentName:"ul"},"Popup Component | minor fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec"},(0,o.kt)("inlineCode",{parentName:"a"},"2ff9908"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Tab component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0"},(0,o.kt)("inlineCode",{parentName:"a"},"95e3a73"))),(0,o.kt)("li",{parentName:"ul"},"created Table directory and stories based on semantic-ui Table component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388"},(0,o.kt)("inlineCode",{parentName:"a"},"e16115d"))),(0,o.kt)("li",{parentName:"ul"},"List component stories - minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389"},(0,o.kt)("inlineCode",{parentName:"a"},"de11343"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Comment component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11"},(0,o.kt)("inlineCode",{parentName:"a"},"a20f884"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Grid component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d"},(0,o.kt)("inlineCode",{parentName:"a"},"360d2a8"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Image component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5"},(0,o.kt)("inlineCode",{parentName:"a"},"3c1d2bc"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Menu component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03"},(0,o.kt)("inlineCode",{parentName:"a"},"17e3b37"))),(0,o.kt)("li",{parentName:"ul"},"Added untracked files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674"},(0,o.kt)("inlineCode",{parentName:"a"},"75f0afd"))),(0,o.kt)("li",{parentName:"ul"},"created Dropdown stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9"},(0,o.kt)("inlineCode",{parentName:"a"},"d6a2538"))),(0,o.kt)("li",{parentName:"ul"},"created Header component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3"},(0,o.kt)("inlineCode",{parentName:"a"},"b833979"))),(0,o.kt)("li",{parentName:"ul"},"created stories for semantic-ui Confirm component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42"},(0,o.kt)("inlineCode",{parentName:"a"},"6fddccc"))),(0,o.kt)("li",{parentName:"ul"},"created Statistic directory and stories with semantic-ui Statistic component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34"},(0,o.kt)("inlineCode",{parentName:"a"},"cd62498"))),(0,o.kt)("li",{parentName:"ul"},"created Item component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073"},(0,o.kt)("inlineCode",{parentName:"a"},"90ec2be"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Container component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288"},(0,o.kt)("inlineCode",{parentName:"a"},"41934f6"))),(0,o.kt)("li",{parentName:"ul"},"created Label component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f"},(0,o.kt)("inlineCode",{parentName:"a"},"71732f6"))),(0,o.kt)("li",{parentName:"ul"},"created Message component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c"},(0,o.kt)("inlineCode",{parentName:"a"},"adcbeab"))),(0,o.kt)("li",{parentName:"ul"},"created Modal component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9"},(0,o.kt)("inlineCode",{parentName:"a"},"c25409d"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb component stories and minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e"},(0,o.kt)("inlineCode",{parentName:"a"},"6264d92"))),(0,o.kt)("li",{parentName:"ul"},"created Pagination component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242"},(0,o.kt)("inlineCode",{parentName:"a"},"57cdad3"))),(0,o.kt)("li",{parentName:"ul"},"created Segment component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a"},(0,o.kt)("inlineCode",{parentName:"a"},"d8d01d7"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Radio component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c"},(0,o.kt)("inlineCode",{parentName:"a"},"1fd062d"))),(0,o.kt)("li",{parentName:"ul"},"Menu stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de"},(0,o.kt)("inlineCode",{parentName:"a"},"6ba5e0d"))),(0,o.kt)("li",{parentName:"ul"},"Statistic component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22"},(0,o.kt)("inlineCode",{parentName:"a"},"3c874a5"))),(0,o.kt)("li",{parentName:"ul"},"Card component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2"},(0,o.kt)("inlineCode",{parentName:"a"},"290bda8"))),(0,o.kt)("li",{parentName:"ul"},"Accrordion stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564"},(0,o.kt)("inlineCode",{parentName:"a"},"2ee3f59"))),(0,o.kt)("li",{parentName:"ul"},"renamed Demo folder to Layout ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12"},(0,o.kt)("inlineCode",{parentName:"a"},"b9f6d05"))),(0,o.kt)("li",{parentName:"ul"},"remove test exclusion ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25"},(0,o.kt)("inlineCode",{parentName:"a"},"94dba3e"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1"},(0,o.kt)("inlineCode",{parentName:"a"},"e672d59"))),(0,o.kt)("li",{parentName:"ul"},"fix docusaurus url (removed trailing /) ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada"},(0,o.kt)("inlineCode",{parentName:"a"},"b6c59fc"))),(0,o.kt)("li",{parentName:"ul"},"Item component stories - minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481"},(0,o.kt)("inlineCode",{parentName:"a"},"f0a9902"))),(0,o.kt)("li",{parentName:"ul"},"eea logos and assets ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc"},(0,o.kt)("inlineCode",{parentName:"a"},"b435b51")))),(0,o.kt)("h3",{id:"012-beta0---2021-12-18"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0"},"0.1.2-beta.0")," - 2021-12-18"),(0,o.kt)("h4",{id:"\ufe0f-others-11"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added github action to build docusaurus to the develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677"},(0,o.kt)("inlineCode",{parentName:"a"},"abe6a72")))),(0,o.kt)("h3",{id:"011---2021-12-16"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1"},"0.1.1")," - 2021-12-16"),(0,o.kt)("h4",{id:"\ufe0f-others-12"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0"},(0,o.kt)("inlineCode",{parentName:"a"},"6791d41"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 corrected base url for docusaurus website build ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a"},(0,o.kt)("inlineCode",{parentName:"a"},"98271b3"))),(0,o.kt)("li",{parentName:"ul"},"Initial test changes on design system/docusaurus. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf"},(0,o.kt)("inlineCode",{parentName:"a"},"9dad612"))),(0,o.kt)("li",{parentName:"ul"},"After prettier check ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a"},(0,o.kt)("inlineCode",{parentName:"a"},"9ec40b4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8"},(0,o.kt)("inlineCode",{parentName:"a"},"7505df8"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added references to eea and the storybook in the docusaurus footer ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb"},(0,o.kt)("inlineCode",{parentName:"a"},"42bbfcd"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 lint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c"},(0,o.kt)("inlineCode",{parentName:"a"},"9502f2b"))),(0,o.kt)("li",{parentName:"ul"},"Add SonarQube badges ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062"},(0,o.kt)("inlineCode",{parentName:"a"},"a4e0a40"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 brought changes from develop-itml and upgrades docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa"},(0,o.kt)("inlineCode",{parentName:"a"},"207c873"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed extra content not needed by the docusaurus site ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed"},(0,o.kt)("inlineCode",{parentName:"a"},"bc68ebe"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 updated docusaurus to latest beta ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9"},(0,o.kt)("inlineCode",{parentName:"a"},"d68ed8a")))),(0,o.kt)("h3",{id:"011-beta0---2021-12-09"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0"},"0.1.1-beta.0")," - 2021-12-09"),(0,o.kt)("h4",{id:"\ufe0f-others-13"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 moved header and footer templates from volto-ims-theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222"},(0,o.kt)("inlineCode",{parentName:"a"},"e2d5e56"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added website folder with docusaurus site skeleton ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954"},(0,o.kt)("inlineCode",{parentName:"a"},"6fd15f4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 added commented implementation of the header and footer area: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39"},(0,o.kt)("inlineCode",{parentName:"a"},"773ad87"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3"},(0,o.kt)("inlineCode",{parentName:"a"},"4137ec4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed storybook from volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418"},(0,o.kt)("inlineCode",{parentName:"a"},"a129ffb"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added storybook as a dev dependency: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f"},(0,o.kt)("inlineCode",{parentName:"a"},"e04ae4e"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 updated Breadcrumbs.jsx to latest version: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476"},(0,o.kt)("inlineCode",{parentName:"a"},"63fe507"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 we should use jsx and not mdx for storybook tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394"},(0,o.kt)("inlineCode",{parentName:"a"},"3668e66"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454  updated eea-design-system readme with extra info on package contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780"},(0,o.kt)("inlineCode",{parentName:"a"},"d2efc3d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142010 - Optimize Volto-addons gitflow pipelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d"},(0,o.kt)("inlineCode",{parentName:"a"},"3af46d2"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 Renamed folders of docusaurus website: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092"},(0,o.kt)("inlineCode",{parentName:"a"},"15bca74"))),(0,o.kt)("li",{parentName:"ul"},"Add demo story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66"},(0,o.kt)("inlineCode",{parentName:"a"},"757c409"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 enabled minimum css so that header looks decent ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4"},(0,o.kt)("inlineCode",{parentName:"a"},"adbe233"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 use the develop branch for the readme linking, it's always more up to date ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3"},(0,o.kt)("inlineCode",{parentName:"a"},"23dcf16"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added missing themes reference for the eea theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996"},(0,o.kt)("inlineCode",{parentName:"a"},"e9ca244"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 modified assets imports after move to volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8"},(0,o.kt)("inlineCode",{parentName:"a"},"2250cc7"))),(0,o.kt)("li",{parentName:"ul"},"Load footer in segment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55"},(0,o.kt)("inlineCode",{parentName:"a"},"80d38a9"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae"},(0,o.kt)("inlineCode",{parentName:"a"},"1314039"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620"},(0,o.kt)("inlineCode",{parentName:"a"},"1a8b305"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a"},(0,o.kt)("inlineCode",{parentName:"a"},"fbb80b1"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 moved storybook scripts to the scripts section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d"},(0,o.kt)("inlineCode",{parentName:"a"},"705c4c3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed dangling comma ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54"},(0,o.kt)("inlineCode",{parentName:"a"},"514f24d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed link to the start of the docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf"},(0,o.kt)("inlineCode",{parentName:"a"},"0e16fdf"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 add h1 to the list of elements that are max 800px and centered ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e"},(0,o.kt)("inlineCode",{parentName:"a"},"7d3c30f"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using ims-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9"},(0,o.kt)("inlineCode",{parentName:"a"},"8d657d0")))),(0,o.kt)("h3",{id:"010---2021-11-17"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0"},"0.1.0")," - 2021-11-17"),(0,o.kt)("h4",{id:"\ufe0f-others-14"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781"},(0,o.kt)("inlineCode",{parentName:"a"},"40d2af6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 elements folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008"},(0,o.kt)("inlineCode",{parentName:"a"},"595b4e6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 use font awesome from SemanticUI instead of Pastanaga: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff"},(0,o.kt)("inlineCode",{parentName:"a"},"4e273ca"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 removed the components customizations from volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d"},(0,o.kt)("inlineCode",{parentName:"a"},"c98c260"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0"},(0,o.kt)("inlineCode",{parentName:"a"},"ff4bf44"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974"},(0,o.kt)("inlineCode",{parentName:"a"},"f2841b6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 customized Comments.jsx to remove unnecessary container ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff"},(0,o.kt)("inlineCode",{parentName:"a"},"b2e95d7"))),(0,o.kt)("li",{parentName:"ul"},"Refs #132149 added initial commit for volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9"},(0,o.kt)("inlineCode",{parentName:"a"},"2934b91"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 collection folder now has the variables and overrides from pastanaga: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050"},(0,o.kt)("inlineCode",{parentName:"a"},"213d496"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 removed search widget customization, we can use volto-ims-theme for that file ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7"},(0,o.kt)("inlineCode",{parentName:"a"},"b7e8b0c"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 stylelint quick fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd"},(0,o.kt)("inlineCode",{parentName:"a"},"5595925"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c"},(0,o.kt)("inlineCode",{parentName:"a"},"769f4f9"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the eea theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab"},(0,o.kt)("inlineCode",{parentName:"a"},"06d8d86"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 eea site.variables now use all values from pastanaga's site.variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88"},(0,o.kt)("inlineCode",{parentName:"a"},"6535c0f"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 simplified container overrides: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06"},(0,o.kt)("inlineCode",{parentName:"a"},"5125003"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.0.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa"},(0,o.kt)("inlineCode",{parentName:"a"},"177d0ce"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 globals folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734"},(0,o.kt)("inlineCode",{parentName:"a"},"116a0c3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d"},(0,o.kt)("inlineCode",{parentName:"a"},"2e7f423"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d"},(0,o.kt)("inlineCode",{parentName:"a"},"27a201d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 text elements are now with a max width and centered within content-area: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d"},(0,o.kt)("inlineCode",{parentName:"a"},"bbed7bb"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added main.variables entries from pastanaga to eea theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1"},(0,o.kt)("inlineCode",{parentName:"a"},"1cbbc55"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified theme image imports for component customizations ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4"},(0,o.kt)("inlineCode",{parentName:"a"},"ef3238a"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified container width to be auto: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18"},(0,o.kt)("inlineCode",{parentName:"a"},"2e8d2e0"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified several icons to use the \\f values instead of \\e: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6"},(0,o.kt)("inlineCode",{parentName:"a"},"c397145"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0"},(0,o.kt)("inlineCode",{parentName:"a"},"c518eda"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 ensure that main column isn't enlarged over the sidebar section on edit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10"},(0,o.kt)("inlineCode",{parentName:"a"},"f7a2868"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the form styling: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb"},(0,o.kt)("inlineCode",{parentName:"a"},"eb92e05"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified path of theme folder location for image selection ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4"},(0,o.kt)("inlineCode",{parentName:"a"},"f8cca45"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977"},(0,o.kt)("inlineCode",{parentName:"a"},"444c78d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 reference font and image path from ~volto-themes instead of relative ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca"},(0,o.kt)("inlineCode",{parentName:"a"},"ec93ed3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 ensure that Volto doesn't crash when site module is set to eea: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e"},(0,o.kt)("inlineCode",{parentName:"a"},"51f2f27"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7"},(0,o.kt)("inlineCode",{parentName:"a"},"56a12e2")))),(0,o.kt)("h3",{id:"001---2021-11-17"},"0.0.1 - 2021-11-17"),(0,o.kt)("h4",{id:"\ufe0f-others-15"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Initial commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a"},(0,o.kt)("inlineCode",{parentName:"a"},"b0bdd44")))))}f.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/docs/assets/js/41d5c757.d4ad50ea.js b/docs/assets/js/41d5c757.d4ad50ea.js
new file mode 100644
index 0000000000..7d8b3e2384
--- /dev/null
+++ b/docs/assets/js/41d5c757.d4ad50ea.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[6245],{3905:function(e,a,t){t.d(a,{Zo:function(){return c},kt:function(){return p}});var i=t(7294);function n(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function o(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);a&&(i=i.filter((function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable}))),t.push.apply(t,i)}return t}function m(e){for(var a=1;a<arguments.length;a++){var t=null!=arguments[a]?arguments[a]:{};a%2?o(Object(t),!0).forEach((function(a){n(e,a,t[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):o(Object(t)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))}))}return e}function r(e,a){if(null==e)return{};var t,i,n=function(e,a){if(null==e)return{};var t,i,n={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],a.indexOf(t)>=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],a.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var l=i.createContext({}),d=function(e){var a=i.useContext(l),t=a;return e&&(t="function"==typeof e?e(a):m(m({},a),e)),t},c=function(e){var a=d(e.components);return i.createElement(l.Provider,{value:a},e.children)},s={inlineCode:"code",wrapper:function(e){var a=e.children;return i.createElement(i.Fragment,{},a)}},f=i.forwardRef((function(e,a){var t=e.components,n=e.mdxType,o=e.originalType,l=e.parentName,c=r(e,["components","mdxType","originalType","parentName"]),f=d(t),p=n,b=f["".concat(l,".").concat(p)]||f[p]||s[p]||o;return t?i.createElement(b,m(m({ref:a},c),{},{components:t})):i.createElement(b,m({ref:a},c))}));function p(e,a){var t=arguments,n=a&&a.mdxType;if("string"==typeof e||n){var o=t.length,m=new Array(o);m[0]=f;var r={};for(var l in a)hasOwnProperty.call(a,l)&&(r[l]=a[l]);r.originalType=e,r.mdxType="string"==typeof e?e:n,m[1]=r;for(var d=2;d<o;d++)m[d]=t[d];return i.createElement.apply(null,m)}return i.createElement.apply(null,t)}f.displayName="MDXCreateElement"},247:function(e,a,t){t.r(a),t.d(a,{contentTitle:function(){return l},default:function(){return f},frontMatter:function(){return r},metadata:function(){return d},toc:function(){return c}});var i=t(7462),n=t(3366),o=(t(7294),t(3905)),m=["components"],r={title:"What's new"},l=void 0,d={unversionedId:"whatsnew",id:"whatsnew",title:"What's new",description:"All notable changes to this project will be documented in this file. Dates are displayed in UTC.",source:"@site/docs/2-whatsnew.md",sourceDirName:".",slug:"/whatsnew",permalink:"/volto-eea-design-system/docs/whatsnew",tags:[],version:"current",sidebarPosition:2,frontMatter:{title:"What's new"},sidebar:"sidebar",previous:{title:"Getting started",permalink:"/volto-eea-design-system/docs/getting-started"},next:{title:"Intro",permalink:"/volto-eea-design-system/docs/Guidelines/intro"}},c=[{value:"Unreleased - 2022-04-22T12:44:32.579Z",id:"unreleased---2022-04-22t124432579z",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others",children:[],level:4}],level:3},{value:"0.2.1 - 2022-04-08",id:"021---2022-04-08",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-1",children:[],level:4}],level:3},{value:"0.2.0 - 2022-04-04",id:"020---2022-04-04",children:[{value:"\ud83d\ude80 New Features",id:"-new-features",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-2",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-1",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-2",children:[],level:4}],level:3},{value:"0.1.9 - 2022-03-25",id:"019---2022-03-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-1",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-3",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-2",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-3",children:[],level:4}],level:3},{value:"0.1.8 - 2022-03-18",id:"018---2022-03-18",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-4",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-3",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-3",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-4",children:[],level:4}],level:3},{value:"0.1.7 - 2022-03-15",id:"017---2022-03-15",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-2",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-5",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-4",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-4",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-1",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-5",children:[],level:4}],level:3},{value:"0.1.6 - 2022-03-11",id:"016---2022-03-11",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-3",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-6",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-5",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-5",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-6",children:[],level:4}],level:3},{value:"0.1.5 - 2022-03-08",id:"015---2022-03-08",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-4",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-7",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-6",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-6",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-2",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-7",children:[],level:4}],level:3},{value:"0.1.4 - 2022-03-01",id:"014---2022-03-01",children:[{value:"\ud83d\udc85 Enhancements",id:"-enhancements-7",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-3",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-8",children:[],level:4}],level:3},{value:"0.1.4-beta.0 - 2022-02-25",id:"014-beta0---2022-02-25",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-5",children:[],level:4}],level:3},{value:"0.1.3 - 2022-02-25",id:"013---2022-02-25",children:[{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-8",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-8",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-7",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-9",children:[],level:4}],level:3},{value:"0.1.2 - 2022-02-17",id:"012---2022-02-17",children:[{value:"\ud83d\ude80 New Features",id:"-new-features-6",children:[],level:4},{value:"\ud83d\udc1b Bug Fixes",id:"-bug-fixes-9",children:[],level:4},{value:"\ud83d\udc85 Enhancements",id:"-enhancements-9",children:[],level:4},{value:"\ud83c\udfe0 Internal changes",id:"-internal-changes-8",children:[],level:4},{value:"\ud83c\udfe0 Documentation changes",id:"-documentation-changes-4",children:[],level:4},{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-10",children:[],level:4}],level:3},{value:"0.1.2-beta.2 - 2022-01-03",id:"012-beta2---2022-01-03",children:[],level:3},{value:"0.1.2-beta.1 - 2021-12-22",id:"012-beta1---2021-12-22",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-11",children:[],level:4}],level:3},{value:"0.1.2-beta.0 - 2021-12-18",id:"012-beta0---2021-12-18",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-12",children:[],level:4}],level:3},{value:"0.1.1 - 2021-12-16",id:"011---2021-12-16",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-13",children:[],level:4}],level:3},{value:"0.1.1-beta.0 - 2021-12-09",id:"011-beta0---2021-12-09",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-14",children:[],level:4}],level:3},{value:"0.1.0 - 2021-11-17",id:"010---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-15",children:[],level:4}],level:3},{value:"0.0.1 - 2021-11-17",id:"001---2021-11-17",children:[{value:"\ud83d\udee0\ufe0f Others",id:"\ufe0f-others-16",children:[],level:4}],level:3}],s={toc:c};function f(e){var a=e.components,t=(0,n.Z)(e,m);return(0,o.kt)("wrapper",(0,i.Z)({},s,t,{components:a,mdxType:"MDXLayout"}),(0,o.kt)("p",null,"All notable changes to this project will be documented in this file. Dates are displayed in UTC."),(0,o.kt)("p",null,"Generated by ",(0,o.kt)("a",{parentName:"p",href:"https://github.com/CookPete/auto-changelog"},(0,o.kt)("inlineCode",{parentName:"a"},"auto-changelog")),"."),(0,o.kt)("h3",{id:"unreleased---2022-04-22t124432579z"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.1...HEAD"},"Unreleased")," - 2022-04-22T12:44:32.579Z"),(0,o.kt)("h4",{id:"-bug-fixes"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(publicationCard): restore line endings ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a"},(0,o.kt)("inlineCode",{parentName:"a"},"582859e"))),(0,o.kt)("li",{parentName:"ul"},"fix(form): added back overrides from Pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c"},(0,o.kt)("inlineCode",{parentName:"a"},"a3f7ff8"))),(0,o.kt)("li",{parentName:"ul"},"fix(OrderedList) : add list only if sub list exists ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f"},(0,o.kt)("inlineCode",{parentName:"a"},"8acbc8d"))),(0,o.kt)("li",{parentName:"ul"},"fix(label): update highlight label color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748"},(0,o.kt)("inlineCode",{parentName:"a"},"d55bbb0"))),(0,o.kt)("li",{parentName:"ul"},"fix(publication card): run prettier ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a"},(0,o.kt)("inlineCode",{parentName:"a"},"81a5bfc"))),(0,o.kt)("li",{parentName:"ul"},"fix(avatar) : fix naming convention for arg ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26"},(0,o.kt)("inlineCode",{parentName:"a"},"84fc5fa"))),(0,o.kt)("li",{parentName:"ul"},"fix(tab): restore mobile font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44"},(0,o.kt)("inlineCode",{parentName:"a"},"58f39be"))),(0,o.kt)("li",{parentName:"ul"},"fix(addForm): add min height to add form and fixed block chooser overflow ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776"},(0,o.kt)("inlineCode",{parentName:"a"},"ca4415d"))),(0,o.kt)("li",{parentName:"ul"},"fix(OrderedList): adjust margins to fourth sublists ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7"},(0,o.kt)("inlineCode",{parentName:"a"},"663d384"))),(0,o.kt)("li",{parentName:"ul"},"fix(dropdown): being hidden because of third party css ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8"},(0,o.kt)("inlineCode",{parentName:"a"},"7d353df"))),(0,o.kt)("li",{parentName:"ul"},"fix(modal): overflow hidden as clearfix of last child from modal ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909"},(0,o.kt)("inlineCode",{parentName:"a"},"b4923f5"))),(0,o.kt)("li",{parentName:"ul"},"fix(RelatedContent):fix merge conflict ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f"},(0,o.kt)("inlineCode",{parentName:"a"},"adc34bf"))),(0,o.kt)("li",{parentName:"ul"},"fix(button): labeled class needs to be placed after left or right keyword ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f"},(0,o.kt)("inlineCode",{parentName:"a"},"53d1204")))),(0,o.kt)("h4",{id:"-enhancements"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(card): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070"},(0,o.kt)("inlineCode",{parentName:"a"},"e10e3d6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add card variations ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f"},(0,o.kt)("inlineCode",{parentName:"a"},"e16d05b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): remove stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f"},(0,o.kt)("inlineCode",{parentName:"a"},"0deb0ca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):delete primary and secondary card stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8"},(0,o.kt)("inlineCode",{parentName:"a"},"1f95d22"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Avatar) : remake avatar as card variant ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412"},(0,o.kt)("inlineCode",{parentName:"a"},"ea77cdd"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add styles for card variations ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996"},(0,o.kt)("inlineCode",{parentName:"a"},"7407bd3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add story with related content inside of a tab ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357"},(0,o.kt)("inlineCode",{parentName:"a"},"dca008a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): Rename variables from avatar  to rounded ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46"},(0,o.kt)("inlineCode",{parentName:"a"},"be01316"))),(0,o.kt)("li",{parentName:"ul"},"refactor(avatar): update less variables and layer structure ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91"},(0,o.kt)("inlineCode",{parentName:"a"},"f965db1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(PublicationCard):remake publication card to be a semantic card variation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391"},(0,o.kt)("inlineCode",{parentName:"a"},"5a0c6ab"))),(0,o.kt)("li",{parentName:"ul"},"change(button): simplified button styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021"},(0,o.kt)("inlineCode",{parentName:"a"},"fe892d6"))),(0,o.kt)("li",{parentName:"ul"},"change(button): simplified storybook naming and examples ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b"},(0,o.kt)("inlineCode",{parentName:"a"},"9a7df4f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Avatar) : convert avatar component to card variation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8"},(0,o.kt)("inlineCode",{parentName:"a"},"2004a94"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Related Content): change in grid and add see all button ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705"},(0,o.kt)("inlineCode",{parentName:"a"},"955450e"))),(0,o.kt)("li",{parentName:"ul"},"change(button): added back button.overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053"},(0,o.kt)("inlineCode",{parentName:"a"},"3b55acb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add card class control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698"},(0,o.kt)("inlineCode",{parentName:"a"},"68c91a9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):delete publication card variables & overrides files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0"},(0,o.kt)("inlineCode",{parentName:"a"},"6be8a03"))),(0,o.kt)("li",{parentName:"ul"},"refactor(OrderedList): rename TOC to Ordered List and add container to the story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b"},(0,o.kt)("inlineCode",{parentName:"a"},"e00c4db"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add card grid fluid story with no columns ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb"},(0,o.kt)("inlineCode",{parentName:"a"},"f38251c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): remove horizontal control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad"},(0,o.kt)("inlineCode",{parentName:"a"},"1f5e576"))),(0,o.kt)("li",{parentName:"ul"},"refactor(avatarGrid): update less variables and layer structure ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455"},(0,o.kt)("inlineCode",{parentName:"a"},"db554a8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Related Content):show button when there are more hidden cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0"},(0,o.kt)("inlineCode",{parentName:"a"},"57ff1c8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(RelatedContent):change to use new card variant instead of publication card component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905"},(0,o.kt)("inlineCode",{parentName:"a"},"7cf424a"))),(0,o.kt)("li",{parentName:"ul"},"change(breadcrumb): brought back pastanaga overrides to breadcrumbs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643"},(0,o.kt)("inlineCode",{parentName:"a"},"bca1c93"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):delete publication card folder & story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2"},(0,o.kt)("inlineCode",{parentName:"a"},"68bf773"))),(0,o.kt)("li",{parentName:"ul"},"change(buttons): modified basic and circular variant behavior ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8"},(0,o.kt)("inlineCode",{parentName:"a"},"c06fed9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):tertiary variation minor story update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205"},(0,o.kt)("inlineCode",{parentName:"a"},"87b8dca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(DescriptionList): add container to story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972"},(0,o.kt)("inlineCode",{parentName:"a"},"d647c1a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List):render ordered list with ol,li tags ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0"},(0,o.kt)("inlineCode",{parentName:"a"},"87813c1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(OrderedList) : change table of contents story to ordered list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959"},(0,o.kt)("inlineCode",{parentName:"a"},"cb6197c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(publicationCard): update tag and name variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d"},(0,o.kt)("inlineCode",{parentName:"a"},"c109ad9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(UnorderedList): update list as ul, list items as li and add container to strory ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c"},(0,o.kt)("inlineCode",{parentName:"a"},"2c096e1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):organize controls and minor bug fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9"},(0,o.kt)("inlineCode",{parentName:"a"},"f3f6e35"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): publication card style changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45"},(0,o.kt)("inlineCode",{parentName:"a"},"c5a84e9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): add less to related content ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d"},(0,o.kt)("inlineCode",{parentName:"a"},"e1a5543"))),(0,o.kt)("li",{parentName:"ul"},"refactor(RelatedContent):delete publication card component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea"},(0,o.kt)("inlineCode",{parentName:"a"},"2ed0ed4"))),(0,o.kt)("li",{parentName:"ul"},"change(button): basic button is again without padding, border and background ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d"},(0,o.kt)("inlineCode",{parentName:"a"},"5a907c7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(PublicationCard):remove link wrapper ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa"},(0,o.kt)("inlineCode",{parentName:"a"},"5911a0d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): change publication card height per viewport ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd"},(0,o.kt)("inlineCode",{parentName:"a"},"d7a5256"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Timeline):change timeline icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472"},(0,o.kt)("inlineCode",{parentName:"a"},"b2fe0bf"))),(0,o.kt)("li",{parentName:"ul"},"refactor(publicationCard): replace px with rems ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a"},(0,o.kt)("inlineCode",{parentName:"a"},"53bf8da"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Related Content): change in related content grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9"},(0,o.kt)("inlineCode",{parentName:"a"},"bf856ce"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List):render description list with dl,dt,dd tags ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb"},(0,o.kt)("inlineCode",{parentName:"a"},"ec669a7"))),(0,o.kt)("li",{parentName:"ul"},"change(button): show only labeled variant for buttons with icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e"},(0,o.kt)("inlineCode",{parentName:"a"},"bf49944"))),(0,o.kt)("li",{parentName:"ul"},"change(button): text button now has an underline with a focus border like other buttons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89"},(0,o.kt)("inlineCode",{parentName:"a"},"cdd9043"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): import image for rounded card ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f"},(0,o.kt)("inlineCode",{parentName:"a"},"ca5a47e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress): add container to story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba"},(0,o.kt)("inlineCode",{parentName:"a"},"dfb33bb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add publication card story with different description sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5"},(0,o.kt)("inlineCode",{parentName:"a"},"23af97b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List):render default list with dl & dt tags ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f"},(0,o.kt)("inlineCode",{parentName:"a"},"ece2280"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add publication cards stories with longer description ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc"},(0,o.kt)("inlineCode",{parentName:"a"},"37adefa"))),(0,o.kt)("li",{parentName:"ul"},"change(button): basic icon buttons no longer have box shadows ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7"},(0,o.kt)("inlineCode",{parentName:"a"},"c2f3ea3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): remove story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740"},(0,o.kt)("inlineCode",{parentName:"a"},"afc5f79"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): change card description line number per device ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290"},(0,o.kt)("inlineCode",{parentName:"a"},"6946fda"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): update rounded card image path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3"},(0,o.kt)("inlineCode",{parentName:"a"},"8db3a85"))),(0,o.kt)("li",{parentName:"ul"},"refactor(DefaultList): add container to story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69"},(0,o.kt)("inlineCode",{parentName:"a"},"f971193"))),(0,o.kt)("li",{parentName:"ul"},"change(button): bumped z-index of sidenav expand button ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6"},(0,o.kt)("inlineCode",{parentName:"a"},"445ed8a"))),(0,o.kt)("li",{parentName:"ul"},"change(progress,label): color accessibility fixes  #151 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86"},(0,o.kt)("inlineCode",{parentName:"a"},"09cf6e3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): update card variation grids path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903"},(0,o.kt)("inlineCode",{parentName:"a"},"756589c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): minor fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939"},(0,o.kt)("inlineCode",{parentName:"a"},"3a880d7"))),(0,o.kt)("li",{parentName:"ul"},"change(button): primary color is blue and secondary is green ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846"},(0,o.kt)("inlineCode",{parentName:"a"},"53e0a0c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List):change styles to match with the tags lists are rendered ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7"},(0,o.kt)("inlineCode",{parentName:"a"},"2673890"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress): update colors for accessibility ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c"},(0,o.kt)("inlineCode",{parentName:"a"},"ea2f454"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): move avatarGrid & relatedContent to Card folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd"},(0,o.kt)("inlineCode",{parentName:"a"},"1959d52"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Timeline): change storybook timeline colors to fix accessibility issues ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753"},(0,o.kt)("inlineCode",{parentName:"a"},"79da8dc"))),(0,o.kt)("li",{parentName:"ul"},"change(segment): restore light grey background color for secondary segments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c"},(0,o.kt)("inlineCode",{parentName:"a"},"8716b08"))),(0,o.kt)("li",{parentName:"ul"},"refactor(relatedContent): adjust column paddings ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e"},(0,o.kt)("inlineCode",{parentName:"a"},"8a1520d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): clear up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594"},(0,o.kt)("inlineCode",{parentName:"a"},"3ada154"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): use the rounded class for avatar grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442"},(0,o.kt)("inlineCode",{parentName:"a"},"8c000f3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card) Update rounded card class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4"},(0,o.kt)("inlineCode",{parentName:"a"},"140b587"))),(0,o.kt)("li",{parentName:"ul"},"refactor(avatar): add variable for image border radius ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e"},(0,o.kt)("inlineCode",{parentName:"a"},"c23341c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(label): add container to story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6"},(0,o.kt)("inlineCode",{parentName:"a"},"565101f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress): update value color for accessibility error ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef"},(0,o.kt)("inlineCode",{parentName:"a"},"6fc76f8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):use jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e"},(0,o.kt)("inlineCode",{parentName:"a"},"413d328")))),(0,o.kt)("h4",{id:"-internal-changes"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"chore(Avatar) : add container to stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2"},(0,o.kt)("inlineCode",{parentName:"a"},"41b748c"))),(0,o.kt)("li",{parentName:"ul"},"style(OrderedList): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d"},(0,o.kt)("inlineCode",{parentName:"a"},"ed95e4d")))),(0,o.kt)("h4",{id:"\ufe0f-others"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"perf(eol): change to LF ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940"},(0,o.kt)("inlineCode",{parentName:"a"},"c71e42e"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): linux eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425"},(0,o.kt)("inlineCode",{parentName:"a"},"6e0bb30"))),(0,o.kt)("li",{parentName:"ul"},"lint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281"},(0,o.kt)("inlineCode",{parentName:"a"},"a68866d"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1"},(0,o.kt)("inlineCode",{parentName:"a"},"7054b20"))),(0,o.kt)("li",{parentName:"ul"},"doco(list): update Ordered List showcase ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3"},(0,o.kt)("inlineCode",{parentName:"a"},"75e40bf"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900"},(0,o.kt)("inlineCode",{parentName:"a"},"19235e5"))),(0,o.kt)("li",{parentName:"ul"},"fixed js syntax error from previous commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2"},(0,o.kt)("inlineCode",{parentName:"a"},"37dc1f5"))),(0,o.kt)("li",{parentName:"ul"},"Next relese: 0.2.2 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e"},(0,o.kt)("inlineCode",{parentName:"a"},"b3fb40f")))),(0,o.kt)("h3",{id:"021---2022-04-08"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1"},"0.2.1")," - 2022-04-08"),(0,o.kt)("h4",{id:"-bug-fixes-1"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(version): Switch to 2.0.0.alpha.1 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9"},(0,o.kt)("inlineCode",{parentName:"a"},"83b8b8e")))),(0,o.kt)("h4",{id:"\ufe0f-others-1"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"cleanup(loader): Remove useless HTML ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22"},(0,o.kt)("inlineCode",{parentName:"a"},"d1d180c")))),(0,o.kt)("h3",{id:"020---2022-04-04"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0"},"0.2.0")," - 2022-04-04"),(0,o.kt)("h4",{id:"-new-features"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(card) : add new default card color-schme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75"},(0,o.kt)("inlineCode",{parentName:"a"},"965adea"))),(0,o.kt)("li",{parentName:"ul"},"feat(label): Handle slate links and footnotes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068"},(0,o.kt)("inlineCode",{parentName:"a"},"f382431")))),(0,o.kt)("h4",{id:"-bug-fixes-2"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(buttons,toggles): border and background color when active 147629 #139 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba"},(0,o.kt)("inlineCode",{parentName:"a"},"ea36f31"))),(0,o.kt)("li",{parentName:"ul"},"fix(checkboxes): background color when they are toggles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449"},(0,o.kt)("inlineCode",{parentName:"a"},"4b6ab67"))),(0,o.kt)("li",{parentName:"ul"},"fix(buttons): border set on basic buttons appearing on svg elements of Volto UI ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951"},(0,o.kt)("inlineCode",{parentName:"a"},"69ca73f"))),(0,o.kt)("li",{parentName:"ul"},"fix(label): Zotero/Footnotes inside label ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786"},(0,o.kt)("inlineCode",{parentName:"a"},"0ee4d58"))),(0,o.kt)("li",{parentName:"ul"},"fix(card) : add control for image url in storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1"},(0,o.kt)("inlineCode",{parentName:"a"},"b28e530"))),(0,o.kt)("li",{parentName:"ul"},"fix(less variables):change font family ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1"},(0,o.kt)("inlineCode",{parentName:"a"},"e4bca9e"))),(0,o.kt)("li",{parentName:"ul"},"fix(storybook):minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c"},(0,o.kt)("inlineCode",{parentName:"a"},"9fc53bc"))),(0,o.kt)("li",{parentName:"ul"},"fix(tag): fixes merged theme config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1"},(0,o.kt)("inlineCode",{parentName:"a"},"eb30363"))),(0,o.kt)("li",{parentName:"ul"},"fix(Banner): prop types fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3"},(0,o.kt)("inlineCode",{parentName:"a"},"a270e5b")))),(0,o.kt)("h4",{id:"-enhancements-1"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(tag): splits Tags component to TagList and tag, changes default tags style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445"},(0,o.kt)("inlineCode",{parentName:"a"},"78a5f8c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):add banner share pop up in banner story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234"},(0,o.kt)("inlineCode",{parentName:"a"},"c9688b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): remove classes and actions that add background color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406"},(0,o.kt)("inlineCode",{parentName:"a"},"ce9b6f9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):change banner's image wrapper implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc"},(0,o.kt)("inlineCode",{parentName:"a"},"9153dd1"))),(0,o.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.10.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621"},(0,o.kt)("inlineCode",{parentName:"a"},"7e984c1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): align cards and images, update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98"},(0,o.kt)("inlineCode",{parentName:"a"},"d47c978"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): add class inverted for default card ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f"},(0,o.kt)("inlineCode",{parentName:"a"},"919a56e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): changes component name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2"},(0,o.kt)("inlineCode",{parentName:"a"},"e1db068"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tag): changes color metallicBlue to bottleGreen ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c"},(0,o.kt)("inlineCode",{parentName:"a"},"e4b68ac"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): change tag list mobile view ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13"},(0,o.kt)("inlineCode",{parentName:"a"},"fcded3d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tagList): update story to not use tag color classes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9"},(0,o.kt)("inlineCode",{parentName:"a"},"8b5b61b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd"},(0,o.kt)("inlineCode",{parentName:"a"},"ff8c352"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner): add metadata field sub component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5"},(0,o.kt)("inlineCode",{parentName:"a"},"327b7e7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): add and adjust remix icon for banner action ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56"},(0,o.kt)("inlineCode",{parentName:"a"},"1bf3ffa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): replace px with rem and adjust share popup padding ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c"},(0,o.kt)("inlineCode",{parentName:"a"},"a568329"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner):add type class to metadata field and apply styles to it ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23"},(0,o.kt)("inlineCode",{parentName:"a"},"86a2866"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables):change tag list styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b"},(0,o.kt)("inlineCode",{parentName:"a"},"8670087"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): share items display flex on desktop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b"},(0,o.kt)("inlineCode",{parentName:"a"},"3ff8684"))),(0,o.kt)("li",{parentName:"ul"},"change(banner): added background gradient, share popup, metadata show and hide  #136 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518"},(0,o.kt)("inlineCode",{parentName:"a"},"2f5dcca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13"},(0,o.kt)("inlineCode",{parentName:"a"},"570ee1e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tags): removes hardcoded ':' ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c"},(0,o.kt)("inlineCode",{parentName:"a"},"ea58e86"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card): remove card border ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb"},(0,o.kt)("inlineCode",{parentName:"a"},"bc77739")))),(0,o.kt)("h4",{id:"-internal-changes-1"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(card) : add lint and prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156"},(0,o.kt)("inlineCode",{parentName:"a"},"9d9a773"))),(0,o.kt)("li",{parentName:"ul"},"style(tag): remove comments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286"},(0,o.kt)("inlineCode",{parentName:"a"},"501fcdf"))),(0,o.kt)("li",{parentName:"ul"},"style(tag): stylelint and prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063"},(0,o.kt)("inlineCode",{parentName:"a"},"08b6386")))),(0,o.kt)("h4",{id:"\ufe0f-others-2"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"1.10 release #140 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f"},(0,o.kt)("inlineCode",{parentName:"a"},"88d3339"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7"},(0,o.kt)("inlineCode",{parentName:"a"},"328ef2c"))),(0,o.kt)("li",{parentName:"ul"},"undo changes to Header.jsx committed wrongly in 4b6ab ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0"},(0,o.kt)("inlineCode",{parentName:"a"},"bfc4c51"))),(0,o.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924"},(0,o.kt)("inlineCode",{parentName:"a"},"af75f81"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): lf fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125"},(0,o.kt)("inlineCode",{parentName:"a"},"ecf474f"))),(0,o.kt)("li",{parentName:"ul"},"Update 0-intro.md ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4"},(0,o.kt)("inlineCode",{parentName:"a"},"93a0732"))),(0,o.kt)("li",{parentName:"ul"},"modifies tags title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e"},(0,o.kt)("inlineCode",{parentName:"a"},"33c3714"))),(0,o.kt)("li",{parentName:"ul"},"reafactor(taglist): fixes tags root class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53"},(0,o.kt)("inlineCode",{parentName:"a"},"7d09959")))),(0,o.kt)("h3",{id:"019---2022-03-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9"},"0.1.9")," - 2022-03-25"),(0,o.kt)("h4",{id:"-new-features-1"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(all): 1.9 release #124 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869"},(0,o.kt)("inlineCode",{parentName:"a"},"0d3f6fb"))),(0,o.kt)("li",{parentName:"ul"},"feat(callout): Align volto-slate callout with blockquote style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058"},(0,o.kt)("inlineCode",{parentName:"a"},"9e0bb49")))),(0,o.kt)("h4",{id:"-bug-fixes-3"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation): restore hidden on top functionality ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4"},(0,o.kt)("inlineCode",{parentName:"a"},"c554e6e"))),(0,o.kt)("li",{parentName:"ul"},"fix(list): Fix TOC margin on 3rd level ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108"},(0,o.kt)("inlineCode",{parentName:"a"},"f17da79"))),(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation) : add smooth scroll animation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee"},(0,o.kt)("inlineCode",{parentName:"a"},"42f6564")))),(0,o.kt)("h4",{id:"-enhancements-2"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update visual and mobile margins ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347"},(0,o.kt)("inlineCode",{parentName:"a"},"64f05af"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): restore union dropdown after implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e"},(0,o.kt)("inlineCode",{parentName:"a"},"a7029c5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): adjust to the new figma design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f"},(0,o.kt)("inlineCode",{parentName:"a"},"78e4606"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2"},(0,o.kt)("inlineCode",{parentName:"a"},"5fcabaf"))),(0,o.kt)("li",{parentName:"ul"},"change(header): use viewport width for changing mobile text in header dropdowns ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b"},(0,o.kt)("inlineCode",{parentName:"a"},"5a7868e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to the new figma design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac"},(0,o.kt)("inlineCode",{parentName:"a"},"4073acf"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): add max width for tab items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085"},(0,o.kt)("inlineCode",{parentName:"a"},"366d279"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables):change pullquote styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f"},(0,o.kt)("inlineCode",{parentName:"a"},"9ad94bb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b"},(0,o.kt)("inlineCode",{parentName:"a"},"6bce35f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): Update to remix icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d"},(0,o.kt)("inlineCode",{parentName:"a"},"19a6061"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation) : move icon & text to be in column ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55"},(0,o.kt)("inlineCode",{parentName:"a"},"0953910"))),(0,o.kt)("li",{parentName:"ul"},"change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e"},(0,o.kt)("inlineCode",{parentName:"a"},"490a559"))),(0,o.kt)("li",{parentName:"ul"},"change(package): bump release version to 1.9.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938"},(0,o.kt)("inlineCode",{parentName:"a"},"43a6e4b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): adjust font sizes and import remix divider #120 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b"},(0,o.kt)("inlineCode",{parentName:"a"},"09a3a01"))),(0,o.kt)("li",{parentName:"ul"},"change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6"},(0,o.kt)("inlineCode",{parentName:"a"},"ea138a1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c"},(0,o.kt)("inlineCode",{parentName:"a"},"fd740c9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer):  updated visuals and gradients #117 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32"},(0,o.kt)("inlineCode",{parentName:"a"},"e5c6d18"))),(0,o.kt)("li",{parentName:"ul"},"change(scrollToTop): feature inpage navigation revamp #121 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1"},(0,o.kt)("inlineCode",{parentName:"a"},"3cf20a8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update visual and gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713"},(0,o.kt)("inlineCode",{parentName:"a"},"764ec23"))),(0,o.kt)("li",{parentName:"ul"},"change(header): use 12px font size for mobile resolution dropdowns ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e"},(0,o.kt)("inlineCode",{parentName:"a"},"6dad0fa"))),(0,o.kt)("li",{parentName:"ul"},"change(nav): added navDepth to 3 in order to enable mega menu integration ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76"},(0,o.kt)("inlineCode",{parentName:"a"},"c4f73fd")))),(0,o.kt)("h4",{id:"-internal-changes-2"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : lint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b"},(0,o.kt)("inlineCode",{parentName:"a"},"3641d78"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c"},(0,o.kt)("inlineCode",{parentName:"a"},"0699c70"))),(0,o.kt)("li",{parentName:"ul"},"style(pullquote): create variable for icon font size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210"},(0,o.kt)("inlineCode",{parentName:"a"},"fea9b0a"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation) : add lint & prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759"},(0,o.kt)("inlineCode",{parentName:"a"},"f8dd012"))),(0,o.kt)("li",{parentName:"ul"},"style(inpageNavigation): remove comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18"},(0,o.kt)("inlineCode",{parentName:"a"},"1aee011")))),(0,o.kt)("h4",{id:"\ufe0f-others-3"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370"},(0,o.kt)("inlineCode",{parentName:"a"},"85a3dc5"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741"},(0,o.kt)("inlineCode",{parentName:"a"},"0077621"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255"},(0,o.kt)("inlineCode",{parentName:"a"},"9f1bb1c"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43"},(0,o.kt)("inlineCode",{parentName:"a"},"e2b19fe"))),(0,o.kt)("li",{parentName:"ul"},"perf(eol): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3"},(0,o.kt)("inlineCode",{parentName:"a"},"03dbc9b"))),(0,o.kt)("li",{parentName:"ul"},"Hide breadcrumbs on homepage ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5"},(0,o.kt)("inlineCode",{parentName:"a"},"3e2f609"))),(0,o.kt)("li",{parentName:"ul"},"bug(inpageNavigation): less layers structure fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81"},(0,o.kt)("inlineCode",{parentName:"a"},"b8d34fb"))),(0,o.kt)("li",{parentName:"ul"},"prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41"},(0,o.kt)("inlineCode",{parentName:"a"},"d4b1c57"))),(0,o.kt)("li",{parentName:"ul"},"fefactor(tab): add max width for tab items #118 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c"},(0,o.kt)("inlineCode",{parentName:"a"},"716c408"))),(0,o.kt)("li",{parentName:"ul"},"Add reversed option to Timeline grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264"},(0,o.kt)("inlineCode",{parentName:"a"},"7c90232"))),(0,o.kt)("li",{parentName:"ul"},"doc(grid): update grid showcases ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e"},(0,o.kt)("inlineCode",{parentName:"a"},"83671a3"))),(0,o.kt)("li",{parentName:"ul"},"End of line ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c"},(0,o.kt)("inlineCode",{parentName:"a"},"7f46fb7")))),(0,o.kt)("h3",{id:"018---2022-03-18"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8"},"0.1.8")," - 2022-03-18"),(0,o.kt)("h4",{id:"-bug-fixes-4"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(card): avoid long links from spilling outside of card body area ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d"},(0,o.kt)("inlineCode",{parentName:"a"},"95b8951")))),(0,o.kt)("h4",{id:"-enhancements-3"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"change(typography): set heading sizes as detailed in docusaurus typography section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf"},(0,o.kt)("inlineCode",{parentName:"a"},"189bf20"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus):  content tweaks, inpage navigation section #112 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89"},(0,o.kt)("inlineCode",{parentName:"a"},"b62d1b1")))),(0,o.kt)("h4",{id:"-internal-changes-3"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"chore(docusaurus): fixed grid tablet breakpoint value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40"},(0,o.kt)("inlineCode",{parentName:"a"},"c7fbc09")))),(0,o.kt)("h4",{id:"-documentation-changes"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): capitalization remove ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7"},(0,o.kt)("inlineCode",{parentName:"a"},"bf8fa44"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840"},(0,o.kt)("inlineCode",{parentName:"a"},"1c04976"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): comment address on pr 112 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb"},(0,o.kt)("inlineCode",{parentName:"a"},"6e4fe3b"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): color minor update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a"},(0,o.kt)("inlineCode",{parentName:"a"},"13f9fda"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): tabs and breadcrump update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694"},(0,o.kt)("inlineCode",{parentName:"a"},"d0547e5")))),(0,o.kt)("h4",{id:"\ufe0f-others-4"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"doc(colours): add more content ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b"},(0,o.kt)("inlineCode",{parentName:"a"},"ec66248"))),(0,o.kt)("li",{parentName:"ul"},"Add divider content for metadata field in Banner ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860"},(0,o.kt)("inlineCode",{parentName:"a"},"f1e34bd"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.8.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a"},(0,o.kt)("inlineCode",{parentName:"a"},"fd6ba04")))),(0,o.kt)("h3",{id:"017---2022-03-15"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7"},"0.1.7")," - 2022-03-15"),(0,o.kt)("h4",{id:"-new-features-2"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(less): add global gap sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709"},(0,o.kt)("inlineCode",{parentName:"a"},"3c83f20"))),(0,o.kt)("li",{parentName:"ul"},"feat(icons): import remix css ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3"},(0,o.kt)("inlineCode",{parentName:"a"},"29967fb")))),(0,o.kt)("h4",{id:"-bug-fixes-5"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(menu): fix border overflow for tabs and pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9"},(0,o.kt)("inlineCode",{parentName:"a"},"e88721f"))),(0,o.kt)("li",{parentName:"ul"},"fix(accordion): responsive and accessibility issues ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584"},(0,o.kt)("inlineCode",{parentName:"a"},"c225935")))),(0,o.kt)("h4",{id:"-enhancements-4"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(menu): update paddings for tabs and pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e"},(0,o.kt)("inlineCode",{parentName:"a"},"533a509"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): import semantic icon for remix arrows ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf"},(0,o.kt)("inlineCode",{parentName:"a"},"9aa77d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(all) icons, accordion, button and menu itml #108 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d"},(0,o.kt)("inlineCode",{parentName:"a"},"52ed2ca"))),(0,o.kt)("li",{parentName:"ul"},"change(storybook): segment stories now contain several elements ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d"},(0,o.kt)("inlineCode",{parentName:"a"},"98a7654"))),(0,o.kt)("li",{parentName:"ul"},"change(table): inherit header alignment instead of hard-coding values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd"},(0,o.kt)("inlineCode",{parentName:"a"},"ebb5193"))),(0,o.kt)("li",{parentName:"ul"},"refactor(icons): add remix icons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb"},(0,o.kt)("inlineCode",{parentName:"a"},"c4c1a92"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): restore mobile width to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74"},(0,o.kt)("inlineCode",{parentName:"a"},"2df184c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update action button hover color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96"},(0,o.kt)("inlineCode",{parentName:"a"},"bb09d71")))),(0,o.kt)("h4",{id:"-internal-changes-4"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"chore(docusaurus): docs delete ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7"},(0,o.kt)("inlineCode",{parentName:"a"},"5f9d733")))),(0,o.kt)("h4",{id:"-documentation-changes-1"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(colors): corrections ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28"},(0,o.kt)("inlineCode",{parentName:"a"},"da64c4c"))),(0,o.kt)("li",{parentName:"ul"},"docs(list): default list showcase ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1"},(0,o.kt)("inlineCode",{parentName:"a"},"8ded062")))),(0,o.kt)("h4",{id:"\ufe0f-others-5"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"bug(form): input min-width more specific to not break volto interface ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11"},(0,o.kt)("inlineCode",{parentName:"a"},"3f5b5d4"))),(0,o.kt)("li",{parentName:"ul"},"Update package.json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0"},(0,o.kt)("inlineCode",{parentName:"a"},"3dba28b")))),(0,o.kt)("h3",{id:"016---2022-03-11"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6"},"0.1.6")," - 2022-03-11"),(0,o.kt)("h4",{id:"-new-features-3"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5"},(0,o.kt)("inlineCode",{parentName:"a"},"645096a"))),(0,o.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae"},(0,o.kt)("inlineCode",{parentName:"a"},"3e5f9b7"))),(0,o.kt)("li",{parentName:"ul"},"feat(PublicationCard):create publication card component & styles ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75"},(0,o.kt)("inlineCode",{parentName:"a"},"12cdd5d"))),(0,o.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0"},(0,o.kt)("inlineCode",{parentName:"a"},"77eda95"))),(0,o.kt)("li",{parentName:"ul"},"feat(Related Content): create Related Content component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb"},(0,o.kt)("inlineCode",{parentName:"a"},"08d495b"))),(0,o.kt)("li",{parentName:"ul"},"feat(pagination,related) added several r3 components #105 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91"},(0,o.kt)("inlineCode",{parentName:"a"},"08d47c1")))),(0,o.kt)("h4",{id:"-bug-fixes-6"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(Related Content): limit publication card number to 4 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d"},(0,o.kt)("inlineCode",{parentName:"a"},"e7df032"))),(0,o.kt)("li",{parentName:"ul"},"fix(less variables):rename publication card variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184"},(0,o.kt)("inlineCode",{parentName:"a"},"55c6fb8"))),(0,o.kt)("li",{parentName:"ul"},"fix(Publication Card): add link to card and arg name fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c"},(0,o.kt)("inlineCode",{parentName:"a"},"36a7c96"))),(0,o.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49"},(0,o.kt)("inlineCode",{parentName:"a"},"5f02c95"))),(0,o.kt)("li",{parentName:"ul"},"fix(radio): fix bullet scaling issue with firefox ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93"},(0,o.kt)("inlineCode",{parentName:"a"},"dbb2e27")))),(0,o.kt)("h4",{id:"-enhancements-5"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7"},(0,o.kt)("inlineCode",{parentName:"a"},"6b5442a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): remove custom classes and add container to form items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e"},(0,o.kt)("inlineCode",{parentName:"a"},"d1ec083"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a"},(0,o.kt)("inlineCode",{parentName:"a"},"a719576"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): update form wrapper component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2"},(0,o.kt)("inlineCode",{parentName:"a"},"0736ec7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74"},(0,o.kt)("inlineCode",{parentName:"a"},"4213cfb"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): adjust form items to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b"},(0,o.kt)("inlineCode",{parentName:"a"},"374ffbc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207"},(0,o.kt)("inlineCode",{parentName:"a"},"b3cb83d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumb): remove custom class anf and new variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66"},(0,o.kt)("inlineCode",{parentName:"a"},"d5808ad"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): clear up unnecessary form elements controls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e"},(0,o.kt)("inlineCode",{parentName:"a"},"f7e7d5b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931"},(0,o.kt)("inlineCode",{parentName:"a"},"3ffd872"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): small change in unordered list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c"},(0,o.kt)("inlineCode",{parentName:"a"},"6ce16e9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5"},(0,o.kt)("inlineCode",{parentName:"a"},"fe8c4ca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): fix menu overrides for tabs that affects pagination ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c"},(0,o.kt)("inlineCode",{parentName:"a"},"3f4b726"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287"},(0,o.kt)("inlineCode",{parentName:"a"},"70fe041"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Loader):remove image & add background image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf"},(0,o.kt)("inlineCode",{parentName:"a"},"ac38126"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a"},(0,o.kt)("inlineCode",{parentName:"a"},"a09b179"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): remove selection control ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987"},(0,o.kt)("inlineCode",{parentName:"a"},"17bf710"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b"},(0,o.kt)("inlineCode",{parentName:"a"},"df2b727"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):unordered list minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e"},(0,o.kt)("inlineCode",{parentName:"a"},"ef6db73"))),(0,o.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2"},(0,o.kt)("inlineCode",{parentName:"a"},"b2f95b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(colors): remove metalic blue color ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba"},(0,o.kt)("inlineCode",{parentName:"a"},"1eea33f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690"},(0,o.kt)("inlineCode",{parentName:"a"},"b1774d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be"},(0,o.kt)("inlineCode",{parentName:"a"},"061f3e3"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae"},(0,o.kt)("inlineCode",{parentName:"a"},"19bd9a5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5"},(0,o.kt)("inlineCode",{parentName:"a"},"e984771"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):add textarea control to add/remove fluid class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909"},(0,o.kt)("inlineCode",{parentName:"a"},"475f540"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): remove important from rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09"},(0,o.kt)("inlineCode",{parentName:"a"},"1cc6984"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c"},(0,o.kt)("inlineCode",{parentName:"a"},"fecee27"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e"},(0,o.kt)("inlineCode",{parentName:"a"},"c4ef1f0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progressBar): update progress bar colors with vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958"},(0,o.kt)("inlineCode",{parentName:"a"},"a44d73c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): add required attribute to form fields ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450"},(0,o.kt)("inlineCode",{parentName:"a"},"21da79e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec"},(0,o.kt)("inlineCode",{parentName:"a"},"2b29e4e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust bullet size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16"},(0,o.kt)("inlineCode",{parentName:"a"},"61c341c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a"},(0,o.kt)("inlineCode",{parentName:"a"},"1427e70"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): add inverted background to global variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167"},(0,o.kt)("inlineCode",{parentName:"a"},"ea25dfa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd"},(0,o.kt)("inlineCode",{parentName:"a"},"46cc560"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): update mobile width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4"},(0,o.kt)("inlineCode",{parentName:"a"},"d548a44"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1"},(0,o.kt)("inlineCode",{parentName:"a"},"e792f51"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): remove custom class ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc"},(0,o.kt)("inlineCode",{parentName:"a"},"b5c8e7c"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041"},(0,o.kt)("inlineCode",{parentName:"a"},"3e15f4d"))),(0,o.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b3c2f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): replace px with rem units ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86"},(0,o.kt)("inlineCode",{parentName:"a"},"f0331d0"))),(0,o.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb"},(0,o.kt)("inlineCode",{parentName:"a"},"11d6b4e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #89 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c"},(0,o.kt)("inlineCode",{parentName:"a"},"95b136d"))),(0,o.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af"},(0,o.kt)("inlineCode",{parentName:"a"},"46094b1")))),(0,o.kt)("h4",{id:"-internal-changes-5"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f"},(0,o.kt)("inlineCode",{parentName:"a"},"f9e3b05"))),(0,o.kt)("li",{parentName:"ul"},"style(list): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf"},(0,o.kt)("inlineCode",{parentName:"a"},"8eb715b"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e"},(0,o.kt)("inlineCode",{parentName:"a"},"063bd6e"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222"},(0,o.kt)("inlineCode",{parentName:"a"},"a5a1b08"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): build deployment only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83"},(0,o.kt)("inlineCode",{parentName:"a"},"bb455aa"))),(0,o.kt)("li",{parentName:"ul"},"chore(github): merge changes from develop to develop-itml ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499"},(0,o.kt)("inlineCode",{parentName:"a"},"129c12f")))),(0,o.kt)("h4",{id:"\ufe0f-others-6"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},'Revert "chore(github): merge changes from develop to develop-itml" ',(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472"},(0,o.kt)("inlineCode",{parentName:"a"},"ca9520f"))),(0,o.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf"},(0,o.kt)("inlineCode",{parentName:"a"},"e902d69"))),(0,o.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006"},(0,o.kt)("inlineCode",{parentName:"a"},"2564b1e"))),(0,o.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38"},(0,o.kt)("inlineCode",{parentName:"a"},"8458f03"))),(0,o.kt)("li",{parentName:"ul"},"no ",(0,o.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc"},(0,o.kt)("inlineCode",{parentName:"a"},"5595ce1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386"},(0,o.kt)("inlineCode",{parentName:"a"},"a5f3652"))),(0,o.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0"},(0,o.kt)("inlineCode",{parentName:"a"},"15c44cb"))),(0,o.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c"},(0,o.kt)("inlineCode",{parentName:"a"},"946c6c6"))),(0,o.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6"},(0,o.kt)("inlineCode",{parentName:"a"},"db5126f"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b"},(0,o.kt)("inlineCode",{parentName:"a"},"804e188"))),(0,o.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a"},(0,o.kt)("inlineCode",{parentName:"a"},"6a02976"))),(0,o.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16"},(0,o.kt)("inlineCode",{parentName:"a"},"1d3ea40"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74"},(0,o.kt)("inlineCode",{parentName:"a"},"8f9020f"))),(0,o.kt)("li",{parentName:"ul"},"update style for accordion title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192"},(0,o.kt)("inlineCode",{parentName:"a"},"0b0d678"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.6.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c"},(0,o.kt)("inlineCode",{parentName:"a"},"e771e65"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316"},(0,o.kt)("inlineCode",{parentName:"a"},"bbcab87"))),(0,o.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458"},(0,o.kt)("inlineCode",{parentName:"a"},"c6685c1"))),(0,o.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f"},(0,o.kt)("inlineCode",{parentName:"a"},"589581f"))),(0,o.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c"},(0,o.kt)("inlineCode",{parentName:"a"},"82a8fb1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05"},(0,o.kt)("inlineCode",{parentName:"a"},"e04e0df"))),(0,o.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5"},(0,o.kt)("inlineCode",{parentName:"a"},"65c9a93"))),(0,o.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c"},(0,o.kt)("inlineCode",{parentName:"a"},"66c9c3a"))),(0,o.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393"},(0,o.kt)("inlineCode",{parentName:"a"},"71ab47f"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f"},(0,o.kt)("inlineCode",{parentName:"a"},"647a6e3"))),(0,o.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69"},(0,o.kt)("inlineCode",{parentName:"a"},"50d2ab2"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea"},(0,o.kt)("inlineCode",{parentName:"a"},"7a1d482"))),(0,o.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e"},(0,o.kt)("inlineCode",{parentName:"a"},"91a0b06"))),(0,o.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b"},(0,o.kt)("inlineCode",{parentName:"a"},"65b8166")))),(0,o.kt)("h3",{id:"015---2022-03-08"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5"},"0.1.5")," - 2022-03-08"),(0,o.kt)("h4",{id:"-new-features-4"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(cards): add custom display for volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5"},(0,o.kt)("inlineCode",{parentName:"a"},"f49ffb6"))),(0,o.kt)("li",{parentName:"ul"},"feat(KeyContent): add new component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4"},(0,o.kt)("inlineCode",{parentName:"a"},"2534c54"))),(0,o.kt)("li",{parentName:"ul"},"feat(docusaurus): Updated developer guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa"},(0,o.kt)("inlineCode",{parentName:"a"},"ca146ff"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook): add testimonial component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c"},(0,o.kt)("inlineCode",{parentName:"a"},"55d9747"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook): add AvatarGrid component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93"},(0,o.kt)("inlineCode",{parentName:"a"},"b668445"))),(0,o.kt)("li",{parentName:"ul"},"feat(storybook):add Loader component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01"},(0,o.kt)("inlineCode",{parentName:"a"},"f675834")))),(0,o.kt)("h4",{id:"-bug-fixes-7"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(breakpoints): fix largest screen breakpoint bug on scaling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff"},(0,o.kt)("inlineCode",{parentName:"a"},"e4a11c8"))),(0,o.kt)("li",{parentName:"ul"},"fix(profile):  section css overflow and padding issues #95 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653"},(0,o.kt)("inlineCode",{parentName:"a"},"bb9eb0f"))),(0,o.kt)("li",{parentName:"ul"},"fix(storybook): lint auto changes for AvatarGrid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6"},(0,o.kt)("inlineCode",{parentName:"a"},"b8e74f1"))),(0,o.kt)("li",{parentName:"ul"},"fix(components): add grid structure to various components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a"},(0,o.kt)("inlineCode",{parentName:"a"},"cc33546"))),(0,o.kt)("li",{parentName:"ul"},"fix(header) re-added span tags removed in pull request #74 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8"},(0,o.kt)("inlineCode",{parentName:"a"},"00702d7")))),(0,o.kt)("h4",{id:"-enhancements-6"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(button): styling updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed"},(0,o.kt)("inlineCode",{parentName:"a"},"37afda5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): updates on variables and overrides ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47"},(0,o.kt)("inlineCode",{parentName:"a"},"54bf703"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): treat slate as a variation of blockquote component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701"},(0,o.kt)("inlineCode",{parentName:"a"},"5e8a8b8"))),(0,o.kt)("li",{parentName:"ul"},"change(footer): added display variable for footer site logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea"},(0,o.kt)("inlineCode",{parentName:"a"},"2f942b4"))),(0,o.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): remove header from message and adjust top position of bullet ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6"},(0,o.kt)("inlineCode",{parentName:"a"},"4a072b3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(color): remove secondaryColorDarken variable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb"},(0,o.kt)("inlineCode",{parentName:"a"},"74c8ba0"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus): updated template to change what's new title ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2"},(0,o.kt)("inlineCode",{parentName:"a"},"58f58c8"))),(0,o.kt)("li",{parentName:"ul"},"change(github): auto deploy only on develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5"},(0,o.kt)("inlineCode",{parentName:"a"},"bfa35a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): implementation in preparation for Volto integration #20 #97 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd"},(0,o.kt)("inlineCode",{parentName:"a"},"cddda20"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): component, make it functional and pluggable #32 #94 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b"},(0,o.kt)("inlineCode",{parentName:"a"},"9f42e80"))),(0,o.kt)("li",{parentName:"ul"},"change(card): added styles for volto cards integration #92 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6"},(0,o.kt)("inlineCode",{parentName:"a"},"a46ac21"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): remove column count from example ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262"},(0,o.kt)("inlineCode",{parentName:"a"},"ac0e9cf"))),(0,o.kt)("li",{parentName:"ul"},"change(github): trigger autobuild when modifying templates contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c"},(0,o.kt)("inlineCode",{parentName:"a"},"5f7d152"))),(0,o.kt)("li",{parentName:"ul"},"refactor(grid): remove custom grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf"},(0,o.kt)("inlineCode",{parentName:"a"},"1d978a9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Form):change form field wrapper implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228"},(0,o.kt)("inlineCode",{parentName:"a"},"73cdd6d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): update colors to match design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4"},(0,o.kt)("inlineCode",{parentName:"a"},"633ce31"))),(0,o.kt)("li",{parentName:"ul"},"refactor(checkbox/radio): update variables and remove important rules ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8"},(0,o.kt)("inlineCode",{parentName:"a"},"ad533b4"))),(0,o.kt)("li",{parentName:"ul"},"refactor(less variables): add variables to less for new components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34"},(0,o.kt)("inlineCode",{parentName:"a"},"47df026"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Tab): fix vertical tab alignment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574"},(0,o.kt)("inlineCode",{parentName:"a"},"401bdf2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(lint changes): add lint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04"},(0,o.kt)("inlineCode",{parentName:"a"},"6f6847f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5"},(0,o.kt)("inlineCode",{parentName:"a"},"62f74ea"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): updates on styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b"},(0,o.kt)("inlineCode",{parentName:"a"},"b4cf850"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update class name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c"},(0,o.kt)("inlineCode",{parentName:"a"},"ef0969b"))),(0,o.kt)("li",{parentName:"ul"},"change(github): use develop for auto pushing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605"},(0,o.kt)("inlineCode",{parentName:"a"},"a32a723")))),(0,o.kt)("h4",{id:"-internal-changes-6"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34"},(0,o.kt)("inlineCode",{parentName:"a"},"631fa90"))),(0,o.kt)("li",{parentName:"ul"},"style(checkbox/radio): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd"},(0,o.kt)("inlineCode",{parentName:"a"},"a04939f"))),(0,o.kt)("li",{parentName:"ul"},"style(design-system): unix eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296"},(0,o.kt)("inlineCode",{parentName:"a"},"3c753f0"))),(0,o.kt)("li",{parentName:"ul"},"style(message): stylelint fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225"},(0,o.kt)("inlineCode",{parentName:"a"},"5b75057")))),(0,o.kt)("h4",{id:"-documentation-changes-2"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): visuals guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379"},(0,o.kt)("inlineCode",{parentName:"a"},"544a950"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): search guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8"},(0,o.kt)("inlineCode",{parentName:"a"},"0fb229d"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): loader page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402"},(0,o.kt)("inlineCode",{parentName:"a"},"892a25d")))),(0,o.kt)("h4",{id:"\ufe0f-others-7"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Reformat header.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69"},(0,o.kt)("inlineCode",{parentName:"a"},"1f99dfc"))),(0,o.kt)("li",{parentName:"ul"},"Close menu when changing path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2"},(0,o.kt)("inlineCode",{parentName:"a"},"65daea9"))),(0,o.kt)("li",{parentName:"ul"},"refactor breadcrumbs component, make it functional and customizable ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0"},(0,o.kt)("inlineCode",{parentName:"a"},"4ec374e"))),(0,o.kt)("li",{parentName:"ul"},"rollback(cards): move custom display to volto-block-image-cards ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1"},(0,o.kt)("inlineCode",{parentName:"a"},"79d4c89"))),(0,o.kt)("li",{parentName:"ul"},"Open overlay menu on global menu click ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48"},(0,o.kt)("inlineCode",{parentName:"a"},"cc749bc"))),(0,o.kt)("li",{parentName:"ul"},"bring back segment wrapper and make it attached ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238"},(0,o.kt)("inlineCode",{parentName:"a"},"9f413ff"))),(0,o.kt)("li",{parentName:"ul"},"Use renderMenuItem also in mobile menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4"},(0,o.kt)("inlineCode",{parentName:"a"},"02de0bb"))),(0,o.kt)("li",{parentName:"ul"},"Fix clicking outside closes menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c"},(0,o.kt)("inlineCode",{parentName:"a"},"af52664"))),(0,o.kt)("li",{parentName:"ul"},"Cleanup args in header story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d"},(0,o.kt)("inlineCode",{parentName:"a"},"2bf6a30"))),(0,o.kt)("li",{parentName:"ul"},"fix warning related to proptype ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723"},(0,o.kt)("inlineCode",{parentName:"a"},"824b9be"))),(0,o.kt)("li",{parentName:"ul"},"fix profile section css overflow ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f"},(0,o.kt)("inlineCode",{parentName:"a"},"8fd2654"))),(0,o.kt)("li",{parentName:"ul"},"don't use volto-slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82"},(0,o.kt)("inlineCode",{parentName:"a"},"70ca3d4"))),(0,o.kt)("li",{parentName:"ul"},"remove segment custom width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7"},(0,o.kt)("inlineCode",{parentName:"a"},"4a60d84"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb"},(0,o.kt)("inlineCode",{parentName:"a"},"96f4af0"))),(0,o.kt)("li",{parentName:"ul"},"Fix TopDropdownMenu component rendering in mobile ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b"},(0,o.kt)("inlineCode",{parentName:"a"},"a4626de"))),(0,o.kt)("li",{parentName:"ul"},"Add usePrevious hook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189"},(0,o.kt)("inlineCode",{parentName:"a"},"797faba"))),(0,o.kt)("li",{parentName:"ul"},"make breadcrumbs default size as tiny ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6"},(0,o.kt)("inlineCode",{parentName:"a"},"3c8e1c6"))),(0,o.kt)("li",{parentName:"ul"},"Update package.json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af"},(0,o.kt)("inlineCode",{parentName:"a"},"fa020cb"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about hardcoded values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407"},(0,o.kt)("inlineCode",{parentName:"a"},"0c6912c"))),(0,o.kt)("li",{parentName:"ul"},"set profile section overflow to auto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d"},(0,o.kt)("inlineCode",{parentName:"a"},"8db62bb"))),(0,o.kt)("li",{parentName:"ul"},"added comment about need for removal of this fix later ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054"},(0,o.kt)("inlineCode",{parentName:"a"},"6fdbd71"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using eea-website-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0"},(0,o.kt)("inlineCode",{parentName:"a"},"6051724"))),(0,o.kt)("li",{parentName:"ul"},"removed override already present in card.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc"},(0,o.kt)("inlineCode",{parentName:"a"},"93c4e5a"))),(0,o.kt)("li",{parentName:"ul"},"Remove console.log calls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23"},(0,o.kt)("inlineCode",{parentName:"a"},"8a3a4cb"))),(0,o.kt)("li",{parentName:"ul"},"update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a"},(0,o.kt)("inlineCode",{parentName:"a"},"81bb7d4"))),(0,o.kt)("li",{parentName:"ul"},"Update comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea"},(0,o.kt)("inlineCode",{parentName:"a"},"ffa2400"))),(0,o.kt)("li",{parentName:"ul"},"merge develop into this branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a"},(0,o.kt)("inlineCode",{parentName:"a"},"ad5b388"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905"},(0,o.kt)("inlineCode",{parentName:"a"},"a8d97f1"))),(0,o.kt)("li",{parentName:"ul"},"Use header.less from develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc"},(0,o.kt)("inlineCode",{parentName:"a"},"99edbc6"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc"},(0,o.kt)("inlineCode",{parentName:"a"},"57b5783"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f"},(0,o.kt)("inlineCode",{parentName:"a"},"785da36"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d"},(0,o.kt)("inlineCode",{parentName:"a"},"5d1eba9"))),(0,o.kt)("li",{parentName:"ul"},"adds Tags ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe"},(0,o.kt)("inlineCode",{parentName:"a"},"e37fc19"))),(0,o.kt)("li",{parentName:"ul"},"Add useClickOutside hook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f"},(0,o.kt)("inlineCode",{parentName:"a"},"70364c8"))),(0,o.kt)("li",{parentName:"ul"},"Implement outside click handling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec"},(0,o.kt)("inlineCode",{parentName:"a"},"fa6f818"))),(0,o.kt)("li",{parentName:"ul"},"Simplify overlay menu template ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526"},(0,o.kt)("inlineCode",{parentName:"a"},"28b0478"))),(0,o.kt)("li",{parentName:"ul"},"fixes less variables, fixes tags positioning ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7"},(0,o.kt)("inlineCode",{parentName:"a"},"cc19b9b"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1"},(0,o.kt)("inlineCode",{parentName:"a"},"15bc0f4"))),(0,o.kt)("li",{parentName:"ul"},"no ",(0,o.kt)("inlineCode",{parentName:"li"},"display: flex")," for blockquote added from slate ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8"},(0,o.kt)("inlineCode",{parentName:"a"},"312a893"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about code length ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813"},(0,o.kt)("inlineCode",{parentName:"a"},"318cd48"))),(0,o.kt)("li",{parentName:"ul"},"Add indenting rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103"},(0,o.kt)("inlineCode",{parentName:"a"},"d589685"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about import sorting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8"},(0,o.kt)("inlineCode",{parentName:"a"},"cd337c1"))),(0,o.kt)("li",{parentName:"ul"},"Add rule about naming vars ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42"},(0,o.kt)("inlineCode",{parentName:"a"},"b112de0"))),(0,o.kt)("li",{parentName:"ul"},"Bring back classNames from header subpopup ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a"},(0,o.kt)("inlineCode",{parentName:"a"},"e477a51"))),(0,o.kt)("li",{parentName:"ul"},"removes tags hashtag from jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0"},(0,o.kt)("inlineCode",{parentName:"a"},"6b8b3e9"))),(0,o.kt)("li",{parentName:"ul"},"WIP ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc"},(0,o.kt)("inlineCode",{parentName:"a"},"d481324"))),(0,o.kt)("li",{parentName:"ul"},"fixes undefined on empty classes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78"},(0,o.kt)("inlineCode",{parentName:"a"},"4b29080"))),(0,o.kt)("li",{parentName:"ul"},"stylelint changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a"},(0,o.kt)("inlineCode",{parentName:"a"},"a5ab830"))),(0,o.kt)("li",{parentName:"ul"},"Footer link color @white ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11"},(0,o.kt)("inlineCode",{parentName:"a"},"578e4f7"))),(0,o.kt)("li",{parentName:"ul"},"add margin to ","<","br",">"," element to simulate gap as in design ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c"},(0,o.kt)("inlineCode",{parentName:"a"},"9ab9a97"))),(0,o.kt)("li",{parentName:"ul"},"impors colors from site variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259"},(0,o.kt)("inlineCode",{parentName:"a"},"6117267"))),(0,o.kt)("li",{parentName:"ul"},"small fix for the link in footer action ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb"},(0,o.kt)("inlineCode",{parentName:"a"},"72df049"))),(0,o.kt)("li",{parentName:"ul"},"remove uneeded style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406"},(0,o.kt)("inlineCode",{parentName:"a"},"66e9064"))),(0,o.kt)("li",{parentName:"ul"},"use proper naming conventions for var naming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684"},(0,o.kt)("inlineCode",{parentName:"a"},"596e314"))),(0,o.kt)("li",{parentName:"ul"},"Add file mode rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8"},(0,o.kt)("inlineCode",{parentName:"a"},"805baa7"))),(0,o.kt)("li",{parentName:"ul"},"use less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329"},(0,o.kt)("inlineCode",{parentName:"a"},"b43ac8d"))),(0,o.kt)("li",{parentName:"ul"},"Add DRY rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339"},(0,o.kt)("inlineCode",{parentName:"a"},"2f1584e"))),(0,o.kt)("li",{parentName:"ul"},"Add functional components rule; add classnames rule ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630"},(0,o.kt)("inlineCode",{parentName:"a"},"1b2915e"))),(0,o.kt)("li",{parentName:"ul"},"fix z-index of header ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300"},(0,o.kt)("inlineCode",{parentName:"a"},"7d2a5d6"))),(0,o.kt)("li",{parentName:"ul"},"Remove comment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0"},(0,o.kt)("inlineCode",{parentName:"a"},"7d120b1")))),(0,o.kt)("h3",{id:"014---2022-03-01"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4"},"0.1.4")," - 2022-03-01"),(0,o.kt)("h4",{id:"-enhancements-7"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(pagination): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7"},(0,o.kt)("inlineCode",{parentName:"a"},"06cc3b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Form):create form field wrapper file ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13"},(0,o.kt)("inlineCode",{parentName:"a"},"95b9934"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): update margins for menu items ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f"},(0,o.kt)("inlineCode",{parentName:"a"},"230e476"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): update gradient ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55"},(0,o.kt)("inlineCode",{parentName:"a"},"47f2ea4")))),(0,o.kt)("h4",{id:"-documentation-changes-3"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): divider page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4"},(0,o.kt)("inlineCode",{parentName:"a"},"c6bb238")))),(0,o.kt)("h4",{id:"\ufe0f-others-8"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"add footer links,align footer image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1"},(0,o.kt)("inlineCode",{parentName:"a"},"b039564"))),(0,o.kt)("li",{parentName:"ul"},"cosmetics: remove formatting ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29"},(0,o.kt)("inlineCode",{parentName:"a"},"e02b08d"))),(0,o.kt)("li",{parentName:"ul"},"refactor Footer component to consume children and prop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78"},(0,o.kt)("inlineCode",{parentName:"a"},"faafcff"))),(0,o.kt)("li",{parentName:"ul"},"update footer stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637"},(0,o.kt)("inlineCode",{parentName:"a"},"4e57428"))),(0,o.kt)("li",{parentName:"ul"},"update stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67"},(0,o.kt)("inlineCode",{parentName:"a"},"81973ca"))),(0,o.kt)("li",{parentName:"ul"},"Small improvements to footer ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85"},(0,o.kt)("inlineCode",{parentName:"a"},"f6d1fdc"))),(0,o.kt)("li",{parentName:"ul"},"fix header urls ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49"},(0,o.kt)("inlineCode",{parentName:"a"},"e590891"))),(0,o.kt)("li",{parentName:"ul"},"Rename files in footer story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a"},(0,o.kt)("inlineCode",{parentName:"a"},"3de0c19"))),(0,o.kt)("li",{parentName:"ul"},"add style for accordion title input on edit mode ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e"},(0,o.kt)("inlineCode",{parentName:"a"},"598aa12"))),(0,o.kt)("li",{parentName:"ul"},"remove comments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87"},(0,o.kt)("inlineCode",{parentName:"a"},"2db0d2c"))),(0,o.kt)("li",{parentName:"ul"},"Apply slate customization if volto-slate addon is used ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf"},(0,o.kt)("inlineCode",{parentName:"a"},"c066701"))),(0,o.kt)("li",{parentName:"ul"},"use relative links ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2"},(0,o.kt)("inlineCode",{parentName:"a"},"af91a20"))),(0,o.kt)("li",{parentName:"ul"},"make footer anchor links white ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10"},(0,o.kt)("inlineCode",{parentName:"a"},"0c671e1"))),(0,o.kt)("li",{parentName:"ul"},"use custom var for line-height ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c"},(0,o.kt)("inlineCode",{parentName:"a"},"f7f6c7e"))),(0,o.kt)("li",{parentName:"ul"},"Update semantic.less ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a"},(0,o.kt)("inlineCode",{parentName:"a"},"a4a90ae"))),(0,o.kt)("li",{parentName:"ul"},"Bump release version ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1"},(0,o.kt)("inlineCode",{parentName:"a"},"c41a42b"))),(0,o.kt)("li",{parentName:"ul"},"Update style ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5"},(0,o.kt)("inlineCode",{parentName:"a"},"8968699"))),(0,o.kt)("li",{parentName:"ul"},"remove styling on header popups ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49"},(0,o.kt)("inlineCode",{parentName:"a"},"86c499b"))),(0,o.kt)("li",{parentName:"ul"},"remove search icon styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31"},(0,o.kt)("inlineCode",{parentName:"a"},"aca80fd"))),(0,o.kt)("li",{parentName:"ul"},"adjust popup height for computer screens ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf"},(0,o.kt)("inlineCode",{parentName:"a"},"47c5edb"))),(0,o.kt)("li",{parentName:"ul"},"fix login container width ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81"},(0,o.kt)("inlineCode",{parentName:"a"},"9a887e3"))),(0,o.kt)("li",{parentName:"ul"},"Typo ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894"},(0,o.kt)("inlineCode",{parentName:"a"},"90da95c"))),(0,o.kt)("li",{parentName:"ul"},"fix search-input icon line-height ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c"},(0,o.kt)("inlineCode",{parentName:"a"},"b087ff8"))),(0,o.kt)("li",{parentName:"ul"},"lint fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e"},(0,o.kt)("inlineCode",{parentName:"a"},"e9790ca"))),(0,o.kt)("li",{parentName:"ul"},"Rename, reorganize logos ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d"},(0,o.kt)("inlineCode",{parentName:"a"},"1ef8d22")))),(0,o.kt)("h3",{id:"014-beta0---2022-02-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0"},"0.1.4-beta.0")," - 2022-02-25"),(0,o.kt)("h4",{id:"-new-features-5"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(github): added feature and bug reports templates with our guidelines as checkboxes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823"},(0,o.kt)("inlineCode",{parentName:"a"},"1549093")))),(0,o.kt)("h3",{id:"013---2022-02-25"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3"},"0.1.3")," - 2022-02-25"),(0,o.kt)("h4",{id:"-bug-fixes-8"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(all): change eol to unix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a"},(0,o.kt)("inlineCode",{parentName:"a"},"62e7224"))),(0,o.kt)("li",{parentName:"ul"},"fix(banner): separate url value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8"},(0,o.kt)("inlineCode",{parentName:"a"},"f9c9140"))),(0,o.kt)("li",{parentName:"ul"},"fix(all): merge eol ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28"},(0,o.kt)("inlineCode",{parentName:"a"},"c68f6e0"))),(0,o.kt)("li",{parentName:"ul"},"fix(blockquote): align self property now uses a valid entry ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273"},(0,o.kt)("inlineCode",{parentName:"a"},"ec76163")))),(0,o.kt)("h4",{id:"-enhancements-8"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): new implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1"},(0,o.kt)("inlineCode",{parentName:"a"},"ff013af"))),(0,o.kt)("li",{parentName:"ul"},"change(volto): removed customizations made for ims theme from volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a"},(0,o.kt)("inlineCode",{parentName:"a"},"bc8d514"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Timeline): divide to sub components and change files to .jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849"},(0,o.kt)("inlineCode",{parentName:"a"},"3e2bd3b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9"},(0,o.kt)("inlineCode",{parentName:"a"},"4e5d08d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): link header's menu to mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32"},(0,o.kt)("inlineCode",{parentName:"a"},"08406d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Menu): change mega menu implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7"},(0,o.kt)("inlineCode",{parentName:"a"},"455a51b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Grid):minor changes and delete extra files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f"},(0,o.kt)("inlineCode",{parentName:"a"},"272585d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387"},(0,o.kt)("inlineCode",{parentName:"a"},"b98641a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(megaMenu): fix link hover issue for tablet ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d"},(0,o.kt)("inlineCode",{parentName:"a"},"564e972"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): add remix icons and minor updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af"},(0,o.kt)("inlineCode",{parentName:"a"},"c9c97dd"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header buttons implementation ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069"},(0,o.kt)("inlineCode",{parentName:"a"},"6608b8c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add sub components and change existing Main ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b"},(0,o.kt)("inlineCode",{parentName:"a"},"74c35a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(table): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576"},(0,o.kt)("inlineCode",{parentName:"a"},"ab7a0e8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): delete Actions & ThemeSites files and clear imports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52"},(0,o.kt)("inlineCode",{parentName:"a"},"7a78456"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702"},(0,o.kt)("inlineCode",{parentName:"a"},"326655a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Breadcrumb): add react router link and minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9"},(0,o.kt)("inlineCode",{parentName:"a"},"073a3a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): show menu on search & minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288"},(0,o.kt)("inlineCode",{parentName:"a"},"4d49a8a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(List): add extra default list story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f"},(0,o.kt)("inlineCode",{parentName:"a"},"95665cd"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) change generation of what's new section and bump package version ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b"},(0,o.kt)("inlineCode",{parentName:"a"},"6c35cff"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): minor code changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e"},(0,o.kt)("inlineCode",{parentName:"a"},"67cb4bc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Menu): add class to mega menu items for styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee"},(0,o.kt)("inlineCode",{parentName:"a"},"19baa34"))),(0,o.kt)("li",{parentName:"ul"},"change(accordion): modified default accordion stories titles with real accordion names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7"},(0,o.kt)("inlineCode",{parentName:"a"},"cf11cc8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): accessibility image alt fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75"},(0,o.kt)("inlineCode",{parentName:"a"},"a7347a6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): adjust to volto in progress ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509"},(0,o.kt)("inlineCode",{parentName:"a"},"760beca"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): header items as storybook arguments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6"},(0,o.kt)("inlineCode",{parentName:"a"},"388c752"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be"},(0,o.kt)("inlineCode",{parentName:"a"},"35b0a98"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): actions as buttons; don't hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1"},(0,o.kt)("inlineCode",{parentName:"a"},"6dd5a41"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): fix responsive margins and sizes rems ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34"},(0,o.kt)("inlineCode",{parentName:"a"},"209f94f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Input): label position and style change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd"},(0,o.kt)("inlineCode",{parentName:"a"},"970074a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): update dropdown menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea"},(0,o.kt)("inlineCode",{parentName:"a"},"32eb0fa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): theming updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8"},(0,o.kt)("inlineCode",{parentName:"a"},"c80c9aa"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote):remove image stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f"},(0,o.kt)("inlineCode",{parentName:"a"},"a6357ca"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) proofread blockquote usage section and removed unused api section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932"},(0,o.kt)("inlineCode",{parentName:"a"},"0bb29fd"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1"},(0,o.kt)("inlineCode",{parentName:"a"},"fc744cd"))),(0,o.kt)("li",{parentName:"ul"},"change(ci) build storybook and docusaurus only when pushing to develop-itml branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7"},(0,o.kt)("inlineCode",{parentName:"a"},"4de0cbf"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure): modify whats new doc when committing the auto deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38"},(0,o.kt)("inlineCode",{parentName:"a"},"39df33e"))),(0,o.kt)("li",{parentName:"ul"},"change(blockquote): introduce float argument for blockquote with image storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c"},(0,o.kt)("inlineCode",{parentName:"a"},"8fc7290"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote): add word break ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c"},(0,o.kt)("inlineCode",{parentName:"a"},"2245e53"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Banner): minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895"},(0,o.kt)("inlineCode",{parentName:"a"},"b9073b6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(table): fix th font weight ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87"},(0,o.kt)("inlineCode",{parentName:"a"},"a96a0a7"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): remove avatar border radius ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae"},(0,o.kt)("inlineCode",{parentName:"a"},"d42c37b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): adjust title size ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504"},(0,o.kt)("inlineCode",{parentName:"a"},"7a24d9c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Image): change image path ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5"},(0,o.kt)("inlineCode",{parentName:"a"},"a580da6"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure): specify that docs folder contains changes for deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9"},(0,o.kt)("inlineCode",{parentName:"a"},"a1ca915")))),(0,o.kt)("h4",{id:"-internal-changes-7"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(input) prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9"},(0,o.kt)("inlineCode",{parentName:"a"},"e83fa0c"))),(0,o.kt)("li",{parentName:"ul"},"chore(storybook): prettier fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8"},(0,o.kt)("inlineCode",{parentName:"a"},"354c7b3"))),(0,o.kt)("li",{parentName:"ul"},"chore(design system): technical commit for edw integration tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2"},(0,o.kt)("inlineCode",{parentName:"a"},"9f76035"))),(0,o.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847"},(0,o.kt)("inlineCode",{parentName:"a"},"3c9ad34"))),(0,o.kt)("li",{parentName:"ul"},"chore(infrastructure) updated branch with changes from bitbucket ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7"},(0,o.kt)("inlineCode",{parentName:"a"},"77866f8")))),(0,o.kt)("h4",{id:"\ufe0f-others-9"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"doc(colours):fix color to better show primary ones ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0"},(0,o.kt)("inlineCode",{parentName:"a"},"705b789"))),(0,o.kt)("li",{parentName:"ul"},"doc(colours):change font size to fit text in one line ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82"},(0,o.kt)("inlineCode",{parentName:"a"},"4ad7516"))),(0,o.kt)("li",{parentName:"ul"},"bump package release to 1.3.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010"},(0,o.kt)("inlineCode",{parentName:"a"},"f3cfe4f"))),(0,o.kt)("li",{parentName:"ul"},"Refactor banner into content subcomponent ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82"},(0,o.kt)("inlineCode",{parentName:"a"},"f8df238"))),(0,o.kt)("li",{parentName:"ul"},"lint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1"},(0,o.kt)("inlineCode",{parentName:"a"},"cda322d"))),(0,o.kt)("li",{parentName:"ul"},"rollback don'ts grammar change and disable unresolved import for Banner.stories.jsx ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67"},(0,o.kt)("inlineCode",{parentName:"a"},"a1bd715"))),(0,o.kt)("li",{parentName:"ul"},"Add space line in component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00"},(0,o.kt)("inlineCode",{parentName:"a"},"d4d1a5f")))),(0,o.kt)("h3",{id:"012---2022-02-17"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2"},"0.1.2")," - 2022-02-17"),(0,o.kt)("h4",{id:"-new-features-6"},"\ud83d\ude80 New Features"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"feat(blockquote) added blockquote styles as a custom module ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130"},(0,o.kt)("inlineCode",{parentName:"a"},"d30662e")))),(0,o.kt)("h4",{id:"-bug-fixes-9"},"\ud83d\udc1b Bug Fixes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"fix(inpageNavigation): hide at the top of the page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4"},(0,o.kt)("inlineCode",{parentName:"a"},"97ef500"))),(0,o.kt)("li",{parentName:"ul"},"fix(footer):missing image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8"},(0,o.kt)("inlineCode",{parentName:"a"},"ac91a29"))),(0,o.kt)("li",{parentName:"ul"},"fix(comment):fix broken image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9"},(0,o.kt)("inlineCode",{parentName:"a"},"8125dc1"))),(0,o.kt)("li",{parentName:"ul"},"fix(message): fix font loading ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402"},(0,o.kt)("inlineCode",{parentName:"a"},"fdc498e"))),(0,o.kt)("li",{parentName:"ul"},"fix(logo): logo change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b"},(0,o.kt)("inlineCode",{parentName:"a"},"5f8c8af")))),(0,o.kt)("h4",{id:"-enhancements-9"},"\ud83d\udc85 Enhancements"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22"},(0,o.kt)("inlineCode",{parentName:"a"},"4a3ff51"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) re-enable integration tests for auto release stack ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a"},(0,o.kt)("inlineCode",{parentName:"a"},"ce8daf8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): global site files styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2"},(0,o.kt)("inlineCode",{parentName:"a"},"f3770f1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): multiple components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23"},(0,o.kt)("inlineCode",{parentName:"a"},"9277aac"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer) adjust to volto theming update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209"},(0,o.kt)("inlineCode",{parentName:"a"},"a59f1c3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b"},(0,o.kt)("inlineCode",{parentName:"a"},"dd6b55c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5"},(0,o.kt)("inlineCode",{parentName:"a"},"7559b57"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1"},(0,o.kt)("inlineCode",{parentName:"a"},"451b949"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e"},(0,o.kt)("inlineCode",{parentName:"a"},"aeaf25f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7"},(0,o.kt)("inlineCode",{parentName:"a"},"bdff176"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer):mobile responsiveness ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609"},(0,o.kt)("inlineCode",{parentName:"a"},"14822be"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): main and custom less files update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2"},(0,o.kt)("inlineCode",{parentName:"a"},"1607760"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline): update after removing timeline addon ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15"},(0,o.kt)("inlineCode",{parentName:"a"},"f54d380"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): replace with subcomponents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb"},(0,o.kt)("inlineCode",{parentName:"a"},"378c652"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): header change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b"},(0,o.kt)("inlineCode",{parentName:"a"},"029e850"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change header bar ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b"},(0,o.kt)("inlineCode",{parentName:"a"},"2b766fd"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) use itml branch for docusaurus deployment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927"},(0,o.kt)("inlineCode",{parentName:"a"},"6e286c5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(accordion): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6"},(0,o.kt)("inlineCode",{parentName:"a"},"971fcb8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0"},(0,o.kt)("inlineCode",{parentName:"a"},"7f955db"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) tweak auto deployment to always commit changes from docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d"},(0,o.kt)("inlineCode",{parentName:"a"},"a2940da"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): less and variables files created ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b1a8a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(label): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6"},(0,o.kt)("inlineCode",{parentName:"a"},"3c945e1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(message): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738"},(0,o.kt)("inlineCode",{parentName:"a"},"3e950fc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): add sub components and props ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2"},(0,o.kt)("inlineCode",{parentName:"a"},"c3d1487"))),(0,o.kt)("li",{parentName:"ul"},"refactor(modal): modal and confirm adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5"},(0,o.kt)("inlineCode",{parentName:"a"},"83b60e9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46"},(0,o.kt)("inlineCode",{parentName:"a"},"84348c3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook):adjust headings ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287"},(0,o.kt)("inlineCode",{parentName:"a"},"32f64f9"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): add comments to header menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de"},(0,o.kt)("inlineCode",{parentName:"a"},"c2c83b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Accordion): clear up accordion stories code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077"},(0,o.kt)("inlineCode",{parentName:"a"},"4e59b8f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(segmant): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df"},(0,o.kt)("inlineCode",{parentName:"a"},"3ab211e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button) minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682"},(0,o.kt)("inlineCode",{parentName:"a"},"8782bb2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner): change image position ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f"},(0,o.kt)("inlineCode",{parentName:"a"},"cdd76d5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(breadcrumbs): update less variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039"},(0,o.kt)("inlineCode",{parentName:"a"},"640817e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(list): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482"},(0,o.kt)("inlineCode",{parentName:"a"},"1079c73"))),(0,o.kt)("li",{parentName:"ul"},"refactor(timeline):adjust timeline module ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4"},(0,o.kt)("inlineCode",{parentName:"a"},"213eb11"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d"},(0,o.kt)("inlineCode",{parentName:"a"},"5eec87f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress): add progress bar colors ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13"},(0,o.kt)("inlineCode",{parentName:"a"},"ccf3c98"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquote):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2"},(0,o.kt)("inlineCode",{parentName:"a"},"fee4466"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change mobile mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e"},(0,o.kt)("inlineCode",{parentName:"a"},"c7ecf18"))),(0,o.kt)("li",{parentName:"ul"},"refactor(statistic): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df"},(0,o.kt)("inlineCode",{parentName:"a"},"b726e49"))),(0,o.kt)("li",{parentName:"ul"},"refactor(button) adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c"},(0,o.kt)("inlineCode",{parentName:"a"},"eb257f8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22"},(0,o.kt)("inlineCode",{parentName:"a"},"79934b2"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Footer): create Actions & Sites sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e"},(0,o.kt)("inlineCode",{parentName:"a"},"446840b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610"},(0,o.kt)("inlineCode",{parentName:"a"},"85c631a"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Inpage Navigation): changed button's display ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2"},(0,o.kt)("inlineCode",{parentName:"a"},"36e5b4f"))),(0,o.kt)("li",{parentName:"ul"},"enhancement(docusaurus) modified headings to be within release versions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c"},(0,o.kt)("inlineCode",{parentName:"a"},"19ace30"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): move components to ui folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb"},(0,o.kt)("inlineCode",{parentName:"a"},"cb91f88"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Header): change mega menu ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41"},(0,o.kt)("inlineCode",{parentName:"a"},"de0fc6b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): divide Pullquote to sub components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb"},(0,o.kt)("inlineCode",{parentName:"a"},"34413c4"))),(0,o.kt)("li",{parentName:"ul"},"enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827"},(0,o.kt)("inlineCode",{parentName:"a"},"da25c0e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(popup): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55"},(0,o.kt)("inlineCode",{parentName:"a"},"d0d192d"))),(0,o.kt)("li",{parentName:"ul"},"refactor(card):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00"},(0,o.kt)("inlineCode",{parentName:"a"},"2ab6f91"))),(0,o.kt)("li",{parentName:"ul"},"refactor(item): adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569"},(0,o.kt)("inlineCode",{parentName:"a"},"89a16af"))),(0,o.kt)("li",{parentName:"ul"},"refactor(pullquotes) remove unnecessary variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9"},(0,o.kt)("inlineCode",{parentName:"a"},"e0d20a3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(progress):adjust to volto theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d"},(0,o.kt)("inlineCode",{parentName:"a"},"d1ab950"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote) change variables names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76"},(0,o.kt)("inlineCode",{parentName:"a"},"36fd5be"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): adjust font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b"},(0,o.kt)("inlineCode",{parentName:"a"},"0311ed1"))),(0,o.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): clear up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619"},(0,o.kt)("inlineCode",{parentName:"a"},"1d7afdc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(container): change variable name for computer padding ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9"},(0,o.kt)("inlineCode",{parentName:"a"},"26d123f"))),(0,o.kt)("li",{parentName:"ul"},"refactor(inpageNavigation): remove imports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20"},(0,o.kt)("inlineCode",{parentName:"a"},"25c1d1c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): update ui index components exports ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec"},(0,o.kt)("inlineCode",{parentName:"a"},"ce78d47"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd"},(0,o.kt)("inlineCode",{parentName:"a"},"e9aa5bc"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): delete demo stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01"},(0,o.kt)("inlineCode",{parentName:"a"},"8b58d02"))),(0,o.kt)("li",{parentName:"ul"},"change(docusaurus) align deployment steps for building docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582"},(0,o.kt)("inlineCode",{parentName:"a"},"37e4ce0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customizations folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b"},(0,o.kt)("inlineCode",{parentName:"a"},"8930ede"))),(0,o.kt)("li",{parentName:"ul"},"refactor(tab): minor styling update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e"},(0,o.kt)("inlineCode",{parentName:"a"},"1252ad0"))),(0,o.kt)("li",{parentName:"ul"},"refactor(comment): change avatar src ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4"},(0,o.kt)("inlineCode",{parentName:"a"},"e5f9c4c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner) : change file type and folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43"},(0,o.kt)("inlineCode",{parentName:"a"},"878742b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(form elements):changed text ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230"},(0,o.kt)("inlineCode",{parentName:"a"},"919beea"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Image): change image src ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d"},(0,o.kt)("inlineCode",{parentName:"a"},"b971084"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): add component propTypes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc"},(0,o.kt)("inlineCode",{parentName:"a"},"d32c5e6"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): adjust font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e"},(0,o.kt)("inlineCode",{parentName:"a"},"d71a3ce"))),(0,o.kt)("li",{parentName:"ul"},"refactor(footer): update font sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14"},(0,o.kt)("inlineCode",{parentName:"a"},"1c91c35"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote): add component proTypes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8"},(0,o.kt)("inlineCode",{parentName:"a"},"ea02649"))),(0,o.kt)("li",{parentName:"ul"},"refactor(logo): update image ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e"},(0,o.kt)("inlineCode",{parentName:"a"},"f611372"))),(0,o.kt)("li",{parentName:"ul"},"refactor(docusaurus): restore config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87"},(0,o.kt)("inlineCode",{parentName:"a"},"f2c5239"))),(0,o.kt)("li",{parentName:"ul"},"refactor(blockquote): update component name ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26"},(0,o.kt)("inlineCode",{parentName:"a"},"572e655"))),(0,o.kt)("li",{parentName:"ul"},"refactor(header): fix story header import ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427"},(0,o.kt)("inlineCode",{parentName:"a"},"ceda6c7"))),(0,o.kt)("li",{parentName:"ul"},"change(infrastructure) auto build docusaurus when pushing to develop-itml branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b"},(0,o.kt)("inlineCode",{parentName:"a"},"7bebdf5"))),(0,o.kt)("li",{parentName:"ul"},"refactor(storybook): remove components from customization folder ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0"},(0,o.kt)("inlineCode",{parentName:"a"},"4a9bb9b"))),(0,o.kt)("li",{parentName:"ul"},"refactor(banner):story rename ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717"},(0,o.kt)("inlineCode",{parentName:"a"},"56ff603"))),(0,o.kt)("li",{parentName:"ul"},"change(testing) removed navigation from cypress tests until component is finished ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7"},(0,o.kt)("inlineCode",{parentName:"a"},"5549f4c"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Segment): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e"},(0,o.kt)("inlineCode",{parentName:"a"},"5cb35d8"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Pullquote): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47"},(0,o.kt)("inlineCode",{parentName:"a"},"564cf7e"))),(0,o.kt)("li",{parentName:"ul"},"refactor(PopUp):change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0"},(0,o.kt)("inlineCode",{parentName:"a"},"dcb24ff"))),(0,o.kt)("li",{parentName:"ul"},"refactor(InpageNavigation): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f"},(0,o.kt)("inlineCode",{parentName:"a"},"dfefce3"))),(0,o.kt)("li",{parentName:"ul"},"refactor(Blockquote): change to .jsx extension ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e"},(0,o.kt)("inlineCode",{parentName:"a"},"44a1645"))),(0,o.kt)("li",{parentName:"ul"},"refactor(heading): story name update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a"},(0,o.kt)("inlineCode",{parentName:"a"},"aa10f34")))),(0,o.kt)("h4",{id:"-internal-changes-8"},"\ud83c\udfe0 Internal changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"style(footer): prettier fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f"},(0,o.kt)("inlineCode",{parentName:"a"},"902c257"))),(0,o.kt)("li",{parentName:"ul"},"style(storybook): prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae"},(0,o.kt)("inlineCode",{parentName:"a"},"59f941d")))),(0,o.kt)("h4",{id:"-documentation-changes-4"},"\ud83c\udfe0 Documentation changes"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):multiple page updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01"},(0,o.kt)("inlineCode",{parentName:"a"},"2aba73e"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):update page content ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e"},(0,o.kt)("inlineCode",{parentName:"a"},"565697f"))),(0,o.kt)("li",{parentName:"ul"},"docs(grid):update components grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5"},(0,o.kt)("inlineCode",{parentName:"a"},"60eb083"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): page adjustments ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009"},(0,o.kt)("inlineCode",{parentName:"a"},"0641eac"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus):updated various pages ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac"},(0,o.kt)("inlineCode",{parentName:"a"},"f860176"))),(0,o.kt)("li",{parentName:"ul"},"docs(docusaurus): logo change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee"},(0,o.kt)("inlineCode",{parentName:"a"},"3af5e5c")))),(0,o.kt)("h4",{id:"\ufe0f-others-10"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"added sortable table stories and descriptions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c"},(0,o.kt)("inlineCode",{parentName:"a"},"6d44dd7"))),(0,o.kt)("li",{parentName:"ul"},"Layout components theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938"},(0,o.kt)("inlineCode",{parentName:"a"},"5861013"))),(0,o.kt)("li",{parentName:"ul"},"recovered files from origin ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a"},(0,o.kt)("inlineCode",{parentName:"a"},"a4ac04f"))),(0,o.kt)("li",{parentName:"ul"},"grid component & stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f"},(0,o.kt)("inlineCode",{parentName:"a"},"4a5752e"))),(0,o.kt)("li",{parentName:"ul"},"Updated what's new section with actual commits from volto-eea-design-system repo ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd"},(0,o.kt)("inlineCode",{parentName:"a"},"fc5e3c3"))),(0,o.kt)("li",{parentName:"ul"},"Docusaurus title possible fix. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8"},(0,o.kt)("inlineCode",{parentName:"a"},"db699e7"))),(0,o.kt)("li",{parentName:"ul"},"form elements stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6"},(0,o.kt)("inlineCode",{parentName:"a"},"6b4f6eb"))),(0,o.kt)("li",{parentName:"ul"},"removed API tabs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3"},(0,o.kt)("inlineCode",{parentName:"a"},"58aa928"))),(0,o.kt)("li",{parentName:"ul"},"Layout updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6"},(0,o.kt)("inlineCode",{parentName:"a"},"854f388"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 removed extra customization of semantic.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c"},(0,o.kt)("inlineCode",{parentName:"a"},"ab9de81"))),(0,o.kt)("li",{parentName:"ul"},"added page-header,footer and grid in docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6"},(0,o.kt)("inlineCode",{parentName:"a"},"660c8e3"))),(0,o.kt)("li",{parentName:"ul"},"Manual docs build and commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35"},(0,o.kt)("inlineCode",{parentName:"a"},"666eb6a"))),(0,o.kt)("li",{parentName:"ul"},"added svg & png files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9"},(0,o.kt)("inlineCode",{parentName:"a"},"f1338d5"))),(0,o.kt)("li",{parentName:"ul"},"added missing components to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3"},(0,o.kt)("inlineCode",{parentName:"a"},"934dfd8"))),(0,o.kt)("li",{parentName:"ul"},"Control descriptions updated ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe"},(0,o.kt)("inlineCode",{parentName:"a"},"56581eb"))),(0,o.kt)("li",{parentName:"ul"},"Grid updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584"},(0,o.kt)("inlineCode",{parentName:"a"},"700332d"))),(0,o.kt)("li",{parentName:"ul"},"Button theming update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8"},(0,o.kt)("inlineCode",{parentName:"a"},"0ec68b6"))),(0,o.kt)("li",{parentName:"ul"},"site variebales & overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93"},(0,o.kt)("inlineCode",{parentName:"a"},"7251162"))),(0,o.kt)("li",{parentName:"ul"},"Table and Tabs theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9"},(0,o.kt)("inlineCode",{parentName:"a"},"49f0860"))),(0,o.kt)("li",{parentName:"ul"},"Responsiveness updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699"},(0,o.kt)("inlineCode",{parentName:"a"},"48e1351"))),(0,o.kt)("li",{parentName:"ul"},"added various components to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd"},(0,o.kt)("inlineCode",{parentName:"a"},"550d719"))),(0,o.kt)("li",{parentName:"ul"},"Checkbox and radio updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5"},(0,o.kt)("inlineCode",{parentName:"a"},"24652a2"))),(0,o.kt)("li",{parentName:"ul"},"remove images from typography and colour docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6"},(0,o.kt)("inlineCode",{parentName:"a"},"8493e92"))),(0,o.kt)("li",{parentName:"ul"},"added guidelines' text and finished all components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506"},(0,o.kt)("inlineCode",{parentName:"a"},"02d75fc"))),(0,o.kt)("li",{parentName:"ul"},"added more missing components in docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a"},(0,o.kt)("inlineCode",{parentName:"a"},"8be8263"))),(0,o.kt)("li",{parentName:"ul"},"Prettier changes on docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167"},(0,o.kt)("inlineCode",{parentName:"a"},"5f1e5eb"))),(0,o.kt)("li",{parentName:"ul"},"Grid updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd"},(0,o.kt)("inlineCode",{parentName:"a"},"ae09945"))),(0,o.kt)("li",{parentName:"ul"},"Minor fixes for tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776"},(0,o.kt)("inlineCode",{parentName:"a"},"3bdf306"))),(0,o.kt)("li",{parentName:"ul"},"Layout updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b"},(0,o.kt)("inlineCode",{parentName:"a"},"8b7a4dc"))),(0,o.kt)("li",{parentName:"ul"},"Footer and TOC theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230"},(0,o.kt)("inlineCode",{parentName:"a"},"bb3d3c4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 manually commit changelog until autobuild is stabilized ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42"},(0,o.kt)("inlineCode",{parentName:"a"},"93168b0"))),(0,o.kt)("li",{parentName:"ul"},"label component changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b"},(0,o.kt)("inlineCode",{parentName:"a"},"df8c0ff"))),(0,o.kt)("li",{parentName:"ul"},"added several sections to the theming guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0"},(0,o.kt)("inlineCode",{parentName:"a"},"ff1a649"))),(0,o.kt)("li",{parentName:"ul"},"Updated removed files. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be"},(0,o.kt)("inlineCode",{parentName:"a"},"84f9b8c"))),(0,o.kt)("li",{parentName:"ul"},"added more docusaurus components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb"},(0,o.kt)("inlineCode",{parentName:"a"},"52a3b9e"))),(0,o.kt)("li",{parentName:"ul"},"Progress Bar ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37"},(0,o.kt)("inlineCode",{parentName:"a"},"9f2efc9"))),(0,o.kt)("li",{parentName:"ul"},"Modal and Confirm updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234"},(0,o.kt)("inlineCode",{parentName:"a"},"3b306c6"))),(0,o.kt)("li",{parentName:"ul"},"Add proper changes to whatsnew meant in previous commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11"},(0,o.kt)("inlineCode",{parentName:"a"},"40f78e3"))),(0,o.kt)("li",{parentName:"ul"},"Form Descriptions ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3"},(0,o.kt)("inlineCode",{parentName:"a"},"de0dfbc"))),(0,o.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a"},(0,o.kt)("inlineCode",{parentName:"a"},"1337e6f"))),(0,o.kt)("li",{parentName:"ul"},"Deleted files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf"},(0,o.kt)("inlineCode",{parentName:"a"},"b82f982"))),(0,o.kt)("li",{parentName:"ul"},"add new images for spacing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9"},(0,o.kt)("inlineCode",{parentName:"a"},"7b7b2c4"))),(0,o.kt)("li",{parentName:"ul"},"Messages Theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33"},(0,o.kt)("inlineCode",{parentName:"a"},"ad621a3"))),(0,o.kt)("li",{parentName:"ul"},"added new content to docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a"},(0,o.kt)("inlineCode",{parentName:"a"},"1c83452"))),(0,o.kt)("li",{parentName:"ul"},"Minor less updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03"},(0,o.kt)("inlineCode",{parentName:"a"},"a36a8bb"))),(0,o.kt)("li",{parentName:"ul"},"Tabs and lists updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127"},(0,o.kt)("inlineCode",{parentName:"a"},"e37eef1"))),(0,o.kt)("li",{parentName:"ul"},"Inpage nav and timeline components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4"},(0,o.kt)("inlineCode",{parentName:"a"},"76f0f82"))),(0,o.kt)("li",{parentName:"ul"},"Prettier updated files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e"},(0,o.kt)("inlineCode",{parentName:"a"},"679b9d2"))),(0,o.kt)("li",{parentName:"ul"},"dropdown initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9"},(0,o.kt)("inlineCode",{parentName:"a"},"d8aef26"))),(0,o.kt)("li",{parentName:"ul"},"Prettier changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7"},(0,o.kt)("inlineCode",{parentName:"a"},"f068af0"))),(0,o.kt)("li",{parentName:"ul"},"List initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf"},(0,o.kt)("inlineCode",{parentName:"a"},"6d3b969"))),(0,o.kt)("li",{parentName:"ul"},"List story updated ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432"},(0,o.kt)("inlineCode",{parentName:"a"},"e96a6f6"))),(0,o.kt)("li",{parentName:"ul"},"Statistics updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3"},(0,o.kt)("inlineCode",{parentName:"a"},"74bf639"))),(0,o.kt)("li",{parentName:"ul"},"styling ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde"},(0,o.kt)("inlineCode",{parentName:"a"},"c169cc0"))),(0,o.kt)("li",{parentName:"ul"},"timeline comp storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0"},(0,o.kt)("inlineCode",{parentName:"a"},"1f42686"))),(0,o.kt)("li",{parentName:"ul"},"feature(docusaurus) added theming guidelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f"},(0,o.kt)("inlineCode",{parentName:"a"},"ded1f04"))),(0,o.kt)("li",{parentName:"ul"},"Properly commented out integration tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867"},(0,o.kt)("inlineCode",{parentName:"a"},"48b3a15"))),(0,o.kt)("li",{parentName:"ul"},"Reattempting commented out integrations tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05"},(0,o.kt)("inlineCode",{parentName:"a"},"3dd8211"))),(0,o.kt)("li",{parentName:"ul"},"Button theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6"},(0,o.kt)("inlineCode",{parentName:"a"},"4231e1c"))),(0,o.kt)("li",{parentName:"ul"},"Card initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947"},(0,o.kt)("inlineCode",{parentName:"a"},"06dace5"))),(0,o.kt)("li",{parentName:"ul"},"form element storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af"},(0,o.kt)("inlineCode",{parentName:"a"},"c4b06aa"))),(0,o.kt)("li",{parentName:"ul"},"Pagination theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e"},(0,o.kt)("inlineCode",{parentName:"a"},"2a80175"))),(0,o.kt)("li",{parentName:"ul"},"Accordion theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9"},(0,o.kt)("inlineCode",{parentName:"a"},"8061bf9"))),(0,o.kt)("li",{parentName:"ul"},"global var updates and radio story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a"},(0,o.kt)("inlineCode",{parentName:"a"},"9526ee2"))),(0,o.kt)("li",{parentName:"ul"},"created pullquote component & stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736"},(0,o.kt)("inlineCode",{parentName:"a"},"df35563"))),(0,o.kt)("li",{parentName:"ul"},"Item stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940"},(0,o.kt)("inlineCode",{parentName:"a"},"9d459f2"))),(0,o.kt)("li",{parentName:"ul"},"storybook clean up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d"},(0,o.kt)("inlineCode",{parentName:"a"},"bffd326"))),(0,o.kt)("li",{parentName:"ul"},"List updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106"},(0,o.kt)("inlineCode",{parentName:"a"},"28f1b53"))),(0,o.kt)("li",{parentName:"ul"},"Button classes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd"},(0,o.kt)("inlineCode",{parentName:"a"},"788c289"))),(0,o.kt)("li",{parentName:"ul"},"Prettier fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6"},(0,o.kt)("inlineCode",{parentName:"a"},"678c9be"))),(0,o.kt)("li",{parentName:"ul"},"Removed header title from partial docusaurus components. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952"},(0,o.kt)("inlineCode",{parentName:"a"},"ed7c45e"))),(0,o.kt)("li",{parentName:"ul"},"created banner component and stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff"},(0,o.kt)("inlineCode",{parentName:"a"},"9be170f"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb stories description & defaultValue -- clean up code ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43"},(0,o.kt)("inlineCode",{parentName:"a"},"186ab65"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 added customization of semantic.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7"},(0,o.kt)("inlineCode",{parentName:"a"},"1e02356"))),(0,o.kt)("li",{parentName:"ul"},"Card stories added description & default values ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478"},(0,o.kt)("inlineCode",{parentName:"a"},"f6b408f"))),(0,o.kt)("li",{parentName:"ul"},"Statistic and accordion updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f"},(0,o.kt)("inlineCode",{parentName:"a"},"16064ce"))),(0,o.kt)("li",{parentName:"ul"},"breadcrumb component & stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6"},(0,o.kt)("inlineCode",{parentName:"a"},"5bceb98"))),(0,o.kt)("li",{parentName:"ul"},"Container initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2"},(0,o.kt)("inlineCode",{parentName:"a"},"3eb7155"))),(0,o.kt)("li",{parentName:"ul"},"doc(docusaurus):Fix text for various parts ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e"},(0,o.kt)("inlineCode",{parentName:"a"},"bfd3fa2"))),(0,o.kt)("li",{parentName:"ul"},"blockquote component & stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8"},(0,o.kt)("inlineCode",{parentName:"a"},"879b640"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments breaking doc building ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad"},(0,o.kt)("inlineCode",{parentName:"a"},"e6a6756"))),(0,o.kt)("li",{parentName:"ul"},"Popup updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7"},(0,o.kt)("inlineCode",{parentName:"a"},"ce2d641"))),(0,o.kt)("li",{parentName:"ul"},"Global variables for colors and borders added ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21"},(0,o.kt)("inlineCode",{parentName:"a"},"6e5fbd6"))),(0,o.kt)("li",{parentName:"ul"},"Tab stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8"},(0,o.kt)("inlineCode",{parentName:"a"},"5429cfb"))),(0,o.kt)("li",{parentName:"ul"},"Confirm stories added description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd"},(0,o.kt)("inlineCode",{parentName:"a"},"85cda14"))),(0,o.kt)("li",{parentName:"ul"},"Kebab case class names ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f"},(0,o.kt)("inlineCode",{parentName:"a"},"b41cd07"))),(0,o.kt)("li",{parentName:"ul"},"Card and Comment class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3"},(0,o.kt)("inlineCode",{parentName:"a"},"3899465"))),(0,o.kt)("li",{parentName:"ul"},"Accordion updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927"},(0,o.kt)("inlineCode",{parentName:"a"},"c97ba39"))),(0,o.kt)("li",{parentName:"ul"},"item stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9"},(0,o.kt)("inlineCode",{parentName:"a"},"772e41f"))),(0,o.kt)("li",{parentName:"ul"},"Accordion class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5"},(0,o.kt)("inlineCode",{parentName:"a"},"9cdde86"))),(0,o.kt)("li",{parentName:"ul"},"Comment stories added description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da"},(0,o.kt)("inlineCode",{parentName:"a"},"cb6f25b"))),(0,o.kt)("li",{parentName:"ul"},"Accrodion stories description & default value ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4"},(0,o.kt)("inlineCode",{parentName:"a"},"ab8fb88"))),(0,o.kt)("li",{parentName:"ul"},"Pullquotes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a"},(0,o.kt)("inlineCode",{parentName:"a"},"c598421"))),(0,o.kt)("li",{parentName:"ul"},"Modal and confirm class updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852"},(0,o.kt)("inlineCode",{parentName:"a"},"0ae47e6"))),(0,o.kt)("li",{parentName:"ul"},"Tab and paggination updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f"},(0,o.kt)("inlineCode",{parentName:"a"},"96796ff"))),(0,o.kt)("li",{parentName:"ul"},"Form Updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232"},(0,o.kt)("inlineCode",{parentName:"a"},"e986a9f"))),(0,o.kt)("li",{parentName:"ul"},"Classes renamed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c"},(0,o.kt)("inlineCode",{parentName:"a"},"73c8c3d"))),(0,o.kt)("li",{parentName:"ul"},"List and item less updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939"},(0,o.kt)("inlineCode",{parentName:"a"},"ce0de17"))),(0,o.kt)("li",{parentName:"ul"},"Confirm theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9"},(0,o.kt)("inlineCode",{parentName:"a"},"36e20ce"))),(0,o.kt)("li",{parentName:"ul"},"container overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719"},(0,o.kt)("inlineCode",{parentName:"a"},"4b3970b"))),(0,o.kt)("li",{parentName:"ul"},"Docusaurus theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401"},(0,o.kt)("inlineCode",{parentName:"a"},"fc4a8c5"))),(0,o.kt)("li",{parentName:"ul"},"refacto(headings): update mobile headings sizes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0"},(0,o.kt)("inlineCode",{parentName:"a"},"b2e9f83"))),(0,o.kt)("li",{parentName:"ul"},"list stories and style changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82"},(0,o.kt)("inlineCode",{parentName:"a"},"c61db53"))),(0,o.kt)("li",{parentName:"ul"},"Tab theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d"},(0,o.kt)("inlineCode",{parentName:"a"},"e31e6c3"))),(0,o.kt)("li",{parentName:"ul"},"Message and pagination classes updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa"},(0,o.kt)("inlineCode",{parentName:"a"},"c230687"))),(0,o.kt)("li",{parentName:"ul"},"Segment initial ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5"},(0,o.kt)("inlineCode",{parentName:"a"},"d5724fe"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 removed doc comments from api_markdown breaking doc building ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35"},(0,o.kt)("inlineCode",{parentName:"a"},"efeacba"))),(0,o.kt)("li",{parentName:"ul"},"Timeline and responsiveness updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373"},(0,o.kt)("inlineCode",{parentName:"a"},"1ed1524"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 use swap font-display for performance reasons ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef"},(0,o.kt)("inlineCode",{parentName:"a"},"083738f"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13"},(0,o.kt)("inlineCode",{parentName:"a"},"3d0d17c"))),(0,o.kt)("li",{parentName:"ul"},"Table component stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b"},(0,o.kt)("inlineCode",{parentName:"a"},"0bf4083"))),(0,o.kt)("li",{parentName:"ul"},"List stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81"},(0,o.kt)("inlineCode",{parentName:"a"},"a64b304"))),(0,o.kt)("li",{parentName:"ul"},"blockquote component minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09"},(0,o.kt)("inlineCode",{parentName:"a"},"cdf71a8"))),(0,o.kt)("li",{parentName:"ul"},"ckeckbox stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950"},(0,o.kt)("inlineCode",{parentName:"a"},"6d6e508"))),(0,o.kt)("li",{parentName:"ul"},"image component storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3"},(0,o.kt)("inlineCode",{parentName:"a"},"91290ec"))),(0,o.kt)("li",{parentName:"ul"},"button overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93"},(0,o.kt)("inlineCode",{parentName:"a"},"d5b78dd"))),(0,o.kt)("li",{parentName:"ul"},"accordion overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49"},(0,o.kt)("inlineCode",{parentName:"a"},"fdcf7d5"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component and stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38"},(0,o.kt)("inlineCode",{parentName:"a"},"5079247"))),(0,o.kt)("li",{parentName:"ul"},"Card theming ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39"},(0,o.kt)("inlineCode",{parentName:"a"},"23bbb9d"))),(0,o.kt)("li",{parentName:"ul"},"statistic overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc"},(0,o.kt)("inlineCode",{parentName:"a"},"2b11cb5"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 build docs only on pull request like we do with storybook ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385"},(0,o.kt)("inlineCode",{parentName:"a"},"473bb87"))),(0,o.kt)("li",{parentName:"ul"},"Card component stories minor change | added link icon ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7"},(0,o.kt)("inlineCode",{parentName:"a"},"deb423a"))),(0,o.kt)("li",{parentName:"ul"},"comment component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66"},(0,o.kt)("inlineCode",{parentName:"a"},"f1c5e75"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component bug fixed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545"},(0,o.kt)("inlineCode",{parentName:"a"},"815e91d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 use iso date to release so that we see also time ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883"},(0,o.kt)("inlineCode",{parentName:"a"},"ceedf08"))),(0,o.kt)("li",{parentName:"ul"},"correct connfig for doco ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021"},(0,o.kt)("inlineCode",{parentName:"a"},"93e1313"))),(0,o.kt)("li",{parentName:"ul"},"Item updates ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744"},(0,o.kt)("inlineCode",{parentName:"a"},"fae93d4"))),(0,o.kt)("li",{parentName:"ul"},"added layout grid ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3"},(0,o.kt)("inlineCode",{parentName:"a"},"2e6be55"))),(0,o.kt)("li",{parentName:"ul"},"tab overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a"},(0,o.kt)("inlineCode",{parentName:"a"},"87aaf32"))),(0,o.kt)("li",{parentName:"ul"},"message overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c"},(0,o.kt)("inlineCode",{parentName:"a"},"6dccfca"))),(0,o.kt)("li",{parentName:"ul"},"segment storie changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8"},(0,o.kt)("inlineCode",{parentName:"a"},"296371f"))),(0,o.kt)("li",{parentName:"ul"},"progress component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5"},(0,o.kt)("inlineCode",{parentName:"a"},"df10c2e"))),(0,o.kt)("li",{parentName:"ul"},"message comp storybook changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f"},(0,o.kt)("inlineCode",{parentName:"a"},"c86b405"))),(0,o.kt)("li",{parentName:"ul"},"Accordion cmponent stories | minor bug fix ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792"},(0,o.kt)("inlineCode",{parentName:"a"},"6de0d81"))),(0,o.kt)("li",{parentName:"ul"},"Refs #145331 add all changes when auto building docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91"},(0,o.kt)("inlineCode",{parentName:"a"},"ce11cce"))),(0,o.kt)("li",{parentName:"ul"},"perf(timeline):removed semantic timeline package ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301"},(0,o.kt)("inlineCode",{parentName:"a"},"0aeb34a"))),(0,o.kt)("li",{parentName:"ul"},"Tablet Breakpoint update ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac"},(0,o.kt)("inlineCode",{parentName:"a"},"b229c27"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 set storyBook Url to eea.github.io ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74"},(0,o.kt)("inlineCode",{parentName:"a"},"b7fdecb"))),(0,o.kt)("li",{parentName:"ul"},"bump package version to signaling of a major release ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321"},(0,o.kt)("inlineCode",{parentName:"a"},"c835f1d"))),(0,o.kt)("li",{parentName:"ul"},"small commit to trigger deployment of storybook and docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71"},(0,o.kt)("inlineCode",{parentName:"a"},"be46ea3"))),(0,o.kt)("li",{parentName:"ul"},"doc(accordion):revert previous change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a"},(0,o.kt)("inlineCode",{parentName:"a"},"3de02da"))),(0,o.kt)("li",{parentName:"ul"},"fix typo for caption @desktop line-height pixel number ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924"},(0,o.kt)("inlineCode",{parentName:"a"},"1671552"))),(0,o.kt)("li",{parentName:"ul"},"Commented out integration tests. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d"},(0,o.kt)("inlineCode",{parentName:"a"},"574cfec"))),(0,o.kt)("li",{parentName:"ul"},"popup overrides changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5"},(0,o.kt)("inlineCode",{parentName:"a"},"a9555e3"))),(0,o.kt)("li",{parentName:"ul"},"container component stories fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec"},(0,o.kt)("inlineCode",{parentName:"a"},"692cfce"))),(0,o.kt)("li",{parentName:"ul"},"Added timeline to package json fixed ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c"},(0,o.kt)("inlineCode",{parentName:"a"},"f2e93e0"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 modified import of volto-eea-design-system icon.less: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d"},(0,o.kt)("inlineCode",{parentName:"a"},"a7fab7d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142123 reference icon.less from this package: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921"},(0,o.kt)("inlineCode",{parentName:"a"},"5616e6d"))),(0,o.kt)("li",{parentName:"ul"},"Menu component stories change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be"},(0,o.kt)("inlineCode",{parentName:"a"},"2797716"))),(0,o.kt)("li",{parentName:"ul"},"Image stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179"},(0,o.kt)("inlineCode",{parentName:"a"},"ddb9f1d"))),(0,o.kt)("li",{parentName:"ul"},"card component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3"},(0,o.kt)("inlineCode",{parentName:"a"},"6ccba1e"))),(0,o.kt)("li",{parentName:"ul"},"Added timeline to package json ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320"},(0,o.kt)("inlineCode",{parentName:"a"},"93031d6"))),(0,o.kt)("li",{parentName:"ul"},"table stories code clean up ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3"},(0,o.kt)("inlineCode",{parentName:"a"},"b7b2a56"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412  removed extra baseUrl from docusaurus config ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c"},(0,o.kt)("inlineCode",{parentName:"a"},"79f36da"))),(0,o.kt)("li",{parentName:"ul"},"Accordion stories minor change ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29"},(0,o.kt)("inlineCode",{parentName:"a"},"ffe808a"))),(0,o.kt)("li",{parentName:"ul"},"Theme assets ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2"},(0,o.kt)("inlineCode",{parentName:"a"},"3f4bea4"))),(0,o.kt)("li",{parentName:"ul"},"Merged with develop ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1"},(0,o.kt)("inlineCode",{parentName:"a"},"167ec9f")))),(0,o.kt)("h3",{id:"012-beta2---2022-01-03"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2"},"0.1.2-beta.2")," - 2022-01-03"),(0,o.kt)("h3",{id:"012-beta1---2021-12-22"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1"},"0.1.2-beta.1")," - 2021-12-22"),(0,o.kt)("h4",{id:"\ufe0f-others-11"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Tab component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8"},(0,o.kt)("inlineCode",{parentName:"a"},"4690a6f"))),(0,o.kt)("li",{parentName:"ul"},"Comment component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e"},(0,o.kt)("inlineCode",{parentName:"a"},"a87cb6a"))),(0,o.kt)("li",{parentName:"ul"},"Form stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae"},(0,o.kt)("inlineCode",{parentName:"a"},"fc30c90"))),(0,o.kt)("li",{parentName:"ul"},"Grid component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f"},(0,o.kt)("inlineCode",{parentName:"a"},"798fdd0"))),(0,o.kt)("li",{parentName:"ul"},"Image component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2"},(0,o.kt)("inlineCode",{parentName:"a"},"be93385"))),(0,o.kt)("li",{parentName:"ul"},"Menu component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495"},(0,o.kt)("inlineCode",{parentName:"a"},"cb1f9a8"))),(0,o.kt)("li",{parentName:"ul"},"Dropdown component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60"},(0,o.kt)("inlineCode",{parentName:"a"},"57cf954"))),(0,o.kt)("li",{parentName:"ul"},"Header component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12"},(0,o.kt)("inlineCode",{parentName:"a"},"264fd46"))),(0,o.kt)("li",{parentName:"ul"},"Confirn component minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790"},(0,o.kt)("inlineCode",{parentName:"a"},"9a00bc1"))),(0,o.kt)("li",{parentName:"ul"},"Item component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32"},(0,o.kt)("inlineCode",{parentName:"a"},"6994fa0"))),(0,o.kt)("li",{parentName:"ul"},"Label component stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a"},(0,o.kt)("inlineCode",{parentName:"a"},"5cc5843"))),(0,o.kt)("li",{parentName:"ul"},"Container component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6"},(0,o.kt)("inlineCode",{parentName:"a"},"e6e40b3"))),(0,o.kt)("li",{parentName:"ul"},"Message component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca"},(0,o.kt)("inlineCode",{parentName:"a"},"ba9d377"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df"},(0,o.kt)("inlineCode",{parentName:"a"},"ff7a176"))),(0,o.kt)("li",{parentName:"ul"},"Modal component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04"},(0,o.kt)("inlineCode",{parentName:"a"},"af1fe6a"))),(0,o.kt)("li",{parentName:"ul"},"List stories changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2"},(0,o.kt)("inlineCode",{parentName:"a"},"0016042"))),(0,o.kt)("li",{parentName:"ul"},"Button component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9"},(0,o.kt)("inlineCode",{parentName:"a"},"690dfd2"))),(0,o.kt)("li",{parentName:"ul"},"Radio component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2"},(0,o.kt)("inlineCode",{parentName:"a"},"84eac30"))),(0,o.kt)("li",{parentName:"ul"},"Progress component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a"},(0,o.kt)("inlineCode",{parentName:"a"},"e676357"))),(0,o.kt)("li",{parentName:"ul"},"Pagination component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6"},(0,o.kt)("inlineCode",{parentName:"a"},"b1af226"))),(0,o.kt)("li",{parentName:"ul"},"Segment component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db"},(0,o.kt)("inlineCode",{parentName:"a"},"5f8c7ef"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 eslint fixes for component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a"},(0,o.kt)("inlineCode",{parentName:"a"},"badcb91"))),(0,o.kt)("li",{parentName:"ul"},"Table component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3"},(0,o.kt)("inlineCode",{parentName:"a"},"7c104b8"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 more eslint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c"},(0,o.kt)("inlineCode",{parentName:"a"},"a88c091"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412 warn for broken links instead of throwing ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195"},(0,o.kt)("inlineCode",{parentName:"a"},"bd5821c"))),(0,o.kt)("li",{parentName:"ul"},"Refs #143412  merge changes from develop-itml to develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666"},(0,o.kt)("inlineCode",{parentName:"a"},"bca28b9"))),(0,o.kt)("li",{parentName:"ul"},"made tabs dynamic for api tab ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f"},(0,o.kt)("inlineCode",{parentName:"a"},"ea37ecb"))),(0,o.kt)("li",{parentName:"ul"},"Basic storybook/Docusaurus components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b"},(0,o.kt)("inlineCode",{parentName:"a"},"840ab60"))),(0,o.kt)("li",{parentName:"ul"},"created List directory & srories based on semantic-ui List component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d"},(0,o.kt)("inlineCode",{parentName:"a"},"51f1901"))),(0,o.kt)("li",{parentName:"ul"},"made tabs as component easy to call for other components ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba"},(0,o.kt)("inlineCode",{parentName:"a"},"07bae49"))),(0,o.kt)("li",{parentName:"ul"},"Popup Component | minor fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec"},(0,o.kt)("inlineCode",{parentName:"a"},"2ff9908"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Tab component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0"},(0,o.kt)("inlineCode",{parentName:"a"},"95e3a73"))),(0,o.kt)("li",{parentName:"ul"},"created Table directory and stories based on semantic-ui Table component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388"},(0,o.kt)("inlineCode",{parentName:"a"},"e16115d"))),(0,o.kt)("li",{parentName:"ul"},"List component stories - minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389"},(0,o.kt)("inlineCode",{parentName:"a"},"de11343"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Comment component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11"},(0,o.kt)("inlineCode",{parentName:"a"},"a20f884"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Grid component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d"},(0,o.kt)("inlineCode",{parentName:"a"},"360d2a8"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Image component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5"},(0,o.kt)("inlineCode",{parentName:"a"},"3c1d2bc"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Menu component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03"},(0,o.kt)("inlineCode",{parentName:"a"},"17e3b37"))),(0,o.kt)("li",{parentName:"ul"},"Added untracked files ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674"},(0,o.kt)("inlineCode",{parentName:"a"},"75f0afd"))),(0,o.kt)("li",{parentName:"ul"},"created Dropdown stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9"},(0,o.kt)("inlineCode",{parentName:"a"},"d6a2538"))),(0,o.kt)("li",{parentName:"ul"},"created Header component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3"},(0,o.kt)("inlineCode",{parentName:"a"},"b833979"))),(0,o.kt)("li",{parentName:"ul"},"created stories for semantic-ui Confirm component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42"},(0,o.kt)("inlineCode",{parentName:"a"},"6fddccc"))),(0,o.kt)("li",{parentName:"ul"},"created Statistic directory and stories with semantic-ui Statistic component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34"},(0,o.kt)("inlineCode",{parentName:"a"},"cd62498"))),(0,o.kt)("li",{parentName:"ul"},"created Item component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073"},(0,o.kt)("inlineCode",{parentName:"a"},"90ec2be"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Container component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288"},(0,o.kt)("inlineCode",{parentName:"a"},"41934f6"))),(0,o.kt)("li",{parentName:"ul"},"created Label component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f"},(0,o.kt)("inlineCode",{parentName:"a"},"71732f6"))),(0,o.kt)("li",{parentName:"ul"},"created Message component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c"},(0,o.kt)("inlineCode",{parentName:"a"},"adcbeab"))),(0,o.kt)("li",{parentName:"ul"},"created Modal component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9"},(0,o.kt)("inlineCode",{parentName:"a"},"c25409d"))),(0,o.kt)("li",{parentName:"ul"},"Breadcrumb component stories and minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e"},(0,o.kt)("inlineCode",{parentName:"a"},"6264d92"))),(0,o.kt)("li",{parentName:"ul"},"created Pagination component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242"},(0,o.kt)("inlineCode",{parentName:"a"},"57cdad3"))),(0,o.kt)("li",{parentName:"ul"},"created Segment component stories ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a"},(0,o.kt)("inlineCode",{parentName:"a"},"d8d01d7"))),(0,o.kt)("li",{parentName:"ul"},"created stories for Radio component ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c"},(0,o.kt)("inlineCode",{parentName:"a"},"1fd062d"))),(0,o.kt)("li",{parentName:"ul"},"Menu stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de"},(0,o.kt)("inlineCode",{parentName:"a"},"6ba5e0d"))),(0,o.kt)("li",{parentName:"ul"},"Statistic component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22"},(0,o.kt)("inlineCode",{parentName:"a"},"3c874a5"))),(0,o.kt)("li",{parentName:"ul"},"Card component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2"},(0,o.kt)("inlineCode",{parentName:"a"},"290bda8"))),(0,o.kt)("li",{parentName:"ul"},"Accrordion stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564"},(0,o.kt)("inlineCode",{parentName:"a"},"2ee3f59"))),(0,o.kt)("li",{parentName:"ul"},"renamed Demo folder to Layout ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12"},(0,o.kt)("inlineCode",{parentName:"a"},"b9f6d05"))),(0,o.kt)("li",{parentName:"ul"},"remove test exclusion ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25"},(0,o.kt)("inlineCode",{parentName:"a"},"94dba3e"))),(0,o.kt)("li",{parentName:"ul"},"Accordion component stories minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1"},(0,o.kt)("inlineCode",{parentName:"a"},"e672d59"))),(0,o.kt)("li",{parentName:"ul"},"fix docusaurus url (removed trailing /) ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada"},(0,o.kt)("inlineCode",{parentName:"a"},"b6c59fc"))),(0,o.kt)("li",{parentName:"ul"},"Item component stories - minor changes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481"},(0,o.kt)("inlineCode",{parentName:"a"},"f0a9902"))),(0,o.kt)("li",{parentName:"ul"},"eea logos and assets ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc"},(0,o.kt)("inlineCode",{parentName:"a"},"b435b51")))),(0,o.kt)("h3",{id:"012-beta0---2021-12-18"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0"},"0.1.2-beta.0")," - 2021-12-18"),(0,o.kt)("h4",{id:"\ufe0f-others-12"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added github action to build docusaurus to the develop branch ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677"},(0,o.kt)("inlineCode",{parentName:"a"},"abe6a72")))),(0,o.kt)("h3",{id:"011---2021-12-16"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1"},"0.1.1")," - 2021-12-16"),(0,o.kt)("h4",{id:"\ufe0f-others-13"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0"},(0,o.kt)("inlineCode",{parentName:"a"},"6791d41"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 corrected base url for docusaurus website build ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a"},(0,o.kt)("inlineCode",{parentName:"a"},"98271b3"))),(0,o.kt)("li",{parentName:"ul"},"Initial test changes on design system/docusaurus. ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf"},(0,o.kt)("inlineCode",{parentName:"a"},"9dad612"))),(0,o.kt)("li",{parentName:"ul"},"After prettier check ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a"},(0,o.kt)("inlineCode",{parentName:"a"},"9ec40b4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8"},(0,o.kt)("inlineCode",{parentName:"a"},"7505df8"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added references to eea and the storybook in the docusaurus footer ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb"},(0,o.kt)("inlineCode",{parentName:"a"},"42bbfcd"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 lint fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c"},(0,o.kt)("inlineCode",{parentName:"a"},"9502f2b"))),(0,o.kt)("li",{parentName:"ul"},"Add SonarQube badges ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062"},(0,o.kt)("inlineCode",{parentName:"a"},"a4e0a40"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 brought changes from develop-itml and upgrades docusaurus ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa"},(0,o.kt)("inlineCode",{parentName:"a"},"207c873"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed extra content not needed by the docusaurus site ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed"},(0,o.kt)("inlineCode",{parentName:"a"},"bc68ebe"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 updated docusaurus to latest beta ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9"},(0,o.kt)("inlineCode",{parentName:"a"},"d68ed8a")))),(0,o.kt)("h3",{id:"011-beta0---2021-12-09"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0"},"0.1.1-beta.0")," - 2021-12-09"),(0,o.kt)("h4",{id:"\ufe0f-others-14"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 moved header and footer templates from volto-ims-theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222"},(0,o.kt)("inlineCode",{parentName:"a"},"e2d5e56"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added website folder with docusaurus site skeleton ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954"},(0,o.kt)("inlineCode",{parentName:"a"},"6fd15f4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 added commented implementation of the header and footer area: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39"},(0,o.kt)("inlineCode",{parentName:"a"},"773ad87"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3"},(0,o.kt)("inlineCode",{parentName:"a"},"4137ec4"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed storybook from volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418"},(0,o.kt)("inlineCode",{parentName:"a"},"a129ffb"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added storybook as a dev dependency: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f"},(0,o.kt)("inlineCode",{parentName:"a"},"e04ae4e"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 updated Breadcrumbs.jsx to latest version: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476"},(0,o.kt)("inlineCode",{parentName:"a"},"63fe507"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 we should use jsx and not mdx for storybook tests ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394"},(0,o.kt)("inlineCode",{parentName:"a"},"3668e66"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454  updated eea-design-system readme with extra info on package contents ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780"},(0,o.kt)("inlineCode",{parentName:"a"},"d2efc3d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142010 - Optimize Volto-addons gitflow pipelines ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d"},(0,o.kt)("inlineCode",{parentName:"a"},"3af46d2"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 Renamed folders of docusaurus website: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092"},(0,o.kt)("inlineCode",{parentName:"a"},"15bca74"))),(0,o.kt)("li",{parentName:"ul"},"Add demo story ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66"},(0,o.kt)("inlineCode",{parentName:"a"},"757c409"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 enabled minimum css so that header looks decent ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4"},(0,o.kt)("inlineCode",{parentName:"a"},"adbe233"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 use the develop branch for the readme linking, it's always more up to date ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3"},(0,o.kt)("inlineCode",{parentName:"a"},"23dcf16"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 added missing themes reference for the eea theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996"},(0,o.kt)("inlineCode",{parentName:"a"},"e9ca244"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 modified assets imports after move to volto-eea-design-system ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8"},(0,o.kt)("inlineCode",{parentName:"a"},"2250cc7"))),(0,o.kt)("li",{parentName:"ul"},"Load footer in segment ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55"},(0,o.kt)("inlineCode",{parentName:"a"},"80d38a9"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae"},(0,o.kt)("inlineCode",{parentName:"a"},"1314039"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620"},(0,o.kt)("inlineCode",{parentName:"a"},"1a8b305"))),(0,o.kt)("li",{parentName:"ul"},"Refs #142794 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a"},(0,o.kt)("inlineCode",{parentName:"a"},"fbb80b1"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 moved storybook scripts to the scripts section ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d"},(0,o.kt)("inlineCode",{parentName:"a"},"705c4c3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 removed dangling comma ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54"},(0,o.kt)("inlineCode",{parentName:"a"},"514f24d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed link to the start of the docs ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf"},(0,o.kt)("inlineCode",{parentName:"a"},"0e16fdf"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 add h1 to the list of elements that are max 800px and centered ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e"},(0,o.kt)("inlineCode",{parentName:"a"},"7d3c30f"))),(0,o.kt)("li",{parentName:"ul"},"Add Sonarqube tag using ims-frontend addons list ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9"},(0,o.kt)("inlineCode",{parentName:"a"},"8d657d0")))),(0,o.kt)("h3",{id:"010---2021-11-17"},(0,o.kt)("a",{parentName:"h3",href:"https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0"},"0.1.0")," - 2021-11-17"),(0,o.kt)("h4",{id:"\ufe0f-others-15"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Refs #140454 changed the following to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781"},(0,o.kt)("inlineCode",{parentName:"a"},"40d2af6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 elements folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008"},(0,o.kt)("inlineCode",{parentName:"a"},"595b4e6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 use font awesome from SemanticUI instead of Pastanaga: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff"},(0,o.kt)("inlineCode",{parentName:"a"},"4e273ca"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 removed the components customizations from volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d"},(0,o.kt)("inlineCode",{parentName:"a"},"c98c260"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0"},(0,o.kt)("inlineCode",{parentName:"a"},"ff4bf44"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974"},(0,o.kt)("inlineCode",{parentName:"a"},"f2841b6"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 customized Comments.jsx to remove unnecessary container ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff"},(0,o.kt)("inlineCode",{parentName:"a"},"b2e95d7"))),(0,o.kt)("li",{parentName:"ul"},"Refs #132149 added initial commit for volto-eea-design-system: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9"},(0,o.kt)("inlineCode",{parentName:"a"},"2934b91"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 collection folder now has the variables and overrides from pastanaga: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050"},(0,o.kt)("inlineCode",{parentName:"a"},"213d496"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 removed search widget customization, we can use volto-ims-theme for that file ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7"},(0,o.kt)("inlineCode",{parentName:"a"},"b7e8b0c"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 stylelint quick fixes ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd"},(0,o.kt)("inlineCode",{parentName:"a"},"5595925"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c"},(0,o.kt)("inlineCode",{parentName:"a"},"769f4f9"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the eea theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab"},(0,o.kt)("inlineCode",{parentName:"a"},"06d8d86"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 eea site.variables now use all values from pastanaga's site.variables ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88"},(0,o.kt)("inlineCode",{parentName:"a"},"6535c0f"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 simplified container overrides: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06"},(0,o.kt)("inlineCode",{parentName:"a"},"5125003"))),(0,o.kt)("li",{parentName:"ul"},"Release 1.0.0 ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa"},(0,o.kt)("inlineCode",{parentName:"a"},"177d0ce"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 globals folder now has the variables and overrides from pastanaga theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734"},(0,o.kt)("inlineCode",{parentName:"a"},"116a0c3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d"},(0,o.kt)("inlineCode",{parentName:"a"},"2e7f423"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modules folder now has the variables and overrides from pastanaga theme: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d"},(0,o.kt)("inlineCode",{parentName:"a"},"27a201d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 text elements are now with a max width and centered within content-area: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d"},(0,o.kt)("inlineCode",{parentName:"a"},"bbed7bb"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added main.variables entries from pastanaga to eea theme ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1"},(0,o.kt)("inlineCode",{parentName:"a"},"1cbbc55"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified theme image imports for component customizations ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4"},(0,o.kt)("inlineCode",{parentName:"a"},"ef3238a"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified container width to be auto: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18"},(0,o.kt)("inlineCode",{parentName:"a"},"2e8d2e0"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified several icons to use the \\f values instead of \\e: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6"},(0,o.kt)("inlineCode",{parentName:"a"},"c397145"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0"},(0,o.kt)("inlineCode",{parentName:"a"},"c518eda"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 ensure that main column isn't enlarged over the sidebar section on edit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10"},(0,o.kt)("inlineCode",{parentName:"a"},"f7a2868"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 changed the following to the form styling: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb"},(0,o.kt)("inlineCode",{parentName:"a"},"eb92e05"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 modified path of theme folder location for image selection ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4"},(0,o.kt)("inlineCode",{parentName:"a"},"f8cca45"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977"},(0,o.kt)("inlineCode",{parentName:"a"},"444c78d"))),(0,o.kt)("li",{parentName:"ul"},"Refs #140454 reference font and image path from ~volto-themes instead of relative ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca"},(0,o.kt)("inlineCode",{parentName:"a"},"ec93ed3"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 ensure that Volto doesn't crash when site module is set to eea: ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e"},(0,o.kt)("inlineCode",{parentName:"a"},"51f2f27"))),(0,o.kt)("li",{parentName:"ul"},"Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7"},(0,o.kt)("inlineCode",{parentName:"a"},"56a12e2")))),(0,o.kt)("h3",{id:"001---2021-11-17"},"0.0.1 - 2021-11-17"),(0,o.kt)("h4",{id:"\ufe0f-others-16"},"\ud83d\udee0\ufe0f Others"),(0,o.kt)("ul",null,(0,o.kt)("li",{parentName:"ul"},"Initial commit ",(0,o.kt)("a",{parentName:"li",href:"https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a"},(0,o.kt)("inlineCode",{parentName:"a"},"b0bdd44")))))}f.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/docs/assets/js/5a89ce28.761078ab.js b/docs/assets/js/5a89ce28.761078ab.js
new file mode 100644
index 0000000000..87d797f292
--- /dev/null
+++ b/docs/assets/js/5a89ce28.761078ab.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3239],{3905:function(e,t,n){n.d(t,{Zo:function(){return d},kt:function(){return h}});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function a(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):a(a({},t),e)),n},d=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},p=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,i=e.originalType,s=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),p=u(n),h=o,m=p["".concat(s,".").concat(h)]||p[h]||c[h]||i;return n?r.createElement(m,a(a({ref:t},d),{},{components:n})):r.createElement(m,a({ref:t},d))}));function h(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var i=n.length,a=new Array(i);a[0]=p;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l.mdxType="string"==typeof e?e:o,a[1]=l;for(var u=2;u<i;u++)a[u]=n[u];return r.createElement.apply(null,a)}return r.createElement.apply(null,n)}p.displayName="MDXCreateElement"},4838:function(e,t,n){n.r(t),n.d(t,{contentTitle:function(){return v},default:function(){return g},frontMatter:function(){return f},metadata:function(){return k},toc:function(){return y}});var r=n(7462),o=n(3366),i=(n(7294),n(3905)),a=n(1198),l=["components"],s={toc:[{value:"Ordered lists",id:"ordered-lists",children:[{value:"Do&#39;s",id:"dos",children:[],level:3},{value:"Don&#39;ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Unordered list",id:"unordered-list",children:[{value:"Do&#39;s",id:"dos-1",children:[],level:3},{value:"Don&#39;ts",id:"donts-1",children:[],level:3},{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2},{value:"Description lists",id:"description-lists",children:[{value:"Do&#39;s",id:"dos-2",children:[],level:3},{value:"Don&#39;ts",id:"donts-2",children:[],level:3},{value:"When to use",id:"when-to-use-2",children:[],level:3},{value:"When not to use",id:"when-not-to-use-2",children:[],level:3}],level:2}]};function u(e){var t=e.components,n=(0,o.Z)(e,l);return(0,i.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("p",null,"Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options."),(0,i.kt)("h2",{id:"ordered-lists"},"Ordered lists"),(0,i.kt)("p",null,"Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 & 2 under item 3)."),(0,i.kt)("h3",{id:"dos"},"Do's"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user"),(0,i.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,i.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,i.kt)("h3",{id:"donts"},"Don'ts"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels")),(0,i.kt)("h3",{id:"when-to-use"},"When to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"use ordered lists when you need to display items in a specific order or to indicate hierarchy")),(0,i.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,i.kt)("li",{parentName:"ul"},"do not use it when all items have equal value or importance"),(0,i.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories that require descriptions")),(0,i.kt)("h2",{id:"unordered-list"},"Unordered list"),(0,i.kt)("p",null,"Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2)."),(0,i.kt)("h3",{id:"dos-1"},"Do's"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,i.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,i.kt)("h3",{id:"donts-1"},"Don'ts"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels in order to avoid clutters")),(0,i.kt)("h3",{id:"when-to-use-1"},"When to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"use it when you need to display items that do not have a specific order or hierarchy")),(0,i.kt)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,i.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced"),(0,i.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories or terms require descriptions")),(0,i.kt)("h2",{id:"description-lists"},"Description lists"),(0,i.kt)("p",null,"Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. "),(0,i.kt)("h3",{id:"dos-2"},"Do's"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"keep label short and meaningful"),(0,i.kt)("li",{parentName:"ul"},"order logically according to their hierarchy, significance and degree of relatedness"),(0,i.kt)("li",{parentName:"ul"},"avoid using long sentences"),(0,i.kt)("li",{parentName:"ul"},"try to use labels that are relatively consistent in characters & width"),(0,i.kt)("li",{parentName:"ul"},"add a meaningful description or explanation of each term")),(0,i.kt)("h3",{id:"donts-2"},"Don'ts"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not use an active voice"),(0,i.kt)("li",{parentName:"ul"},"do not nest description lists")),(0,i.kt)("h3",{id:"when-to-use-2"},"When to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"use a description list when the terms in the list require a specific description or explanation"),(0,i.kt)("li",{parentName:"ul"},"on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest")),(0,i.kt)("h3",{id:"when-not-to-use-2"},"When not to use"),(0,i.kt)("ul",null,(0,i.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,i.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced")))}u.isMDXComponent=!0;var d=n(342),c=["components"],p={toc:[{value:"Default List",id:"default-list",children:[],level:2},{value:"Description List",id:"description-list",children:[],level:2},{value:"Ordered List",id:"ordered-list",children:[],level:2},{value:"Unordered List",id:"unordered-list",children:[],level:2}]};function h(e){var t=e.components,n=(0,o.Z)(e,c);return(0,i.kt)("wrapper",(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("h2",{id:"default-list"},"Default List"),(0,i.kt)(d.ZP,{id:"components-list--default",height:"180",mdxType:"Iframe"}," "),(0,i.kt)("h2",{id:"description-list"},"Description List"),(0,i.kt)(d.ZP,{id:"components-list-description-list--default",mdxType:"Iframe"}," "),(0,i.kt)("h2",{id:"ordered-list"},"Ordered List"),(0,i.kt)(d.ZP,{id:"components-list-ordered-list--default&args=",height:"590",mdxType:"Iframe"}," "),(0,i.kt)("h2",{id:"unordered-list"},"Unordered List"),(0,i.kt)(d.ZP,{id:"components-list-unordered-list--default",mdxType:"Iframe"}," "))}h.isMDXComponent=!0;var m=["components"],f={title:"List",description:"EEA Button Component",hide_table_of_contents:!0},v=void 0,k={unversionedId:"Components/Lists",id:"Components/Lists",title:"List",description:"EEA Button Component",source:"@site/docs/5-Components/12-Lists.mdx",sourceDirName:"5-Components",slug:"/Components/Lists",permalink:"/volto-eea-design-system/docs/Components/Lists",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"List",description:"EEA Button Component",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Label",permalink:"/volto-eea-design-system/docs/Components/Labels"},next:{title:"Logo",permalink:"/volto-eea-design-system/docs/Components/Logo"}},y=[],b={toc:y};function g(e){var t=e.components,n=(0,o.Z)(e,m);return(0,i.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)(a.ZP,{usage:(0,i.kt)(u,{mdxType:"Usage"}),showcase:(0,i.kt)(h,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},342:function(e,t,n){n.d(t,{ZP:function(){return d}});var r=n(7462),o=n(3366),i=(n(7294),n(3905)),a=n(2263),l=["components"];function s(){return(0,a.Z)().siteConfig.customFields.storyBookUrl}var u={toc:[],getUrl:s};function d(e){var t=e.components,n=(0,o.Z)(e,l);return(0,i.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)("div",{className:"frameWrapper"},(0,i.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}d.isMDXComponent=!0},1198:function(e,t,n){n.d(t,{ZP:function(){return b}});var r=n(7462),o=n(3366),i=n(7294),a=n(3905),l=n(2389),s=n(9443);var u=function(){var e=(0,i.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e},d=n(3616),c=n(6010),p="tabItem_vU9c";function h(e){var t,n,r,o=e.lazy,a=e.block,l=e.defaultValue,s=e.values,h=e.groupId,m=e.className,f=i.Children.map(e.children,(function(e){if((0,i.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error("Docusaurus error: Bad <Tabs> child <"+("string"==typeof e.type?e.type:e.type.name)+'>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.')})),v=null!=s?s:f.map((function(e){var t=e.props;return{value:t.value,label:t.label}})),k=(0,d.lx)(v,(function(e,t){return e.value===t.value}));if(k.length>0)throw new Error('Docusaurus error: Duplicate values "'+k.map((function(e){return e.value})).join(", ")+'" found in <Tabs>. Every value needs to be unique.');var y=null===l?l:null!=(t=null!=l?l:null==(n=f.find((function(e){return e.props.default})))?void 0:n.props.value)?t:null==(r=f[0])?void 0:r.props.value;if(null!==y&&!v.some((function(e){return e.value===y})))throw new Error('Docusaurus error: The <Tabs> has a defaultValue "'+y+'" but none of its children has the corresponding value. Available values are: '+v.map((function(e){return e.value})).join(", ")+". If you intend to show no default tab, use defaultValue={null} instead.");var b=u(),g=b.tabGroupChoices,w=b.setTabGroupChoices,x=(0,i.useState)(y),D=x[0],T=x[1],N=[],E=(0,d.o5)().blockElementScrollPositionUntilNextRender;if(null!=h){var O=g[h];null!=O&&O!==D&&v.some((function(e){return e.value===O}))&&T(O)}var C=function(e){var t=e.currentTarget,n=N.indexOf(t),r=v[n].value;r!==D&&(E(t),T(r),null!=h&&w(h,r))},L=function(e){var t,n=null;switch(e.key){case"ArrowRight":var r=N.indexOf(e.currentTarget)+1;n=N[r]||N[0];break;case"ArrowLeft":var o=N.indexOf(e.currentTarget)-1;n=N[o]||N[N.length-1]}null==(t=n)||t.focus()};return i.createElement("div",{className:"tabs-container"},i.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":a},m)},v.map((function(e){var t=e.value,n=e.label;return i.createElement("li",{role:"tab",tabIndex:D===t?0:-1,"aria-selected":D===t,className:(0,c.Z)("tabs__item",p,{"tabs__item--active":D===t}),key:t,ref:function(e){return N.push(e)},onKeyDown:L,onFocus:C,onClick:C},null!=n?n:t)}))),o?(0,i.cloneElement)(f.filter((function(e){return e.props.value===D}))[0],{className:"margin-vert--md"}):i.createElement("div",{className:"margin-vert--md"},f.map((function(e,t){return(0,i.cloneElement)(e,{key:t,hidden:e.props.value!==D})}))))}function m(e){var t=(0,l.Z)();return i.createElement(h,(0,r.Z)({key:String(t)},e))}var f=function(e){var t=e.children,n=e.hidden,r=e.className;return i.createElement("div",{role:"tabpanel",hidden:n,className:r},t)},v=["components"];function k(e){var t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}var y={toc:[],getValues:k};function b(e){var t=e.components,n=(0,o.Z)(e,v);return(0,a.kt)("wrapper",(0,r.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(m,{defaultValue:"usage",values:k(n),mdxType:"Tabs"},(0,a.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,a.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,a.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/docs/assets/js/5a89ce28.d99f99cb.js b/docs/assets/js/5a89ce28.d99f99cb.js
deleted file mode 100644
index 3b42ccff3b..0000000000
--- a/docs/assets/js/5a89ce28.d99f99cb.js
+++ /dev/null
@@ -1 +0,0 @@
-"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[3239],{3905:function(e,t,n){n.d(t,{Zo:function(){return d},kt:function(){return h}});var r=n(7294);function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){o(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s=r.createContext({}),u=function(e){var t=r.useContext(s),n=t;return e&&(n="function"==typeof e?e(t):i(i({},t),e)),n},d=function(e){var t=u(e.components);return r.createElement(s.Provider,{value:t},e.children)},c={inlineCode:"code",wrapper:function(e){var t=e.children;return r.createElement(r.Fragment,{},t)}},p=r.forwardRef((function(e,t){var n=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,d=l(e,["components","mdxType","originalType","parentName"]),p=u(n),h=o,m=p["".concat(s,".").concat(h)]||p[h]||c[h]||a;return n?r.createElement(m,i(i({ref:t},d),{},{components:n})):r.createElement(m,i({ref:t},d))}));function h(e,t){var n=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=n.length,i=new Array(a);i[0]=p;var l={};for(var s in t)hasOwnProperty.call(t,s)&&(l[s]=t[s]);l.originalType=e,l.mdxType="string"==typeof e?e:o,i[1]=l;for(var u=2;u<a;u++)i[u]=n[u];return r.createElement.apply(null,i)}return r.createElement.apply(null,n)}p.displayName="MDXCreateElement"},4838:function(e,t,n){n.r(t),n.d(t,{contentTitle:function(){return v},default:function(){return g},frontMatter:function(){return f},metadata:function(){return k},toc:function(){return y}});var r=n(7462),o=n(3366),a=(n(7294),n(3905)),i=n(1198),l=["components"],s={toc:[{value:"Ordered lists",id:"ordered-lists",children:[{value:"Do&#39;s",id:"dos",children:[],level:3},{value:"Don&#39;ts",id:"donts",children:[],level:3},{value:"When to use",id:"when-to-use",children:[],level:3},{value:"When not to use",id:"when-not-to-use",children:[],level:3}],level:2},{value:"Unordered list",id:"unordered-list",children:[{value:"Do&#39;s",id:"dos-1",children:[],level:3},{value:"Don&#39;ts",id:"donts-1",children:[],level:3},{value:"When to use",id:"when-to-use-1",children:[],level:3},{value:"When not to use",id:"when-not-to-use-1",children:[],level:3}],level:2},{value:"Description lists",id:"description-lists",children:[{value:"Do&#39;s",id:"dos-2",children:[],level:3},{value:"Don&#39;ts",id:"donts-2",children:[],level:3},{value:"When to use",id:"when-to-use-2",children:[],level:3},{value:"When not to use",id:"when-not-to-use-2",children:[],level:3}],level:2}]};function u(e){var t=e.components,n=(0,o.Z)(e,l);return(0,a.kt)("wrapper",(0,r.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("p",null,"Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options."),(0,a.kt)("h2",{id:"ordered-lists"},"Ordered lists"),(0,a.kt)("p",null,"Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 & 2 under item 3)."),(0,a.kt)("h3",{id:"dos"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user"),(0,a.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,a.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,a.kt)("h3",{id:"donts"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels")),(0,a.kt)("h3",{id:"when-to-use"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use ordered lists when you need to display items in a specific order or to indicate hierarchy")),(0,a.kt)("h3",{id:"when-not-to-use"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,a.kt)("li",{parentName:"ul"},"do not use it when all items have equal value or importance"),(0,a.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories that require descriptions")),(0,a.kt)("h2",{id:"unordered-list"},"Unordered list"),(0,a.kt)("p",null,"Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2)."),(0,a.kt)("h3",{id:"dos-1"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"indicate the external links, if linking to any pages external to the EEA"),(0,a.kt)("li",{parentName:"ul"},"for easy to read purpose, try to use labels that are relatively consistent in characters & width")),(0,a.kt)("h3",{id:"donts-1"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not nest lists deeper than 3 levels in order to avoid clutters")),(0,a.kt)("h3",{id:"when-to-use-1"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use it when you need to display items that do not have a specific order or hierarchy")),(0,a.kt)("h3",{id:"when-not-to-use-1"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,a.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced"),(0,a.kt)("li",{parentName:"ul"},"do not use when you have one or more overarching categories or terms require descriptions")),(0,a.kt)("h2",{id:"description-lists"},"Description lists"),(0,a.kt)("p",null,"Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. "),(0,a.kt)("h3",{id:"dos-2"},"Do's"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"keep label short and meaningful"),(0,a.kt)("li",{parentName:"ul"},"order logically according to their hierarchy, significance and degree of relatedness"),(0,a.kt)("li",{parentName:"ul"},"avoid using long sentences"),(0,a.kt)("li",{parentName:"ul"},"try to use labels that are relatively consistent in characters & width"),(0,a.kt)("li",{parentName:"ul"},"add a meaningful description or explanation of each term")),(0,a.kt)("h3",{id:"donts-2"},"Don'ts"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use an active voice"),(0,a.kt)("li",{parentName:"ul"},"do not nest description lists")),(0,a.kt)("h3",{id:"when-to-use-2"},"When to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"use a description list when the terms in the list require a specific description or explanation"),(0,a.kt)("li",{parentName:"ul"},"on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest")),(0,a.kt)("h3",{id:"when-not-to-use-2"},"When not to use"),(0,a.kt)("ul",null,(0,a.kt)("li",{parentName:"ul"},"do not use it for navigation purpose"),(0,a.kt)("li",{parentName:"ul"},"do not use it when items can be ranked, counted or sequenced")))}u.isMDXComponent=!0;var d=n(342),c=["components"],p={toc:[{value:"Default List",id:"default-list",children:[],level:2},{value:"Description List",id:"description-list",children:[],level:2},{value:"Table of Contents",id:"table-of-contents",children:[],level:2},{value:"Unordered List",id:"unordered-list",children:[],level:2}]};function h(e){var t=e.components,n=(0,o.Z)(e,c);return(0,a.kt)("wrapper",(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("h2",{id:"default-list"},"Default List"),(0,a.kt)(d.ZP,{id:"components-list--default",height:"180",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"description-list"},"Description List"),(0,a.kt)(d.ZP,{id:"components-list-description-list--default",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"table-of-contents"},"Table of Contents"),(0,a.kt)(d.ZP,{id:"components-list-table-of-contents--default",height:"400",mdxType:"Iframe"}," "),(0,a.kt)("h2",{id:"unordered-list"},"Unordered List"),(0,a.kt)(d.ZP,{id:"components-list-unordered-list--default",height:"600",mdxType:"Iframe"}," "))}h.isMDXComponent=!0;var m=["components"],f={title:"List",description:"EEA Button Component",hide_table_of_contents:!0},v=void 0,k={unversionedId:"Components/Lists",id:"Components/Lists",title:"List",description:"EEA Button Component",source:"@site/docs/5-Components/12-Lists.mdx",sourceDirName:"5-Components",slug:"/Components/Lists",permalink:"/volto-eea-design-system/docs/Components/Lists",tags:[],version:"current",sidebarPosition:12,frontMatter:{title:"List",description:"EEA Button Component",hide_table_of_contents:!0},sidebar:"sidebar",previous:{title:"Label",permalink:"/volto-eea-design-system/docs/Components/Labels"},next:{title:"Logo",permalink:"/volto-eea-design-system/docs/Components/Logo"}},y=[],b={toc:y};function g(e){var t=e.components,n=(0,o.Z)(e,m);return(0,a.kt)("wrapper",(0,r.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)(i.ZP,{usage:(0,a.kt)(u,{mdxType:"Usage"}),showcase:(0,a.kt)(h,{mdxType:"Showcase"}),mdxType:"EEATabs"}))}g.isMDXComponent=!0},342:function(e,t,n){n.d(t,{ZP:function(){return d}});var r=n(7462),o=n(3366),a=(n(7294),n(3905)),i=n(2263),l=["components"];function s(){return(0,i.Z)().siteConfig.customFields.storyBookUrl}var u={toc:[],getUrl:s};function d(e){var t=e.components,n=(0,o.Z)(e,l);return(0,a.kt)("wrapper",(0,r.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.kt)("div",{className:"frameWrapper"},(0,a.kt)("iframe",{style:{height:(n.height?n.height:300)+"px"},src:s()+"/iframe.html?id="+n.id,title:"description"})))}d.isMDXComponent=!0},1198:function(e,t,n){n.d(t,{ZP:function(){return b}});var r=n(7462),o=n(3366),a=n(7294),i=n(3905),l=n(2389),s=n(9443);var u=function(){var e=(0,a.useContext)(s.Z);if(null==e)throw new Error('"useUserPreferencesContext" is used outside of "Layout" component.');return e},d=n(3616),c=n(6010),p="tabItem_vU9c";function h(e){var t,n,r,o=e.lazy,i=e.block,l=e.defaultValue,s=e.values,h=e.groupId,m=e.className,f=a.Children.map(e.children,(function(e){if((0,a.isValidElement)(e)&&void 0!==e.props.value)return e;throw new Error("Docusaurus error: Bad <Tabs> child <"+("string"==typeof e.type?e.type:e.type.name)+'>: all children of the <Tabs> component should be <TabItem>, and every <TabItem> should have a unique "value" prop.')})),v=null!=s?s:f.map((function(e){var t=e.props;return{value:t.value,label:t.label}})),k=(0,d.lx)(v,(function(e,t){return e.value===t.value}));if(k.length>0)throw new Error('Docusaurus error: Duplicate values "'+k.map((function(e){return e.value})).join(", ")+'" found in <Tabs>. Every value needs to be unique.');var y=null===l?l:null!=(t=null!=l?l:null==(n=f.find((function(e){return e.props.default})))?void 0:n.props.value)?t:null==(r=f[0])?void 0:r.props.value;if(null!==y&&!v.some((function(e){return e.value===y})))throw new Error('Docusaurus error: The <Tabs> has a defaultValue "'+y+'" but none of its children has the corresponding value. Available values are: '+v.map((function(e){return e.value})).join(", ")+". If you intend to show no default tab, use defaultValue={null} instead.");var b=u(),g=b.tabGroupChoices,w=b.setTabGroupChoices,T=(0,a.useState)(y),x=T[0],D=T[1],N=[],E=(0,d.o5)().blockElementScrollPositionUntilNextRender;if(null!=h){var C=g[h];null!=C&&C!==x&&v.some((function(e){return e.value===C}))&&D(C)}var O=function(e){var t=e.currentTarget,n=N.indexOf(t),r=v[n].value;r!==x&&(E(t),D(r),null!=h&&w(h,r))},L=function(e){var t,n=null;switch(e.key){case"ArrowRight":var r=N.indexOf(e.currentTarget)+1;n=N[r]||N[0];break;case"ArrowLeft":var o=N.indexOf(e.currentTarget)-1;n=N[o]||N[N.length-1]}null==(t=n)||t.focus()};return a.createElement("div",{className:"tabs-container"},a.createElement("ul",{role:"tablist","aria-orientation":"horizontal",className:(0,c.Z)("tabs",{"tabs--block":i},m)},v.map((function(e){var t=e.value,n=e.label;return a.createElement("li",{role:"tab",tabIndex:x===t?0:-1,"aria-selected":x===t,className:(0,c.Z)("tabs__item",p,{"tabs__item--active":x===t}),key:t,ref:function(e){return N.push(e)},onKeyDown:L,onFocus:O,onClick:O},null!=n?n:t)}))),o?(0,a.cloneElement)(f.filter((function(e){return e.props.value===x}))[0],{className:"margin-vert--md"}):a.createElement("div",{className:"margin-vert--md"},f.map((function(e,t){return(0,a.cloneElement)(e,{key:t,hidden:e.props.value!==x})}))))}function m(e){var t=(0,l.Z)();return a.createElement(h,(0,r.Z)({key:String(t)},e))}var f=function(e){var t=e.children,n=e.hidden,r=e.className;return a.createElement("div",{role:"tabpanel",hidden:n,className:r},t)},v=["components"];function k(e){var t=[{label:"Usage",value:"usage"},{label:"Showcase",value:"showcase"}];return e.api&&t.push({label:"API",value:"api"}),e.playground&&t.push({label:"Playground",value:"playground"}),t}var y={toc:[],getValues:k};function b(e){var t=e.components,n=(0,o.Z)(e,v);return(0,i.kt)("wrapper",(0,r.Z)({},y,n,{components:t,mdxType:"MDXLayout"}),(0,i.kt)(m,{defaultValue:"usage",values:k(n),mdxType:"Tabs"},(0,i.kt)(f,{value:"usage",mdxType:"TabItem"},n.usage),(0,i.kt)(f,{value:"showcase",mdxType:"TabItem"},n.showcase),(0,i.kt)(f,{value:"api",mdxType:"TabItem"},n.api)))}b.isMDXComponent=!0}}]);
\ No newline at end of file
diff --git a/docs/assets/js/main.976825f3.js b/docs/assets/js/main.9497beb3.js
similarity index 50%
rename from docs/assets/js/main.976825f3.js
rename to docs/assets/js/main.9497beb3.js
index 52e3a25a61..8dc21392f9 100644
--- a/docs/assets/js/main.976825f3.js
+++ b/docs/assets/js/main.9497beb3.js
@@ -1,2 +1,2 @@
-/*! For license information please see main.976825f3.js.LICENSE.txt */
-(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[179],{9782:function(e,t,n){"use strict";n.r(t),t.default={title:"EEA Design System",tagline:"EEA Design System package",url:"https://eea.github.io/",deploymentBranch:"develop-itml",baseUrl:"/volto-eea-design-system/",trailingSlash:!0,onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",favicon:"img/eea_icon.png",organizationName:"eea",projectName:"volto-eea-design-system",customFields:{storyBookUrl:"https://eea.github.io/volto-kitkat-frontend/"},themeConfig:{colorMode:{defaultMode:"light",disableSwitch:!0,respectPrefersColorScheme:!1,switchConfig:{darkIcon:"\ud83c\udf1c",darkIconStyle:{},lightIcon:"\ud83c\udf1e",lightIconStyle:{}}},navbar:{title:"EEA Design System",logo:{alt:"EEA Design System Logo",src:"img/eea_icon.png"},items:[{href:"https://github.com/eea/volto-eea-design-system",label:"GitHub",position:"right"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Community",items:[{label:"EEA Website",href:"https://www.eea.europa.eu"},{label:"EEA Storybook",href:"https://eea.github.io/volto-kitkat-frontend/"}]}],copyright:"Copyright \xa9 2022 EEA. Built with Docusaurus."},docs:{versionPersistence:"localStorage"},metadata:[],prism:{additionalLanguages:[]},hideableSidebar:!1,tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},presets:[["@docusaurus/preset-classic",{docs:{sidebarPath:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/sidebars.js",exclude:["**/md_components/**"]},theme:{customCss:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/src/css/custom.css"}}]],baseUrlIssueBanner:!0,i18n:{defaultLocale:"en",locales:["en"],localeConfigs:{}},onDuplicateRoutes:"warn",staticDirectories:["static"],plugins:[],themes:[],titleDelimiter:"|",noIndex:!1}},2067:function(e,t,n){"use strict";var r=n(7294),o=n(3935),a=n(3727),i=n(8356),l=n.n(i);function s(e){var t=e.error,n=e.retry,o=e.pastDelay;return t?r.createElement("div",{style:{align:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):o?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=JSON.parse('{"/volto-eea-design-system/blog/archive/-cf3":{"component":"9e4087bc","archive":"6d890e16"},"/volto-eea-design-system/docs/-3fe":{"component":"1be78505","versionMetadata":"935f2afb"},"/volto-eea-design-system/docs/Components/Accordion/-00a":{"component":"17896441","content":"ad5a405e"},"/volto-eea-design-system/docs/Components/Blockquote/-394":{"component":"17896441","content":"252fc78e"},"/volto-eea-design-system/docs/Components/Breadcrumb/-cf9":{"component":"17896441","content":"9b1aedb9"},"/volto-eea-design-system/docs/Components/Buttons/-d48":{"component":"17896441","content":"9102e8b0"},"/volto-eea-design-system/docs/Components/Cards/-457":{"component":"17896441","content":"6d4a5948"},"/volto-eea-design-system/docs/Components/Comment/-1b9":{"component":"17896441","content":"c7696cea"},"/volto-eea-design-system/docs/Components/Confirm/-866":{"component":"17896441","content":"dca7770d"},"/volto-eea-design-system/docs/Components/Divider/-df7":{"component":"17896441","content":"2bab1a34"},"/volto-eea-design-system/docs/Components/Forms/Checkbox/-7f5":{"component":"17896441","content":"0559bc72"},"/volto-eea-design-system/docs/Components/Forms/Dropdown/-960":{"component":"17896441","content":"9349bc51"},"/volto-eea-design-system/docs/Components/Forms/Radio/-e01":{"component":"17896441","content":"06fd818d"},"/volto-eea-design-system/docs/Components/Forms/TextArea/-c2b":{"component":"17896441","content":"21b59d39"},"/volto-eea-design-system/docs/Components/Forms/TextInput/-034":{"component":"17896441","content":"10dbb51d"},"/volto-eea-design-system/docs/Components/Headings/-d26":{"component":"17896441","content":"1760a165"},"/volto-eea-design-system/docs/Components/Image/-62f":{"component":"17896441","content":"248bd046"},"/volto-eea-design-system/docs/Components/Inpage-Navigation/-af2":{"component":"17896441","content":"9d80a3e0"},"/volto-eea-design-system/docs/Components/Item/-2d7":{"component":"17896441","content":"f47480b6"},"/volto-eea-design-system/docs/Components/Labels/-bc9":{"component":"17896441","content":"7422b43d"},"/volto-eea-design-system/docs/Components/Lists/-62b":{"component":"17896441","content":"5a89ce28"},"/volto-eea-design-system/docs/Components/Loader/-979":{"component":"17896441","content":"f853bef5"},"/volto-eea-design-system/docs/Components/Logo/-346":{"component":"17896441","content":"a8d4c3b8"},"/volto-eea-design-system/docs/Components/Messages/-343":{"component":"17896441","content":"33ad726a"},"/volto-eea-design-system/docs/Components/Modal/-15d":{"component":"17896441","content":"d2893813"},"/volto-eea-design-system/docs/Components/Pagination/-609":{"component":"17896441","content":"42cfc9ed"},"/volto-eea-design-system/docs/Components/Popup/-658":{"component":"17896441","content":"3bc50dcd"},"/volto-eea-design-system/docs/Components/Progress/-f56":{"component":"17896441","content":"439cf805"},"/volto-eea-design-system/docs/Components/Search/Filters/-c35":{"component":"17896441","content":"efb513c4"},"/volto-eea-design-system/docs/Components/Search/Searchbox/-264":{"component":"17896441","content":"ca1f880d"},"/volto-eea-design-system/docs/Components/Search/Suggestions/-791":{"component":"17896441","content":"958a5516"},"/volto-eea-design-system/docs/Components/Segment/-e38":{"component":"17896441","content":"d7557b9c"},"/volto-eea-design-system/docs/Components/Statistic/-f0e":{"component":"17896441","content":"059ad4b7"},"/volto-eea-design-system/docs/Components/Tab/-764":{"component":"17896441","content":"fc200d0b"},"/volto-eea-design-system/docs/Components/Table/-fbc":{"component":"17896441","content":"9c9f2867"},"/volto-eea-design-system/docs/Components/Visuals/Charts/-c58":{"component":"17896441","content":"7dd98bf6"},"/volto-eea-design-system/docs/Components/Visuals/Dashboard/-c63":{"component":"17896441","content":"3271ea21"},"/volto-eea-design-system/docs/Components/Visuals/Maps/-8d3":{"component":"17896441","content":"0e1cc045"},"/volto-eea-design-system/docs/getting-started/-205":{"component":"17896441","content":"46dfa582"},"/volto-eea-design-system/docs/Guidelines/colours/-28a":{"component":"17896441","content":"e7a8af94"},"/volto-eea-design-system/docs/Guidelines/iconography/-9aa":{"component":"17896441","content":"67fe8101"},"/volto-eea-design-system/docs/Guidelines/images/-e76":{"component":"17896441","content":"8c787392"},"/volto-eea-design-system/docs/Guidelines/intro/-ec8":{"component":"17896441","content":"45b3bc2b"},"/volto-eea-design-system/docs/Guidelines/spacing/-290":{"component":"17896441","content":"9319123e"},"/volto-eea-design-system/docs/Guidelines/typography/-019":{"component":"17896441","content":"a5f39795"},"/volto-eea-design-system/docs/intro/-713":{"component":"17896441","content":"e9a55e4f"},"/volto-eea-design-system/docs/Resources/developer-guidelines/-6f6":{"component":"17896441","content":"e980854f"},"/volto-eea-design-system/docs/Resources/theming-guidelines/-b04":{"component":"17896441","content":"8261b3ae"},"/volto-eea-design-system/docs/Templates/Grid/-3dc":{"component":"17896441","content":"6cd6f2d0"},"/volto-eea-design-system/docs/Templates/PageHeader/-d20":{"component":"17896441","content":"6487326b"},"/volto-eea-design-system/docs/Templates/SiteFooter/-b98":{"component":"17896441","content":"9c1dde54"},"/volto-eea-design-system/docs/Templates/SiteHeader/-9cd":{"component":"17896441","content":"26de33a6"},"/volto-eea-design-system/docs/Utilities/intro/-b50":{"component":"17896441","content":"9490fe92"},"/volto-eea-design-system/docs/whatsnew/-e3c":{"component":"17896441","content":"41d5c757"},"/volto-eea-design-system/-ce9":{"component":"c4f5d8e4","config":"5e9f5e1a"}}'),c={"0559bc72":[function(){return Promise.all([n.e(532),n.e(7275)]).then(n.bind(n,8130))},"@site/docs/5-Components/7-Forms/0-Checkbox.mdx",8130],"059ad4b7":[function(){return Promise.all([n.e(532),n.e(7288)]).then(n.bind(n,5907))},"@site/docs/5-Components/22-Statistic.mdx",5907],"06fd818d":[function(){return Promise.all([n.e(532),n.e(7674)]).then(n.bind(n,3157))},"@site/docs/5-Components/7-Forms/3-Radio.mdx",3157],"0e1cc045":[function(){return Promise.all([n.e(532),n.e(4115)]).then(n.bind(n,9259))},"@site/docs/5-Components/25-Visuals/2-Maps.mdx",9259],"10dbb51d":[function(){return Promise.all([n.e(532),n.e(7542)]).then(n.bind(n,4871))},"@site/docs/5-Components/7-Forms/2-TextInput.mdx",4871],"1760a165":[function(){return Promise.all([n.e(532),n.e(7654)]).then(n.bind(n,8339))},"@site/docs/5-Components/8-Headings.mdx",8339],17896441:[function(){return Promise.all([n.e(532),n.e(7918)]).then(n.bind(n,2319))},"@theme/DocItem",2319],"1be78505":[function(){return Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,3042))},"@theme/DocPage",3042],"21b59d39":[function(){return Promise.all([n.e(532),n.e(2631)]).then(n.bind(n,3451))},"@site/docs/5-Components/7-Forms/4-TextArea.mdx",3451],"248bd046":[function(){return Promise.all([n.e(532),n.e(9207)]).then(n.bind(n,5215))},"@site/docs/5-Components/14-Image.mdx",5215],"252fc78e":[function(){return Promise.all([n.e(532),n.e(2006)]).then(n.bind(n,5731))},"@site/docs/5-Components/1-Blockquote.mdx",5731],"26de33a6":[function(){return Promise.all([n.e(532),n.e(823)]).then(n.bind(n,9986))},"@site/docs/4-Templates/2-SiteHeader.mdx",9986],"2bab1a34":[function(){return Promise.all([n.e(532),n.e(4211)]).then(n.bind(n,5605))},"@site/docs/5-Components/7-Divider.mdx",5605],"3271ea21":[function(){return Promise.all([n.e(532),n.e(2356)]).then(n.bind(n,1260))},"@site/docs/5-Components/25-Visuals/0-Dashboard.mdx",1260],"33ad726a":[function(){return Promise.all([n.e(532),n.e(2827)]).then(n.bind(n,2956))},"@site/docs/5-Components/16-Messages.mdx",2956],"3bc50dcd":[function(){return Promise.all([n.e(532),n.e(8995)]).then(n.bind(n,1653))},"@site/docs/5-Components/19-Popup.mdx",1653],"41d5c757":[function(){return n.e(6245).then(n.bind(n,247))},"@site/docs/2-whatsnew.md",247],"42cfc9ed":[function(){return Promise.all([n.e(532),n.e(9688)]).then(n.bind(n,3199))},"@site/docs/5-Components/18-Pagination.mdx",3199],"439cf805":[function(){return Promise.all([n.e(532),n.e(970)]).then(n.bind(n,1066))},"@site/docs/5-Components/20-Progress.mdx",1066],"45b3bc2b":[function(){return n.e(5237).then(n.bind(n,4440))},"@site/docs/3-Guidelines/0-intro.md",4440],"46dfa582":[function(){return n.e(3078).then(n.bind(n,7537))},"@site/docs/1-getting-started.mdx",7537],"5a89ce28":[function(){return Promise.all([n.e(532),n.e(3239)]).then(n.bind(n,4838))},"@site/docs/5-Components/12-Lists.mdx",4838],"5e9f5e1a":[function(){return Promise.resolve().then(n.bind(n,9782))},"@generated/docusaurus.config",9782],"6487326b":[function(){return Promise.all([n.e(532),n.e(7622)]).then(n.bind(n,2464))},"@site/docs/4-Templates/4-PageHeader.mdx",2464],"67fe8101":[function(){return n.e(851).then(n.bind(n,9101))},"@site/docs/3-Guidelines/4-iconography.md",9101],"6cd6f2d0":[function(){return Promise.all([n.e(532),n.e(3591)]).then(n.bind(n,4246))},"@site/docs/4-Templates/1-Grid.mdx",4246],"6d4a5948":[function(){return Promise.all([n.e(532),n.e(4422)]).then(n.bind(n,5052))},"@site/docs/5-Components/4-Cards.mdx",5052],"6d890e16":[function(){return n.e(9173).then(n.t.bind(n,1211,19))},"~blog/default/volto-eea-design-system-blog-archive-eb7.json",1211],"7422b43d":[function(){return Promise.all([n.e(532),n.e(9142)]).then(n.bind(n,1267))},"@site/docs/5-Components/11-Labels.mdx",1267],"7dd98bf6":[function(){return Promise.all([n.e(532),n.e(4410)]).then(n.bind(n,4595))},"@site/docs/5-Components/25-Visuals/1-Charts.mdx",4595],"8261b3ae":[function(){return n.e(4387).then(n.bind(n,5430))},"@site/docs/8-Resources/theming-guidelines.md",5430],"8c787392":[function(){return n.e(4794).then(n.bind(n,4610))},"@site/docs/3-Guidelines/3-images.md",4610],"9102e8b0":[function(){return Promise.all([n.e(532),n.e(9766)]).then(n.bind(n,1672))},"@site/docs/5-Components/3-Buttons.mdx",1672],"9319123e":[function(){return n.e(3462).then(n.bind(n,1071))},"@site/docs/3-Guidelines/5-spacing.md",1071],"9349bc51":[function(){return Promise.all([n.e(532),n.e(3659)]).then(n.bind(n,9861))},"@site/docs/5-Components/7-Forms/1-Dropdown.mdx",9861],"935f2afb":[function(){return n.e(53).then(n.t.bind(n,1109,19))},"~docs/default/version-current-metadata-prop-751.json",1109],"9490fe92":[function(){return n.e(5521).then(n.bind(n,9265))},"@site/docs/7-Utilities/intro.md",9265],"958a5516":[function(){return Promise.all([n.e(532),n.e(9487)]).then(n.bind(n,4210))},"@site/docs/5-Components/24-Search/1-Suggestions.mdx",4210],"9b1aedb9":[function(){return Promise.all([n.e(532),n.e(1971)]).then(n.bind(n,1967))},"@site/docs/5-Components/2-Breadcrumb.mdx",1967],"9c1dde54":[function(){return Promise.all([n.e(532),n.e(9202)]).then(n.bind(n,4547))},"@site/docs/4-Templates/3-SiteFooter.mdx",4547],"9c9f2867":[function(){return Promise.all([n.e(532),n.e(8181)]).then(n.bind(n,9384))},"@site/docs/5-Components/24-Table.mdx",9384],"9d80a3e0":[function(){return Promise.all([n.e(532),n.e(5965)]).then(n.bind(n,5562))},"@site/docs/5-Components/9-Inpage-Navigation.mdx",5562],"9e4087bc":[function(){return n.e(3608).then(n.bind(n,3012))},"@theme/BlogArchivePage",3012],a5f39795:[function(){return n.e(9458).then(n.bind(n,5280))},"@site/docs/3-Guidelines/1-typography.mdx",5280],a8d4c3b8:[function(){return Promise.all([n.e(532),n.e(2093)]).then(n.bind(n,6667))},"@site/docs/5-Components/13-Logo.mdx",6667],ad5a405e:[function(){return Promise.all([n.e(532),n.e(6397)]).then(n.bind(n,6622))},"@site/docs/5-Components/0-Accordion.mdx",6622],c4f5d8e4:[function(){return n.e(4195).then(n.bind(n,2841))},"@site/src/pages/index.js",2841],c7696cea:[function(){return Promise.all([n.e(532),n.e(5732)]).then(n.bind(n,67))},"@site/docs/5-Components/5-Comment.mdx",67],ca1f880d:[function(){return Promise.all([n.e(532),n.e(1433)]).then(n.bind(n,8173))},"@site/docs/5-Components/24-Search/2-Searchbox.mdx",8173],d2893813:[function(){return Promise.all([n.e(532),n.e(1883)]).then(n.bind(n,9142))},"@site/docs/5-Components/17-Modal.mdx",9142],d7557b9c:[function(){return Promise.all([n.e(532),n.e(2897)]).then(n.bind(n,2))},"@site/docs/5-Components/21-Segment.mdx",2],dca7770d:[function(){return Promise.all([n.e(532),n.e(5525)]).then(n.bind(n,6214))},"@site/docs/5-Components/6-Confirm.mdx",6214],e7a8af94:[function(){return n.e(3356).then(n.bind(n,7039))},"@site/docs/3-Guidelines/2-colours.md",7039],e980854f:[function(){return n.e(3441).then(n.bind(n,7547))},"@site/docs/8-Resources/developer-guidelines.md",7547],e9a55e4f:[function(){return n.e(2263).then(n.bind(n,4877))},"@site/docs/0-intro.md",4877],efb513c4:[function(){return Promise.all([n.e(532),n.e(5067)]).then(n.bind(n,1816))},"@site/docs/5-Components/24-Search/0-Filters.mdx",1816],f47480b6:[function(){return Promise.all([n.e(532),n.e(197)]).then(n.bind(n,9514))},"@site/docs/5-Components/10-Item.mdx",9514],f853bef5:[function(){return Promise.all([n.e(532),n.e(6539)]).then(n.bind(n,473))},"@site/docs/5-Components/15-Loader.mdx",473],fc200d0b:[function(){return Promise.all([n.e(532),n.e(5540)]).then(n.bind(n,6241))},"@site/docs/5-Components/23-Tab.mdx",6241]};var d=function(e){var t={};return function e(n,r){Object.keys(n).forEach((function(o){var a,i=n[o],l=r?r+"."+o:o;"object"==typeof(a=i)&&a&&Object.keys(a).length>0?e(i,l):t[l]=i}))}(e),t};var f=function(e,t){if("*"===e)return l()({loading:s,loader:function(){return n.e(4608).then(n.bind(n,4608))}});var o=u[e+"-"+t],a=[],i=[],f={},p=d(o);return Object.keys(p).forEach((function(e){var t=c[p[e]];t&&(f[e]=t[0],a.push(t[1]),i.push(t[2]))})),l().Map({loading:s,loader:f,modules:a,webpack:function(){return i},render:function(e,t){var n=JSON.parse(JSON.stringify(o));Object.keys(e).forEach((function(t){for(var r=n,o=t.split("."),a=0;a<o.length-1;a+=1)r=r[o[a]];r[o[o.length-1]]=e[t].default;var i=Object.keys(e[t]).filter((function(e){return"default"!==e}));i&&i.length&&i.forEach((function(n){r[o[o.length-1]][n]=e[t][n]}))}));var a=n.component;return delete n.component,r.createElement(a,Object.assign({},n,t))}})},p=[{path:"/volto-eea-design-system/blog/archive/",component:f("/volto-eea-design-system/blog/archive/","cf3"),exact:!0},{path:"/volto-eea-design-system/docs/",component:f("/volto-eea-design-system/docs/","3fe"),routes:[{path:"/volto-eea-design-system/docs/Components/Accordion/",component:f("/volto-eea-design-system/docs/Components/Accordion/","00a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Blockquote/",component:f("/volto-eea-design-system/docs/Components/Blockquote/","394"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Breadcrumb/",component:f("/volto-eea-design-system/docs/Components/Breadcrumb/","cf9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Buttons/",component:f("/volto-eea-design-system/docs/Components/Buttons/","d48"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Cards/",component:f("/volto-eea-design-system/docs/Components/Cards/","457"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Comment/",component:f("/volto-eea-design-system/docs/Components/Comment/","1b9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Confirm/",component:f("/volto-eea-design-system/docs/Components/Confirm/","866"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Divider/",component:f("/volto-eea-design-system/docs/Components/Divider/","df7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Checkbox/",component:f("/volto-eea-design-system/docs/Components/Forms/Checkbox/","7f5"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Dropdown/",component:f("/volto-eea-design-system/docs/Components/Forms/Dropdown/","960"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Radio/",component:f("/volto-eea-design-system/docs/Components/Forms/Radio/","e01"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/TextArea/",component:f("/volto-eea-design-system/docs/Components/Forms/TextArea/","c2b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/TextInput/",component:f("/volto-eea-design-system/docs/Components/Forms/TextInput/","034"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Headings/",component:f("/volto-eea-design-system/docs/Components/Headings/","d26"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Image/",component:f("/volto-eea-design-system/docs/Components/Image/","62f"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Inpage-Navigation/",component:f("/volto-eea-design-system/docs/Components/Inpage-Navigation/","af2"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Item/",component:f("/volto-eea-design-system/docs/Components/Item/","2d7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Labels/",component:f("/volto-eea-design-system/docs/Components/Labels/","bc9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Lists/",component:f("/volto-eea-design-system/docs/Components/Lists/","62b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Loader/",component:f("/volto-eea-design-system/docs/Components/Loader/","979"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Logo/",component:f("/volto-eea-design-system/docs/Components/Logo/","346"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Messages/",component:f("/volto-eea-design-system/docs/Components/Messages/","343"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Modal/",component:f("/volto-eea-design-system/docs/Components/Modal/","15d"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Pagination/",component:f("/volto-eea-design-system/docs/Components/Pagination/","609"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Popup/",component:f("/volto-eea-design-system/docs/Components/Popup/","658"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Progress/",component:f("/volto-eea-design-system/docs/Components/Progress/","f56"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Filters/",component:f("/volto-eea-design-system/docs/Components/Search/Filters/","c35"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Searchbox/",component:f("/volto-eea-design-system/docs/Components/Search/Searchbox/","264"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Suggestions/",component:f("/volto-eea-design-system/docs/Components/Search/Suggestions/","791"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Segment/",component:f("/volto-eea-design-system/docs/Components/Segment/","e38"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Statistic/",component:f("/volto-eea-design-system/docs/Components/Statistic/","f0e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Tab/",component:f("/volto-eea-design-system/docs/Components/Tab/","764"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Table/",component:f("/volto-eea-design-system/docs/Components/Table/","fbc"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Charts/",component:f("/volto-eea-design-system/docs/Components/Visuals/Charts/","c58"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Dashboard/",component:f("/volto-eea-design-system/docs/Components/Visuals/Dashboard/","c63"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Maps/",component:f("/volto-eea-design-system/docs/Components/Visuals/Maps/","8d3"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/getting-started/",component:f("/volto-eea-design-system/docs/getting-started/","205"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/colours/",component:f("/volto-eea-design-system/docs/Guidelines/colours/","28a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/iconography/",component:f("/volto-eea-design-system/docs/Guidelines/iconography/","9aa"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/images/",component:f("/volto-eea-design-system/docs/Guidelines/images/","e76"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/intro/",component:f("/volto-eea-design-system/docs/Guidelines/intro/","ec8"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/spacing/",component:f("/volto-eea-design-system/docs/Guidelines/spacing/","290"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/typography/",component:f("/volto-eea-design-system/docs/Guidelines/typography/","019"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/intro/",component:f("/volto-eea-design-system/docs/intro/","713"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Resources/developer-guidelines/",component:f("/volto-eea-design-system/docs/Resources/developer-guidelines/","6f6"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Resources/theming-guidelines/",component:f("/volto-eea-design-system/docs/Resources/theming-guidelines/","b04"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/Grid/",component:f("/volto-eea-design-system/docs/Templates/Grid/","3dc"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/PageHeader/",component:f("/volto-eea-design-system/docs/Templates/PageHeader/","d20"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/SiteFooter/",component:f("/volto-eea-design-system/docs/Templates/SiteFooter/","b98"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/SiteHeader/",component:f("/volto-eea-design-system/docs/Templates/SiteHeader/","9cd"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Utilities/intro/",component:f("/volto-eea-design-system/docs/Utilities/intro/","b50"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/whatsnew/",component:f("/volto-eea-design-system/docs/whatsnew/","e3c"),exact:!0,sidebar:"sidebar"}]},{path:"/volto-eea-design-system/",component:f("/volto-eea-design-system/","ce9"),exact:!0},{path:"*",component:f("*")}],m=n(412),g=n(6291),h=n(9913),v=n(7041),b=n(5068),y=n(6775),w=n(4865),k=n.n(w),E=[n(2497),n(2448),n(6743),n(2295)];function S(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];E.forEach((function(t){var r,o,a=null!==(o=null===(r=null==t?void 0:t.default)||void 0===r?void 0:r[e])&&void 0!==o?o:t[e];a&&a.apply(void 0,n)}))}var C={onRouteUpdate:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];S.apply(void 0,["onRouteUpdate"].concat(t))},onRouteUpdateDelayed:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];S.apply(void 0,["onRouteUpdateDelayed"].concat(t))}},x=C,T=n(8790);function _(e,t){var n=(0,T.f)(e,t);return Promise.all(n.map((function(e){var t=e.route.component;if(t&&t.preload)return t.preload()})))}var A={};var P=function(e){if(A[e.pathname])return Object.assign({},e,{pathname:A[e.pathname]});var t=e.pathname||"/";return""===(t=t.trim().replace(/\/index\.html$/,""))&&(t="/"),A[e.pathname]=t,Object.assign({},e,{pathname:t})};k().configure({showSpinner:!1});var L=function(e){function t(t){var n;return(n=e.call(this,t)||this).previousLocation=null,n.progressBarTimeout=null,n.state={nextRouteHasLoaded:!0},n}(0,b.Z)(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e,t){var n=this,r=e.location!==this.props.location,o=this.props,a=o.routes,i=o.delay;if(r){var l=P(e.location);return this.startProgressBar(i),this.previousLocation=P(this.props.location),this.setState({nextRouteHasLoaded:!1}),_(a,l.pathname).then((function(){x.onRouteUpdate({previousLocation:n.previousLocation,location:l}),n.previousLocation=null,n.setState({nextRouteHasLoaded:!0},n.stopProgressBar);var e=l.hash;if(e){var t=decodeURIComponent(e.substring(1)),r=document.getElementById(t);r&&r.scrollIntoView()}else window.scrollTo(0,0)})).catch((function(e){return console.warn(e)})),!1}return!!t.nextRouteHasLoaded},n.clearProgressBarTimeout=function(){this.progressBarTimeout&&(clearTimeout(this.progressBarTimeout),this.progressBarTimeout=null)},n.startProgressBar=function(e){var t=this;this.clearProgressBarTimeout(),this.progressBarTimeout=setTimeout((function(){x.onRouteUpdateDelayed({location:P(t.props.location)}),k().start()}),e)},n.stopProgressBar=function(){this.clearProgressBarTimeout(),k().done()},n.render=function(){var e=this.props,t=e.children,n=e.location;return r.createElement(y.AW,{location:P(n),render:function(){return t}})},t}(r.Component),O=(0,y.EN)(L),R=n(2859),N=n(2263),D="docusaurus-base-url-issue-banner-container",I="docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function M(e){return"\nwindow['"+F+"'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n  var shouldInsert = window['"+F+"'];\n  shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n  var bannerContainer = document.getElementById('"+D+"');\n  if (!bannerContainer) {\n    return;\n  }\n  var bannerHtml = "+JSON.stringify(function(e){return'\n<div id="docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseurl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">'+e+"</span> "+("/"===e?" (default value)":"")+'</p>\n   <p>We suggest trying baseUrl = <span id="'+I+'" style="font-weight: bold; color: green;"></span></p>\n</div>\n'}(e)).replace(/</g,"\\<")+";\n  bannerContainer.innerHTML = bannerHtml;\n  var suggestionContainer = document.getElementById('"+I+"');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n"}function B(){var e=(0,N.Z)().siteConfig.baseUrl;return(0,r.useLayoutEffect)((function(){window[F]=!1}),[]),r.createElement(r.Fragment,null,!m.Z.canUseDOM&&r.createElement(R.Z,null,r.createElement("script",null,M(e))),r.createElement("div",{id:D}))}function j(){var e=(0,N.Z)().siteConfig,t=e.baseUrl,n=e.baseUrlIssueBanner,o=(0,y.TH)().pathname;return n&&o===t?r.createElement(B,null):null}var U=function(e){return e.children},z=n(780),G=n(4953);var Z=function(){return r.createElement(z.Z,{fallback:G.Z},r.createElement(v.M,null,r.createElement(h.t,null,r.createElement(U,null,r.createElement(j,null),r.createElement(O,{routes:p,delay:1e3},(0,g.Z)(p))))))};var $=function(e){if("undefined"==typeof document)return!1;var t=document.createElement("link");try{if(t.relList&&"function"==typeof t.relList.supports)return t.relList.supports(e)}catch(n){return!1}return!1}("prefetch")?function(e){return new Promise((function(t,n){if("undefined"!=typeof document){var r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=t,r.onerror=n,(document.getElementsByTagName("head")[0]||document.getElementsByName("script")[0].parentNode).appendChild(r)}else n()}))}:function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=function(){200===r.status?t():n()},r.send(null)}))},H={};var q=function(e){return new Promise((function(t){H[e]?t():$(e).then((function(){t(),H[e]=!0})).catch((function(){}))}))},V={},W={},Y=function(){var e,t;return(null===(e=navigator.connection)||void 0===e?void 0:e.effectiveType.includes("2g"))&&(null===(t=navigator.connection)||void 0===t?void 0:t.saveData)},K={prefetch:function(e){return!!function(e){return!Y()&&!W[e]&&!V[e]}(e)&&(V[e]=!0,(0,T.f)(p,e).flatMap((function(e){return t=e.route.path,Object.entries(u).filter((function(e){return e[0].replace(/(-[^-]+)$/,"")===t})).flatMap((function(e){var t=e[1];return Object.values(d(t))}));var t})).forEach((function(e){var t=n.gca(e);t&&!/undefined/.test(t)&&q(t)})),!0)},preload:function(e){return!!function(e){return!Y()&&!W[e]}(e)&&(W[e]=!0,_(p,e),!0)}};if(m.Z.canUseDOM){window.docusaurus=K;var Q=o.hydrate;_(p,window.location.pathname).then((function(){Q(r.createElement(a.VK,null,r.createElement(Z,null)),document.getElementById("__docusaurus"))}))}},780:function(e,t,n){"use strict";var r=n(5068),o=n(7294),a=n(412),i=n(4953),l=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={error:null},n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidCatch=function(e){a.Z.canUseDOM&&this.setState({error:e})},n.render=function(){var e,t=this,n=this.props.children,r=this.state.error;return r?(null!==(e=this.props.fallback)&&void 0!==e?e:i.Z)({error:r,tryAgain:function(){return t.setState({error:null})}}):n},t}(o.Component);t.Z=l},412:function(e,t){"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:n,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseIntersectionObserver:n&&"IntersectionObserver"in window,canUseViewport:n&&!!window.screen};t.Z=r},2859:function(e,t,n){"use strict";n.d(t,{Z:function(){return he}});var r,o,a,i,l=n(7294),s=n(5697),u=n.n(s),c=n(3524),d=n.n(c),f=n(9590),p=n.n(f),m=n(7418),g=n.n(m),h="bodyAttributes",v="htmlAttributes",b="titleAttributes",y={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title"},w=(Object.keys(y).map((function(e){return y[e]})),"charset"),k="cssText",E="href",S="http-equiv",C="innerHTML",x="itemprop",T="name",_="property",A="rel",P="src",L="target",O={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},R="defaultTitle",N="defer",D="encodeSpecialCharacters",I="onChangeClientState",F="titleTemplate",M=Object.keys(O).reduce((function(e,t){return e[O[t]]=t,e}),{}),B=[y.NOSCRIPT,y.SCRIPT,y.STYLE],j="data-react-helmet",U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},G=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},H=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},q=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},V=function(e){var t=X(e,y.TITLE),n=X(e,F);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=X(e,R);return t||r||void 0},W=function(e){return X(e,I)||function(){}},Y=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return Z({},e,t)}),{})},K=function(e,t){return t.filter((function(e){return void 0!==e[y.BASE]})).map((function(e){return e[y.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o++){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},Q=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&re("Helmet: "+e+' should be of type "Array". Instead found type "'+U(t[e])+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n=void 0,a=Object.keys(e),i=0;i<a.length;i++){var l=a[i],s=l.toLowerCase();-1===t.indexOf(s)||n===A&&"canonical"===e[n].toLowerCase()||s===A&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||l!==C&&l!==k&&l!==x||(n=l)}if(!n||!e[n])return!1;var u=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][u]&&(o[n][u]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i++){var l=a[i],s=g()({},r[l],o[l]);r[l]=s}return e}),[]).reverse()},X=function(e,t){for(var n=e.length-1;n>=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},J=(r=Date.now(),function(e){var t=Date.now();t-r>16?(r=t,e(t)):setTimeout((function(){J(e)}),0)}),ee=function(e){return clearTimeout(e)},te="undefined"!=typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||J:n.g.requestAnimationFrame||J,ne="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||ee:n.g.cancelAnimationFrame||ee,re=function(e){return console&&"function"==typeof console.warn&&console.warn(e)},oe=null,ae=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,u=e.scriptTags,c=e.styleTags,d=e.title,f=e.titleAttributes;se(y.BODY,r),se(y.HTML,o),le(d,f);var p={baseTag:ue(y.BASE,n),linkTags:ue(y.LINK,a),metaTags:ue(y.META,i),noscriptTags:ue(y.NOSCRIPT,l),scriptTags:ue(y.SCRIPT,u),styleTags:ue(y.STYLE,c)},m={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(m[e]=n),r.length&&(g[e]=p[e].oldTags)})),t&&t(),s(e,m,g)},ie=function(e){return Array.isArray(e)?e.join(""):e},le=function(e,t){void 0!==e&&document.title!==e&&(document.title=ie(e)),se(y.TITLE,t)},se=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute(j),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),l=0;l<i.length;l++){var s=i[l],u=t[s]||"";n.getAttribute(s)!==u&&n.setAttribute(s,u),-1===o.indexOf(s)&&o.push(s);var c=a.indexOf(s);-1!==c&&a.splice(c,1)}for(var d=a.length-1;d>=0;d--)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute(j):n.getAttribute(j)!==i.join(",")&&n.setAttribute(j,i.join(","))}},ue=function(e,t){var n=document.head||document.querySelector(y.HEAD),r=n.querySelectorAll(e+"["+"data-react-helmet]"),o=Array.prototype.slice.call(r),a=[],i=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===C)n.innerHTML=t.innerHTML;else if(r===k)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var l=void 0===t[r]?"":t[r];n.setAttribute(r,l)}n.setAttribute(j,"true"),o.some((function(e,t){return i=t,n.isEqualNode(e)}))?o.splice(i,1):a.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),a.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:a}},ce=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[O[n]||n]=e[n],t}),t)},fe=function(e,t,n){switch(e){case y.TITLE:return{toComponent:function(){return e=t.title,n=t.titleAttributes,(r={key:e})[j]=!0,o=de(n,r),[l.createElement(y.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,r){var o=ce(n),a=ie(t);return o?"<"+e+' data-react-helmet="true" '+o+">"+q(a,r)+"</"+e+">":"<"+e+' data-react-helmet="true">'+q(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case h:case v:return{toComponent:function(){return de(t)},toString:function(){return ce(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})[j]=!0,r);return Object.keys(t).forEach((function(e){var n=O[e]||e;if(n===C||n===k){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),l.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===C||e===k)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+q(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===B.indexOf(e);return t+"<"+e+' data-react-helmet="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},pe=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,l=e.noscriptTags,s=e.scriptTags,u=e.styleTags,c=e.title,d=void 0===c?"":c,f=e.titleAttributes;return{base:fe(y.BASE,t,r),bodyAttributes:fe(h,n,r),htmlAttributes:fe(v,o,r),link:fe(y.LINK,a,r),meta:fe(y.META,i,r),noscript:fe(y.NOSCRIPT,l,r),script:fe(y.SCRIPT,s,r),style:fe(y.STYLE,u,r),title:fe(y.TITLE,{title:d,titleAttributes:f},r)}},me=d()((function(e){return{baseTag:K([E,L],e),bodyAttributes:Y(h,e),defer:X(e,N),encode:X(e,D),htmlAttributes:Y(v,e),linkTags:Q(y.LINK,[A,E],e),metaTags:Q(y.META,[T,w,S,_,x],e),noscriptTags:Q(y.NOSCRIPT,[C],e),onChangeClientState:W(e),scriptTags:Q(y.SCRIPT,[P,C],e),styleTags:Q(y.STYLE,[k],e),title:V(e),titleAttributes:Y(b,e)}}),(function(e){oe&&ne(oe),e.defer?oe=te((function(){ae(e,(function(){oe=null}))})):(ae(e),oe=null)}),pe)((function(){return null})),ge=(o=me,i=a=function(e){function t(){return z(this,t),H(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.shouldComponentUpdate=function(e){return!p()(this.props,e)},t.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case y.SCRIPT:case y.NOSCRIPT:return{innerHTML:t};case y.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},t.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,a=e.nestedChildren;return Z({},r,((t={})[n.type]=[].concat(r[n.type]||[],[Z({},o,this.mapNestedChildrenToProps(n,a))]),t))},t.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case y.TITLE:return Z({},o,((t={})[r.type]=i,t.titleAttributes=Z({},a),t));case y.BODY:return Z({},o,{bodyAttributes:Z({},a)});case y.HTML:return Z({},o,{htmlAttributes:Z({},a)})}return Z({},o,((n={})[r.type]=Z({},a),n))},t.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=Z({},t);return Object.keys(e).forEach((function(t){var r;n=Z({},n,((r={})[t]=e[t],r))})),n},t.prototype.warnOnInvalidChildren=function(e,t){return!0},t.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return l.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,a=o.children,i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[M[n]||n]=e[n],t}),t)}($(o,["children"]));switch(n.warnOnInvalidChildren(e,a),e.type){case y.LINK:case y.META:case y.NOSCRIPT:case y.SCRIPT:case y.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:i,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:i,nestedChildren:a})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},t.prototype.render=function(){var e=this.props,t=e.children,n=$(e,["children"]),r=Z({},n);return t&&(r=this.mapChildrenToProps(t,r)),l.createElement(o,r)},G(t,null,[{key:"canUseDOM",set:function(e){o.canUseDOM=e}}]),t}(l.Component),a.propTypes={base:u().object,bodyAttributes:u().object,children:u().oneOfType([u().arrayOf(u().node),u().node]),defaultTitle:u().string,defer:u().bool,encodeSpecialCharacters:u().bool,htmlAttributes:u().object,link:u().arrayOf(u().object),meta:u().arrayOf(u().object),noscript:u().arrayOf(u().object),onChangeClientState:u().func,script:u().arrayOf(u().object),style:u().arrayOf(u().object),title:u().string,titleAttributes:u().object,titleTemplate:u().string},a.defaultProps={defer:!0,encodeSpecialCharacters:!0},a.peek=o.peek,a.rewind=function(){var e=o.rewind();return e||(e=pe({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),e},i);ge.renderStatic=ge.rewind;var he=function(e){return l.createElement(ge,Object.assign({},e))}},9960:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(3366),o=n(7294),a=n(3727),i=n(2263),l=n(3919),s=n(412),u=(0,o.createContext)({collectLink:function(){}});var c=n(4996),d=n(8780),f=["isNavLink","to","href","activeClassName","isActive","data-noBrokenLinkCheck","autoAddBaseUrl"];var p=function(e){var t,n,p=e.isNavLink,m=e.to,g=e.href,h=e.activeClassName,v=e.isActive,b=e["data-noBrokenLinkCheck"],y=e.autoAddBaseUrl,w=void 0===y||y,k=(0,r.Z)(e,f),E=(0,i.Z)().siteConfig,S=E.trailingSlash,C=E.baseUrl,x=(0,c.C)().withBaseUrl,T=(0,o.useContext)(u),_=m||g,A=(0,l.Z)(_),P=null==_?void 0:_.replace("pathname://",""),L=void 0!==P?(n=P,w&&function(e){return e.startsWith("/")}(n)?x(n):n):void 0;L&&A&&(L=(0,d.applyTrailingSlash)(L,{trailingSlash:S,baseUrl:C}));var O=(0,o.useRef)(!1),R=p?a.OL:a.rU,N=s.Z.canUseIntersectionObserver,D=(0,o.useRef)();(0,o.useEffect)((function(){return!N&&A&&null!=L&&window.docusaurus.prefetch(L),function(){N&&D.current&&D.current.disconnect()}}),[D,L,N,A]);var I=null!==(t=null==L?void 0:L.startsWith("#"))&&void 0!==t&&t,F=!L||!A||I;return L&&A&&!I&&!b&&T.collectLink(L),F?o.createElement("a",Object.assign({href:L},_&&!A&&{target:"_blank",rel:"noopener noreferrer"},k)):o.createElement(R,Object.assign({},k,{onMouseEnter:function(){O.current||null==L||(window.docusaurus.preload(L),O.current=!0)},innerRef:function(e){var t,n;N&&e&&A&&(t=e,n=function(){null!=L&&window.docusaurus.prefetch(L)},D.current=new window.IntersectionObserver((function(e){e.forEach((function(e){t===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(D.current.unobserve(t),D.current.disconnect(),n())}))})),D.current.observe(t))},to:L||""},p&&{isActive:v,activeClassName:h}))}},1875:function(e,t){"use strict";t.Z=function(){return null}},5999:function(e,t,n){"use strict";n.d(t,{Z:function(){return c},I:function(){return u}});var r=n(7294),o=/{\w+}/g,a="{}";function i(e,t){var n=[],i=e.replace(o,(function(e){var o=e.substring(1,e.length-1),i=null==t?void 0:t[o];if(void 0!==i){var l=r.isValidElement(i)?i:String(i);return n.push(l),a}return e}));return 0===n.length?e:n.every((function(e){return"string"==typeof e}))?i.split(a).reduce((function(e,t,r){var o;return e.concat(t).concat(null!==(o=n[r])&&void 0!==o?o:"")}),""):i.split(a).reduce((function(e,t,o){return[].concat(e,[r.createElement(r.Fragment,{key:o},t,n[o])])}),[])}var l=n(7529);function s(e){var t,n,r=e.id,o=e.message;if(void 0===r&&void 0===o)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return null!==(n=null!==(t=l[null!=r?r:o])&&void 0!==t?t:o)&&void 0!==n?n:r}function u(e,t){return i(s({message:e.message,id:e.id}),t)}function c(e){var t=e.children,n=e.id,r=e.values;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");return i(s({message:t,id:n}),r)}},9913:function(e,t,n){"use strict";n.d(t,{_:function(){return o},t:function(){return a}});var r=n(7294),o=r.createContext(!1);function a(e){var t=e.children,n=(0,r.useState)(!1),a=n[0],i=n[1];return(0,r.useEffect)((function(){i(!0)}),[]),r.createElement(o.Provider,{value:a},t)}},9935:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});var r="default"},7041:function(e,t,n){"use strict";n.d(t,{_:function(){return c},M:function(){return d}});var r=n(7294),o=n(9782),a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/volto-eea-design-system/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/volto-eea-design-system/docs","mainDocId":"intro","docs":[{"id":"Components/Accordion","path":"/volto-eea-design-system/docs/Components/Accordion","sidebar":"sidebar"},{"id":"Components/Blockquote","path":"/volto-eea-design-system/docs/Components/Blockquote","sidebar":"sidebar"},{"id":"Components/Breadcrumb","path":"/volto-eea-design-system/docs/Components/Breadcrumb","sidebar":"sidebar"},{"id":"Components/Buttons","path":"/volto-eea-design-system/docs/Components/Buttons","sidebar":"sidebar"},{"id":"Components/Cards","path":"/volto-eea-design-system/docs/Components/Cards","sidebar":"sidebar"},{"id":"Components/Comment","path":"/volto-eea-design-system/docs/Components/Comment","sidebar":"sidebar"},{"id":"Components/Confirm","path":"/volto-eea-design-system/docs/Components/Confirm","sidebar":"sidebar"},{"id":"Components/Divider","path":"/volto-eea-design-system/docs/Components/Divider","sidebar":"sidebar"},{"id":"Components/Forms/Checkbox","path":"/volto-eea-design-system/docs/Components/Forms/Checkbox","sidebar":"sidebar"},{"id":"Components/Forms/Dropdown","path":"/volto-eea-design-system/docs/Components/Forms/Dropdown","sidebar":"sidebar"},{"id":"Components/Forms/Radio","path":"/volto-eea-design-system/docs/Components/Forms/Radio","sidebar":"sidebar"},{"id":"Components/Forms/TextArea","path":"/volto-eea-design-system/docs/Components/Forms/TextArea","sidebar":"sidebar"},{"id":"Components/Forms/TextInput","path":"/volto-eea-design-system/docs/Components/Forms/TextInput","sidebar":"sidebar"},{"id":"Components/Headings","path":"/volto-eea-design-system/docs/Components/Headings","sidebar":"sidebar"},{"id":"Components/Image","path":"/volto-eea-design-system/docs/Components/Image","sidebar":"sidebar"},{"id":"Components/Inpage-Navigation","path":"/volto-eea-design-system/docs/Components/Inpage-Navigation","sidebar":"sidebar"},{"id":"Components/Item","path":"/volto-eea-design-system/docs/Components/Item","sidebar":"sidebar"},{"id":"Components/Labels","path":"/volto-eea-design-system/docs/Components/Labels","sidebar":"sidebar"},{"id":"Components/Lists","path":"/volto-eea-design-system/docs/Components/Lists","sidebar":"sidebar"},{"id":"Components/Loader","path":"/volto-eea-design-system/docs/Components/Loader","sidebar":"sidebar"},{"id":"Components/Logo","path":"/volto-eea-design-system/docs/Components/Logo","sidebar":"sidebar"},{"id":"Components/Messages","path":"/volto-eea-design-system/docs/Components/Messages","sidebar":"sidebar"},{"id":"Components/Modal","path":"/volto-eea-design-system/docs/Components/Modal","sidebar":"sidebar"},{"id":"Components/Pagination","path":"/volto-eea-design-system/docs/Components/Pagination","sidebar":"sidebar"},{"id":"Components/Popup","path":"/volto-eea-design-system/docs/Components/Popup","sidebar":"sidebar"},{"id":"Components/Progress","path":"/volto-eea-design-system/docs/Components/Progress","sidebar":"sidebar"},{"id":"Components/Search/Filters","path":"/volto-eea-design-system/docs/Components/Search/Filters","sidebar":"sidebar"},{"id":"Components/Search/Searchbox","path":"/volto-eea-design-system/docs/Components/Search/Searchbox","sidebar":"sidebar"},{"id":"Components/Search/Suggestions","path":"/volto-eea-design-system/docs/Components/Search/Suggestions","sidebar":"sidebar"},{"id":"Components/Segment","path":"/volto-eea-design-system/docs/Components/Segment","sidebar":"sidebar"},{"id":"Components/Statistic","path":"/volto-eea-design-system/docs/Components/Statistic","sidebar":"sidebar"},{"id":"Components/Tab","path":"/volto-eea-design-system/docs/Components/Tab","sidebar":"sidebar"},{"id":"Components/Table","path":"/volto-eea-design-system/docs/Components/Table","sidebar":"sidebar"},{"id":"Components/Visuals/Charts","path":"/volto-eea-design-system/docs/Components/Visuals/Charts","sidebar":"sidebar"},{"id":"Components/Visuals/Dashboard","path":"/volto-eea-design-system/docs/Components/Visuals/Dashboard","sidebar":"sidebar"},{"id":"Components/Visuals/Maps","path":"/volto-eea-design-system/docs/Components/Visuals/Maps","sidebar":"sidebar"},{"id":"getting-started","path":"/volto-eea-design-system/docs/getting-started","sidebar":"sidebar"},{"id":"Guidelines/colours","path":"/volto-eea-design-system/docs/Guidelines/colours","sidebar":"sidebar"},{"id":"Guidelines/iconography","path":"/volto-eea-design-system/docs/Guidelines/iconography","sidebar":"sidebar"},{"id":"Guidelines/images","path":"/volto-eea-design-system/docs/Guidelines/images","sidebar":"sidebar"},{"id":"Guidelines/intro","path":"/volto-eea-design-system/docs/Guidelines/intro","sidebar":"sidebar"},{"id":"Guidelines/spacing","path":"/volto-eea-design-system/docs/Guidelines/spacing","sidebar":"sidebar"},{"id":"Guidelines/typography","path":"/volto-eea-design-system/docs/Guidelines/typography","sidebar":"sidebar"},{"id":"intro","path":"/volto-eea-design-system/docs/intro","sidebar":"sidebar"},{"id":"Resources/developer-guidelines","path":"/volto-eea-design-system/docs/Resources/developer-guidelines","sidebar":"sidebar"},{"id":"Resources/theming-guidelines","path":"/volto-eea-design-system/docs/Resources/theming-guidelines","sidebar":"sidebar"},{"id":"Templates/Grid","path":"/volto-eea-design-system/docs/Templates/Grid","sidebar":"sidebar"},{"id":"Templates/PageHeader","path":"/volto-eea-design-system/docs/Templates/PageHeader","sidebar":"sidebar"},{"id":"Templates/SiteFooter","path":"/volto-eea-design-system/docs/Templates/SiteFooter","sidebar":"sidebar"},{"id":"Templates/SiteHeader","path":"/volto-eea-design-system/docs/Templates/SiteHeader","sidebar":"sidebar"},{"id":"Utilities/intro","path":"/volto-eea-design-system/docs/Utilities/intro","sidebar":"sidebar"},{"id":"whatsnew","path":"/volto-eea-design-system/docs/whatsnew","sidebar":"sidebar"}]}]}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr"}}}'),l=n(7529),s=JSON.parse('{"docusaurusVersion":"2.0.0-beta.13","siteVersion":"0.1.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.0.0-beta.13"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.0.0-beta.13"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.0.0-beta.13"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.0.0-beta.13"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.0.0-beta.13"}}}'),u={siteConfig:o.default,siteMetadata:s,globalData:a,i18n:i,codeTranslations:l},c=r.createContext(u);function d(e){var t=e.children;return r.createElement(c.Provider,{value:u},t)}},3919:function(e,t,n){"use strict";function r(e){return!0===/^(\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{Z:function(){return o},b:function(){return r}})},6291:function(e,t,n){"use strict";var r=n(8790);t.Z=r.H},8143:function(e,t,n){"use strict";n.r(t),n.d(t,{BrowserRouter:function(){return r.VK},HashRouter:function(){return r.UT},Link:function(){return r.rU},MemoryRouter:function(){return r.VA},NavLink:function(){return r.OL},Prompt:function(){return r.NL},Redirect:function(){return r.l_},Route:function(){return r.AW},Router:function(){return r.F0},StaticRouter:function(){return r.gx},Switch:function(){return r.rs},generatePath:function(){return r.Gn},matchPath:function(){return r.LX},useHistory:function(){return r.k6},useLocation:function(){return r.TH},useParams:function(){return r.UO},useRouteMatch:function(){return r.$B},withRouter:function(){return r.EN}});var r=n(3727)},4996:function(e,t,n){"use strict";n.d(t,{C:function(){return a},Z:function(){return i}});var r=n(2263),o=n(3919);function a(){var e=(0,r.Z)().siteConfig,t=(e=void 0===e?{}:e).baseUrl,n=void 0===t?"/":t,a=e.url;return{withBaseUrl:function(e,t){return function(e,t,n,r){var a=void 0===r?{}:r,i=a.forcePrependBaseUrl,l=void 0!==i&&i,s=a.absolute,u=void 0!==s&&s;if(!n)return n;if(n.startsWith("#"))return n;if((0,o.b)(n))return n;if(l)return t+n;var c=n.startsWith(t)?n:t+n.replace(/^\//,"");return u?e+c:c}(a,n,e,t)}}}function i(e,t){return void 0===t&&(t={}),(0,a().withBaseUrl)(e,t)}},2263:function(e,t,n){"use strict";var r=n(7294),o=n(7041);t.Z=function(){return(0,r.useContext)(o._)}},8084:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a},useAllPluginInstancesData:function(){return i},usePluginData:function(){return l}});var r=n(2263),o=n(9935);function a(){var e=(0,r.Z)().globalData;if(!e)throw new Error("Docusaurus global data not found.");return e}function i(e){var t=a()[e];if(!t)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin.');return t}function l(e,t){void 0===t&&(t=o.m);var n=i(e)[t];if(!n)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin with id "'+t+'".');return n}},2389:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(7294),o=n(9913);function a(){return(0,r.useContext)(o._)}},4953:function(e,t,n){"use strict";var r=n(7294),o=n(4161),a=n(780);function i(e){var t=e.error,n=e.tryAgain;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"50vh",width:"100%",fontSize:"20px"}},r.createElement("h1",null,"This page crashed."),r.createElement("p",null,t.message),r.createElement("button",{type:"button",onClick:n},"Try again"))}t.Z=function(e){var t=e.error,n=e.tryAgain;return r.createElement(a.Z,{fallback:function(){return r.createElement(i,{error:t,tryAgain:n})}},r.createElement(o.Z,{title:"Page Error"},r.createElement(i,{error:t,tryAgain:n})))}},8408:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDocVersionSuggestions=t.getActiveDocContext=t.getActiveVersion=t.getLatestVersion=t.getActivePlugin=void 0;var r=n(8143);t.getActivePlugin=function(e,t,n){void 0===n&&(n={});var o=Object.entries(e).find((function(e){e[0];var n=e[1];return!!(0,r.matchPath)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error("Can't find active docs plugin for \""+t+'" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: '+Object.values(e).map((function(e){return e.path})).join(", "));return a};t.getLatestVersion=function(e){return e.versions.find((function(e){return e.isLast}))};t.getActiveVersion=function(e,n){var o=(0,t.getLatestVersion)(e);return[].concat(e.versions.filter((function(e){return e!==o})),[o]).find((function(e){return!!(0,r.matchPath)(n,{path:e.path,exact:!1,strict:!1})}))};t.getActiveDocContext=function(e,n){var o,a,i=(0,t.getActiveVersion)(e,n),l=null==i?void 0:i.docs.find((function(e){return!!(0,r.matchPath)(n,{path:e.path,exact:!0,strict:!1})}));return{activeVersion:i,activeDoc:l,alternateDocVersions:l?(o=l.id,a={},e.versions.forEach((function(e){e.docs.forEach((function(t){t.id===o&&(a[e.name]=t)}))})),a):{}}};t.getDocVersionSuggestions=function(e,n){var r=(0,t.getLatestVersion)(e),o=(0,t.getActiveDocContext)(e,n);return{latestDocSuggestion:null==o?void 0:o.alternateDocVersions[r.name],latestVersionSuggestion:r}}},6730:function(e,t,n){"use strict";t.Jo=t.Iw=t.zu=t.yW=t.gB=t.gA=t.zh=t._r=void 0;var r=n(655),o=n(8143),a=(0,r.__importStar)(n(8084)),i=n(8408),l={};t._r=function(){var e;return null!==(e=(0,a.default)()["docusaurus-plugin-content-docs"])&&void 0!==e?e:l};t.zh=function(e){return(0,a.usePluginData)("docusaurus-plugin-content-docs",e)};t.gA=function(e){void 0===e&&(e={});var n=(0,t._r)(),r=(0,o.useLocation)().pathname;return(0,i.getActivePlugin)(n,r,e)};t.gB=function(e){return(0,t.zh)(e).versions};t.yW=function(e){var n=(0,t.zh)(e);return(0,i.getLatestVersion)(n)};t.zu=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getActiveVersion)(n,r)};t.Iw=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getActiveDocContext)(n,r)};t.Jo=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getDocVersionSuggestions)(n,r)}},541:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(7294),o="iconExternalLink_wgqa";var a=function(e){var t=e.width,n=void 0===t?13.5:t,a=e.height,i=void 0===a?13.5:a;return r.createElement("svg",{width:n,height:i,"aria-hidden":"true",viewBox:"0 0 24 24",className:o},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},4161:function(e,t,n){"use strict";n.d(t,{Z:function(){return Pe}});var r=n(7294),o=n(6010),a=n(780),i=n(6775),l=n(5999),s=n(3616),u="skipToContent_OuoZ";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}var d=function(){var e=(0,r.useRef)(null),t=(0,i.k6)().action;return(0,s.SL)((function(n){var r=n.location;e.current&&!r.hash&&"PUSH"===t&&c(e.current)})),r.createElement("div",{ref:e},r.createElement("a",{href:"#",className:u,onClick:function(e){e.preventDefault();var t=document.querySelector("main:first-of-type")||document.querySelector(".main-wrapper");t&&c(t)}},r.createElement(l.Z,{id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation"},"Skip to main content")))},f=n(7462),p=n(3366),m=["width","height","color","strokeWidth","className"];function g(e){var t=e.width,n=void 0===t?21:t,o=e.height,a=void 0===o?21:o,i=e.color,l=void 0===i?"currentColor":i,s=e.strokeWidth,u=void 0===s?1.2:s,c=(e.className,(0,p.Z)(e,m));return r.createElement("svg",(0,f.Z)({viewBox:"0 0 15 15",width:n,height:a},c),r.createElement("g",{stroke:l,strokeWidth:u},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}var h="announcementBar_axC9",v="announcementBarPlaceholder_xYHE",b="announcementBarClose_A3A1",y="announcementBarContent_6uhP";var w=function(){var e=(0,s.nT)(),t=e.isActive,n=e.close,a=(0,s.LU)().announcementBar;if(!t)return null;var i=a.content,u=a.backgroundColor,c=a.textColor,d=a.isCloseable;return r.createElement("div",{className:h,style:{backgroundColor:u,color:c},role:"banner"},d&&r.createElement("div",{className:v}),r.createElement("div",{className:y,dangerouslySetInnerHTML:{__html:i}}),d?r.createElement("button",{type:"button",className:(0,o.Z)("clean-btn close",b),onClick:n,"aria-label":(0,l.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},r.createElement(g,{width:14,height:14,strokeWidth:3.1})):null)},k=n(1875),E=n(2389),S="toggle_iYfV",C="toggleScreenReader_h9qa",x="toggleDisabled_xj38",T="toggleTrack_t-f2",_="toggleTrackCheck_mk7D",A="toggleChecked_a04y",P="toggleTrackX_dm8H",L="toggleTrackThumb_W6To",O="toggleFocused_pRSw",R="toggleIcon_pHJ9",N=(0,r.memo)((function(e){var t,n=e.className,a=e.switchConfig,i=e.checked,l=e.disabled,s=e.onChange,u=a.darkIcon,c=a.darkIconStyle,d=a.lightIcon,f=a.lightIconStyle,p=(0,r.useState)(i),m=p[0],g=p[1],h=(0,r.useState)(!1),v=h[0],b=h[1],y=(0,r.useRef)(null);return r.createElement("div",{className:(0,o.Z)(S,n,(t={},t[A]=m,t[O]=v,t[x]=l,t))},r.createElement("div",{className:T,role:"button",tabIndex:-1,onClick:function(){var e;return null==(e=y.current)?void 0:e.click()}},r.createElement("div",{className:_},r.createElement("span",{className:R,style:c},u)),r.createElement("div",{className:P},r.createElement("span",{className:R,style:f},d)),r.createElement("div",{className:L})),r.createElement("input",{ref:y,checked:m,type:"checkbox",className:C,"aria-label":"Switch between dark and light mode",onChange:s,onClick:function(){return g(!m)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onKeyDown:function(e){var t;"Enter"===e.key&&(null==(t=y.current)||t.click())}}))}));function D(e){var t=(0,s.LU)().colorMode.switchConfig,n=(0,E.Z)();return r.createElement(N,(0,f.Z)({switchConfig:t,disabled:!n},e))}var I=n(5350),F=function(e){var t=(0,r.useState)(e),n=t[0],o=t[1],a=(0,r.useRef)(!1),i=(0,r.useRef)(0),l=(0,r.useCallback)((function(e){null!==e&&(i.current=e.getBoundingClientRect().height)}),[]);return(0,s.RF)((function(t,n){if(e){var r=t.scrollY;if(r<i.current)o(!0);else if(a.current)a.current=!1;else{var l=null==n?void 0:n.scrollY,s=document.documentElement.scrollHeight-i.current,u=window.innerHeight;l&&r>=l?o(!1):r+u<s&&o(!0)}}})),(0,s.SL)((function(t){if(e)return t.location.hash?(a.current=!0,void o(!1)):void o(!0)})),{navbarRef:l,isNavbarVisible:n}};var M=function(e){void 0===e&&(e=!0),(0,r.useEffect)((function(){return document.body.style.overflow=e?"hidden":"visible",function(){document.body.style.overflow="visible"}}),[e])},B=n(3783),j=n(907),U=n(2207),z=n(5537),G=["width","height","className"];var Z=function(e){var t=e.width,n=void 0===t?30:t,o=e.height,a=void 0===o?30:o,i=e.className,l=(0,p.Z)(e,G);return r.createElement("svg",(0,f.Z)({className:i,width:n,height:a,viewBox:"0 0 30 30","aria-hidden":"true"},l),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))},$={toggle:"toggle_2i4l",navbarHideable:"navbarHideable_RReh",navbarHidden:"navbarHidden_FBwS",navbarSidebarToggle:"navbarSidebarToggle_AVbO"},H="right";function q(){return(0,s.LU)().navbar.items}function V(){var e=(0,s.LU)().colorMode.disableSwitch,t=(0,I.Z)(),n=t.isDarkTheme,o=t.setLightTheme,a=t.setDarkTheme;return{isDarkTheme:n,toggle:(0,r.useCallback)((function(e){return e.target.checked?a():o()}),[o,a]),disabled:e}}function W(e){var t=e.sidebarShown,n=e.toggleSidebar;M(t);var a=q(),i=V(),u=function(e){var t,n=e.sidebarShown,o=e.toggleSidebar,a=null==(t=(0,s.g8)())?void 0:t({toggleSidebar:o}),i=(0,s.D9)(a),l=(0,r.useState)((function(){return!1})),u=l[0],c=l[1];(0,r.useEffect)((function(){a&&!i&&c(!0)}),[a,i]);var d=!!a;return(0,r.useEffect)((function(){d?n||c(!0):c(!1)}),[n,d]),{shown:u,hide:(0,r.useCallback)((function(){c(!1)}),[]),content:a}}({sidebarShown:t,toggleSidebar:n});return r.createElement("div",{className:"navbar-sidebar"},r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(z.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),!i.disabled&&r.createElement(D,{className:$.navbarSidebarToggle,checked:i.isDarkTheme,onChange:i.toggle}),r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__close",onClick:n},r.createElement(g,{color:"var(--ifm-color-emphasis-600)",className:$.navbarSidebarCloseSvg}))),r.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":u.shown})},r.createElement("div",{className:"navbar-sidebar__item menu"},r.createElement("ul",{className:"menu__list"},a.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({mobile:!0},e,{onClick:n,key:t}))})))),r.createElement("div",{className:"navbar-sidebar__item menu"},a.length>0&&r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__back",onClick:u.hide},r.createElement(l.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu")),u.content)))}var Y=function(){var e,t=(0,s.LU)().navbar,n=t.hideOnScroll,a=t.style,i=function(){var e=(0,B.Z)(),t="mobile"===e,n=(0,r.useState)(!1),o=n[0],a=n[1];(0,s.Rb)((function(){if(o)return a(!1),!1}));var i=(0,r.useCallback)((function(){a((function(e){return!e}))}),[]);return(0,r.useEffect)((function(){"desktop"===e&&a(!1)}),[e]),{shouldRender:t,toggle:i,shown:o}}(),l=V(),u=(0,j.gA)(),c=F(n),d=c.navbarRef,p=c.isNavbarVisible,m=q(),g=m.some((function(e){return"search"===e.type})),h=function(e){return{leftItems:e.filter((function(e){var t;return"left"===(null!=(t=e.position)?t:H)})),rightItems:e.filter((function(e){var t;return"right"===(null!=(t=e.position)?t:H)}))}}(m),v=h.leftItems,b=h.rightItems;return r.createElement("nav",{ref:d,className:(0,o.Z)("navbar","navbar--fixed-top",(e={"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown},e[$.navbarHideable]=n,e[$.navbarHidden]=n&&!p,e))},r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},((null==m?void 0:m.length)>0||u)&&r.createElement("button",{"aria-label":"Navigation bar toggle",className:"navbar__toggle clean-btn",type:"button",tabIndex:0,onClick:i.toggle,onKeyDown:i.toggle},r.createElement(Z,null)),r.createElement(z.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),v.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({},e,{key:t}))}))),r.createElement("div",{className:"navbar__items navbar__items--right"},b.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({},e,{key:t}))})),!l.disabled&&r.createElement(D,{className:$.toggle,checked:l.isDarkTheme,onChange:l.toggle}),!g&&r.createElement(k.Z,null))),r.createElement("div",{role:"presentation",className:"navbar-sidebar__backdrop",onClick:i.toggle}),i.shouldRender&&r.createElement(W,{sidebarShown:i.shown,toggleSidebar:i.toggle}))},K=n(9960),Q=n(4996),X=n(3919),J="footerLogoLink_SRtH",ee=n(9750),te=n(541),ne=["to","href","label","prependBaseUrlToHref"];function re(e){var t=e.to,n=e.href,o=e.label,a=e.prependBaseUrlToHref,i=(0,p.Z)(e,ne),l=(0,Q.Z)(t),s=(0,Q.Z)(n,{forcePrependBaseUrl:!0});return r.createElement(K.Z,(0,f.Z)({className:"footer__link-item"},n?{href:a?s:n}:{to:l},i),n&&!(0,X.Z)(n)?r.createElement("span",null,o,r.createElement(te.Z,null)):o)}function oe(e){var t=e.sources,n=e.alt,o=e.width,a=e.height;return r.createElement(ee.Z,{className:"footer__logo",alt:n,sources:t,width:o,height:a})}var ae=function(){var e=(0,s.LU)().footer,t=e||{},n=t.copyright,a=t.links,i=void 0===a?[]:a,l=t.logo,u=void 0===l?{}:l,c={light:(0,Q.Z)(u.src),dark:(0,Q.Z)(u.srcDark||u.src)};return e?r.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===e.style})},r.createElement("div",{className:"container"},i&&i.length>0&&r.createElement("div",{className:"row footer__links"},i.map((function(e,t){return r.createElement("div",{key:t,className:"col footer__col"},null!=e.title?r.createElement("div",{className:"footer__title"},e.title):null,null!=e.items&&Array.isArray(e.items)&&e.items.length>0?r.createElement("ul",{className:"footer__items"},e.items.map((function(e,t){return e.html?r.createElement("li",{key:t,className:"footer__item",dangerouslySetInnerHTML:{__html:e.html}}):r.createElement("li",{key:e.href||e.to,className:"footer__item"},r.createElement(re,e))}))):null)}))),(u||n)&&r.createElement("div",{className:"footer__bottom text--center"},u&&(u.src||u.srcDark)&&r.createElement("div",{className:"margin-bottom--sm"},u.href?r.createElement(K.Z,{href:u.href,className:J},r.createElement(oe,{alt:u.alt,sources:c,width:u.width,height:u.height})):r.createElement(oe,{alt:u.alt,sources:c})),n?r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}}):null))):null},ie=n(412),le=(0,s.WA)("theme"),se="light",ue="dark",ce=function(e){return e===ue?ue:se},de=function(e){(0,s.WA)("theme").set(ce(e))},fe=function(){var e=(0,s.LU)().colorMode,t=e.defaultMode,n=e.disableSwitch,o=e.respectPrefersColorScheme,a=(0,r.useState)(function(e){return ie.Z.canUseDOM?ce(document.documentElement.getAttribute("data-theme")):ce(e)}(t)),i=a[0],l=a[1],u=(0,r.useCallback)((function(){l(se),de(se)}),[]),c=(0,r.useCallback)((function(){l(ue),de(ue)}),[]);return(0,r.useEffect)((function(){document.documentElement.setAttribute("data-theme",ce(i))}),[i]),(0,r.useEffect)((function(){if(!n)try{var e=le.get();null!==e&&l(ce(e))}catch(t){console.error(t)}}),[n,l]),(0,r.useEffect)((function(){n&&!o||window.matchMedia("(prefers-color-scheme: dark)").addListener((function(e){var t=e.matches;l(t?ue:se)}))}),[n,o]),{isDarkTheme:i===ue,setLightTheme:u,setDarkTheme:c}},pe=n(2924);var me=function(e){var t=fe(),n=t.isDarkTheme,o=t.setLightTheme,a=t.setDarkTheme,i=(0,r.useMemo)((function(){return{isDarkTheme:n,setLightTheme:o,setDarkTheme:a}}),[n,o,a]);return r.createElement(pe.Z.Provider,{value:i},e.children)},ge="docusaurus.tab.",he=function(){var e=(0,r.useState)({}),t=e[0],n=e[1],o=(0,r.useCallback)((function(e,t){(0,s.WA)("docusaurus.tab."+e).set(t)}),[]);return(0,r.useEffect)((function(){try{var e={};(0,s._f)().forEach((function(t){if(t.startsWith(ge)){var n=t.substring(ge.length);e[n]=(0,s.WA)(t).get()}})),n(e)}catch(t){console.error(t)}}),[]),{tabGroupChoices:t,setTabGroupChoices:function(e,t){n((function(n){var r;return Object.assign({},n,((r={})[e]=t,r))})),o(e,t)}}},ve=n(9443);var be=function(e){var t=he(),n=t.tabGroupChoices,o=t.setTabGroupChoices,a=(0,r.useMemo)((function(){return{tabGroupChoices:n,setTabGroupChoices:o}}),[n,o]);return r.createElement(ve.Z.Provider,{value:a},e.children)};function ye(e){var t=e.children;return r.createElement(me,null,r.createElement(s.pl,null,r.createElement(be,null,r.createElement(s.OC,null,r.createElement(s.L5,null,r.createElement(s.Cn,null,t))))))}var we=n(2859),ke=n(2263);function Ee(e){var t=e.locale,n=e.version,o=e.tag;return r.createElement(we.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),o&&r.createElement("meta",{name:"docusaurus_tag",content:o}))}var Se=n(1217);function Ce(){var e=(0,ke.Z)().i18n,t=e.defaultLocale,n=e.locales,o=(0,s.l5)();return r.createElement(we.Z,null,n.map((function(e){return r.createElement("link",{key:e,rel:"alternate",href:o.createUrl({locale:e,fullyQualified:!0}),hrefLang:e})})),r.createElement("link",{rel:"alternate",href:o.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}))}function xe(e){var t=e.permalink,n=(0,ke.Z)().siteConfig.url,o=function(){var e=(0,ke.Z)().siteConfig.url,t=(0,i.TH)().pathname;return e+(0,Q.Z)(t)}(),a=t?""+n+t:o;return r.createElement(we.Z,null,r.createElement("meta",{property:"og:url",content:a}),r.createElement("link",{rel:"canonical",href:a}))}function Te(e){var t=(0,ke.Z)(),n=t.siteConfig.favicon,o=t.i18n,a=o.currentLocale,i=o.localeConfigs,l=(0,s.LU)(),u=l.metadata,c=l.image,d=e.title,p=e.description,m=e.image,g=e.keywords,h=e.searchMetadata,v=(0,Q.Z)(n),b=(0,s.pe)(d),y=a,w=i[a].direction;return r.createElement(r.Fragment,null,r.createElement(we.Z,null,r.createElement("html",{lang:y,dir:w}),n&&r.createElement("link",{rel:"icon",href:v}),r.createElement("title",null,b),r.createElement("meta",{property:"og:title",content:b}),r.createElement("meta",{name:"twitter:card",content:"summary_large_image"})),c&&r.createElement(Se.Z,{image:c}),m&&r.createElement(Se.Z,{image:m}),r.createElement(Se.Z,{description:p,keywords:g}),r.createElement(xe,null),r.createElement(Ce,null),r.createElement(Ee,(0,f.Z)({tag:s.HX,locale:a},h)),r.createElement(we.Z,null,u.map((function(e,t){return r.createElement("meta",(0,f.Z)({key:"metadata_"+t},e))}))))}var _e=function(){(0,r.useEffect)((function(){var e="navigation-with-keyboard";function t(t){"keydown"===t.type&&"Tab"===t.key&&document.body.classList.add(e),"mousedown"===t.type&&document.body.classList.remove(e)}return document.addEventListener("keydown",t),document.addEventListener("mousedown",t),function(){document.body.classList.remove(e),document.removeEventListener("keydown",t),document.removeEventListener("mousedown",t)}}),[])};function Ae(e){var t=e.error,n=e.tryAgain;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(l.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},r.createElement(l.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again when the page crashed"},"Try again"))))))}var Pe=function(e){var t=e.children,n=e.noFooter,i=e.wrapperClassName,l=e.pageClassName;return _e(),r.createElement(ye,null,r.createElement(Te,e),r.createElement(d,null),r.createElement(w,null),r.createElement(Y,null),r.createElement("div",{className:(0,o.Z)(s.kM.wrapper.main,i,l)},r.createElement(a.Z,{fallback:Ae},t)),!n&&r.createElement(ae,null))}},5537:function(e,t,n){"use strict";var r=n(7462),o=n(3366),a=n(7294),i=n(9960),l=n(9750),s=n(4996),u=n(2263),c=n(3616),d=["imageClassName","titleClassName"];t.Z=function(e){var t=(0,u.Z)().siteConfig.title,n=(0,c.LU)().navbar,f=n.title,p=n.logo,m=void 0===p?{src:""}:p,g=e.imageClassName,h=e.titleClassName,v=(0,o.Z)(e,d),b=(0,s.Z)(m.href||"/"),y={light:(0,s.Z)(m.src),dark:(0,s.Z)(m.srcDark||m.src)},w=a.createElement(l.Z,{sources:y,height:m.height,width:m.width,alt:m.alt||f||t});return a.createElement(i.Z,(0,r.Z)({to:b},v,m.target&&{target:m.target}),m.src&&(g?a.createElement("div",{className:g},w):w),null!=f&&a.createElement("b",{className:h},f))}},5525:function(e,t,n){"use strict";n.d(t,{O:function(){return v}});var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(9960),s=n(4996),u=n(541),c=n(3919),d=n(3616),f=n(2207),p=["activeBasePath","activeBaseRegex","to","href","label","activeClassName","prependBaseUrlToHref"],m=["className","isDropdownItem"],g=["className","isDropdownItem"],h=["mobile","position"];function v(e){var t,n=e.activeBasePath,i=e.activeBaseRegex,f=e.to,m=e.href,g=e.label,h=e.activeClassName,v=void 0===h?"":h,b=e.prependBaseUrlToHref,y=(0,o.Z)(e,p),w=(0,s.Z)(f),k=(0,s.Z)(n),E=(0,s.Z)(m,{forcePrependBaseUrl:!0}),S=g&&m&&!(0,c.Z)(m),C="dropdown__link--active"===v;return a.createElement(l.Z,(0,r.Z)({},m?{href:b?E:m}:Object.assign({isNavLink:!0,activeClassName:null!=(t=y.className)&&t.includes(v)?"":v,to:w},n||i?{isActive:function(e,t){return i?(0,d.Fx)(i,t.pathname):t.pathname.startsWith(k)}}:null),y),S?a.createElement("span",null,g,a.createElement(u.Z,C&&{width:12,height:12})):g)}function b(e){var t=e.className,n=e.isDropdownItem,l=void 0!==n&&n,s=(0,o.Z)(e,m),u=a.createElement(v,(0,r.Z)({className:(0,i.Z)(l?"dropdown__link":"navbar__item navbar__link",t)},s));return l?a.createElement("li",null,u):u}function y(e){var t=e.className,n=(e.isDropdownItem,(0,o.Z)(e,g));return a.createElement("li",{className:"menu__list-item"},a.createElement(v,(0,r.Z)({className:(0,i.Z)("menu__link",t)},n)))}t.Z=function(e){var t,n=e.mobile,i=void 0!==n&&n,l=(e.position,(0,o.Z)(e,h)),s=i?y:b;return a.createElement(s,(0,r.Z)({},l,{activeClassName:null!=(t=l.activeClassName)?t:(0,f.E)(i)}))}},6400:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(907),s=n(6010),u=n(2207),c=n(3616),d=["docId","label","docsPluginId"];function f(e){var t,n=e.docId,f=e.label,p=e.docsPluginId,m=(0,o.Z)(e,d),g=(0,l.Iw)(p),h=g.activeVersion,v=g.activeDoc,b=(0,c.J)(p).preferredVersion,y=(0,l.yW)(p),w=function(e,t){var n=e.flatMap((function(e){return e.docs})),r=n.find((function(e){return e.id===t}));if(!r){var o=n.map((function(e){return e.id})).join("\n- ");throw new Error("DocNavbarItem: couldn't find any doc with id \""+t+'" in version'+(e.length?"s":"")+" "+e.map((function(e){return e.name})).join(", ")+'".\nAvailable doc ids are:\n- '+o)}return r}((0,c.jj)([h,b,y].filter(Boolean)),n),k=(0,u.E)(m.mobile);return a.createElement(i.Z,(0,r.Z)({exact:!0},m,{className:(0,s.Z)(m.className,(t={},t[k]=(null==v?void 0:v.sidebar)&&v.sidebar===w.sidebar,t)),activeClassName:k,label:null!=f?f:w.id,to:w.path}))}},9308:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(3154),s=n(907),u=n(3616),c=n(5999),d=["mobile","docsPluginId","dropdownActiveClassDisabled","dropdownItemsBefore","dropdownItemsAfter"],f=function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))};function p(e){var t,n,p=e.mobile,m=e.docsPluginId,g=e.dropdownActiveClassDisabled,h=e.dropdownItemsBefore,v=e.dropdownItemsAfter,b=(0,o.Z)(e,d),y=(0,s.Iw)(m),w=(0,s.gB)(m),k=(0,s.yW)(m),E=(0,u.J)(m),S=E.preferredVersion,C=E.savePreferredVersionName;var x,T=(x=w.map((function(e){var t=(null==y?void 0:y.alternateDocVersions[e.name])||f(e);return{isNavLink:!0,label:e.label,to:t.path,isActive:function(){return e===(null==y?void 0:y.activeVersion)},onClick:function(){C(e.name)}}})),[].concat(h,x,v)),_=null!=(t=null!=(n=y.activeVersion)?n:S)?t:k,A=p&&T?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):_.label,P=p&&T?void 0:f(_).path;return T.length<=1?a.createElement(i.Z,(0,r.Z)({},b,{mobile:p,label:A,to:P,isActive:g?function(){return!1}:void 0})):a.createElement(l.Z,(0,r.Z)({},b,{mobile:p,label:A,to:P,items:T,isActive:g?function(){return!1}:void 0}))}},7250:function(e,t,n){"use strict";n.d(t,{Z:function(){return c}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(907),s=n(3616),u=["label","to","docsPluginId"];function c(e){var t,n=e.label,c=e.to,d=e.docsPluginId,f=(0,o.Z)(e,u),p=(0,l.zu)(d),m=(0,s.J)(d).preferredVersion,g=(0,l.yW)(d),h=null!=(t=null!=p?p:m)?t:g,v=null!=n?n:h.label,b=null!=c?c:function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))}(h).path;return a.createElement(i.Z,(0,r.Z)({},f,{label:v,to:b}))}},3154:function(e,t,n){"use strict";var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(3616),s=n(5525),u=n(2207),c=["items","position","className"],d=["items","className","position"],f=["mobile"];function p(e,t){return e.some((function(e){return function(e,t){return!!(0,l.Mg)(e.to,t)||!!(0,l.Fx)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)}))}function m(e){var t,n=e.items,l=e.position,d=e.className,f=(0,o.Z)(e,c),p=(0,a.useRef)(null),m=(0,a.useRef)(null),g=(0,a.useState)(!1),h=g[0],v=g[1];return(0,a.useEffect)((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[p]),a.createElement("div",{ref:p,className:(0,i.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===l,"dropdown--show":h})},a.createElement(s.O,(0,r.Z)({href:f.to?void 0:"#",className:(0,i.Z)("navbar__link",d)},f,{onClick:f.to?void 0:function(e){return e.preventDefault()},onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),v(!h))}}),null!=(t=f.children)?t:f.label),a.createElement("ul",{ref:m,className:"dropdown__menu"},n.map((function(e,t){return a.createElement(u.Z,(0,r.Z)({isDropdownItem:!0,onKeyDown:function(e){if(t===n.length-1&&"Tab"===e.key){e.preventDefault(),v(!1);var r=p.current.nextElementSibling;r&&r.focus()}},activeClassName:"dropdown__link--active"},e,{key:t}))}))))}function g(e){var t,n=e.items,c=e.className,f=(e.position,(0,o.Z)(e,d)),m=(0,l.be)(),g=p(n,m),h=(0,l.uR)({initialState:function(){return!g}}),v=h.collapsed,b=h.toggleCollapsed,y=h.setCollapsed;return(0,a.useEffect)((function(){g&&y(!g)}),[m,g,y]),a.createElement("li",{className:(0,i.Z)("menu__list-item",{"menu__list-item--collapsed":v})},a.createElement(s.O,(0,r.Z)({role:"button",className:(0,i.Z)("menu__link menu__link--sublist",c)},f,{onClick:function(e){e.preventDefault(),b()}}),null!=(t=f.children)?t:f.label),a.createElement(l.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:v},n.map((function(e,t){return a.createElement(u.Z,(0,r.Z)({mobile:!0,isDropdownItem:!0,onClick:f.onClick,activeClassName:"menu__link--active"},e,{key:t}))}))))}t.Z=function(e){var t=e.mobile,n=void 0!==t&&t,r=(0,o.Z)(e,f),i=n?g:m;return a.createElement(i,r)}},2207:function(e,t,n){"use strict";n.d(t,{Z:function(){return w},E:function(){return y}});var r=n(3366),o=n(7294),a=n(5525),i=n(3154),l=n(7462),s=["width","height"];var u=function(e){var t=e.width,n=void 0===t?20:t,a=e.height,i=void 0===a?20:a,u=(0,r.Z)(e,s);return o.createElement("svg",(0,l.Z)({viewBox:"0 0 20 20",width:n,height:i,"aria-hidden":"true"},u),o.createElement("path",{fill:"currentColor",d:"M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"}))},c=n(2263),d=n(3616),f="iconLanguage_EbrZ",p=["mobile","dropdownItemsBefore","dropdownItemsAfter"];function m(e){var t=e.mobile,n=e.dropdownItemsBefore,a=e.dropdownItemsAfter,s=(0,r.Z)(e,p),m=(0,c.Z)().i18n,g=m.currentLocale,h=m.locales,v=m.localeConfigs,b=(0,d.l5)();function y(e){return v[e].label}var w=h.map((function(e){var t="pathname://"+b.createUrl({locale:e,fullyQualified:!1});return{isNavLink:!0,label:y(e),to:t,target:"_self",autoAddBaseUrl:!1,className:e===g?"dropdown__link--active":""}})),k=[].concat(n,w,a),E=t?"Languages":y(g);return o.createElement(i.Z,(0,l.Z)({},s,{mobile:t,label:o.createElement("span",null,o.createElement(u,{className:f}),o.createElement("span",null,E)),items:k}))}var g=n(1875);function h(e){return e.mobile?null:o.createElement(g.Z,null)}var v=["type"],b={default:function(){return a.Z},localeDropdown:function(){return m},search:function(){return h},dropdown:function(){return i.Z},docsVersion:function(){return n(7250).Z},docsVersionDropdown:function(){return n(9308).Z},doc:function(){return n(6400).Z}};var y=function(e){return e?"menu__link--active":"navbar__link--active"};function w(e){var t=e.type,n=(0,r.Z)(e,v),a=function(e,t){return e&&"default"!==e?e:t?"dropdown":"default"}(t,void 0!==n.items),i=function(e){var t=b[e];if(!t)throw new Error('No NavbarItem component found for type "'+e+'".');return t()}(a);return o.createElement(i,n)}},1217:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(7294),o=n(2859),a=n(3616),i=n(4996);function l(e){var t=e.title,n=e.description,l=e.keywords,s=e.image,u=e.children,c=(0,a.pe)(t),d=(0,i.C)().withBaseUrl,f=s?d(s,{absolute:!0}):void 0;return r.createElement(o.Z,null,t&&r.createElement("title",null,c),t&&r.createElement("meta",{property:"og:title",content:c}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),l&&r.createElement("meta",{name:"keywords",content:Array.isArray(l)?l.join(","):l}),f&&r.createElement("meta",{property:"og:image",content:f}),f&&r.createElement("meta",{name:"twitter:image",content:f}),u)}},2924:function(e,t,n){"use strict";var r=n(7294).createContext(void 0);t.Z=r},9750:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(2389),s=n(5350),u={themedImage:"themedImage_TMUO","themedImage--light":"themedImage--light_4Vu1","themedImage--dark":"themedImage--dark_uzRr"},c=["sources","className","alt"];var d=function(e){var t=(0,l.Z)(),n=(0,s.Z)().isDarkTheme,d=e.sources,f=e.className,p=e.alt,m=void 0===p?"":p,g=(0,o.Z)(e,c),h=t?n?["dark"]:["light"]:["light","dark"];return a.createElement(a.Fragment,null,h.map((function(e){return a.createElement("img",(0,r.Z)({key:e,src:d[e],alt:m,className:(0,i.Z)(u.themedImage,u["themedImage--"+e],f)},g))})))}},9443:function(e,t,n){"use strict";var r=(0,n(7294).createContext)(void 0);t.Z=r},907:function(e,t,n){"use strict";n.d(t,{Iw:function(){return r.Iw},Jo:function(){return r.Jo},_r:function(){return r._r},gA:function(){return r.gA},gB:function(){return r.gB},yW:function(){return r.yW},zh:function(){return r.zh},zu:function(){return r.zu}});var r=n(6730)},5350:function(e,t,n){"use strict";var r=n(7294),o=n(2924);t.Z=function(){var e=(0,r.useContext)(o.Z);if(null==e)throw new Error('"useThemeContext" is used outside of "Layout" component. Please see https://docusaurus.io/docs/api/themes/configuration#usethemecontext.');return e}},3783:function(e,t,n){"use strict";var r=n(7294),o=n(412),a="desktop",i="mobile",l="ssr";function s(){return o.Z.canUseDOM?window.innerWidth>996?a:i:l}t.Z=function(){var e=(0,r.useState)((function(){return s()})),t=e[0],n=e[1];return(0,r.useEffect)((function(){function e(){n(s())}return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),clearTimeout(undefined)}}),[]),t}},467:function(e,t,n){"use strict";n.r(t);var r=n(412),o=n(9782);t.default=function(e){if(r.Z.canUseDOM){var t=o.default.themeConfig.prism,a=(void 0===t?{}:t).additionalLanguages,i=void 0===a?[]:a;window.Prism=e,i.forEach((function(e){n(6726)("./prism-"+e)})),delete window.Prism}}},2448:function(e,t,n){"use strict";var r=o(n(7410));function o(e){return e&&e.__esModule?e:{default:e}}(0,o(n(467)).default)(r.default)},3616:function(e,t,n){"use strict";n.d(t,{pl:function(){return Be},zF:function(){return ge},HX:function(){return W},PO:function(){return Ce},L5:function(){return N},bT:function(){return C},qu:function(){return k},Cv:function(){return Pe},Cn:function(){return Te},OC:function(){return Ye},kM:function(){return Re},WA:function(){return u},os:function(){return Y},lx:function(){return Le},Wl:function(){return T},_F:function(){return _},Fx:function(){return et},Mg:function(){return v},_f:function(){return c},bc:function(){return H},Vo:function(){return q},nZ:function(){return V},jj:function(){return Oe},l5:function(){return f},nT:function(){return je},uR:function(){return le},J:function(){return F},Vq:function(){return x},E6:function(){return E},Rb:function(){return ze},be:function(){return Ue},SL:function(){return ne},g8:function(){return Ae},D9:function(){return te},RF:function(){return Xe},o5:function(){return Je},DA:function(){return Ve},Si:function(){return He},LU:function(){return o},pe:function(){return K}});var r=n(2263);function o(){return(0,r.Z)().siteConfig.themeConfig}var a="localStorage";function i(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}var l=!1;var s={get:function(){return null},set:function(){},del:function(){}};var u=function(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error('Illegal storage API usage for storage key "'+e+'".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.')}return{get:t,set:t,del:t}}(e);var n=i(null==t?void 0:t.persistence);return null===n?s:{get:function(){try{return n.getItem(e)}catch(t){return console.error("Docusaurus storage error, can't get key="+e,t),null}},set:function(t){try{n.setItem(e,t)}catch(r){console.error("Docusaurus storage error, can't set "+e+"="+t,r)}},del:function(){try{n.removeItem(e)}catch(t){console.error("Docusaurus storage error, can't delete key="+e,t)}}}};function c(e){void 0===e&&(e=a);var t=i(e);if(!t)return[];for(var n=[],r=0;r<t.length;r+=1){var o=t.key(r);null!==o&&n.push(o)}return n}var d=n(6775);function f(){var e=(0,r.Z)(),t=e.siteConfig,n=t.baseUrl,o=t.url,a=e.i18n,i=a.defaultLocale,l=a.currentLocale,s=(0,d.TH)().pathname,u=l===i?n:n.replace("/"+l+"/","/"),c=s.replace(n,"");return{createUrl:function(e){var t=e.locale;return""+(e.fullyQualified?o:"")+function(e){return e===i?""+u:""+u+e+"/"}(t)+c}}}var p=n(907),m=n(7294);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=function(e,t){var n=function(e){return!e||(null==e?void 0:e.endsWith("/"))?e:e+"/"};return n(e)===n(t)},b=!!p._r,y=Symbol("EmptyContext"),w=(0,m.createContext)(y);function k(e){var t=e.children,n=e.version;return m.createElement(w.Provider,{value:n},t)}function E(){var e=(0,m.useContext)(w);if(e===y)throw new Error("This hook requires usage of <DocsVersionProvider>");return e}var S=(0,m.createContext)(y);function C(e){var t=e.children,n=e.sidebar;return m.createElement(S.Provider,{value:n},t)}function x(){var e=(0,m.useContext)(S);if(e===y)throw new Error("This hook requires usage of <DocsSidebarProvider>");return e}function T(e){if(e.href)return e.href;for(var t,n=h(e.items);!(t=n()).done;){var r=t.value;if("link"===r.type)return r.href;if("category"!==r.type)throw new Error("Unexpected category item type for "+JSON.stringify(r));var o=T(r);if(o)return o}}function _(e,t){var n=function(e){return void 0!==e&&v(e,t)};return"link"===e.type?n(e.href):"category"===e.type&&(n(e.href)||function(e,t){return e.some((function(e){return _(e,t)}))}(e.items,t))}var A=function(e){return"docs-preferred-version-"+e},P={save:function(e,t,n){u(A(e),{persistence:t}).set(n)},read:function(e,t){return u(A(e),{persistence:t}).get()},clear:function(e,t){u(A(e),{persistence:t}).del()}};function L(e){var t=e.pluginIds,n=e.versionPersistence,r=e.allDocsData;var o={};return t.forEach((function(e){o[e]=function(e){var t=P.read(e,n);return r[e].versions.some((function(e){return e.name===t}))?{preferredVersionName:t}:(P.clear(e,n),{preferredVersionName:null})}(e)})),o}function O(){var e=(0,p._r)(),t=o().docs.versionPersistence,n=(0,m.useMemo)((function(){return Object.keys(e)}),[e]),r=(0,m.useState)((function(){return function(e){var t={};return e.forEach((function(e){t[e]={preferredVersionName:null}})),t}(n)})),a=r[0],i=r[1];return(0,m.useEffect)((function(){i(L({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]),[a,(0,m.useMemo)((function(){return{savePreferredVersion:function(e,n){P.save(e,t,n),i((function(t){var r;return Object.assign({},t,((r={})[e]={preferredVersionName:n},r))}))}}}),[t])]}var R=(0,m.createContext)(null);function N(e){var t=e.children;return b?m.createElement(D,null,t):t}function D(e){var t=e.children,n=O();return m.createElement(R.Provider,{value:n},t)}var I=n(9935);function F(e){void 0===e&&(e=I.m);var t=(0,p.zh)(e),n=function(){var e=(0,m.useContext)(R);if(!e)throw new Error('Can\'t find docs preferred context, maybe you forgot to use the "DocsPreferredVersionContextProvider"?');return e}(),r=n[0],o=n[1],a=r[e].preferredVersionName;return{preferredVersion:a?t.versions.find((function(e){return e.name===a})):null,savePreferredVersionName:(0,m.useCallback)((function(t){o.savePreferredVersion(e,t)}),[o,e])}}var M=n(7594),B=n.n(M),j=/title=(["'])(.*?)\1/,U=/{([\d,-]+)}/,z=["js","jsBlock","jsx","python","html"],G={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},python:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}},Z=["highlight-next-line","highlight-start","highlight-end"],$=function(e){void 0===e&&(e=z);var t=e.map((function(e){var t=G[e],n=t.start,r=t.end;return"(?:"+n+"\\s*("+Z.join("|")+")\\s*"+r+")"})).join("|");return new RegExp("^\\s*(?:"+t+")\\s*$")};function H(e){var t,n;return null!==(n=null===(t=null==e?void 0:e.match(j))||void 0===t?void 0:t[2])&&void 0!==n?n:""}function q(e){var t=null==e?void 0:e.split(" ").find((function(e){return e.startsWith("language-")}));return null==t?void 0:t.replace(/language-/,"")}function V(e,t,n){var r=e.replace(/\n$/,"");if(t&&U.test(t)){var o=t.match(U)[1];return{highlightLines:B()(o).filter((function(e){return e>0})).map((function(e){return e-1})),code:r}}if(void 0===n)return{highlightLines:[],code:r};for(var a,i=function(e){switch(e){case"js":case"javascript":case"ts":case"typescript":return $(["js","jsBlock"]);case"jsx":case"tsx":return $(["js","jsBlock","jsx"]);case"html":return $(["js","jsBlock","html"]);case"python":case"py":return $(["python"]);default:return $()}}(n),l=r.split("\n"),s="",u=0;u<l.length;){var c=l[u].match(i);if(null!==c){switch(c.slice(1).find((function(e){return void 0!==e}))){case"highlight-next-line":s+=u+",";break;case"highlight-start":a=u;break;case"highlight-end":s+=a+"-"+(u-1)+","}l.splice(u,1)}else u+=1}return{highlightLines:B()(s),code:r=l.join("\n")}}var W="default";function Y(e,t){return"docs-"+e+"-"+t}var K=function(e){var t=(0,r.Z)().siteConfig,n=t.title,o=t.titleDelimiter;return e&&e.trim().length?e.trim()+" "+o+" "+n:n},Q=["zero","one","two","few","many","other"];function X(e){return Q.filter((function(t){return e.includes(t)}))}X(["one","other"]);var J="undefined"!=typeof window?m.useLayoutEffect:m.useEffect;function ee(e){var t=(0,m.useRef)(e);return J((function(){t.current=e}),[e]),(0,m.useCallback)((function(){return t.current.apply(t,arguments)}),[])}function te(e){var t=(0,m.useRef)();return J((function(){t.current=e})),t.current}function ne(e){var t=(0,d.TH)(),n=te(t),r=ee(e);(0,m.useEffect)((function(){t!==n&&r({location:t,previousLocation:n})}),[r,t,n])}var re=n(3366),oe=n(412),ae=["collapsed"],ie=["lazy"];function le(e){var t=e.initialState,n=(0,m.useState)(null!=t&&t),r=n[0],o=n[1],a=(0,m.useCallback)((function(){o((function(e){return!e}))}),[]);return{collapsed:r,setCollapsed:o,toggleCollapsed:a}}var se={display:"none",overflow:"hidden",height:"0px"},ue={display:"block",overflow:"visible",height:"auto"};function ce(e,t){var n=t?se:ue;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function de(e){var t=e.collapsibleRef,n=e.collapsed,r=e.animation,o=(0,m.useRef)(!1);(0,m.useEffect)((function(){var e,a=t.current;function i(){var e,t,n=a.scrollHeight,o=null!==(e=null==r?void 0:r.duration)&&void 0!==e?e:function(e){var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}(n);return{transition:"height "+o+"ms "+(null!==(t=null==r?void 0:r.easing)&&void 0!==t?t:"ease-in-out"),height:n+"px"}}function l(){var e=i();a.style.transition=e.transition,a.style.height=e.height}if(!o.current)return ce(a,n),void(o.current=!0);return a.style.willChange="height",e=requestAnimationFrame((function(){n?(l(),requestAnimationFrame((function(){a.style.height=se.height,a.style.overflow=se.overflow}))):(a.style.display="block",requestAnimationFrame((function(){l()})))})),function(){return cancelAnimationFrame(e)}}),[t,n,r])}function fe(e){if(!oe.Z.canUseDOM)return e?se:ue}function pe(e){var t=e.as,n=void 0===t?"div":t,r=e.collapsed,o=e.children,a=e.animation,i=e.onCollapseTransitionEnd,l=e.className,s=e.disableSSRStyle,u=(0,m.useRef)(null);return de({collapsibleRef:u,collapsed:r,animation:a}),m.createElement(n,{ref:u,style:s?void 0:fe(r),onTransitionEnd:function(e){"height"===e.propertyName&&(ce(u.current,r),null==i||i(r))},className:l},o)}function me(e){var t=e.collapsed,n=(0,re.Z)(e,ae),r=(0,m.useState)(!t),o=r[0],a=r[1];(0,m.useLayoutEffect)((function(){t||a(!0)}),[t]);var i=(0,m.useState)(t),l=i[0],s=i[1];return(0,m.useLayoutEffect)((function(){o&&s(t)}),[o,t]),o?m.createElement(pe,Object.assign({},n,{collapsed:l})):null}function ge(e){var t=e.lazy,n=(0,re.Z)(e,ie),r=t?me:pe;return m.createElement(r,Object.assign({},n))}var he=n(2389),ve=n(6010),be="details_Q743",ye="isBrowser_rWTL",we="collapsibleContent_K5uX",ke=["summary","children"];function Ee(e){return!!e&&("SUMMARY"===e.tagName||Ee(e.parentElement))}function Se(e,t){return!!e&&(e===t||Se(e.parentElement,t))}var Ce=function(e){var t,n=e.summary,r=e.children,o=(0,re.Z)(e,ke),a=(0,he.Z)(),i=(0,m.useRef)(null),l=le({initialState:!o.open}),s=l.collapsed,u=l.setCollapsed,c=(0,m.useState)(o.open),d=c[0],f=c[1];return m.createElement("details",Object.assign({},o,{ref:i,open:d,"data-collapsed":s,className:(0,ve.Z)(be,(t={},t[ye]=a,t),o.className),onMouseDown:function(e){Ee(e.target)&&e.detail>1&&e.preventDefault()},onClick:function(e){e.stopPropagation();var t=e.target;Ee(t)&&Se(t,i.current)&&(e.preventDefault(),s?(u(!1),f(!0)):u(!0))}}),n,m.createElement(ge,{lazy:!1,collapsed:s,disableSSRStyle:!0,onCollapseTransitionEnd:function(e){u(e),f(!e)}},m.createElement("div",{className:we},r)))};var xe=(0,m.createContext)(null);function Te(e){var t=e.children;return m.createElement(xe.Provider,{value:(0,m.useState)(null)},t)}function _e(){var e=(0,m.useContext)(xe);if(null===e)throw new Error("MobileSecondaryMenuProvider was not used correctly, context value is null");return e}function Ae(){var e=_e()[0];if(e){var t=e.component;return function(n){return m.createElement(t,Object.assign({},e.props,n))}}return function(){}}function Pe(e){var t,n=e.component,r=e.props,o=_e()[1],a=(t=r,(0,m.useMemo)((function(){return t}),[].concat(Object.keys(t),Object.values(t))));return(0,m.useEffect)((function(){o({component:n,props:a})}),[o,n,a]),(0,m.useEffect)((function(){return function(){return o(null)}}),[o]),null}function Le(e,t){return void 0===t&&(t=function(e,t){return e===t}),e.filter((function(n,r){return e.findIndex((function(e){return t(e,n)}))!==r}))}function Oe(e){return Array.from(new Set(e))}var Re={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button"},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:function(e){return"theme-doc-sidebar-item-category-level-"+e},docSidebarItemLinkLevel:function(e){return"theme-doc-sidebar-item-link-level-"+e}},blog:{}},Ne=u("docusaurus.announcement.dismiss"),De=u("docusaurus.announcement.id"),Ie=function(){return"true"===Ne.get()},Fe=function(e){return Ne.set(String(e))},Me=(0,m.createContext)(null);function Be(e){var t=e.children,n=function(){var e=o().announcementBar,t=(0,he.Z)(),n=(0,m.useState)((function(){return!!t&&Ie()})),r=n[0],a=n[1];(0,m.useEffect)((function(){a(Ie())}),[]);var i=(0,m.useCallback)((function(){Fe(!0),a(!0)}),[]);return(0,m.useEffect)((function(){if(e){var t=e.id,n=De.get();"annoucement-bar"===n&&(n="announcement-bar");var r=t!==n;De.set(t),r&&Fe(!1),!r&&Ie()||a(!1)}}),[e]),(0,m.useMemo)((function(){return{isActive:!!e&&!r,close:i}}),[e,r,i])}();return m.createElement(Me.Provider,{value:n},t)}var je=function(){var e=(0,m.useContext)(Me);if(!e)throw new Error("useAnnouncementBar(): AnnouncementBar not found in React context: make sure to use the AnnouncementBarProvider on top of the tree");return e};function Ue(){var e=(0,r.Z)().siteConfig.baseUrl;return(0,d.TH)().pathname.replace(e,"/")}n(5999);function ze(e){!function(e){var t=(0,d.k6)().block,n=(0,m.useRef)(e);(0,m.useEffect)((function(){n.current=e}),[e]),(0,m.useEffect)((function(){return t((function(e,t){return n.current(e,t)}))}),[t,n])}((function(t,n){if("POP"===n)return e(t,n)}))}function Ge(e){var t=e.getBoundingClientRect();return t.top===t.bottom?Ge(e.parentNode):t}function Ze(e,t){var n,r=t.anchorTopOffset,o=e.find((function(e){return Ge(e).top>=r}));return o?function(e){return e.top>0&&e.bottom<window.innerHeight/2}(Ge(o))?o:null!==(n=e[e.indexOf(o)-1])&&void 0!==n?n:null:e[e.length-1]}function $e(){var e=(0,m.useRef)(0),t=o().navbar.hideOnScroll;return(0,m.useEffect)((function(){e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}var He=function(e){var t=(0,m.useRef)(void 0),n=$e();(0,m.useEffect)((function(){if(!e)return function(){};var r=e.linkClassName,o=e.linkActiveClassName,a=e.minHeadingLevel,i=e.maxHeadingLevel;function l(){var e=function(e){return Array.from(document.getElementsByClassName(e))}(r),l=function(e){for(var t=e.minHeadingLevel,n=e.maxHeadingLevel,r=[],o=t;o<=n;o+=1)r.push("h"+o+".anchor");return Array.from(document.querySelectorAll(r.join()))}({minHeadingLevel:a,maxHeadingLevel:i}),s=Ze(l,{anchorTopOffset:n.current}),u=e.find((function(e){return s&&s.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)}));e.forEach((function(e){!function(e,n){var r;n?(t.current&&t.current!==e&&(null===(r=t.current)||void 0===r||r.classList.remove(o)),e.classList.add(o),t.current=e):e.classList.remove(o)}(e,e===u)}))}return document.addEventListener("scroll",l),document.addEventListener("resize",l),l(),function(){document.removeEventListener("scroll",l),document.removeEventListener("resize",l)}}),[e,n])};function qe(e){var t=e.toc,n=e.minHeadingLevel,r=e.maxHeadingLevel;return t.flatMap((function(e){var t=qe({toc:e.children,minHeadingLevel:n,maxHeadingLevel:r});return function(e){return e.level>=n&&e.level<=r}(e)?[Object.assign({},e,{children:t})]:t}))}function Ve(e){var t=e.toc,n=e.minHeadingLevel,r=e.maxHeadingLevel;return(0,m.useMemo)((function(){return qe({toc:t,minHeadingLevel:n,maxHeadingLevel:r})}),[t,n,r])}var We=(0,m.createContext)(void 0);function Ye(e){var t,n=e.children;return m.createElement(We.Provider,{value:(t=(0,m.useRef)(!0),(0,m.useMemo)((function(){return{scrollEventsEnabledRef:t,enableScrollEvents:function(){t.current=!0},disableScrollEvents:function(){t.current=!1}}}),[]))},n)}function Ke(){var e=(0,m.useContext)(We);if(null==e)throw new Error('"useScrollController" is used but no context provider was found in the React tree.');return e}var Qe=function(){return oe.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null};function Xe(e,t){void 0===t&&(t=[]);var n=Ke().scrollEventsEnabledRef,r=(0,m.useRef)(Qe()),o=ee(e);(0,m.useEffect)((function(){var e=function(){if(n.current){var e=Qe();o&&o(e,r.current),r.current=e}},t={passive:!0};return e(),window.addEventListener("scroll",e,t),function(){return window.removeEventListener("scroll",e,t)}}),[o,n].concat(t))}function Je(){var e,t,n,r=Ke(),o=(e=(0,m.useRef)({elem:null,top:0}),t=(0,m.useCallback)((function(t){e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,m.useCallback)((function(){var t=e.current,n=t.elem,r=t.top;if(!n)return{restored:!1};var o=n.getBoundingClientRect().top-r;return o&&window.scrollBy({left:0,top:o}),e.current={elem:null,top:0},{restored:0!==o}}),[]),(0,m.useMemo)((function(){return{save:t,restore:n}}),[n,t])),a=(0,m.useRef)(void 0),i=(0,m.useCallback)((function(e){o.save(e),r.disableScrollEvents(),a.current=function(){var e=o.restore().restored;if(a.current=void 0,e){window.addEventListener("scroll",(function e(){r.enableScrollEvents(),window.removeEventListener("scroll",e)}))}else r.enableScrollEvents()}}),[r,o]);return(0,m.useLayoutEffect)((function(){var e;null===(e=a.current)||void 0===e||e.call(a)})),{blockElementScrollPositionUntilNextRender:i}}function et(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}},8802:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.trailingSlash,r=t.baseUrl;if(e.startsWith("#"))return e;if(void 0===n)return e;var o,a=e.split(/[#?]/)[0],i="/"===a||a===r?a:(o=a,n?function(e){return e.endsWith("/")?e:e+"/"}(o):function(e){return e.endsWith("/")?e.slice(0,-1):e}(o));return e.replace(a,i)}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.applyTrailingSlash=void 0;var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}})},6010:function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},2358:function(e,t,n){"use strict";n.d(t,{lX:function(){return S},q_:function(){return P},ob:function(){return g},PP:function(){return O},Ep:function(){return m},Hp:function(){return h}});var r=n(7462);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}var i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),u=l||s;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var c=i[i.length-1];n="."===c||".."===c||""===c}else n=!1;for(var d=0,f=i.length;f>=0;f--){var p=i[f];"."===p?a(i,f):".."===p?(a(i,f),d++):d&&(a(i,f),d--)}if(!u)for(;d--;d)i.unshift("..");!u||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var s=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"==typeof t||"object"==typeof n){var r=l(t),o=l(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},u=n(2177);function c(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function f(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function g(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function h(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&s(e.state,t.state)}function v(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var b=!("undefined"==typeof window||!window.document||!window.document.createElement);function y(e,t){t(window.confirm(e))}var w="popstate",k="hashchange";function E(){try{return window.history.state||{}}catch(e){return{}}}function S(e){void 0===e&&(e={}),b||(0,u.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,l=i.forceRefresh,s=void 0!==l&&l,d=i.getUserConfirmation,h=void 0===d?y:d,S=i.keyLength,C=void 0===S?6:S,x=e.basename?p(c(e.basename)):"";function T(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return x&&(a=f(a,x)),g(a,r,n)}function _(){return Math.random().toString(36).substr(2,C)}var A=v();function P(e){(0,r.Z)(z,e),z.length=n.length,A.notifyListeners(z.location,z.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(T(e.state))}function O(){N(T(E()))}var R=!1;function N(e){if(R)R=!1,P();else{A.confirmTransitionTo(e,"POP",h,(function(t){t?P({action:"POP",location:e}):function(e){var t=z.location,n=I.indexOf(t.key);-1===n&&(n=0);var r=I.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(R=!0,M(o))}(e)}))}}var D=T(E()),I=[D.key];function F(e){return x+m(e)}function M(e){n.go(e)}var B=0;function j(e){1===(B+=e)&&1===e?(window.addEventListener(w,L),a&&window.addEventListener(k,O)):0===B&&(window.removeEventListener(w,L),a&&window.removeEventListener(k,O))}var U=!1;var z={length:n.length,action:"POP",location:D,createHref:F,push:function(e,t){var r="PUSH",a=g(e,t,_(),z.location);A.confirmTransitionTo(a,r,h,(function(e){if(e){var t=F(a),i=a.key,l=a.state;if(o)if(n.pushState({key:i,state:l},null,t),s)window.location.href=t;else{var u=I.indexOf(z.location.key),c=I.slice(0,u+1);c.push(a.key),I=c,P({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=g(e,t,_(),z.location);A.confirmTransitionTo(a,r,h,(function(e){if(e){var t=F(a),i=a.key,l=a.state;if(o)if(n.replaceState({key:i,state:l},null,t),s)window.location.replace(t);else{var u=I.indexOf(z.location.key);-1!==u&&(I[u]=a.key),P({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return U||(j(1),U=!0),function(){return U&&(U=!1,j(-1)),t()}},listen:function(e){var t=A.appendListener(e);return j(1),function(){j(-1),t()}}};return z}var C="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+d(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:d,decodePath:c},slash:{encodePath:c,decodePath:c}};function T(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function _(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function A(e){window.location.replace(T(window.location.href)+"#"+e)}function P(e){void 0===e&&(e={}),b||(0,u.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?y:o,i=n.hashType,l=void 0===i?"slash":i,s=e.basename?p(c(e.basename)):"",d=x[l],h=d.encodePath,w=d.decodePath;function k(){var e=w(_());return s&&(e=f(e,s)),g(e)}var E=v();function S(e){(0,r.Z)(U,e),U.length=t.length,E.notifyListeners(U.location,U.action)}var P=!1,L=null;function O(){var e,t,n=_(),r=h(n);if(n!==r)A(r);else{var o=k(),i=U.location;if(!P&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===m(o))return;L=null,function(e){if(P)P=!1,S();else{var t="POP";E.confirmTransitionTo(e,t,a,(function(n){n?S({action:t,location:e}):function(e){var t=U.location,n=I.lastIndexOf(m(t));-1===n&&(n=0);var r=I.lastIndexOf(m(e));-1===r&&(r=0);var o=n-r;o&&(P=!0,F(o))}(e)}))}}(o)}}var R=_(),N=h(R);R!==N&&A(N);var D=k(),I=[m(D)];function F(e){t.go(e)}var M=0;function B(e){1===(M+=e)&&1===e?window.addEventListener(C,O):0===M&&window.removeEventListener(C,O)}var j=!1;var U={length:t.length,action:"POP",location:D,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=T(window.location.href)),n+"#"+h(s+m(e))},push:function(e,t){var n="PUSH",r=g(e,void 0,void 0,U.location);E.confirmTransitionTo(r,n,a,(function(e){if(e){var t=m(r),o=h(s+t);if(_()!==o){L=t,function(e){window.location.hash=e}(o);var a=I.lastIndexOf(m(U.location)),i=I.slice(0,a+1);i.push(t),I=i,S({action:n,location:r})}else S()}}))},replace:function(e,t){var n="REPLACE",r=g(e,void 0,void 0,U.location);E.confirmTransitionTo(r,n,a,(function(e){if(e){var t=m(r),o=h(s+t);_()!==o&&(L=t,A(o));var a=I.indexOf(m(U.location));-1!==a&&(I[a]=t),S({action:n,location:r})}}))},go:F,goBack:function(){F(-1)},goForward:function(){F(1)},block:function(e){void 0===e&&(e=!1);var t=E.setPrompt(e);return j||(B(1),j=!0),function(){return j&&(j=!1,B(-1)),t()}},listen:function(e){var t=E.appendListener(e);return B(1),function(){B(-1),t()}}};return U}function L(e,t,n){return Math.min(Math.max(e,t),n)}function O(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,u=void 0===s?6:s,c=v();function d(e){(0,r.Z)(w,e),w.length=w.entries.length,c.notifyListeners(w.location,w.action)}function f(){return Math.random().toString(36).substr(2,u)}var p=L(l,0,a.length-1),h=a.map((function(e){return g(e,void 0,"string"==typeof e?f():e.key||f())})),b=m;function y(e){var t=L(w.index+e,0,w.entries.length-1),r=w.entries[t];c.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:h.length,action:"POP",location:h[p],index:p,entries:h,createHref:b,push:function(e,t){var r="PUSH",o=g(e,t,f(),w.location);c.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=g(e,t,f(),w.location);c.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),c.setPrompt(e)},listen:function(e){return c.appendListener(e)}};return w}},8679:function(e,t,n){"use strict";var r=n(9864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||o}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=p(n);o&&o!==m&&e(t,o,r)}var i=c(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),h=0;h<i.length;++h){var v=i[h];if(!(a[v]||r&&r[v]||g&&g[v]||l&&l[v])){var b=f(n,v);try{u(t,v,b)}catch(y){}}}}return t}},5826:function(e){e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},6743:function(e,t,n){"use strict";n.r(t)},2497:function(e,t,n){"use strict";n.r(t)},2295:function(e,t,n){"use strict";n.r(t)},4865:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),u=a.querySelector(r.barSelector),c=r.speed,d=r.easing;return a.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(u,i(e,c,d)),1===e?(s(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){s(a,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),c)}),c)):setTimeout(t,c)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),l=e?"-100":a(n.status||0),u=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&p(o),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&p(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function u(e,t){return("string"==typeof e?e:f(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=f(e),r=n+t;u(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=f(e);u(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function p(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},7418:function(e){"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,a){for(var i,l,s=o(e),u=1;u<arguments.length;u++){for(var c in i=Object(arguments[u]))n.call(i,c)&&(s[c]=i[c]);if(t){l=t(i);for(var d=0;d<l.length;d++)r.call(i,l[d])&&(s[l[d]]=i[l[d]])}}return s}},7594:function(e,t){function n(e){let t,n=[];for(let r of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(r))n.push(parseInt(r,10));else if(t=r.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,r,o,a]=t;if(r&&a){r=parseInt(r),a=parseInt(a);const e=r<a?1:-1;"-"!==o&&".."!==o&&"\u2025"!==o||(a+=e);for(let t=r;t!==a;t+=e)n.push(t)}}return n}t.default=n,e.exports=n},7410:function(e,t,n){"use strict";n.r(t);var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=a[l])}var u=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===u&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],u=r.util.type(s);"Object"!==u||a[i(s)]?"Array"!==u||a[i(s)]||(a[i(s)]=!0,e(s,n,l,a)):(a[i(s)]=!0,e(s,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return r.hooks.run("before-tokenize",a),a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,l,c,d){for(var f in n)if(n.hasOwnProperty(f)&&n[f]){var p=n[f];p=Array.isArray(p)?p:[p];for(var m=0;m<p.length;++m){if(d&&d.cause==f+","+m)return;var g=p[m],h=g.inside,v=!!g.lookbehind,b=!!g.greedy,y=g.alias;if(b&&!g.pattern.global){var w=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,w+"g")}for(var k=g.pattern||g,E=l.next,S=c;E!==t.tail&&!(d&&S>=d.reach);S+=E.value.length,E=E.next){var C=E.value;if(t.length>e.length)return;if(!(C instanceof o)){var x,T=1;if(b){if(!(x=a(k,S,e,v))||x.index>=e.length)break;var _=x.index,A=x.index+x[0].length,P=S;for(P+=E.value.length;_>=P;)P+=(E=E.next).value.length;if(S=P-=E.value.length,E.value instanceof o)continue;for(var L=E;L!==t.tail&&(P<A||"string"==typeof L.value);L=L.next)T++,P+=L.value.length;T--,C=e.slice(S,P),x.index-=S}else if(!(x=a(k,0,C,v)))continue;_=x.index;var O=x[0],R=C.slice(0,_),N=C.slice(_+O.length),D=S+C.length;d&&D>d.reach&&(d.reach=D);var I=E.prev;if(R&&(I=s(t,I,R),S+=R.length),u(t,I,T),E=s(t,I,new o(f,h?r.tokenize(O,h):O,y,O)),N&&s(t,E,N),T>1){var F={cause:f+","+m,reach:D};i(e,t,n,E.prev,S,F),d&&F.reach>d.reach&&(d.reach=F.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function u(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var l="";for(var s in a.attributes)l+=" "+s+'="'+(a.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},r}(),o=r;r.default=r,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var a={};a[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},o.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(o);r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(s+=i(t[r+1]),t.splice(r+1,1)),r>0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(s=i(t[r-1])+s,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",s,null,s)}o.content&&"string"!=typeof o.content&&l(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];"RegExp"===e.util.type(a)&&(a=e.languages.javascript[o]={pattern:a});var i=a.inside||{};a.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function u(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,s(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function c(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,c={},d=s(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=l(i++,r)););return c[n]=o,n})).join(""),n,r),f=Object.keys(c);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=f.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=f[i],a="string"==typeof r?r:r.content,l=a.indexOf(o);if(-1!==l){++i;var s=a.substring(0,l),d=u(c[o]),p=a.substring(l+o.length),m=[];if(s&&m.push(s),m.push(d),p){var g=[p];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var h=r.content;Array.isArray(h)?e(h):e([h])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function f(e){return"string"==typeof e?e:Array.isArray(e)?e.map(f).join(""):f(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,o=n.length;r<o;r++){var a=n[r];if("string"!=typeof a){var i=a.content;if(Array.isArray(i))if("template-string"===a.type){var l=i[1];if(3===i.length&&"string"!=typeof l&&"embedded-code"===l.type){var s=f(l),u=l.alias,d=Array.isArray(u)?u[0]:u,p=e.languages[d];if(!p)continue;i[1]=c(s,p,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===c(1).content){n+=2;var a=f(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=c(0);"variable"===i.type&&(p(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===c(0).content&&(n++,p(c(0),"property-mutation"),o.length>0)){var l=f(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s<l;s++){var u=t[s];"variable"===u.type&&o.indexOf(u.content)>=0&&p(u,"variable-input")}}}}function c(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=c(n+t);if(!r||r.type!==e[n])return!1}return!0}function f(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(r.test(l)&&0===--o)return a}return-1}function p(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(r,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=a.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=a[o],d=n.tokenStack[c],f="string"==typeof u?u:u.content,p=t(r,c),m=f.indexOf(p);if(m>-1){++o;var g=f.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),v=f.substring(m+p.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),v&&b.push.apply(b,i([v])),"string"==typeof u?l.splice.apply(l,[s,1].concat(b)):u.content=b}}else u.content&&i(u.content)}return l}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o=t[n];if("code"===o.type){var a=o.content[1],i=o.content[3];if(a&&i&&"code-language"===a.type&&"code-block"===i.type&&"string"==typeof a.content){var l=a.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),s="language-"+(l=(/[a-z][\w-]*/i.exec(l)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,s]:i.alias.push(s):i.alias=[s]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r],u=/language-(.+)/.exec(a);if(u){n=u[1];break}}var c,d=e.languages[n];if(d)t.content=e.highlight((c=t.content,c.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n);var r=l[t];return r||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var f="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=f,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(f);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/},function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),t.default=o},9901:function(e){e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},bash:{title:"Bash",alias:"shell",aliasTitles:{shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:"hbs",owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (Scss)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:function(e,t,n){const r=n(9901),o=n(9642),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6726:function(e,t,n){var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6726},6500:function(e,t,n){var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6500},9642:function(e){"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var l={},s=e[r];if(s){function u(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in l))for(var i in o(t,a),l[t]=!0,n[t])l[i]=!0}t(s.require,u),t(s.optional,u),t(s.modify,u)}n[r]=l,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,l){var s=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),u=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(s);i=i.map(u),l=(l||[]).map(u);var c=n(i),d=n(l);i.forEach((function e(n){var r=s[n];t(r&&r.require,(function(t){t in d||(c[t]=!0,e(t))}))}));for(var f,p=r(s),m=c;o(m);){for(var g in f={},m){var h=s[g];t(h&&h.modify,(function(e){e in d&&(f[e]=!0)}))}for(var v in d)if(!(v in c))for(var b in p(v))if(b in c){f[v]=!0;break}for(var y in m=f)c[y]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var o,c=[];for(var d in t(e))d in n&&c.push(d);if(0===c.length)o=r(e);else{var f=i(c.map((function(e){var t=u(e);return delete s[e],t})));a?o=a(f,(function(){return r(e)})):r(e)}return l[e]=o}for(var c in n)u(c);var d=[];for(var f in s)d.push(l[f]);return i(d)}(p,c,t,n)}};return w}}();e.exports=t},2703:function(e,t,n){"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},5697:function(e,t,n){e.exports=n(2703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:function(e,t,n){"use strict";var r=n(7294),o=n(7418),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(i(227));var l=new Set,s={};function u(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)l.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),f=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p=Object.prototype.hasOwnProperty,m={},g={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var v={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){v[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];v[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){v[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){v[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){v[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){v[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){v[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){v[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){v[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function w(e,t,n,r){var o=v.hasOwnProperty(t)?v[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!p.call(g,e)||!p.call(m,e)&&(f.test(e)?g[e]=!0:(m[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){v[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),v.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){v[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,E=60103,S=60106,C=60107,x=60108,T=60114,_=60109,A=60110,P=60112,L=60113,O=60120,R=60115,N=60116,D=60121,I=60128,F=60129,M=60130,B=60131;if("function"==typeof Symbol&&Symbol.for){var j=Symbol.for;E=j("react.element"),S=j("react.portal"),C=j("react.fragment"),x=j("react.strict_mode"),T=j("react.profiler"),_=j("react.provider"),A=j("react.context"),P=j("react.forward_ref"),L=j("react.suspense"),O=j("react.suspense_list"),R=j("react.memo"),N=j("react.lazy"),D=j("react.block"),j("react.scope"),I=j("react.opaque.id"),F=j("react.debug_trace_mode"),M=j("react.offscreen"),B=j("react.legacy_hidden")}var U,z="function"==typeof Symbol&&Symbol.iterator;function G(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=z&&e[z]||e["@@iterator"])?e:null}function Z(e){if(void 0===U)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);U=t&&t[1]||""}return"\n"+U+e}var $=!1;function H(e,t){if(!e||$)return"";$=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(s){var r=s}Reflect.construct(e,[],t)}else{try{t.call()}catch(s){r=s}e.call(t.prototype)}else{try{throw Error()}catch(s){r=s}e()}}catch(s){if(s&&r&&"string"==typeof s.stack){for(var o=s.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,l=a.length-1;1<=i&&0<=l&&o[i]!==a[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==a[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==a[l])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=l);break}}}finally{$=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Z(e):""}function q(e){switch(e.tag){case 5:return Z(e.type);case 16:return Z("Lazy");case 13:return Z("Suspense");case 19:return Z("SuspenseList");case 0:case 2:case 15:return e=H(e.type,!1);case 11:return e=H(e.type.render,!1);case 22:return e=H(e.type._render,!1);case 1:return e=H(e.type,!0);default:return""}}function V(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case C:return"Fragment";case S:return"Portal";case T:return"Profiler";case x:return"StrictMode";case L:return"Suspense";case O:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case P:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case R:return V(e.type);case D:return V(e._render);case N:t=e._payload,e=e._init;try{return V(e(t))}catch(n){}}return null}function W(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function Y(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function K(e){e._valueTracker||(e._valueTracker=function(e){var t=Y(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Y(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=W(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&w(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=W(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,W(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+W(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function le(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function se(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:W(n)}}function ue(e,t){var n=W(t.value),r=W(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ce(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de="http://www.w3.org/1999/xhtml",fe="http://www.w3.org/2000/svg";function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function me(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ge,he,ve=(he=function(e,t){if(e.namespaceURI!==fe||"innerHTML"in e)e.innerHTML=t;else{for((ge=ge||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ge.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return he(e,t)}))}:he);function be(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ye={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function ke(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ye.hasOwnProperty(e)&&ye[e]?(""+t).trim():t+"px"}function Ee(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ke(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ye).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ye[t]=ye[e]}))}));var Se=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ce(e,t){if(t){if(Se[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function xe(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function Te(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var _e=null,Ae=null,Pe=null;function Le(e){if(e=ro(e)){if("function"!=typeof _e)throw Error(i(280));var t=e.stateNode;t&&(t=ao(t),_e(e.stateNode,e.type,t))}}function Oe(e){Ae?Pe?Pe.push(e):Pe=[e]:Ae=e}function Re(){if(Ae){var e=Ae,t=Pe;if(Pe=Ae=null,Le(e),t)for(e=0;e<t.length;e++)Le(t[e])}}function Ne(e,t){return e(t)}function De(e,t,n,r,o){return e(t,n,r,o)}function Ie(){}var Fe=Ne,Me=!1,Be=!1;function je(){null===Ae&&null===Pe||(Ie(),Re())}function Ue(e,t){var n=e.stateNode;if(null===n)return null;var r=ao(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var ze=!1;if(d)try{var Ge={};Object.defineProperty(Ge,"passive",{get:function(){ze=!0}}),window.addEventListener("test",Ge,Ge),window.removeEventListener("test",Ge,Ge)}catch(he){ze=!1}function Ze(e,t,n,r,o,a,i,l,s){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(c){this.onError(c)}}var $e=!1,He=null,qe=!1,Ve=null,We={onError:function(e){$e=!0,He=e}};function Ye(e,t,n,r,o,a,i,l,s){$e=!1,He=null,Ze.apply(We,arguments)}function Ke(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Xe(e){if(Ke(e)!==e)throw Error(i(188))}function Je(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ke(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var a=o.alternate;if(null===a){if(null!==(r=o.return)){n=r;continue}break}if(o.child===a.child){for(a=o.child;a;){if(a===n)return Xe(o),e;if(a===r)return Xe(o),t;a=a.sibling}throw Error(i(188))}if(n.return!==r.return)n=o,r=a;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,r=a;break}if(s===r){l=!0,r=o,n=a;break}s=s.sibling}if(!l){for(s=a.child;s;){if(s===n){l=!0,n=a,r=o;break}if(s===r){l=!0,r=a,n=o;break}s=s.sibling}if(!l)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function et(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var tt,nt,rt,ot,at=!1,it=[],lt=null,st=null,ut=null,ct=new Map,dt=new Map,ft=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function mt(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function gt(e,t){switch(e){case"focusin":case"focusout":lt=null;break;case"dragenter":case"dragleave":st=null;break;case"mouseover":case"mouseout":ut=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":dt.delete(t.pointerId)}}function ht(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e=mt(t,n,r,o,a),null!==t&&(null!==(t=ro(t))&&nt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function vt(e){var t=no(e.target);if(null!==t){var n=Ke(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Qe(n)))return e.blockedOn=t,void ot(e.lanePriority,(function(){a.unstable_runWithPriority(e.priority,(function(){rt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function bt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=ro(n))&&nt(t),e.blockedOn=n,!1;t.shift()}return!0}function yt(e,t,n){bt(e)&&n.delete(t)}function wt(){for(at=!1;0<it.length;){var e=it[0];if(null!==e.blockedOn){null!==(e=ro(e.blockedOn))&&tt(e);break}for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&it.shift()}null!==lt&&bt(lt)&&(lt=null),null!==st&&bt(st)&&(st=null),null!==ut&&bt(ut)&&(ut=null),ct.forEach(yt),dt.forEach(yt)}function kt(e,t){e.blockedOn===t&&(e.blockedOn=null,at||(at=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,wt)))}function Et(e){function t(t){return kt(t,e)}if(0<it.length){kt(it[0],e);for(var n=1;n<it.length;n++){var r=it[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==lt&&kt(lt,e),null!==st&&kt(st,e),null!==ut&&kt(ut,e),ct.forEach(t),dt.forEach(t),n=0;n<ft.length;n++)(r=ft[n]).blockedOn===e&&(r.blockedOn=null);for(;0<ft.length&&null===(n=ft[0]).blockedOn;)vt(n),null===n.blockedOn&&ft.shift()}function St(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Ct={animationend:St("Animation","AnimationEnd"),animationiteration:St("Animation","AnimationIteration"),animationstart:St("Animation","AnimationStart"),transitionend:St("Transition","TransitionEnd")},xt={},Tt={};function _t(e){if(xt[e])return xt[e];if(!Ct[e])return e;var t,n=Ct[e];for(t in n)if(n.hasOwnProperty(t)&&t in Tt)return xt[e]=n[t];return e}d&&(Tt=document.createElement("div").style,"AnimationEvent"in window||(delete Ct.animationend.animation,delete Ct.animationiteration.animation,delete Ct.animationstart.animation),"TransitionEvent"in window||delete Ct.transitionend.transition);var At=_t("animationend"),Pt=_t("animationiteration"),Lt=_t("animationstart"),Ot=_t("transitionend"),Rt=new Map,Nt=new Map,Dt=["abort","abort",At,"animationEnd",Pt,"animationIteration",Lt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Ot,"transitionEnd","waiting","waiting"];function It(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Nt.set(r,t),Rt.set(r,o),u(o,[r])}}(0,a.unstable_now)();var Ft=8;function Mt(e){if(0!=(1&e))return Ft=15,1;if(0!=(2&e))return Ft=14,2;if(0!=(4&e))return Ft=13,4;var t=24&e;return 0!==t?(Ft=12,t):0!=(32&e)?(Ft=11,32):0!==(t=192&e)?(Ft=10,t):0!=(256&e)?(Ft=9,256):0!==(t=3584&e)?(Ft=8,t):0!=(4096&e)?(Ft=7,4096):0!==(t=4186112&e)?(Ft=6,t):0!==(t=62914560&e)?(Ft=5,t):67108864&e?(Ft=4,67108864):0!=(134217728&e)?(Ft=3,134217728):0!==(t=805306368&e)?(Ft=2,t):0!=(1073741824&e)?(Ft=1,1073741824):(Ft=8,e)}function Bt(e,t){var n=e.pendingLanes;if(0===n)return Ft=0;var r=0,o=0,a=e.expiredLanes,i=e.suspendedLanes,l=e.pingedLanes;if(0!==a)r=a,o=Ft=15;else if(0!==(a=134217727&n)){var s=a&~i;0!==s?(r=Mt(s),o=Ft):0!==(l&=a)&&(r=Mt(l),o=Ft)}else 0!==(a=n&~i)?(r=Mt(a),o=Ft):0!==l&&(r=Mt(l),o=Ft);if(0===r)return 0;if(r=n&((0>(r=31-$t(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&i)){if(Mt(t),o<=Ft)return t;Ft=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-$t(t)),r|=e[n],t&=~o;return r}function jt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ut(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=zt(24&~t))?Ut(10,t):e;case 10:return 0===(e=zt(192&~t))?Ut(8,t):e;case 8:return 0===(e=zt(3584&~t))&&(0===(e=zt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=zt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function zt(e){return e&-e}function Gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Zt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-$t(t)]=n}var $t=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(Ht(e)/qt|0)|0},Ht=Math.log,qt=Math.LN2;var Vt=a.unstable_UserBlockingPriority,Wt=a.unstable_runWithPriority,Yt=!0;function Kt(e,t,n,r){Me||Ie();var o=Xt,a=Me;Me=!0;try{De(o,e,t,n,r)}finally{(Me=a)||je()}}function Qt(e,t,n,r){Wt(Vt,Xt.bind(null,e,t,n,r))}function Xt(e,t,n,r){var o;if(Yt)if((o=0==(4&t))&&0<it.length&&-1<pt.indexOf(e))e=mt(null,e,t,n,r),it.push(e);else{var a=Jt(e,t,n,r);if(null===a)o&&gt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=mt(a,e,t,n,r),void it.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return lt=ht(lt,e,t,n,r,o),!0;case"dragenter":return st=ht(st,e,t,n,r,o),!0;case"mouseover":return ut=ht(ut,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return ct.set(a,ht(ct.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,dt.set(a,ht(dt.get(a)||null,e,t,n,r,o)),!0}return!1}(a,e,t,n,r))return;gt(e,r)}Ir(e,t,r,null,n)}}}function Jt(e,t,n,r){var o=Te(r);if(null!==(o=no(o))){var a=Ke(o);if(null===a)o=null;else{var i=a.tag;if(13===i){if(null!==(o=Qe(a)))return o;o=null}else if(3===i){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;o=null}else a!==o&&(o=null)}}return Ir(e,t,r,o,n),null}var en=null,tn=null,nn=null;function rn(){if(nn)return nn;var e,t,n=tn,r=n.length,o="value"in en?en.value:en.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return nn=o.slice(e,1<t?1-t:void 0)}function on(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function an(){return!0}function ln(){return!1}function sn(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?an:ln,this.isPropagationStopped=ln,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=an)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=an)},persist:function(){},isPersistent:an}),t}var un,cn,dn,fn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=sn(fn),mn=o({},fn,{view:0,detail:0}),gn=sn(mn),hn=o({},mn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:An,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==dn&&(dn&&"mousemove"===e.type?(un=e.screenX-dn.screenX,cn=e.screenY-dn.screenY):cn=un=0,dn=e),un)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),vn=sn(hn),bn=sn(o({},hn,{dataTransfer:0})),yn=sn(o({},mn,{relatedTarget:0})),wn=sn(o({},fn,{animationName:0,elapsedTime:0,pseudoElement:0})),kn=o({},fn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),En=sn(kn),Sn=sn(o({},fn,{data:0})),Cn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Tn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function _n(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Tn[e])&&!!t[e]}function An(){return _n}var Pn=o({},mn,{key:function(e){if(e.key){var t=Cn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=on(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:An,charCode:function(e){return"keypress"===e.type?on(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?on(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Ln=sn(Pn),On=sn(o({},hn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Rn=sn(o({},mn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:An})),Nn=sn(o({},fn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Dn=o({},hn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),In=sn(Dn),Fn=[9,13,27,32],Mn=d&&"CompositionEvent"in window,Bn=null;d&&"documentMode"in document&&(Bn=document.documentMode);var jn=d&&"TextEvent"in window&&!Bn,Un=d&&(!Mn||Bn&&8<Bn&&11>=Bn),zn=String.fromCharCode(32),Gn=!1;function Zn(e,t){switch(e){case"keyup":return-1!==Fn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $n(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Hn=!1;var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!qn[e.type]:"textarea"===t}function Wn(e,t,n,r){Oe(r),0<(t=Mr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Yn=null,Kn=null;function Qn(e){Pr(e,0)}function Xn(e){if(Q(oo(e)))return e}function Jn(e,t){if("change"===e)return t}var er=!1;if(d){var tr;if(d){var nr="oninput"in document;if(!nr){var rr=document.createElement("div");rr.setAttribute("oninput","return;"),nr="function"==typeof rr.oninput}tr=nr}else tr=!1;er=tr&&(!document.documentMode||9<document.documentMode)}function or(){Yn&&(Yn.detachEvent("onpropertychange",ar),Kn=Yn=null)}function ar(e){if("value"===e.propertyName&&Xn(Kn)){var t=[];if(Wn(t,Kn,e,Te(e)),e=Qn,Me)e(t);else{Me=!0;try{Ne(e,t)}finally{Me=!1,je()}}}}function ir(e,t,n){"focusin"===e?(or(),Kn=n,(Yn=t).attachEvent("onpropertychange",ar)):"focusout"===e&&or()}function lr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Xn(Kn)}function sr(e,t){if("click"===e)return Xn(t)}function ur(e,t){if("input"===e||"change"===e)return Xn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},dr=Object.prototype.hasOwnProperty;function fr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!dr.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function mr(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function gr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?gr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function hr(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function vr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var br=d&&"documentMode"in document&&11>=document.documentMode,yr=null,wr=null,kr=null,Er=!1;function Sr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;Er||null==yr||yr!==X(r)||("selectionStart"in(r=yr)&&vr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},kr&&fr(kr,r)||(kr=r,0<(r=Mr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=yr)))}It("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),It("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),It(Dt,2);for(var Cr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),xr=0;xr<Cr.length;xr++)Nt.set(Cr[xr],0);c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),u("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),u("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),u("onBeforeInput",["compositionend","keypress","textInput","paste"]),u("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),u("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),u("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Tr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),_r=new Set("cancel close invalid load scroll toggle".split(" ").concat(Tr));function Ar(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,a,l,s,u){if(Ye.apply(this,arguments),$e){if(!$e)throw Error(i(198));var c=He;$e=!1,He=null,qe||(qe=!0,Ve=c)}}(r,t,void 0,e),e.currentTarget=null}function Pr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var l=r[i],s=l.instance,u=l.currentTarget;if(l=l.listener,s!==a&&o.isPropagationStopped())break e;Ar(o,l,u),a=s}else for(i=0;i<r.length;i++){if(s=(l=r[i]).instance,u=l.currentTarget,l=l.listener,s!==a&&o.isPropagationStopped())break e;Ar(o,l,u),a=s}}}if(qe)throw e=Ve,qe=!1,Ve=null,e}function Lr(e,t){var n=io(t),r=e+"__bubble";n.has(r)||(Dr(t,e,2,!1),n.add(r))}var Or="_reactListening"+Math.random().toString(36).slice(2);function Rr(e){e[Or]||(e[Or]=!0,l.forEach((function(t){_r.has(t)||Nr(t,!1,e,null),Nr(t,!0,e,null)})))}function Nr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&_r.has(e)){if("scroll"!==e)return;o|=2,a=r}var i=io(a),l=e+"__"+(t?"capture":"bubble");i.has(l)||(t&&(o|=4),Dr(a,e,o,t),i.add(l))}function Dr(e,t,n,r){var o=Nt.get(t);switch(void 0===o?2:o){case 0:o=Kt;break;case 1:o=Qt;break;default:o=Xt}n=o.bind(null,t,n,e),o=void 0,!ze||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Ir(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var l=r.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=no(l)))return;if(5===(s=i.tag)||6===s){r=a=i;continue e}l=l.parentNode}}r=r.return}!function(e,t,n){if(Be)return e(t,n);Be=!0;try{Fe(e,t,n)}finally{Be=!1,je()}}((function(){var r=a,o=Te(n),i=[];e:{var l=Rt.get(e);if(void 0!==l){var s=pn,u=e;switch(e){case"keypress":if(0===on(n))break e;case"keydown":case"keyup":s=Ln;break;case"focusin":u="focus",s=yn;break;case"focusout":u="blur",s=yn;break;case"beforeblur":case"afterblur":s=yn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=vn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=bn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=Rn;break;case At:case Pt:case Lt:s=wn;break;case Ot:s=Nn;break;case"scroll":s=gn;break;case"wheel":s=In;break;case"copy":case"cut":case"paste":s=En;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=On}var c=0!=(4&t),d=!c&&"scroll"===e,f=c?null!==l?l+"Capture":null:l;c=[];for(var p,m=r;null!==m;){var g=(p=m).stateNode;if(5===p.tag&&null!==g&&(p=g,null!==f&&(null!=(g=Ue(m,f))&&c.push(Fr(m,g,p)))),d)break;m=m.return}0<c.length&&(l=new s(l,u,null,n,o),i.push({event:l,listeners:c}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(u=n.relatedTarget||n.fromElement)||!no(u)&&!u[eo])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=r,null!==(u=(u=n.relatedTarget||n.toElement)?no(u):null)&&(u!==(d=Ke(u))||5!==u.tag&&6!==u.tag)&&(u=null)):(s=null,u=r),s!==u)){if(c=vn,g="onMouseLeave",f="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(c=On,g="onPointerLeave",f="onPointerEnter",m="pointer"),d=null==s?l:oo(s),p=null==u?l:oo(u),(l=new c(g,m+"leave",s,n,o)).target=d,l.relatedTarget=p,g=null,no(o)===r&&((c=new c(f,m+"enter",u,n,o)).target=p,c.relatedTarget=d,g=c),d=g,s&&u)e:{for(f=u,m=0,p=c=s;p;p=Br(p))m++;for(p=0,g=f;g;g=Br(g))p++;for(;0<m-p;)c=Br(c),m--;for(;0<p-m;)f=Br(f),p--;for(;m--;){if(c===f||null!==f&&c===f.alternate)break e;c=Br(c),f=Br(f)}c=null}else c=null;null!==s&&jr(i,l,s,c,!1),null!==u&&null!==d&&jr(i,d,u,c,!0)}if("select"===(s=(l=r?oo(r):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Jn;else if(Vn(l))if(er)h=ur;else{h=lr;var v=ir}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=sr);switch(h&&(h=h(e,r))?Wn(i,h,n,o):(v&&v(e,l,r),"focusout"===e&&(v=l._wrapperState)&&v.controlled&&"number"===l.type&&oe(l,"number",l.value)),v=r?oo(r):window,e){case"focusin":(Vn(v)||"true"===v.contentEditable)&&(yr=v,wr=r,kr=null);break;case"focusout":kr=wr=yr=null;break;case"mousedown":Er=!0;break;case"contextmenu":case"mouseup":case"dragend":Er=!1,Sr(i,n,o);break;case"selectionchange":if(br)break;case"keydown":case"keyup":Sr(i,n,o)}var b;if(Mn)e:{switch(e){case"compositionstart":var y="onCompositionStart";break e;case"compositionend":y="onCompositionEnd";break e;case"compositionupdate":y="onCompositionUpdate";break e}y=void 0}else Hn?Zn(e,n)&&(y="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(y="onCompositionStart");y&&(Un&&"ko"!==n.locale&&(Hn||"onCompositionStart"!==y?"onCompositionEnd"===y&&Hn&&(b=rn()):(tn="value"in(en=o)?en.value:en.textContent,Hn=!0)),0<(v=Mr(r,y)).length&&(y=new Sn(y,e,null,n,o),i.push({event:y,listeners:v}),b?y.data=b:null!==(b=$n(n))&&(y.data=b))),(b=jn?function(e,t){switch(e){case"compositionend":return $n(t);case"keypress":return 32!==t.which?null:(Gn=!0,zn);case"textInput":return(e=t.data)===zn&&Gn?null:e;default:return null}}(e,n):function(e,t){if(Hn)return"compositionend"===e||!Mn&&Zn(e,t)?(e=rn(),nn=tn=en=null,Hn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Un&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Mr(r,"onBeforeInput")).length&&(o=new Sn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=b))}Pr(i,t)}))}function Fr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Mr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Ue(e,n))&&r.unshift(Fr(e,a,o)),null!=(a=Ue(e,t))&&r.push(Fr(e,a,o))),e=e.return}return r}function Br(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function jr(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var l=n,s=l.alternate,u=l.stateNode;if(null!==s&&s===r)break;5===l.tag&&null!==u&&(l=u,o?null!=(s=Ue(n,a))&&i.unshift(Fr(n,s,l)):o||null!=(s=Ue(n,a))&&i.push(Fr(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Ur(){}var zr=null,Gr=null;function Zr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function $r(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var Hr="function"==typeof setTimeout?setTimeout:void 0,qr="function"==typeof clearTimeout?clearTimeout:void 0;function Vr(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Wr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Yr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Kr=0;var Qr=Math.random().toString(36).slice(2),Xr="__reactFiber$"+Qr,Jr="__reactProps$"+Qr,eo="__reactContainer$"+Qr,to="__reactEvents$"+Qr;function no(e){var t=e[Xr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[eo]||n[Xr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Yr(e);null!==e;){if(n=e[Xr])return n;e=Yr(e)}return t}n=(e=n).parentNode}return null}function ro(e){return!(e=e[Xr]||e[eo])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function oo(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function ao(e){return e[Jr]||null}function io(e){var t=e[to];return void 0===t&&(t=e[to]=new Set),t}var lo=[],so=-1;function uo(e){return{current:e}}function co(e){0>so||(e.current=lo[so],lo[so]=null,so--)}function fo(e,t){so++,lo[so]=e.current,e.current=t}var po={},mo=uo(po),go=uo(!1),ho=po;function vo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function bo(e){return null!=(e=e.childContextTypes)}function yo(){co(go),co(mo)}function wo(e,t,n){if(mo.current!==po)throw Error(i(168));fo(mo,t),fo(go,n)}function ko(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,V(t)||"Unknown",a));return o({},n,r)}function Eo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,ho=mo.current,fo(mo,e),fo(go,go.current),!0}function So(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=ko(e,t,ho),r.__reactInternalMemoizedMergedChildContext=e,co(go),co(mo),fo(mo,e)):co(go),fo(go,n)}var Co=null,xo=null,To=a.unstable_runWithPriority,_o=a.unstable_scheduleCallback,Ao=a.unstable_cancelCallback,Po=a.unstable_shouldYield,Lo=a.unstable_requestPaint,Oo=a.unstable_now,Ro=a.unstable_getCurrentPriorityLevel,No=a.unstable_ImmediatePriority,Do=a.unstable_UserBlockingPriority,Io=a.unstable_NormalPriority,Fo=a.unstable_LowPriority,Mo=a.unstable_IdlePriority,Bo={},jo=void 0!==Lo?Lo:function(){},Uo=null,zo=null,Go=!1,Zo=Oo(),$o=1e4>Zo?Oo:function(){return Oo()-Zo};function Ho(){switch(Ro()){case No:return 99;case Do:return 98;case Io:return 97;case Fo:return 96;case Mo:return 95;default:throw Error(i(332))}}function qo(e){switch(e){case 99:return No;case 98:return Do;case 97:return Io;case 96:return Fo;case 95:return Mo;default:throw Error(i(332))}}function Vo(e,t){return e=qo(e),To(e,t)}function Wo(e,t,n){return e=qo(e),_o(e,t,n)}function Yo(){if(null!==zo){var e=zo;zo=null,Ao(e)}Ko()}function Ko(){if(!Go&&null!==Uo){Go=!0;var e=0;try{var t=Uo;Vo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Uo=null}catch(n){throw null!==Uo&&(Uo=Uo.slice(e+1)),_o(No,Yo),n}finally{Go=!1}}}var Qo=k.ReactCurrentBatchConfig;function Xo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Jo=uo(null),ea=null,ta=null,na=null;function ra(){na=ta=ea=null}function oa(e){var t=Jo.current;co(Jo),e.type._context._currentValue=t}function aa(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function ia(e,t){ea=e,na=ta=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Mi=!0),e.firstContext=null)}function la(e,t){if(na!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(na=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ta){if(null===ea)throw Error(i(308));ta=t,ea.dependencies={lanes:0,firstContext:t,responders:null}}else ta=ta.next=t;return e._currentValue}var sa=!1;function ua(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ca(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function da(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function fa(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ma(e,t,n,r){var a=e.updateQueue;sa=!1;var i=a.firstBaseUpdate,l=a.lastBaseUpdate,s=a.shared.pending;if(null!==s){a.shared.pending=null;var u=s,c=u.next;u.next=null,null===l?i=c:l.next=c,l=u;var d=e.alternate;if(null!==d){var f=(d=d.updateQueue).lastBaseUpdate;f!==l&&(null===f?d.firstBaseUpdate=c:f.next=c,d.lastBaseUpdate=u)}}if(null!==i){for(f=a.baseState,l=0,d=c=u=null;;){s=i.lane;var p=i.eventTime;if((r&s)===s){null!==d&&(d=d.next={eventTime:p,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(s=t,p=n,g.tag){case 1:if("function"==typeof(m=g.payload)){f=m.call(p,f,s);break e}f=m;break e;case 3:m.flags=-4097&m.flags|64;case 0:if(null==(s="function"==typeof(m=g.payload)?m.call(p,f,s):m))break e;f=o({},f,s);break e;case 2:sa=!0}}null!==i.callback&&(e.flags|=32,null===(s=a.effects)?a.effects=[i]:s.push(i))}else p={eventTime:p,lane:s,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(c=d=p,u=f):d=d.next=p,l|=s;if(null===(i=i.next)){if(null===(s=a.shared.pending))break;i=s.next,s.next=null,a.lastBaseUpdate=s,a.shared.pending=null}}null===d&&(u=f),a.baseState=u,a.firstBaseUpdate=c,a.lastBaseUpdate=d,zl|=l,e.lanes=l,e.memoizedState=f}}function ga(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(i(191,o));o.call(r)}}}var ha=(new r.Component).refs;function va(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ba={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=fs(),o=ps(e),a=da(r,o);a.payload=t,null!=n&&(a.callback=n),fa(e,a),ms(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=fs(),o=ps(e),a=da(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),fa(e,a),ms(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=fs(),r=ps(e),o=da(n,r);o.tag=2,null!=t&&(o.callback=t),fa(e,o),ms(e,r,n)}};function ya(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!fr(n,r)||!fr(o,a))}function wa(e,t,n){var r=!1,o=po,a=t.contextType;return"object"==typeof a&&null!==a?a=la(a):(o=bo(t)?ho:mo.current,a=(r=null!=(r=t.contextTypes))?vo(e,o):po),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ba,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ka(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ba.enqueueReplaceState(t,t.state,null)}function Ea(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=ha,ua(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=la(a):(a=bo(t)?ho:mo.current,o.context=vo(e,a)),ma(e,n,o,r),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(va(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&ba.enqueueReplaceState(o,o.state,null),ma(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var Sa=Array.isArray;function Ca(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===ha&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function xa(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function Ta(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=qs(e,t)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function l(t){return e&&null===t.alternate&&(t.flags=2),t}function s(e,t,n,r){return null===t||6!==t.tag?((t=Ks(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function u(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Ca(e,t,n),r.return=e,r):((r=Vs(n.type,n.key,n.props,null,e.mode,r)).ref=Ca(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Qs(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Ws(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function f(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ks(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case E:return(n=Vs(t.type,t.key,t.props,null,e.mode,n)).ref=Ca(e,null,t),n.return=e,n;case S:return(t=Qs(t,e.mode,n)).return=e,t}if(Sa(t)||G(t))return(t=Ws(t,e.mode,n,null)).return=e,t;xa(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:s(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case E:return n.key===o?n.type===C?d(e,t,n.props.children,r,o):u(e,t,n,r):null;case S:return n.key===o?c(e,t,n,r):null}if(Sa(n)||G(n))return null!==o?null:d(e,t,n,r,null);xa(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return s(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case E:return e=e.get(null===r.key?n:r.key)||null,r.type===C?d(t,e,r.props.children,o,r.key):u(t,e,r,o);case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(Sa(r)||G(r))return d(t,e=e.get(n)||null,r,o,null);xa(t,r)}return null}function g(o,i,l,s){for(var u=null,c=null,d=i,g=i=0,h=null;null!==d&&g<l.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var v=p(o,d,l[g],s);if(null===v){null===d&&(d=h);break}e&&d&&null===v.alternate&&t(o,d),i=a(v,i,g),null===c?u=v:c.sibling=v,c=v,d=h}if(g===l.length)return n(o,d),u;if(null===d){for(;g<l.length;g++)null!==(d=f(o,l[g],s))&&(i=a(d,i,g),null===c?u=d:c.sibling=d,c=d);return u}for(d=r(o,d);g<l.length;g++)null!==(h=m(d,o,g,l[g],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),i=a(h,i,g),null===c?u=h:c.sibling=h,c=h);return e&&d.forEach((function(e){return t(o,e)})),u}function h(o,l,s,u){var c=G(s);if("function"!=typeof c)throw Error(i(150));if(null==(s=c.call(s)))throw Error(i(151));for(var d=c=null,g=l,h=l=0,v=null,b=s.next();null!==g&&!b.done;h++,b=s.next()){g.index>h?(v=g,g=null):v=g.sibling;var y=p(o,g,b.value,u);if(null===y){null===g&&(g=v);break}e&&g&&null===y.alternate&&t(o,g),l=a(y,l,h),null===d?c=y:d.sibling=y,d=y,g=v}if(b.done)return n(o,g),c;if(null===g){for(;!b.done;h++,b=s.next())null!==(b=f(o,b.value,u))&&(l=a(b,l,h),null===d?c=b:d.sibling=b,d=b);return c}for(g=r(o,g);!b.done;h++,b=s.next())null!==(b=m(g,o,h,b.value,u))&&(e&&null!==b.alternate&&g.delete(null===b.key?h:b.key),l=a(b,l,h),null===d?c=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return t(o,e)})),c}return function(e,r,a,s){var u="object"==typeof a&&null!==a&&a.type===C&&null===a.key;u&&(a=a.props.children);var c="object"==typeof a&&null!==a;if(c)switch(a.$$typeof){case E:e:{for(c=a.key,u=r;null!==u;){if(u.key===c){if(7===u.tag){if(a.type===C){n(e,u.sibling),(r=o(u,a.props.children)).return=e,e=r;break e}}else if(u.elementType===a.type){n(e,u.sibling),(r=o(u,a.props)).ref=Ca(e,u,a),r.return=e,e=r;break e}n(e,u);break}t(e,u),u=u.sibling}a.type===C?((r=Ws(a.props.children,e.mode,s,a.key)).return=e,e=r):((s=Vs(a.type,a.key,a.props,null,e.mode,s)).ref=Ca(e,r,a),s.return=e,e=s)}return l(e);case S:e:{for(u=a.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Qs(a,e.mode,s)).return=e,e=r}return l(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Ks(a,e.mode,s)).return=e,e=r),l(e);if(Sa(a))return g(e,r,a,s);if(G(a))return h(e,r,a,s);if(c&&xa(e,a),void 0===a&&!u)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,V(e.type)||"Component"))}return n(e,r)}}var _a=Ta(!0),Aa=Ta(!1),Pa={},La=uo(Pa),Oa=uo(Pa),Ra=uo(Pa);function Na(e){if(e===Pa)throw Error(i(174));return e}function Da(e,t){switch(fo(Ra,t),fo(Oa,e),fo(La,Pa),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:me(null,"");break;default:t=me(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(La),fo(La,t)}function Ia(){co(La),co(Oa),co(Ra)}function Fa(e){Na(Ra.current);var t=Na(La.current),n=me(t,e.type);t!==n&&(fo(Oa,e),fo(La,n))}function Ma(e){Oa.current===e&&(co(La),co(Oa))}var Ba=uo(0);function ja(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ua=null,za=null,Ga=!1;function Za(e,t){var n=$s(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function $a(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Ha(e){if(Ga){var t=za;if(t){var n=t;if(!$a(e,t)){if(!(t=Wr(n.nextSibling))||!$a(e,t))return e.flags=-1025&e.flags|2,Ga=!1,void(Ua=e);Za(Ua,n)}Ua=e,za=Wr(t.firstChild)}else e.flags=-1025&e.flags|2,Ga=!1,Ua=e}}function qa(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ua=e}function Va(e){if(e!==Ua)return!1;if(!Ga)return qa(e),Ga=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!$r(t,e.memoizedProps))for(t=za;t;)Za(e,t),t=Wr(t.nextSibling);if(qa(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){za=Wr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}za=null}}else za=Ua?Wr(e.stateNode.nextSibling):null;return!0}function Wa(){za=Ua=null,Ga=!1}var Ya=[];function Ka(){for(var e=0;e<Ya.length;e++)Ya[e]._workInProgressVersionPrimary=null;Ya.length=0}var Qa=k.ReactCurrentDispatcher,Xa=k.ReactCurrentBatchConfig,Ja=0,ei=null,ti=null,ni=null,ri=!1,oi=!1;function ai(){throw Error(i(321))}function ii(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function li(e,t,n,r,o,a){if(Ja=a,ei=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Qa.current=null===e||null===e.memoizedState?Ni:Di,e=n(r,o),oi){a=0;do{if(oi=!1,!(25>a))throw Error(i(301));a+=1,ni=ti=null,t.updateQueue=null,Qa.current=Ii,e=n(r,o)}while(oi)}if(Qa.current=Ri,t=null!==ti&&null!==ti.next,Ja=0,ni=ti=ei=null,ri=!1,t)throw Error(i(300));return e}function si(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ni?ei.memoizedState=ni=e:ni=ni.next=e,ni}function ui(){if(null===ti){var e=ei.alternate;e=null!==e?e.memoizedState:null}else e=ti.next;var t=null===ni?ei.memoizedState:ni.next;if(null!==t)ni=t,ti=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ti=e).memoizedState,baseState:ti.baseState,baseQueue:ti.baseQueue,queue:ti.queue,next:null},null===ni?ei.memoizedState=ni=e:ni=ni.next=e}return ni}function ci(e,t){return"function"==typeof t?t(e):t}function di(e){var t=ui(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=ti,o=r.baseQueue,a=n.pending;if(null!==a){if(null!==o){var l=o.next;o.next=a.next,a.next=l}r.baseQueue=o=a,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var s=l=a=null,u=o;do{var c=u.lane;if((Ja&c)===c)null!==s&&(s=s.next={lane:0,action:u.action,eagerReducer:u.eagerReducer,eagerState:u.eagerState,next:null}),r=u.eagerReducer===e?u.eagerState:e(r,u.action);else{var d={lane:c,action:u.action,eagerReducer:u.eagerReducer,eagerState:u.eagerState,next:null};null===s?(l=s=d,a=r):s=s.next=d,ei.lanes|=c,zl|=c}u=u.next}while(null!==u&&u!==o);null===s?a=r:s.next=l,cr(r,t.memoizedState)||(Mi=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=s,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function fi(e){var t=ui(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{a=e(a,l.action),l=l.next}while(l!==o);cr(a,t.memoizedState)||(Mi=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function pi(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Ja&e)===e)&&(t._workInProgressVersionPrimary=r,Ya.push(t))),e)return n(t._source);throw Ya.push(t),Error(i(350))}function mi(e,t,n,r){var o=Nl;if(null===o)throw Error(i(349));var a=t._getVersion,l=a(t._source),s=Qa.current,u=s.useState((function(){return pi(o,t,n)})),c=u[1],d=u[0];u=ni;var f=e.memoizedState,p=f.refs,m=p.getSnapshot,g=f.source;f=f.subscribe;var h=ei;return e.memoizedState={refs:p,source:t,subscribe:r},s.useEffect((function(){p.getSnapshot=n,p.setSnapshot=c;var e=a(t._source);if(!cr(l,e)){e=n(t._source),cr(d,e)||(c(e),e=ps(h),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,i=e;0<i;){var s=31-$t(i),u=1<<s;r[s]|=e,i&=~u}}}),[n,t,r]),s.useEffect((function(){return r(t._source,(function(){var e=p.getSnapshot,n=p.setSnapshot;try{n(e(t._source));var r=ps(h);o.mutableReadLanes|=r&o.pendingLanes}catch(a){n((function(){throw a}))}}))}),[t,r]),cr(m,n)&&cr(g,t)&&cr(f,r)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=c=Oi.bind(null,ei,e),u.queue=e,u.baseQueue=null,d=pi(o,t,n),u.memoizedState=u.baseState=d),d}function gi(e,t,n){return mi(ui(),e,t,n)}function hi(e){var t=si();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Oi.bind(null,ei,e),[t.memoizedState,e]}function vi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=ei.updateQueue)?(t={lastEffect:null},ei.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function bi(e){return e={current:e},si().memoizedState=e}function yi(){return ui().memoizedState}function wi(e,t,n,r){var o=si();ei.flags|=e,o.memoizedState=vi(1|t,n,void 0,void 0===r?null:r)}function ki(e,t,n,r){var o=ui();r=void 0===r?null:r;var a=void 0;if(null!==ti){var i=ti.memoizedState;if(a=i.destroy,null!==r&&ii(r,i.deps))return void vi(t,n,a,r)}ei.flags|=e,o.memoizedState=vi(1|t,n,a,r)}function Ei(e,t){return wi(516,4,e,t)}function Si(e,t){return ki(516,4,e,t)}function Ci(e,t){return ki(4,2,e,t)}function xi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Ti(e,t,n){return n=null!=n?n.concat([e]):null,ki(4,2,xi.bind(null,t,e),n)}function _i(){}function Ai(e,t){var n=ui();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ii(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Pi(e,t){var n=ui();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ii(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Li(e,t){var n=Ho();Vo(98>n?98:n,(function(){e(!0)})),Vo(97<n?97:n,(function(){var n=Xa.transition;Xa.transition=1;try{e(!1),t()}finally{Xa.transition=n}}))}function Oi(e,t,n){var r=fs(),o=ps(e),a={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?a.next=a:(a.next=i.next,i.next=a),t.pending=a,i=e.alternate,e===ei||null!==i&&i===ei)oi=ri=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var l=t.lastRenderedState,s=i(l,n);if(a.eagerReducer=i,a.eagerState=s,cr(s,l))return}catch(u){}ms(e,o,r)}}var Ri={readContext:la,useCallback:ai,useContext:ai,useEffect:ai,useImperativeHandle:ai,useLayoutEffect:ai,useMemo:ai,useReducer:ai,useRef:ai,useState:ai,useDebugValue:ai,useDeferredValue:ai,useTransition:ai,useMutableSource:ai,useOpaqueIdentifier:ai,unstable_isNewReconciler:!1},Ni={readContext:la,useCallback:function(e,t){return si().memoizedState=[e,void 0===t?null:t],e},useContext:la,useEffect:Ei,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,wi(4,2,xi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return wi(4,2,e,t)},useMemo:function(e,t){var n=si();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=si();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Oi.bind(null,ei,e),[r.memoizedState,e]},useRef:bi,useState:hi,useDebugValue:_i,useDeferredValue:function(e){var t=hi(e),n=t[0],r=t[1];return Ei((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=hi(!1),t=e[0];return bi(e=Li.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=si();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},mi(r,e,t,n)},useOpaqueIdentifier:function(){if(Ga){var e=!1,t=function(e){return{$$typeof:I,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Kr++).toString(36))),Error(i(355))})),n=hi(t)[1];return 0==(2&ei.mode)&&(ei.flags|=516,vi(5,(function(){n("r:"+(Kr++).toString(36))}),void 0,null)),t}return hi(t="r:"+(Kr++).toString(36)),t},unstable_isNewReconciler:!1},Di={readContext:la,useCallback:Ai,useContext:la,useEffect:Si,useImperativeHandle:Ti,useLayoutEffect:Ci,useMemo:Pi,useReducer:di,useRef:yi,useState:function(){return di(ci)},useDebugValue:_i,useDeferredValue:function(e){var t=di(ci),n=t[0],r=t[1];return Si((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[yi().current,e]},useMutableSource:gi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ii={readContext:la,useCallback:Ai,useContext:la,useEffect:Si,useImperativeHandle:Ti,useLayoutEffect:Ci,useMemo:Pi,useReducer:fi,useRef:yi,useState:function(){return fi(ci)},useDebugValue:_i,useDeferredValue:function(e){var t=fi(ci),n=t[0],r=t[1];return Si((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=fi(ci)[0];return[yi().current,e]},useMutableSource:gi,useOpaqueIdentifier:function(){return fi(ci)[0]},unstable_isNewReconciler:!1},Fi=k.ReactCurrentOwner,Mi=!1;function Bi(e,t,n,r){t.child=null===e?Aa(t,null,n,r):_a(t,e.child,n,r)}function ji(e,t,n,r,o){n=n.render;var a=t.ref;return ia(t,o),r=li(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Bi(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,al(e,t,o))}function Ui(e,t,n,r,o,a){if(null===e){var i=n.type;return"function"!=typeof i||Hs(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Vs(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,zi(e,t,i,r,o,a))}return i=e.child,0==(o&a)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:fr)(o,r)&&e.ref===t.ref)?al(e,t,a):(t.flags|=1,(e=qs(i,r)).ref=t.ref,e.return=t,t.child=e)}function zi(e,t,n,r,o,a){if(null!==e&&fr(e.memoizedProps,r)&&e.ref===t.ref){if(Mi=!1,0==(a&o))return t.lanes=e.lanes,al(e,t,a);0!=(16384&e.flags)&&(Mi=!0)}return $i(e,t,n,r,a)}function Gi(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},Es(t,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},Es(t,e),null;t.memoizedState={baseLanes:0},Es(t,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Es(t,r);return Bi(e,t,o,n),t.child}function Zi(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function $i(e,t,n,r,o){var a=bo(n)?ho:mo.current;return a=vo(t,a),ia(t,o),n=li(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,Bi(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,al(e,t,o))}function Hi(e,t,n,r,o){if(bo(n)){var a=!0;Eo(t)}else a=!1;if(ia(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wa(t,n,r),Ea(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,u=n.contextType;"object"==typeof u&&null!==u?u=la(u):u=vo(t,u=bo(n)?ho:mo.current);var c=n.getDerivedStateFromProps,d="function"==typeof c||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==r||s!==u)&&ka(t,i,r,u),sa=!1;var f=t.memoizedState;i.state=f,ma(t,r,i,o),s=t.memoizedState,l!==r||f!==s||go.current||sa?("function"==typeof c&&(va(t,n,c,r),s=t.memoizedState),(l=sa||ya(t,n,l,r,f,s,u))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=u,r=l):("function"==typeof i.componentDidMount&&(t.flags|=4),r=!1)}else{i=t.stateNode,ca(e,t),l=t.memoizedProps,u=t.type===t.elementType?l:Xo(t.type,l),i.props=u,d=t.pendingProps,f=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=la(s):s=vo(t,s=bo(n)?ho:mo.current);var p=n.getDerivedStateFromProps;(c="function"==typeof p||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||f!==s)&&ka(t,i,r,s),sa=!1,f=t.memoizedState,i.state=f,ma(t,r,i,o);var m=t.memoizedState;l!==d||f!==m||go.current||sa?("function"==typeof p&&(va(t,n,p,r),m=t.memoizedState),(u=sa||ya(t,n,u,r,f,m,s))?(c||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=s,r=u):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=256),r=!1)}return qi(e,t,n,r,a,o)}function qi(e,t,n,r,o,a){Zi(e,t);var i=0!=(64&t.flags);if(!r&&!i)return o&&So(t,n,!1),al(e,t,a);r=t.stateNode,Fi.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=_a(t,e.child,null,a),t.child=_a(t,null,l,a)):Bi(e,t,l,a),t.memoizedState=r.state,o&&So(t,n,!0),t.child}function Vi(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),Da(e,t.containerInfo)}var Wi,Yi,Ki,Qi={dehydrated:null,retryLane:0};function Xi(e,t,n){var r,o=t.pendingProps,a=Ba.current,i=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(a|=1),fo(Ba,1&a),null===e?(void 0!==o.fallback&&Ha(t),e=o.children,a=o.fallback,i?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,t.lanes=33554432,e):((n=Ys({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=tl(e,t,o.children,o.fallback,n),i=t.child,a=e.child.memoizedState,i.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Qi,o):(n=el(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,r){var o=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Ys(t,o,0,null),n=Ws(n,o,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function el(e,t,n,r){var o=e.child;return e=o.sibling,n=qs(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function tl(e,t,n,r,o){var a=t.mode,i=e.child;e=i.sibling;var l={mode:"hidden",children:n};return 0==(2&a)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=l,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=qs(i,l),null!==e?r=qs(e,r):(r=Ws(r,a,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}function nl(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),aa(e.return,t)}function rl(e,t,n,r,o,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o,i.lastEffect=a)}function ol(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(Bi(e,t,r.children,n),0!=(2&(r=Ba.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&nl(e,n);else if(19===e.tag)nl(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(fo(Ba,r),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===ja(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),rl(t,!1,o,n,a,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===ja(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}rl(t,!0,n,null,a,t.lastEffect);break;case"together":rl(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function al(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),zl|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=qs(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=qs(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function il(e,t){if(!Ga)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ll(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return bo(t.type)&&yo(),null;case 3:return Ia(),co(go),co(mo),Ka(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Va(t)?t.flags|=4:r.hydrate||(t.flags|=256)),null;case 5:Ma(t);var a=Na(Ra.current);if(n=t.type,null!==e&&null!=t.stateNode)Yi(e,t,n,r),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(i(166));return null}if(e=Na(La.current),Va(t)){r=t.stateNode,n=t.type;var l=t.memoizedProps;switch(r[Xr]=t,r[Jr]=l,n){case"dialog":Lr("cancel",r),Lr("close",r);break;case"iframe":case"object":case"embed":Lr("load",r);break;case"video":case"audio":for(e=0;e<Tr.length;e++)Lr(Tr[e],r);break;case"source":Lr("error",r);break;case"img":case"image":case"link":Lr("error",r),Lr("load",r);break;case"details":Lr("toggle",r);break;case"input":ee(r,l),Lr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!l.multiple},Lr("invalid",r);break;case"textarea":se(r,l),Lr("invalid",r)}for(var u in Ce(n,l),e=null,l)l.hasOwnProperty(u)&&(a=l[u],"children"===u?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):s.hasOwnProperty(u)&&null!=a&&"onScroll"===u&&Lr("scroll",r));switch(n){case"input":K(r),re(r,l,!0);break;case"textarea":K(r),ce(r);break;case"select":case"option":break;default:"function"==typeof l.onClick&&(r.onclick=Ur)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(u=9===a.nodeType?a:a.ownerDocument,e===de&&(e=pe(n)),e===de?"script"===n?((e=u.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=u.createElement(n,{is:r.is}):(e=u.createElement(n),"select"===n&&(u=e,r.multiple?u.multiple=!0:r.size&&(u.size=r.size))):e=u.createElementNS(e,n),e[Xr]=t,e[Jr]=r,Wi(e,t),t.stateNode=e,u=xe(n,r),n){case"dialog":Lr("cancel",e),Lr("close",e),a=r;break;case"iframe":case"object":case"embed":Lr("load",e),a=r;break;case"video":case"audio":for(a=0;a<Tr.length;a++)Lr(Tr[a],e);a=r;break;case"source":Lr("error",e),a=r;break;case"img":case"image":case"link":Lr("error",e),Lr("load",e),a=r;break;case"details":Lr("toggle",e),a=r;break;case"input":ee(e,r),a=J(e,r),Lr("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=o({},r,{value:void 0}),Lr("invalid",e);break;case"textarea":se(e,r),a=le(e,r),Lr("invalid",e);break;default:a=r}Ce(n,a);var c=a;for(l in c)if(c.hasOwnProperty(l)){var d=c[l];"style"===l?Ee(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&ve(e,d):"children"===l?"string"==typeof d?("textarea"!==n||""!==d)&&be(e,d):"number"==typeof d&&be(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(s.hasOwnProperty(l)?null!=d&&"onScroll"===l&&Lr("scroll",e):null!=d&&w(e,l,d,u))}switch(n){case"input":K(e),re(e,r,!1);break;case"textarea":K(e),ce(e);break;case"option":null!=r.value&&e.setAttribute("value",""+W(r.value));break;case"select":e.multiple=!!r.multiple,null!=(l=r.value)?ie(e,!!r.multiple,l,!1):null!=r.defaultValue&&ie(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Ur)}Zr(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Ki(0,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(i(166));n=Na(Ra.current),Na(La.current),Va(t)?(r=t.stateNode,n=t.memoizedProps,r[Xr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[Xr]=t,t.stateNode=r)}return null;case 13:return co(Ba),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Va(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Ba.current)?0===Bl&&(Bl=3):(0!==Bl&&3!==Bl||(Bl=4),null===Nl||0==(134217727&zl)&&0==(134217727&Gl)||bs(Nl,Il))),(r||n)&&(t.flags|=4),null);case 4:return Ia(),null===e&&Rr(t.stateNode.containerInfo),null;case 10:return oa(t),null;case 19:if(co(Ba),null===(r=t.memoizedState))return null;if(l=0!=(64&t.flags),null===(u=r.rendering))if(l)il(r,!1);else{if(0!==Bl||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(u=ja(e))){for(t.flags|=64,il(r,!1),null!==(l=u.updateQueue)&&(t.updateQueue=l,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(l=n).flags&=2,l.nextEffect=null,l.firstEffect=null,l.lastEffect=null,null===(u=l.alternate)?(l.childLanes=0,l.lanes=e,l.child=null,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=u.childLanes,l.lanes=u.lanes,l.child=u.child,l.memoizedProps=u.memoizedProps,l.memoizedState=u.memoizedState,l.updateQueue=u.updateQueue,l.type=u.type,e=u.dependencies,l.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return fo(Ba,1&Ba.current|2),t.child}e=e.sibling}null!==r.tail&&$o()>ql&&(t.flags|=64,l=!0,il(r,!1),t.lanes=33554432)}else{if(!l)if(null!==(e=ja(u))){if(t.flags|=64,l=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),il(r,!0),null===r.tail&&"hidden"===r.tailMode&&!u.alternate&&!Ga)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*$o()-r.renderingStartTime>ql&&1073741824!==n&&(t.flags|=64,l=!0,il(r,!1),t.lanes=33554432);r.isBackwards?(u.sibling=t.child,t.child=u):(null!==(n=r.last)?n.sibling=u:t.child=u,r.last=u)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=$o(),n.sibling=null,t=Ba.current,fo(Ba,l?1&t|2:1&t),n):null;case 23:case 24:return Ss(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function sl(e){switch(e.tag){case 1:bo(e.type)&&yo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Ia(),co(go),co(mo),Ka(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ma(e),null;case 13:return co(Ba),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(Ba),null;case 4:return Ia(),null;case 10:return oa(e),null;case 23:case 24:return Ss(),null;default:return null}}function ul(e,t){try{var n="",r=t;do{n+=q(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o}}function cl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Wi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Yi=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Na(La.current);var i,l=null;switch(n){case"input":a=J(e,a),r=J(e,r),l=[];break;case"option":a=ae(e,a),r=ae(e,r),l=[];break;case"select":a=o({},a,{value:void 0}),r=o({},r,{value:void 0}),l=[];break;case"textarea":a=le(e,a),r=le(e,r),l=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Ur)}for(d in Ce(n,r),n=null,a)if(!r.hasOwnProperty(d)&&a.hasOwnProperty(d)&&null!=a[d])if("style"===d){var u=a[d];for(i in u)u.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(s.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in r){var c=r[d];if(u=null!=a?a[d]:void 0,r.hasOwnProperty(d)&&c!==u&&(null!=c||null!=u))if("style"===d)if(u){for(i in u)!u.hasOwnProperty(i)||c&&c.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in c)c.hasOwnProperty(i)&&u[i]!==c[i]&&(n||(n={}),n[i]=c[i])}else n||(l||(l=[]),l.push(d,n)),n=c;else"dangerouslySetInnerHTML"===d?(c=c?c.__html:void 0,u=u?u.__html:void 0,null!=c&&u!==c&&(l=l||[]).push(d,c)):"children"===d?"string"!=typeof c&&"number"!=typeof c||(l=l||[]).push(d,""+c):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(s.hasOwnProperty(d)?(null!=c&&"onScroll"===d&&Lr("scroll",e),l||u===c||(l=[])):"object"==typeof c&&null!==c&&c.$$typeof===I?c.toString():(l=l||[]).push(d,c))}n&&(l=l||[]).push("style",n);var d=l;(t.updateQueue=d)&&(t.flags|=4)}},Ki=function(e,t,n,r){n!==r&&(t.flags|=4)};var dl="function"==typeof WeakMap?WeakMap:Map;function fl(e,t,n){(n=da(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Kl||(Kl=!0,Ql=r),cl(0,t)},n}function pl(e,t,n){(n=da(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return cl(0,t),r(o)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xl?Xl=new Set([this]):Xl.add(this),cl(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var ml="function"==typeof WeakSet?WeakSet:Set;function gl(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){Us(e,n)}else t.current=null}function hl(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Xo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Vr(t.stateNode.containerInfo))}throw Error(i(163))}function vl(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Ms(n,e),Fs(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Xo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&ga(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}ga(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Zr(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&Et(n)))))}throw Error(i(163))}function bl(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=ke("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function yl(e,t){if(xo&&"function"==typeof xo.onCommitFiberUnmount)try{xo.onCommitFiberUnmount(Co,t)}catch(a){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(0!=(4&r))Ms(t,n);else{r=t;try{o()}catch(a){Us(r,a)}}n=n.next}while(n!==e)}break;case 1:if(gl(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(a){Us(t,a)}break;case 5:gl(t);break;case 4:xl(e,t)}}function wl(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function kl(e){return 5===e.tag||3===e.tag||4===e.tag}function El(e){e:{for(var t=e.return;null!==t;){if(kl(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(i(161))}16&n.flags&&(be(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||kl(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?Sl(e,n,t):Cl(e,n,t)}function Sl(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ur));else if(4!==r&&null!==(e=e.child))for(Sl(e,t,n),e=e.sibling;null!==e;)Sl(e,t,n),e=e.sibling}function Cl(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Cl(e,t,n),e=e.sibling;null!==e;)Cl(e,t,n),e=e.sibling}function xl(e,t){for(var n,r,o=t,a=!1;;){if(!a){a=o.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===o.tag||6===o.tag){e:for(var l=e,s=o,u=s;;)if(yl(l,u),null!==u.child&&4!==u.tag)u.child.return=u,u=u.child;else{if(u===s)break e;for(;null===u.sibling;){if(null===u.return||u.return===s)break e;u=u.return}u.sibling.return=u.return,u=u.sibling}r?(l=n,s=o.stateNode,8===l.nodeType?l.parentNode.removeChild(s):l.removeChild(s)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(yl(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(a=!1)}o.sibling.return=o.return,o=o.sibling}}function Tl(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3==(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Jr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),xe(e,o),t=xe(e,r),o=0;o<a.length;o+=2){var l=a[o],s=a[o+1];"style"===l?Ee(n,s):"dangerouslySetInnerHTML"===l?ve(n,s):"children"===l?be(n,s):w(n,l,s,t)}switch(e){case"input":ne(n,r);break;case"textarea":ue(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?ie(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?ie(n,!!r.multiple,r.defaultValue,!0):ie(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,Et(n.containerInfo)));case 13:return null!==t.memoizedState&&(Hl=$o(),bl(t.child,!0)),void _l(t);case 19:return void _l(t);case 23:case 24:return void bl(t,null!==t.memoizedState)}throw Error(i(163))}function _l(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new ml),t.forEach((function(t){var r=Gs.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Al(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var Pl=Math.ceil,Ll=k.ReactCurrentDispatcher,Ol=k.ReactCurrentOwner,Rl=0,Nl=null,Dl=null,Il=0,Fl=0,Ml=uo(0),Bl=0,jl=null,Ul=0,zl=0,Gl=0,Zl=0,$l=null,Hl=0,ql=1/0;function Vl(){ql=$o()+500}var Wl,Yl=null,Kl=!1,Ql=null,Xl=null,Jl=!1,es=null,ts=90,ns=[],rs=[],os=null,as=0,is=null,ls=-1,ss=0,us=0,cs=null,ds=!1;function fs(){return 0!=(48&Rl)?$o():-1!==ls?ls:ls=$o()}function ps(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===Ho()?1:2;if(0===ss&&(ss=Ul),0!==Qo.transition){0!==us&&(us=null!==$l?$l.pendingLanes:0),e=ss;var t=4186112&~us;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=Ho(),0!=(4&Rl)&&98===e?e=Ut(12,ss):e=Ut(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ss),e}function ms(e,t,n){if(50<as)throw as=0,is=null,Error(i(185));if(null===(e=gs(e,t)))return null;Zt(e,t,n),e===Nl&&(Gl|=t,4===Bl&&bs(e,Il));var r=Ho();1===t?0!=(8&Rl)&&0==(48&Rl)?ys(e):(hs(e,n),0===Rl&&(Vl(),Yo())):(0==(4&Rl)||98!==r&&99!==r||(null===os?os=new Set([e]):os.add(e)),hs(e,n)),$l=e}function gs(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function hs(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,a=e.expirationTimes,l=e.pendingLanes;0<l;){var s=31-$t(l),u=1<<s,c=a[s];if(-1===c){if(0==(u&r)||0!=(u&o)){c=t,Mt(u);var d=Ft;a[s]=10<=d?c+250:6<=d?c+5e3:-1}}else c<=t&&(e.expiredLanes|=u);l&=~u}if(r=Bt(e,e===Nl?Il:0),t=Ft,0===r)null!==n&&(n!==Bo&&Ao(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==Bo&&Ao(n)}15===t?(n=ys.bind(null,e),null===Uo?(Uo=[n],zo=_o(No,Ko)):Uo.push(n),n=Bo):14===t?n=Wo(99,ys.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Wo(n,vs.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function vs(e){if(ls=-1,us=ss=0,0!=(48&Rl))throw Error(i(327));var t=e.callbackNode;if(Is()&&e.callbackNode!==t)return null;var n=Bt(e,e===Nl?Il:0);if(0===n)return null;var r=n,o=Rl;Rl|=16;var a=Ts();for(Nl===e&&Il===r||(Vl(),Cs(e,r));;)try{Ps();break}catch(s){xs(e,s)}if(ra(),Ll.current=a,Rl=o,null!==Dl?r=0:(Nl=null,Il=0,r=Bl),0!=(Ul&Gl))Cs(e,0);else if(0!==r){if(2===r&&(Rl|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(n=jt(e))&&(r=_s(e,n))),1===r)throw t=jl,Cs(e,0),bs(e,n),hs(e,$o()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(i(345));case 2:case 5:Rs(e);break;case 3:if(bs(e,n),(62914560&n)===n&&10<(r=Hl+500-$o())){if(0!==Bt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){fs(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=Hr(Rs.bind(null,e),r);break}Rs(e);break;case 4:if(bs(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var l=31-$t(n);a=1<<l,(l=r[l])>o&&(o=l),n&=~a}if(n=o,10<(n=(120>(n=$o()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Pl(n/1960))-n)){e.timeoutHandle=Hr(Rs.bind(null,e),n);break}Rs(e);break;default:throw Error(i(329))}}return hs(e,$o()),e.callbackNode===t?vs.bind(null,e):null}function bs(e,t){for(t&=~Zl,t&=~Gl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-$t(t),r=1<<n;e[n]=-1,t&=~r}}function ys(e){if(0!=(48&Rl))throw Error(i(327));if(Is(),e===Nl&&0!=(e.expiredLanes&Il)){var t=Il,n=_s(e,t);0!=(Ul&Gl)&&(n=_s(e,t=Bt(e,t)))}else n=_s(e,t=Bt(e,0));if(0!==e.tag&&2===n&&(Rl|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(t=jt(e))&&(n=_s(e,t))),1===n)throw n=jl,Cs(e,0),bs(e,t),hs(e,$o()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Rs(e),hs(e,$o()),null}function ws(e,t){var n=Rl;Rl|=1;try{return e(t)}finally{0===(Rl=n)&&(Vl(),Yo())}}function ks(e,t){var n=Rl;Rl&=-2,Rl|=8;try{return e(t)}finally{0===(Rl=n)&&(Vl(),Yo())}}function Es(e,t){fo(Ml,Fl),Fl|=t,Ul|=t}function Ss(){Fl=Ml.current,co(Ml)}function Cs(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,qr(n)),null!==Dl)for(n=Dl.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&yo();break;case 3:Ia(),co(go),co(mo),Ka();break;case 5:Ma(r);break;case 4:Ia();break;case 13:case 19:co(Ba);break;case 10:oa(r);break;case 23:case 24:Ss()}n=n.return}Nl=e,Dl=qs(e.current,null),Il=Fl=Ul=t,Bl=0,jl=null,Zl=Gl=zl=0}function xs(e,t){for(;;){var n=Dl;try{if(ra(),Qa.current=Ri,ri){for(var r=ei.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ri=!1}if(Ja=0,ni=ti=ei=null,oi=!1,Ol.current=null,null===n||null===n.return){Bl=1,jl=t,Dl=null;break}e:{var a=e,i=n.return,l=n,s=t;if(t=Il,l.flags|=2048,l.firstEffect=l.lastEffect=null,null!==s&&"object"==typeof s&&"function"==typeof s.then){var u=s;if(0==(2&l.mode)){var c=l.alternate;c?(l.updateQueue=c.updateQueue,l.memoizedState=c.memoizedState,l.lanes=c.lanes):(l.updateQueue=null,l.memoizedState=null)}var d=0!=(1&Ba.current),f=i;do{var p;if(p=13===f.tag){var m=f.memoizedState;if(null!==m)p=null!==m.dehydrated;else{var g=f.memoizedProps;p=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(p){var h=f.updateQueue;if(null===h){var v=new Set;v.add(u),f.updateQueue=v}else h.add(u);if(0==(2&f.mode)){if(f.flags|=64,l.flags|=16384,l.flags&=-2981,1===l.tag)if(null===l.alternate)l.tag=17;else{var b=da(-1,1);b.tag=2,fa(l,b)}l.lanes|=1;break e}s=void 0,l=t;var y=a.pingCache;if(null===y?(y=a.pingCache=new dl,s=new Set,y.set(u,s)):void 0===(s=y.get(u))&&(s=new Set,y.set(u,s)),!s.has(l)){s.add(l);var w=zs.bind(null,a,u,l);u.then(w,w)}f.flags|=4096,f.lanes=t;break e}f=f.return}while(null!==f);s=Error((V(l.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==Bl&&(Bl=2),s=ul(s,l),f=i;do{switch(f.tag){case 3:a=s,f.flags|=4096,t&=-t,f.lanes|=t,pa(f,fl(0,a,t));break e;case 1:a=s;var k=f.type,E=f.stateNode;if(0==(64&f.flags)&&("function"==typeof k.getDerivedStateFromError||null!==E&&"function"==typeof E.componentDidCatch&&(null===Xl||!Xl.has(E)))){f.flags|=4096,t&=-t,f.lanes|=t,pa(f,pl(f,a,t));break e}}f=f.return}while(null!==f)}Os(n)}catch(S){t=S,Dl===n&&null!==n&&(Dl=n=n.return);continue}break}}function Ts(){var e=Ll.current;return Ll.current=Ri,null===e?Ri:e}function _s(e,t){var n=Rl;Rl|=16;var r=Ts();for(Nl===e&&Il===t||Cs(e,t);;)try{As();break}catch(o){xs(e,o)}if(ra(),Rl=n,Ll.current=r,null!==Dl)throw Error(i(261));return Nl=null,Il=0,Bl}function As(){for(;null!==Dl;)Ls(Dl)}function Ps(){for(;null!==Dl&&!Po();)Ls(Dl)}function Ls(e){var t=Wl(e.alternate,e,Fl);e.memoizedProps=e.pendingProps,null===t?Os(e):Dl=t,Ol.current=null}function Os(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ll(n,t,Fl)))return void(Dl=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Fl)||0==(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=sl(t)))return n.flags&=2047,void(Dl=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Dl=t);Dl=t=e}while(null!==t);0===Bl&&(Bl=5)}function Rs(e){var t=Ho();return Vo(99,Ns.bind(null,e,t)),null}function Ns(e,t){do{Is()}while(null!==es);if(0!=(48&Rl))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,a=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var l=e.eventTimes,s=e.expirationTimes;0<a;){var u=31-$t(a),c=1<<u;o[u]=0,l[u]=-1,s[u]=-1,a&=~c}if(null!==os&&0==(24&r)&&os.has(e)&&os.delete(e),e===Nl&&(Dl=Nl=null,Il=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Rl,Rl|=32,Ol.current=null,zr=Yt,vr(l=hr())){if("selectionStart"in l)s={start:l.selectionStart,end:l.selectionEnd};else e:if(s=(s=l.ownerDocument)&&s.defaultView||window,(c=s.getSelection&&s.getSelection())&&0!==c.rangeCount){s=c.anchorNode,a=c.anchorOffset,u=c.focusNode,c=c.focusOffset;try{s.nodeType,u.nodeType}catch(T){s=null;break e}var d=0,f=-1,p=-1,m=0,g=0,h=l,v=null;t:for(;;){for(var b;h!==s||0!==a&&3!==h.nodeType||(f=d+a),h!==u||0!==c&&3!==h.nodeType||(p=d+c),3===h.nodeType&&(d+=h.nodeValue.length),null!==(b=h.firstChild);)v=h,h=b;for(;;){if(h===l)break t;if(v===s&&++m===a&&(f=d),v===u&&++g===c&&(p=d),null!==(b=h.nextSibling))break;v=(h=v).parentNode}h=b}s=-1===f||-1===p?null:{start:f,end:p}}else s=null;s=s||{start:0,end:0}}else s=null;Gr={focusedElem:l,selectionRange:s},Yt=!1,cs=null,ds=!1,Yl=r;do{try{Ds()}catch(T){if(null===Yl)throw Error(i(330));Us(Yl,T),Yl=Yl.nextEffect}}while(null!==Yl);cs=null,Yl=r;do{try{for(l=e;null!==Yl;){var y=Yl.flags;if(16&y&&be(Yl.stateNode,""),128&y){var w=Yl.alternate;if(null!==w){var k=w.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(1038&y){case 2:El(Yl),Yl.flags&=-3;break;case 6:El(Yl),Yl.flags&=-3,Tl(Yl.alternate,Yl);break;case 1024:Yl.flags&=-1025;break;case 1028:Yl.flags&=-1025,Tl(Yl.alternate,Yl);break;case 4:Tl(Yl.alternate,Yl);break;case 8:xl(l,s=Yl);var E=s.alternate;wl(s),null!==E&&wl(E)}Yl=Yl.nextEffect}}catch(T){if(null===Yl)throw Error(i(330));Us(Yl,T),Yl=Yl.nextEffect}}while(null!==Yl);if(k=Gr,w=hr(),y=k.focusedElem,l=k.selectionRange,w!==y&&y&&y.ownerDocument&&gr(y.ownerDocument.documentElement,y)){null!==l&&vr(y)&&(w=l.start,void 0===(k=l.end)&&(k=w),"selectionStart"in y?(y.selectionStart=w,y.selectionEnd=Math.min(k,y.value.length)):(k=(w=y.ownerDocument||document)&&w.defaultView||window).getSelection&&(k=k.getSelection(),s=y.textContent.length,E=Math.min(l.start,s),l=void 0===l.end?E:Math.min(l.end,s),!k.extend&&E>l&&(s=l,l=E,E=s),s=mr(y,E),a=mr(y,l),s&&a&&(1!==k.rangeCount||k.anchorNode!==s.node||k.anchorOffset!==s.offset||k.focusNode!==a.node||k.focusOffset!==a.offset)&&((w=w.createRange()).setStart(s.node,s.offset),k.removeAllRanges(),E>l?(k.addRange(w),k.extend(a.node,a.offset)):(w.setEnd(a.node,a.offset),k.addRange(w))))),w=[];for(k=y;k=k.parentNode;)1===k.nodeType&&w.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof y.focus&&y.focus(),y=0;y<w.length;y++)(k=w[y]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Yt=!!zr,Gr=zr=null,e.current=n,Yl=r;do{try{for(y=e;null!==Yl;){var S=Yl.flags;if(36&S&&vl(y,Yl.alternate,Yl),128&S){w=void 0;var C=Yl.ref;if(null!==C){var x=Yl.stateNode;Yl.tag,w=x,"function"==typeof C?C(w):C.current=w}}Yl=Yl.nextEffect}}catch(T){if(null===Yl)throw Error(i(330));Us(Yl,T),Yl=Yl.nextEffect}}while(null!==Yl);Yl=null,jo(),Rl=o}else e.current=n;if(Jl)Jl=!1,es=e,ts=t;else for(Yl=r;null!==Yl;)t=Yl.nextEffect,Yl.nextEffect=null,8&Yl.flags&&((S=Yl).sibling=null,S.stateNode=null),Yl=t;if(0===(r=e.pendingLanes)&&(Xl=null),1===r?e===is?as++:(as=0,is=e):as=0,n=n.stateNode,xo&&"function"==typeof xo.onCommitFiberRoot)try{xo.onCommitFiberRoot(Co,n,void 0,64==(64&n.current.flags))}catch(T){}if(hs(e,$o()),Kl)throw Kl=!1,e=Ql,Ql=null,e;return 0!=(8&Rl)||Yo(),null}function Ds(){for(;null!==Yl;){var e=Yl.alternate;ds||null===cs||(0!=(8&Yl.flags)?et(Yl,cs)&&(ds=!0):13===Yl.tag&&Al(e,Yl)&&et(Yl,cs)&&(ds=!0));var t=Yl.flags;0!=(256&t)&&hl(e,Yl),0==(512&t)||Jl||(Jl=!0,Wo(97,(function(){return Is(),null}))),Yl=Yl.nextEffect}}function Is(){if(90!==ts){var e=97<ts?97:ts;return ts=90,Vo(e,Bs)}return!1}function Fs(e,t){ns.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return Is(),null})))}function Ms(e,t){rs.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return Is(),null})))}function Bs(){if(null===es)return!1;var e=es;if(es=null,0!=(48&Rl))throw Error(i(331));var t=Rl;Rl|=32;var n=rs;rs=[];for(var r=0;r<n.length;r+=2){var o=n[r],a=n[r+1],l=o.destroy;if(o.destroy=void 0,"function"==typeof l)try{l()}catch(u){if(null===a)throw Error(i(330));Us(a,u)}}for(n=ns,ns=[],r=0;r<n.length;r+=2){o=n[r],a=n[r+1];try{var s=o.create;o.destroy=s()}catch(u){if(null===a)throw Error(i(330));Us(a,u)}}for(s=e.current.firstEffect;null!==s;)e=s.nextEffect,s.nextEffect=null,8&s.flags&&(s.sibling=null,s.stateNode=null),s=e;return Rl=t,Yo(),!0}function js(e,t,n){fa(e,t=fl(0,t=ul(n,t),1)),t=fs(),null!==(e=gs(e,1))&&(Zt(e,1,t),hs(e,t))}function Us(e,t){if(3===e.tag)js(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){js(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xl||!Xl.has(r))){var o=pl(n,e=ul(t,e),1);if(fa(n,o),o=fs(),null!==(n=gs(n,1)))Zt(n,1,o),hs(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xl||!Xl.has(r)))try{r.componentDidCatch(t,e)}catch(a){}break}}n=n.return}}function zs(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=fs(),e.pingedLanes|=e.suspendedLanes&n,Nl===e&&(Il&n)===n&&(4===Bl||3===Bl&&(62914560&Il)===Il&&500>$o()-Hl?Cs(e,0):Zl|=n),hs(e,t)}function Gs(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===Ho()?1:2:(0===ss&&(ss=Ul),0===(t=zt(62914560&~ss))&&(t=4194304))),n=fs(),null!==(e=gs(e,t))&&(Zt(e,t,n),hs(e,n))}function Zs(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function $s(e,t,n,r){return new Zs(e,t,n,r)}function Hs(e){return!(!(e=e.prototype)||!e.isReactComponent)}function qs(e,t){var n=e.alternate;return null===n?((n=$s(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Vs(e,t,n,r,o,a){var l=2;if(r=e,"function"==typeof e)Hs(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case C:return Ws(n.children,o,a,t);case F:l=8,o|=16;break;case x:l=8,o|=1;break;case T:return(e=$s(12,n,t,8|o)).elementType=T,e.type=T,e.lanes=a,e;case L:return(e=$s(13,n,t,o)).type=L,e.elementType=L,e.lanes=a,e;case O:return(e=$s(19,n,t,o)).elementType=O,e.lanes=a,e;case M:return Ys(n,o,a,t);case B:return(e=$s(24,n,t,o)).elementType=B,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:l=10;break e;case A:l=9;break e;case P:l=11;break e;case R:l=14;break e;case N:l=16,r=null;break e;case D:l=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=$s(l,n,t,o)).elementType=e,t.type=r,t.lanes=a,t}function Ws(e,t,n,r){return(e=$s(7,e,r,t)).lanes=n,e}function Ys(e,t,n,r){return(e=$s(23,e,r,t)).elementType=M,e.lanes=n,e}function Ks(e,t,n){return(e=$s(6,e,null,t)).lanes=n,e}function Qs(e,t,n){return(t=$s(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xs(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Gt(0),this.expirationTimes=Gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Gt(0),this.mutableSourceEagerHydrationData=null}function Js(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function eu(e,t,n,r){var o=t.current,a=fs(),l=ps(o);e:if(n){t:{if(Ke(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var s=n;do{switch(s.tag){case 3:s=s.stateNode.context;break t;case 1:if(bo(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break t}}s=s.return}while(null!==s);throw Error(i(171))}if(1===n.tag){var u=n.type;if(bo(u)){n=ko(n,u,s);break e}}n=s}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=da(a,l)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),fa(o,t),ms(o,l,a),l}function tu(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function nu(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function ru(e,t){nu(e,t),(e=e.alternate)&&nu(e,t)}function ou(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xs(e,t,null!=n&&!0===n.hydrate),t=$s(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,ua(t),e[eo]=n.current,Rr(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function au(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function iu(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a._internalRoot;if("function"==typeof o){var l=o;o=function(){var e=tu(i);l.call(e)}}eu(t,i,e,o)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new ou(e,0,t?{hydrate:!0}:void 0)}(n,r),i=a._internalRoot,"function"==typeof o){var s=o;o=function(){var e=tu(i);s.call(e)}}ks((function(){eu(t,i,e,o)}))}return tu(i)}function lu(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!au(t))throw Error(i(200));return Js(e,t,null,n)}Wl=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||go.current)Mi=!0;else{if(0==(n&r)){switch(Mi=!1,t.tag){case 3:Vi(t),Wa();break;case 5:Fa(t);break;case 1:bo(t.type)&&Eo(t);break;case 4:Da(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;fo(Jo,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(fo(Ba,1&Ba.current),null!==(t=al(e,t,n))?t.sibling:null);fo(Ba,1&Ba.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return ol(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),fo(Ba,Ba.current),r)break;return null;case 23:case 24:return t.lanes=0,Gi(e,t,n)}return al(e,t,n)}Mi=0!=(16384&e.flags)}else Mi=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=vo(t,mo.current),ia(t,n),o=li(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,bo(r)){var a=!0;Eo(t)}else a=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,ua(t);var l=r.getDerivedStateFromProps;"function"==typeof l&&va(t,r,l,e),o.updater=ba,t.stateNode=o,o._reactInternals=t,Ea(t,r,e,n),t=qi(null,t,r,!0,a,n)}else t.tag=0,Bi(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(a=o._init)(o._payload),t.type=o,a=t.tag=function(e){if("function"==typeof e)return Hs(e)?1:0;if(null!=e){if((e=e.$$typeof)===P)return 11;if(e===R)return 14}return 2}(o),e=Xo(o,e),a){case 0:t=$i(null,t,o,e,n);break e;case 1:t=Hi(null,t,o,e,n);break e;case 11:t=ji(null,t,o,e,n);break e;case 14:t=Ui(null,t,o,Xo(o.type,e),r,n);break e}throw Error(i(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,$i(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 1:return r=t.type,o=t.pendingProps,Hi(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 3:if(Vi(t),r=t.updateQueue,null===e||null===r)throw Error(i(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ca(e,t),ma(t,r,null,n),(r=t.memoizedState.element)===o)Wa(),t=al(e,t,n);else{if((a=(o=t.stateNode).hydrate)&&(za=Wr(t.stateNode.containerInfo.firstChild),Ua=t,a=Ga=!0),a){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(a=e[o])._workInProgressVersionPrimary=e[o+1],Ya.push(a);for(n=Aa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else Bi(e,t,r,n),Wa();t=t.child}return t;case 5:return Fa(t),null===e&&Ha(t),r=t.type,o=t.pendingProps,a=null!==e?e.memoizedProps:null,l=o.children,$r(r,o)?l=null:null!==a&&$r(r,a)&&(t.flags|=16),Zi(e,t),Bi(e,t,l,n),t.child;case 6:return null===e&&Ha(t),null;case 13:return Xi(e,t,n);case 4:return Da(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=_a(t,null,r,n):Bi(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ji(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 7:return Bi(e,t,t.pendingProps,n),t.child;case 8:case 12:return Bi(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,l=t.memoizedProps,a=o.value;var s=t.type._context;if(fo(Jo,s._currentValue),s._currentValue=a,null!==l)if(s=l.value,0===(a=cr(s,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(s,a):1073741823))){if(l.children===o.children&&!go.current){t=al(e,t,n);break e}}else for(null!==(s=t.child)&&(s.return=t);null!==s;){var u=s.dependencies;if(null!==u){l=s.child;for(var c=u.firstContext;null!==c;){if(c.context===r&&0!=(c.observedBits&a)){1===s.tag&&((c=da(-1,n&-n)).tag=2,fa(s,c)),s.lanes|=n,null!==(c=s.alternate)&&(c.lanes|=n),aa(s.return,n),u.lanes|=n;break}c=c.next}}else l=10===s.tag&&s.type===t.type?null:s.child;if(null!==l)l.return=s;else for(l=s;null!==l;){if(l===t){l=null;break}if(null!==(s=l.sibling)){s.return=l.return,l=s;break}l=l.return}s=l}Bi(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(a=t.pendingProps).children,ia(t,n),r=r(o=la(o,a.unstable_observedBits)),t.flags|=1,Bi(e,t,r,n),t.child;case 14:return a=Xo(o=t.type,t.pendingProps),Ui(e,t,o,a=Xo(o.type,a),r,n);case 15:return zi(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Xo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,bo(r)?(e=!0,Eo(t)):e=!1,ia(t,n),wa(t,r,o),Ea(t,r,o,n),qi(null,t,r,!0,e,n);case 19:return ol(e,t,n);case 23:case 24:return Gi(e,t,n)}throw Error(i(156,t.tag))},ou.prototype.render=function(e){eu(e,this._internalRoot,null,null)},ou.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;eu(null,e,null,(function(){t[eo]=null}))},tt=function(e){13===e.tag&&(ms(e,4,fs()),ru(e,4))},nt=function(e){13===e.tag&&(ms(e,67108864,fs()),ru(e,67108864))},rt=function(e){if(13===e.tag){var t=fs(),n=ps(e);ms(e,n,t),ru(e,n)}},ot=function(e,t){return t()},_e=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=ao(r);if(!o)throw Error(i(90));Q(r),ne(r,o)}}}break;case"textarea":ue(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Ne=ws,De=function(e,t,n,r,o){var a=Rl;Rl|=4;try{return Vo(98,e.bind(null,t,n,r,o))}finally{0===(Rl=a)&&(Vl(),Yo())}},Ie=function(){0==(49&Rl)&&(function(){if(null!==os){var e=os;os=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,hs(e,$o())}))}Yo()}(),Is())},Fe=function(e,t){var n=Rl;Rl|=2;try{return e(t)}finally{0===(Rl=n)&&(Vl(),Yo())}};var su={Events:[ro,oo,ao,Oe,Re,Is,{current:!1}]},uu={findFiberByHostInstance:no,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cu={bundleType:uu.bundleType,version:uu.version,rendererPackageName:uu.rendererPackageName,rendererConfig:uu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Je(e))?null:e.stateNode},findFiberByHostInstance:uu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var du=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!du.isDisabled&&du.supportsFiber)try{Co=du.inject(cu),xo=du}catch(he){}}t.hydrate=function(e,t,n){if(!au(t))throw Error(i(200));return iu(null,e,t,!0,n)}},3935:function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(4448)},9590:function(e){var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,u,c;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!a(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!i.has(s.value[0]))return!1;for(c=e.entries();!(s=c.next()).done;)if(!a(s.value[1],i.get(s.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===i.toString();if((l=(u=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,u[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==u[s]&&"__v"!==u[s]&&"__o"!==u[s]||!e.$$typeof)&&!a(e[u[s]],i[u[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},9921:function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,c=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case c:case d:case a:case l:case i:case p:return e;default:switch(e=e&&e.$$typeof){case u:case f:case h:case g:case s:return e;default:return t}}case o:return t}}}function E(e){return k(e)===d}t.AsyncMode=c,t.ConcurrentMode=d,t.ContextConsumer=u,t.ContextProvider=s,t.Element=r,t.ForwardRef=f,t.Fragment=a,t.Lazy=h,t.Memo=g,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=p,t.isAsyncMode=function(e){return E(e)||k(e)===c},t.isConcurrentMode=E,t.isContextConsumer=function(e){return k(e)===u},t.isContextProvider=function(e){return k(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===f},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===h},t.isMemo=function(e){return k(e)===g},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===l},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===l||e===i||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===s||e.$$typeof===u||e.$$typeof===f||e.$$typeof===b||e.$$typeof===y||e.$$typeof===w||e.$$typeof===v)},t.typeOf=k},9864:function(e,t,n){"use strict";e.exports=n(9921)},8356:function(e,t,n){"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var l=n(7294),s=n(5697),u=[],c=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function f(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function p(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,f;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:p,webpack:null,modules:null},t),g=null;function h(){return g||(g=e(m.loader)),g.promise}return u.push(h),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),f=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),h(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(l.Component),a(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),f}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(f,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function v(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return v(e)}))}a(h,"propTypes",{report:s.func.isRequired}),a(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),g.Capture=h,g.preloadAll=function(){return new Promise((function(e,t){v(u).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){v(c).then(e,e)}))},e.exports=g},8790:function(e,t,n){"use strict";n.d(t,{H:function(){return l},f:function(){return i}});var r=n(6775),o=n(7462),a=n(7294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.LX)(t,e):n.length?n[n.length-1].match:r.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function l(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.rs,n,e.map((function(e,n){return a.createElement(r.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},3727:function(e,t,n){"use strict";n.d(t,{$B:function(){return r.$B},AW:function(){return r.AW},EN:function(){return r.EN},F0:function(){return r.F0},Gn:function(){return r.Gn},LX:function(){return r.LX},NL:function(){return r.NL},OL:function(){return w},TH:function(){return r.TH},UO:function(){return r.UO},UT:function(){return d},VA:function(){return r.VA},VK:function(){return c},gx:function(){return r.gx},k6:function(){return r.k6},l_:function(){return r.l_},rU:function(){return v},rs:function(){return r.rs}});var r=n(6775),o=n(5068),a=n(7294),i=n(2358),l=n(7462),s=n(3366),u=n(2177),c=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.q_)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);var f=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},m=function(e){return e},g=a.forwardRef;void 0===g&&(g=m);var h=g((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),u=i.target,c=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||u&&"_self"!==u||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return c.ref=m!==g&&t||n,a.createElement("a",c)}));var v=g((function(e,t){var n=e.component,o=void 0===n?h:n,c=e.replace,d=e.to,v=e.innerRef,b=(0,s.Z)(e,["component","replace","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,u.Z)(!1);var n=e.history,r=p(f(d,e.location),e.location),s=r?n.createHref(r):"",h=(0,l.Z)({},b,{href:s,navigate:function(){var t=f(d,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(c||r?n.replace:n.push)(t)}});return m!==g?h.ref=t||v:h.innerRef=v,a.createElement(o,h)}))})),b=function(e){return e},y=a.forwardRef;void 0===y&&(y=b);var w=y((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,c=void 0===i?"active":i,d=e.activeStyle,m=e.className,g=e.exact,h=e.isActive,w=e.location,k=e.sensitive,E=e.strict,S=e.style,C=e.to,x=e.innerRef,T=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,u.Z)(!1);var n=w||e.location,i=p(f(C,n),n),s=i.pathname,_=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=_?(0,r.LX)(n.pathname,{path:_,exact:g,sensitive:k,strict:E}):null,P=!!(h?h(A,n):A),L="function"==typeof m?m(P):m,O="function"==typeof S?S(P):S;P&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,c),O=(0,l.Z)({},O,d));var R=(0,l.Z)({"aria-current":P&&o||null,className:L,style:O,to:i},T);return b!==y?R.ref=t||x:R.innerRef=x,a.createElement(v,R)}))}))},6775:function(e,t,n){"use strict";n.d(t,{VA:function(){return C},NL:function(){return T},l_:function(){return L},AW:function(){return D},F0:function(){return S},gx:function(){return U},rs:function(){return z},s6:function(){return E},Gn:function(){return P},LX:function(){return N},k6:function(){return $},TH:function(){return H},UO:function(){return q},$B:function(){return V},EN:function(){return G}});var r=n(5068),o=n(7294),a=n(2358),i=n(5697),l=n.n(i),s=1073741823,u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};function c(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}var d=o.createContext||function(e,t){var n,a,i="__create-react-context-"+function(){var e="__global_unique_id__";return u[e]=(u[e]||0)+1}()+"__",d=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).emitter=c(t.props.value),t}(0,r.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[i]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):s,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);d.childContextTypes=((n={})[i]=l().object.isRequired,n);var f=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?s:t},o.componentDidMount=function(){this.context[i]&&this.context[i].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?s:e},o.componentWillUnmount=function(){this.context[i]&&this.context[i].off(this.onUpdate)},o.getValue=function(){return this.context[i]?this.context[i].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return f.contextTypes=((a={})[i]=l().object,a),{Provider:d,Consumer:f}},f=d,p=n(2177),m=n(7462),g=n(9658),h=n.n(g),v=(n(9864),n(3366)),b=n(8679),y=n.n(b),w=function(e){var t=f();return t.displayName=e,t},k=w("Router-History"),E=w("Router"),S=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}(0,r.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(E.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(k.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);var C=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,a.PP)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(S,{history:this.history,children:this.props.children})},t}(o.Component);var x=function(e){function t(){return e.apply(this,arguments)||this}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onMount&&this.props.onMount.call(this,this)},n.componentDidUpdate=function(e){this.props.onUpdate&&this.props.onUpdate.call(this,this,e)},n.componentWillUnmount=function(){this.props.onUnmount&&this.props.onUnmount.call(this,this)},n.render=function(){return null},t}(o.Component);function T(e){var t=e.message,n=e.when,r=void 0===n||n;return o.createElement(E.Consumer,null,(function(e){if(e||(0,p.Z)(!1),!r||e.staticContext)return null;var n=e.history.block;return o.createElement(x,{onMount:function(e){e.release=n(t)},onUpdate:function(e,r){r.message!==t&&(e.release(),e.release=n(t))},onUnmount:function(e){e.release()},message:t})}))}var _={},A=0;function P(e,t){return void 0===e&&(e="/"),void 0===t&&(t={}),"/"===e?e:function(e){if(_[e])return _[e];var t=h().compile(e);return A<1e4&&(_[e]=t,A++),t}(e)(t,{pretty:!0})}function L(e){var t=e.computedMatch,n=e.to,r=e.push,i=void 0!==r&&r;return o.createElement(E.Consumer,null,(function(e){e||(0,p.Z)(!1);var r=e.history,l=e.staticContext,s=i?r.push:r.replace,u=(0,a.ob)(t?"string"==typeof n?P(n,t.params):(0,m.Z)({},n,{pathname:P(n.pathname,t.params)}):n);return l?(s(u),null):o.createElement(x,{onMount:function(){s(u)},onUpdate:function(e,t){var n=(0,a.ob)(t.to);(0,a.Hp)(n,(0,m.Z)({},u,{key:n.key}))||s(u)},to:n})}))}var O={},R=0;function N(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,u=void 0!==s&&s;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=O[n]||(O[n]={});if(r[e])return r[e];var o=[],a={regexp:h()(e,o,t),keys:o};return R<1e4&&(r[e]=a,R++),a}(n,{end:a,strict:l,sensitive:u}),o=r.regexp,i=r.keys,s=o.exec(e);if(!s)return null;var c=s[0],d=s.slice(1),f=e===c;return a&&!f?null:{path:n,url:"/"===n&&""===c?"/":c,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=d[n],e}),{})}}),null)}var D=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(E.Consumer,null,(function(t){t||(0,p.Z)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?N(n.pathname,e.props):t.match,a=(0,m.Z)({},t,{location:n,match:r}),i=e.props,l=i.children,s=i.component,u=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(E.Provider,{value:a},a.match?l?"function"==typeof l?l(a):l:s?o.createElement(s,a):u?u(a):null:"function"==typeof l?l(a):null)}))},t}(o.Component);function I(e){return"/"===e.charAt(0)?e:"/"+e}function F(e,t){if(!e)return t;var n=I(e);return 0!==t.pathname.indexOf(n)?t:(0,m.Z)({},t,{pathname:t.pathname.substr(n.length)})}function M(e){return"string"==typeof e?e:(0,a.Ep)(e)}function B(e){return function(){(0,p.Z)(!1)}}function j(){}var U=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).handlePush=function(e){return t.navigateTo(e,"PUSH")},t.handleReplace=function(e){return t.navigateTo(e,"REPLACE")},t.handleListen=function(){return j},t.handleBlock=function(){return j},t}(0,r.Z)(t,e);var n=t.prototype;return n.navigateTo=function(e,t){var n=this.props,r=n.basename,o=void 0===r?"":r,i=n.context,l=void 0===i?{}:i;l.action=t,l.location=function(e,t){return e?(0,m.Z)({},t,{pathname:I(e)+t.pathname}):t}(o,(0,a.ob)(e)),l.url=M(l.location)},n.render=function(){var e=this.props,t=e.basename,n=void 0===t?"":t,r=e.context,i=void 0===r?{}:r,l=e.location,s=void 0===l?"/":l,u=(0,v.Z)(e,["basename","context","location"]),c={createHref:function(e){return I(n+M(e))},action:"POP",location:F(n,(0,a.ob)(s)),push:this.handlePush,replace:this.handleReplace,go:B(),goBack:B(),goForward:B(),listen:this.handleListen,block:this.handleBlock};return o.createElement(S,(0,m.Z)({},u,{history:c,staticContext:i}))},t}(o.Component);var z=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(E.Consumer,null,(function(t){t||(0,p.Z)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?N(a.pathname,(0,m.Z)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);function G(e){var t="withRouter("+(e.displayName||e.name)+")",n=function(t){var n=t.wrappedComponentRef,r=(0,v.Z)(t,["wrappedComponentRef"]);return o.createElement(E.Consumer,null,(function(t){return t||(0,p.Z)(!1),o.createElement(e,(0,m.Z)({},r,t,{ref:n}))}))};return n.displayName=t,n.WrappedComponent=e,y()(n,e)}var Z=o.useContext;function $(){return Z(k)}function H(){return Z(E).location}function q(){var e=Z(E).match;return e?e.params:{}}function V(e){var t=H(),n=Z(E).match;return e?N(t.pathname,e):n}},9658:function(e,t,n){var r=n(5826);e.exports=p,e.exports.parse=a,e.exports.compile=function(e,t){return l(a(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=f;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,l="",c=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],f=n[1],p=n.index;if(l+=e.slice(i,p),i=p+d.length,f)l+=f[1];else{var m=e[i],g=n[2],h=n[3],v=n[4],b=n[5],y=n[6],w=n[7];l&&(r.push(l),l="");var k=null!=g&&null!=m&&m!==g,E="+"===y||"*"===y,S="?"===y||"*"===y,C=n[2]||c,x=v||b;r.push({name:h||a++,prefix:g||"",delimiter:C,optional:S,repeat:E,partial:k,asterisk:!!w,pattern:x?u(x):w?".*":"[^"+s(C)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&r.push(l),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,u=0;u<e.length;u++){var c=e[u];if("string"!=typeof c){var d,f=l[c.name];if(null==f){if(c.optional){c.partial&&(a+=c.prefix);continue}throw new TypeError('Expected "'+c.name+'" to be defined')}if(r(f)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(f)+"`");if(0===f.length){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var p=0;p<f.length;p++){if(d=s(f[p]),!n[u].test(d))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===p?c.prefix:c.delimiter)+d}}else{if(d=c.asterisk?encodeURI(f).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(f),!n[u].test(d))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+d+'"');a+=c.prefix+d}}else a+=c}return a}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function u(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function c(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function f(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",l=0;l<e.length;l++){var u=e[l];if("string"==typeof u)i+=s(u);else{var f=s(u.prefix),p="(?:"+u.pattern+")";t.push(u),u.repeat&&(p+="(?:"+f+p+")*"),i+=p=u.optional?u.partial?f+"("+p+")?":"(?:"+f+"("+p+"))?":f+"("+p+")"}}var m=s(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",c(new RegExp("^"+i,d(n)),t)}function p(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return c(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(p(e[o],t,n).source);return c(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return f(a(e,n),t,n)}(e,t,n)}},3524:function(e,t,n){"use strict";var r,o=n(7294),a=(r=o)&&"object"==typeof r&&"default"in r?r.default:r;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=function(e,t,n){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if(void 0!==n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(r){if("function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var s,u=[];function c(){s=e(u.map((function(e){return e.props}))),d.canUseDOM?t(s):n&&(s=n(s))}var d=function(e){var t,n;function o(){return e.apply(this,arguments)||this}n=e,(t=o).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,o.peek=function(){return s},o.rewind=function(){if(o.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=s;return s=void 0,u=[],e};var i=o.prototype;return i.UNSAFE_componentWillMount=function(){u.push(this),c()},i.componentDidUpdate=function(){c()},i.componentWillUnmount=function(){var e=u.indexOf(this);u.splice(e,1),c()},i.render=function(){return a.createElement(r,this.props)},o}(o.PureComponent);return i(d,"displayName","SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")"),i(d,"canUseDOM",l),d}}},2408:function(e,t,n){"use strict";var r=n(7418),o=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,l=60110,s=60112;t.Suspense=60113;var u=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),a=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),l=d("react.context"),s=d("react.forward_ref"),t.Suspense=d("react.suspense"),u=d("react.memo"),c=d("react.lazy")}var f="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function h(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function v(){}function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}h.prototype.isReactComponent={},h.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},h.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=h.prototype;var y=b.prototype=new v;y.constructor=b,r(y,h.prototype),y.isPureReactComponent=!0;var w={current:null},k=Object.prototype.hasOwnProperty,E={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,n){var r,a={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!E.hasOwnProperty(r)&&(a[r]=t[r]);var s=arguments.length-2;if(1===s)a.children=n;else if(1<s){for(var u=Array(s),c=0;c<s;c++)u[c]=arguments[c+2];a.children=u}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===a[r]&&(a[r]=s[r]);return{$$typeof:o,type:e,key:i,ref:l,props:a,_owner:w.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var x=/\/+/g;function T(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function _(e,t,n,r,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case o:case a:s=!0}}if(s)return i=i(s=e),e=""===r?"."+T(s,0):r,Array.isArray(i)?(n="",null!=e&&(n=e.replace(x,"$&/")+"/"),_(i,t,n,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(x,"$&/")+"/")+e)),t.push(i)),1;if(s=0,r=""===r?".":r+":",Array.isArray(e))for(var u=0;u<e.length;u++){var c=r+T(l=e[u],u);s+=_(l,t,n,c,i)}else if(c=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof c)for(e=c.call(e),u=0;!(l=e.next()).done;)s+=_(l=l.value,t,n,c=r+T(l,u++),i);else if("object"===l)throw t=""+e,Error(p(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return s}function A(e,t,n){if(null==e)return e;var r=[],o=0;return _(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function O(){var e=L.current;if(null===e)throw Error(p(321));return e}var R={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:w,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:A,forEach:function(e,t,n){A(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return A(e,(function(){t++})),t},toArray:function(e){return A(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error(p(143));return e}},t.Component=h,t.PureComponent=b,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=R,t.cloneElement=function(e,t,n){if(null==e)throw Error(p(267,e));var a=r({},e.props),i=e.key,l=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(l=t.ref,s=w.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var u=e.type.defaultProps;for(c in t)k.call(t,c)&&!E.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==u?u[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){u=Array(c);for(var d=0;d<c;d++)u[d]=arguments[d+2];a.children=u}return{$$typeof:o,type:e.type,key:i,ref:l,props:a,_owner:s}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:l,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:c,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:u,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return O().useCallback(e,t)},t.useContext=function(e,t){return O().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return O().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return O().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return O().useLayoutEffect(e,t)},t.useMemo=function(e,t){return O().useMemo(e,t)},t.useReducer=function(e,t,n){return O().useReducer(e,t,n)},t.useRef=function(e){return O().useRef(e)},t.useState=function(e){return O().useState(e)},t.version="17.0.2"},7294:function(e,t,n){"use strict";e.exports=n(2408)},53:function(e,t){"use strict";var n,r,o,a;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var u=null,c=null,d=function(){if(null!==u)try{var e=t.unstable_now();u(!0,e),u=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==u?setTimeout(n,0,e):(u=e,setTimeout(d,0))},r=function(e,t){c=setTimeout(e,t)},o=function(){clearTimeout(c)},t.unstable_shouldYield=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var f=window.setTimeout,p=window.clearTimeout;if("undefined"!=typeof console){var m=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,h=null,v=-1,b=5,y=0;t.unstable_shouldYield=function(){return t.unstable_now()>=y},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):b=0<e?Math.floor(1e3/e):5};var w=new MessageChannel,k=w.port2;w.port1.onmessage=function(){if(null!==h){var e=t.unstable_now();y=e+b;try{h(!0,e)?k.postMessage(null):(g=!1,h=null)}catch(n){throw k.postMessage(null),n}}else g=!1},n=function(e){h=e,g||(g=!0,k.postMessage(null))},r=function(e,n){v=f((function(){e(t.unstable_now())}),n)},o=function(){p(v),v=-1}}function E(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<x(o,t)))break e;e[r]=t,e[n]=o,n=r}}function S(e){return void 0===(e=e[0])?null:e}function C(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var a=2*(r+1)-1,i=e[a],l=a+1,s=e[l];if(void 0!==i&&0>x(i,n))void 0!==s&&0>x(s,i)?(e[r]=s,e[l]=n,r=l):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==s&&0>x(s,n)))break e;e[r]=s,e[l]=n,r=l}}}return t}return null}function x(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var T=[],_=[],A=1,P=null,L=3,O=!1,R=!1,N=!1;function D(e){for(var t=S(_);null!==t;){if(null===t.callback)C(_);else{if(!(t.startTime<=e))break;C(_),t.sortIndex=t.expirationTime,E(T,t)}t=S(_)}}function I(e){if(N=!1,D(e),!R)if(null!==S(T))R=!0,n(F);else{var t=S(_);null!==t&&r(I,t.startTime-e)}}function F(e,n){R=!1,N&&(N=!1,o()),O=!0;var a=L;try{for(D(n),P=S(T);null!==P&&(!(P.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=P.callback;if("function"==typeof i){P.callback=null,L=P.priorityLevel;var l=i(P.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?P.callback=l:P===S(T)&&C(T),D(n)}else C(T);P=S(T)}if(null!==P)var s=!0;else{var u=S(_);null!==u&&r(I,u.startTime-n),s=!1}return s}finally{P=null,L=a,O=!1}}var M=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){R||O||(R=!0,n(F))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return S(T)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=M,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,a,i){var l=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?l+i:l:i=l,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:A++,callback:a,priorityLevel:e,startTime:i,expirationTime:s=i+s,sortIndex:-1},i>l?(e.sortIndex=i,E(_,e),null===S(T)&&e===S(_)&&(N?o():N=!0,r(I,i-l))):(e.sortIndex=s,E(T,e),R||O||(R=!0,n(F))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},3840:function(e,t,n){"use strict";e.exports=n(53)},2177:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r="Invariant failed";function o(e,t){if(!e)throw new Error(r)}},655:function(e,t,n){"use strict";n.r(t),n.d(t,{__assign:function(){return a},__asyncDelegator:function(){return k},__asyncGenerator:function(){return w},__asyncValues:function(){return E},__await:function(){return y},__awaiter:function(){return c},__classPrivateFieldGet:function(){return _},__classPrivateFieldSet:function(){return A},__createBinding:function(){return f},__decorate:function(){return l},__exportStar:function(){return p},__extends:function(){return o},__generator:function(){return d},__importDefault:function(){return T},__importStar:function(){return x},__makeTemplateObject:function(){return S},__metadata:function(){return u},__param:function(){return s},__read:function(){return g},__rest:function(){return i},__spread:function(){return h},__spreadArray:function(){return b},__spreadArrays:function(){return v},__values:function(){return m}});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function s(e,t){return function(n,r){t(n,r,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{s(r.next(e))}catch(t){a(t)}}function l(e){try{s(r.throw(e))}catch(t){a(t)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}s((r=r.apply(e,t||[])).next())}))}function d(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var f=Object.create?function(e,t,n,r){void 0===r&&(r=n),Object.defineProperty(e,r,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function p(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||f(t,e,n)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(l){o={error:l}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function v(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)r[o]=a[i];return r}function b(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function y(e){return this instanceof y?(this.v=e,this):new y(e)}function w(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||l(e,t)}))})}function l(e,t){try{(n=o[e](t)).value instanceof y?Promise.resolve(n.value.v).then(s,u):c(a[0][2],n)}catch(r){c(a[0][3],r)}var n}function s(e){l("next",e)}function u(e){l("throw",e)}function c(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function k(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:y(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function E(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=m(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function S(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function x(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&f(t,e,n);return C(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function _(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function A(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}},7462:function(e,t,n){"use strict";function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:function(){return r}})},5068:function(e,t,n){"use strict";function r(e,t){return r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:function(){return o}})},3366:function(e,t,n){"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:function(){return r}})},7529:function(e){"use strict";e.exports={}}},function(e){e.O(0,[532],(function(){return t=2067,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
+/*! For license information please see main.9497beb3.js.LICENSE.txt */
+(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[179],{9782:function(e,t,n){"use strict";n.r(t),t.default={title:"EEA Design System",tagline:"EEA Design System package",url:"https://eea.github.io/",deploymentBranch:"develop-itml",baseUrl:"/volto-eea-design-system/",trailingSlash:!0,onBrokenLinks:"warn",onBrokenMarkdownLinks:"warn",favicon:"img/eea_icon.png",organizationName:"eea",projectName:"volto-eea-design-system",customFields:{storyBookUrl:"https://eea.github.io/volto-kitkat-frontend/"},themeConfig:{colorMode:{defaultMode:"light",disableSwitch:!0,respectPrefersColorScheme:!1,switchConfig:{darkIcon:"\ud83c\udf1c",darkIconStyle:{},lightIcon:"\ud83c\udf1e",lightIconStyle:{}}},navbar:{title:"EEA Design System",logo:{alt:"EEA Design System Logo",src:"img/eea_icon.png"},items:[{href:"https://github.com/eea/volto-eea-design-system",label:"GitHub",position:"right"}],hideOnScroll:!1},footer:{style:"dark",links:[{title:"Community",items:[{label:"EEA Website",href:"https://www.eea.europa.eu"},{label:"EEA Storybook",href:"https://eea.github.io/volto-kitkat-frontend/"}]}],copyright:"Copyright \xa9 2022 EEA. Built with Docusaurus."},docs:{versionPersistence:"localStorage"},metadata:[],prism:{additionalLanguages:[]},hideableSidebar:!1,tableOfContents:{minHeadingLevel:2,maxHeadingLevel:3}},presets:[["@docusaurus/preset-classic",{docs:{sidebarPath:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/sidebars.js",exclude:["**/md_components/**"]},theme:{customCss:"/home/runner/work/volto-eea-design-system/volto-eea-design-system/website/src/css/custom.css"}}]],baseUrlIssueBanner:!0,i18n:{defaultLocale:"en",locales:["en"],localeConfigs:{}},onDuplicateRoutes:"warn",staticDirectories:["static"],plugins:[],themes:[],titleDelimiter:"|",noIndex:!1}},2067:function(e,t,n){"use strict";var r=n(7294),o=n(3935),a=n(3727),i=n(8356),l=n.n(i);function s(e){var t=e.error,n=e.retry,o=e.pastDelay;return t?r.createElement("div",{style:{align:"center",color:"#fff",backgroundColor:"#fa383e",borderColor:"#fa383e",borderStyle:"solid",borderRadius:"0.25rem",borderWidth:"1px",boxSizing:"border-box",display:"block",padding:"1rem",flex:"0 0 50%",marginLeft:"25%",marginRight:"25%",marginTop:"5rem",maxWidth:"50%",width:"100%"}},r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},"Retry"))):o?r.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"}},r.createElement("svg",{id:"loader",style:{width:128,height:110,position:"absolute",top:"calc(100vh - 64%)"},viewBox:"0 0 45 45",xmlns:"http://www.w3.org/2000/svg",stroke:"#61dafb"},r.createElement("g",{fill:"none",fillRule:"evenodd",transform:"translate(1 1)",strokeWidth:"2"},r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"1.5s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"1.5s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"1.5s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"6",strokeOpacity:"0"},r.createElement("animate",{attributeName:"r",begin:"3s",dur:"3s",values:"6;22",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-opacity",begin:"3s",dur:"3s",values:"1;0",calcMode:"linear",repeatCount:"indefinite"}),r.createElement("animate",{attributeName:"stroke-width",begin:"3s",dur:"3s",values:"2;0",calcMode:"linear",repeatCount:"indefinite"})),r.createElement("circle",{cx:"22",cy:"22",r:"8"},r.createElement("animate",{attributeName:"r",begin:"0s",dur:"1.5s",values:"6;1;2;3;4;5;6",calcMode:"linear",repeatCount:"indefinite"}))))):null}var u=JSON.parse('{"/volto-eea-design-system/blog/archive/-cf3":{"component":"9e4087bc","archive":"6d890e16"},"/volto-eea-design-system/docs/-3fe":{"component":"1be78505","versionMetadata":"935f2afb"},"/volto-eea-design-system/docs/Components/Accordion/-00a":{"component":"17896441","content":"ad5a405e"},"/volto-eea-design-system/docs/Components/Blockquote/-394":{"component":"17896441","content":"252fc78e"},"/volto-eea-design-system/docs/Components/Breadcrumb/-cf9":{"component":"17896441","content":"9b1aedb9"},"/volto-eea-design-system/docs/Components/Buttons/-d48":{"component":"17896441","content":"9102e8b0"},"/volto-eea-design-system/docs/Components/Cards/-457":{"component":"17896441","content":"6d4a5948"},"/volto-eea-design-system/docs/Components/Comment/-1b9":{"component":"17896441","content":"c7696cea"},"/volto-eea-design-system/docs/Components/Confirm/-866":{"component":"17896441","content":"dca7770d"},"/volto-eea-design-system/docs/Components/Divider/-df7":{"component":"17896441","content":"2bab1a34"},"/volto-eea-design-system/docs/Components/Forms/Checkbox/-7f5":{"component":"17896441","content":"0559bc72"},"/volto-eea-design-system/docs/Components/Forms/Dropdown/-960":{"component":"17896441","content":"9349bc51"},"/volto-eea-design-system/docs/Components/Forms/Radio/-e01":{"component":"17896441","content":"06fd818d"},"/volto-eea-design-system/docs/Components/Forms/TextArea/-c2b":{"component":"17896441","content":"21b59d39"},"/volto-eea-design-system/docs/Components/Forms/TextInput/-034":{"component":"17896441","content":"10dbb51d"},"/volto-eea-design-system/docs/Components/Headings/-d26":{"component":"17896441","content":"1760a165"},"/volto-eea-design-system/docs/Components/Image/-62f":{"component":"17896441","content":"248bd046"},"/volto-eea-design-system/docs/Components/Inpage-Navigation/-af2":{"component":"17896441","content":"9d80a3e0"},"/volto-eea-design-system/docs/Components/Item/-2d7":{"component":"17896441","content":"f47480b6"},"/volto-eea-design-system/docs/Components/Labels/-bc9":{"component":"17896441","content":"7422b43d"},"/volto-eea-design-system/docs/Components/Lists/-62b":{"component":"17896441","content":"5a89ce28"},"/volto-eea-design-system/docs/Components/Loader/-979":{"component":"17896441","content":"f853bef5"},"/volto-eea-design-system/docs/Components/Logo/-346":{"component":"17896441","content":"a8d4c3b8"},"/volto-eea-design-system/docs/Components/Messages/-343":{"component":"17896441","content":"33ad726a"},"/volto-eea-design-system/docs/Components/Modal/-15d":{"component":"17896441","content":"d2893813"},"/volto-eea-design-system/docs/Components/Pagination/-609":{"component":"17896441","content":"42cfc9ed"},"/volto-eea-design-system/docs/Components/Popup/-658":{"component":"17896441","content":"3bc50dcd"},"/volto-eea-design-system/docs/Components/Progress/-f56":{"component":"17896441","content":"439cf805"},"/volto-eea-design-system/docs/Components/Search/Filters/-c35":{"component":"17896441","content":"efb513c4"},"/volto-eea-design-system/docs/Components/Search/Searchbox/-264":{"component":"17896441","content":"ca1f880d"},"/volto-eea-design-system/docs/Components/Search/Suggestions/-791":{"component":"17896441","content":"958a5516"},"/volto-eea-design-system/docs/Components/Segment/-e38":{"component":"17896441","content":"d7557b9c"},"/volto-eea-design-system/docs/Components/Statistic/-f0e":{"component":"17896441","content":"059ad4b7"},"/volto-eea-design-system/docs/Components/Tab/-764":{"component":"17896441","content":"fc200d0b"},"/volto-eea-design-system/docs/Components/Table/-fbc":{"component":"17896441","content":"9c9f2867"},"/volto-eea-design-system/docs/Components/Visuals/Charts/-c58":{"component":"17896441","content":"7dd98bf6"},"/volto-eea-design-system/docs/Components/Visuals/Dashboard/-c63":{"component":"17896441","content":"3271ea21"},"/volto-eea-design-system/docs/Components/Visuals/Maps/-8d3":{"component":"17896441","content":"0e1cc045"},"/volto-eea-design-system/docs/getting-started/-205":{"component":"17896441","content":"46dfa582"},"/volto-eea-design-system/docs/Guidelines/colours/-28a":{"component":"17896441","content":"e7a8af94"},"/volto-eea-design-system/docs/Guidelines/iconography/-9aa":{"component":"17896441","content":"67fe8101"},"/volto-eea-design-system/docs/Guidelines/images/-e76":{"component":"17896441","content":"8c787392"},"/volto-eea-design-system/docs/Guidelines/intro/-ec8":{"component":"17896441","content":"45b3bc2b"},"/volto-eea-design-system/docs/Guidelines/spacing/-290":{"component":"17896441","content":"9319123e"},"/volto-eea-design-system/docs/Guidelines/typography/-019":{"component":"17896441","content":"a5f39795"},"/volto-eea-design-system/docs/intro/-713":{"component":"17896441","content":"e9a55e4f"},"/volto-eea-design-system/docs/Resources/developer-guidelines/-6f6":{"component":"17896441","content":"e980854f"},"/volto-eea-design-system/docs/Resources/theming-guidelines/-b04":{"component":"17896441","content":"8261b3ae"},"/volto-eea-design-system/docs/Templates/Grid/-3dc":{"component":"17896441","content":"6cd6f2d0"},"/volto-eea-design-system/docs/Templates/PageHeader/-d20":{"component":"17896441","content":"6487326b"},"/volto-eea-design-system/docs/Templates/SiteFooter/-b98":{"component":"17896441","content":"9c1dde54"},"/volto-eea-design-system/docs/Templates/SiteHeader/-9cd":{"component":"17896441","content":"26de33a6"},"/volto-eea-design-system/docs/Utilities/intro/-b50":{"component":"17896441","content":"9490fe92"},"/volto-eea-design-system/docs/whatsnew/-e3c":{"component":"17896441","content":"41d5c757"},"/volto-eea-design-system/-ce9":{"component":"c4f5d8e4","config":"5e9f5e1a"}}'),c={"0559bc72":[function(){return Promise.all([n.e(532),n.e(7275)]).then(n.bind(n,8130))},"@site/docs/5-Components/7-Forms/0-Checkbox.mdx",8130],"059ad4b7":[function(){return Promise.all([n.e(532),n.e(7288)]).then(n.bind(n,5907))},"@site/docs/5-Components/22-Statistic.mdx",5907],"06fd818d":[function(){return Promise.all([n.e(532),n.e(7674)]).then(n.bind(n,3157))},"@site/docs/5-Components/7-Forms/3-Radio.mdx",3157],"0e1cc045":[function(){return Promise.all([n.e(532),n.e(4115)]).then(n.bind(n,9259))},"@site/docs/5-Components/25-Visuals/2-Maps.mdx",9259],"10dbb51d":[function(){return Promise.all([n.e(532),n.e(7542)]).then(n.bind(n,4871))},"@site/docs/5-Components/7-Forms/2-TextInput.mdx",4871],"1760a165":[function(){return Promise.all([n.e(532),n.e(7654)]).then(n.bind(n,8339))},"@site/docs/5-Components/8-Headings.mdx",8339],17896441:[function(){return Promise.all([n.e(532),n.e(7918)]).then(n.bind(n,2319))},"@theme/DocItem",2319],"1be78505":[function(){return Promise.all([n.e(532),n.e(9514)]).then(n.bind(n,3042))},"@theme/DocPage",3042],"21b59d39":[function(){return Promise.all([n.e(532),n.e(2631)]).then(n.bind(n,3451))},"@site/docs/5-Components/7-Forms/4-TextArea.mdx",3451],"248bd046":[function(){return Promise.all([n.e(532),n.e(9207)]).then(n.bind(n,5215))},"@site/docs/5-Components/14-Image.mdx",5215],"252fc78e":[function(){return Promise.all([n.e(532),n.e(2006)]).then(n.bind(n,5731))},"@site/docs/5-Components/1-Blockquote.mdx",5731],"26de33a6":[function(){return Promise.all([n.e(532),n.e(823)]).then(n.bind(n,9986))},"@site/docs/4-Templates/2-SiteHeader.mdx",9986],"2bab1a34":[function(){return Promise.all([n.e(532),n.e(4211)]).then(n.bind(n,5605))},"@site/docs/5-Components/7-Divider.mdx",5605],"3271ea21":[function(){return Promise.all([n.e(532),n.e(2356)]).then(n.bind(n,1260))},"@site/docs/5-Components/25-Visuals/0-Dashboard.mdx",1260],"33ad726a":[function(){return Promise.all([n.e(532),n.e(2827)]).then(n.bind(n,2956))},"@site/docs/5-Components/16-Messages.mdx",2956],"3bc50dcd":[function(){return Promise.all([n.e(532),n.e(8995)]).then(n.bind(n,1653))},"@site/docs/5-Components/19-Popup.mdx",1653],"41d5c757":[function(){return n.e(6245).then(n.bind(n,247))},"@site/docs/2-whatsnew.md",247],"42cfc9ed":[function(){return Promise.all([n.e(532),n.e(9688)]).then(n.bind(n,3199))},"@site/docs/5-Components/18-Pagination.mdx",3199],"439cf805":[function(){return Promise.all([n.e(532),n.e(970)]).then(n.bind(n,1066))},"@site/docs/5-Components/20-Progress.mdx",1066],"45b3bc2b":[function(){return n.e(5237).then(n.bind(n,4440))},"@site/docs/3-Guidelines/0-intro.md",4440],"46dfa582":[function(){return n.e(3078).then(n.bind(n,7537))},"@site/docs/1-getting-started.mdx",7537],"5a89ce28":[function(){return Promise.all([n.e(532),n.e(3239)]).then(n.bind(n,4838))},"@site/docs/5-Components/12-Lists.mdx",4838],"5e9f5e1a":[function(){return Promise.resolve().then(n.bind(n,9782))},"@generated/docusaurus.config",9782],"6487326b":[function(){return Promise.all([n.e(532),n.e(7622)]).then(n.bind(n,2464))},"@site/docs/4-Templates/4-PageHeader.mdx",2464],"67fe8101":[function(){return n.e(851).then(n.bind(n,9101))},"@site/docs/3-Guidelines/4-iconography.md",9101],"6cd6f2d0":[function(){return Promise.all([n.e(532),n.e(3591)]).then(n.bind(n,4246))},"@site/docs/4-Templates/1-Grid.mdx",4246],"6d4a5948":[function(){return Promise.all([n.e(532),n.e(4422)]).then(n.bind(n,5052))},"@site/docs/5-Components/4-Cards.mdx",5052],"6d890e16":[function(){return n.e(9173).then(n.t.bind(n,1211,19))},"~blog/default/volto-eea-design-system-blog-archive-eb7.json",1211],"7422b43d":[function(){return Promise.all([n.e(532),n.e(9142)]).then(n.bind(n,1267))},"@site/docs/5-Components/11-Labels.mdx",1267],"7dd98bf6":[function(){return Promise.all([n.e(532),n.e(4410)]).then(n.bind(n,4595))},"@site/docs/5-Components/25-Visuals/1-Charts.mdx",4595],"8261b3ae":[function(){return n.e(4387).then(n.bind(n,5430))},"@site/docs/8-Resources/theming-guidelines.md",5430],"8c787392":[function(){return n.e(4794).then(n.bind(n,4610))},"@site/docs/3-Guidelines/3-images.md",4610],"9102e8b0":[function(){return Promise.all([n.e(532),n.e(9766)]).then(n.bind(n,1672))},"@site/docs/5-Components/3-Buttons.mdx",1672],"9319123e":[function(){return n.e(3462).then(n.bind(n,1071))},"@site/docs/3-Guidelines/5-spacing.md",1071],"9349bc51":[function(){return Promise.all([n.e(532),n.e(3659)]).then(n.bind(n,9861))},"@site/docs/5-Components/7-Forms/1-Dropdown.mdx",9861],"935f2afb":[function(){return n.e(53).then(n.t.bind(n,1109,19))},"~docs/default/version-current-metadata-prop-751.json",1109],"9490fe92":[function(){return n.e(5521).then(n.bind(n,9265))},"@site/docs/7-Utilities/intro.md",9265],"958a5516":[function(){return Promise.all([n.e(532),n.e(9487)]).then(n.bind(n,4210))},"@site/docs/5-Components/24-Search/1-Suggestions.mdx",4210],"9b1aedb9":[function(){return Promise.all([n.e(532),n.e(1971)]).then(n.bind(n,1967))},"@site/docs/5-Components/2-Breadcrumb.mdx",1967],"9c1dde54":[function(){return Promise.all([n.e(532),n.e(9202)]).then(n.bind(n,4547))},"@site/docs/4-Templates/3-SiteFooter.mdx",4547],"9c9f2867":[function(){return Promise.all([n.e(532),n.e(8181)]).then(n.bind(n,9384))},"@site/docs/5-Components/24-Table.mdx",9384],"9d80a3e0":[function(){return Promise.all([n.e(532),n.e(5965)]).then(n.bind(n,5562))},"@site/docs/5-Components/9-Inpage-Navigation.mdx",5562],"9e4087bc":[function(){return n.e(3608).then(n.bind(n,3012))},"@theme/BlogArchivePage",3012],a5f39795:[function(){return n.e(9458).then(n.bind(n,5280))},"@site/docs/3-Guidelines/1-typography.mdx",5280],a8d4c3b8:[function(){return Promise.all([n.e(532),n.e(2093)]).then(n.bind(n,6667))},"@site/docs/5-Components/13-Logo.mdx",6667],ad5a405e:[function(){return Promise.all([n.e(532),n.e(6397)]).then(n.bind(n,6622))},"@site/docs/5-Components/0-Accordion.mdx",6622],c4f5d8e4:[function(){return n.e(4195).then(n.bind(n,2841))},"@site/src/pages/index.js",2841],c7696cea:[function(){return Promise.all([n.e(532),n.e(5732)]).then(n.bind(n,67))},"@site/docs/5-Components/5-Comment.mdx",67],ca1f880d:[function(){return Promise.all([n.e(532),n.e(1433)]).then(n.bind(n,8173))},"@site/docs/5-Components/24-Search/2-Searchbox.mdx",8173],d2893813:[function(){return Promise.all([n.e(532),n.e(1883)]).then(n.bind(n,9142))},"@site/docs/5-Components/17-Modal.mdx",9142],d7557b9c:[function(){return Promise.all([n.e(532),n.e(2897)]).then(n.bind(n,2))},"@site/docs/5-Components/21-Segment.mdx",2],dca7770d:[function(){return Promise.all([n.e(532),n.e(5525)]).then(n.bind(n,6214))},"@site/docs/5-Components/6-Confirm.mdx",6214],e7a8af94:[function(){return n.e(3356).then(n.bind(n,7039))},"@site/docs/3-Guidelines/2-colours.md",7039],e980854f:[function(){return n.e(3441).then(n.bind(n,7547))},"@site/docs/8-Resources/developer-guidelines.md",7547],e9a55e4f:[function(){return n.e(2263).then(n.bind(n,4877))},"@site/docs/0-intro.md",4877],efb513c4:[function(){return Promise.all([n.e(532),n.e(5067)]).then(n.bind(n,1816))},"@site/docs/5-Components/24-Search/0-Filters.mdx",1816],f47480b6:[function(){return Promise.all([n.e(532),n.e(197)]).then(n.bind(n,9514))},"@site/docs/5-Components/10-Item.mdx",9514],f853bef5:[function(){return Promise.all([n.e(532),n.e(6539)]).then(n.bind(n,473))},"@site/docs/5-Components/15-Loader.mdx",473],fc200d0b:[function(){return Promise.all([n.e(532),n.e(5540)]).then(n.bind(n,6241))},"@site/docs/5-Components/23-Tab.mdx",6241]};var d=function(e){var t={};return function e(n,r){Object.keys(n).forEach((function(o){var a,i=n[o],l=r?r+"."+o:o;"object"==typeof(a=i)&&a&&Object.keys(a).length>0?e(i,l):t[l]=i}))}(e),t};var f=function(e,t){if("*"===e)return l()({loading:s,loader:function(){return n.e(4608).then(n.bind(n,4608))}});var o=u[e+"-"+t],a=[],i=[],f={},p=d(o);return Object.keys(p).forEach((function(e){var t=c[p[e]];t&&(f[e]=t[0],a.push(t[1]),i.push(t[2]))})),l().Map({loading:s,loader:f,modules:a,webpack:function(){return i},render:function(e,t){var n=JSON.parse(JSON.stringify(o));Object.keys(e).forEach((function(t){for(var r=n,o=t.split("."),a=0;a<o.length-1;a+=1)r=r[o[a]];r[o[o.length-1]]=e[t].default;var i=Object.keys(e[t]).filter((function(e){return"default"!==e}));i&&i.length&&i.forEach((function(n){r[o[o.length-1]][n]=e[t][n]}))}));var a=n.component;return delete n.component,r.createElement(a,Object.assign({},n,t))}})},p=[{path:"/volto-eea-design-system/blog/archive/",component:f("/volto-eea-design-system/blog/archive/","cf3"),exact:!0},{path:"/volto-eea-design-system/docs/",component:f("/volto-eea-design-system/docs/","3fe"),routes:[{path:"/volto-eea-design-system/docs/Components/Accordion/",component:f("/volto-eea-design-system/docs/Components/Accordion/","00a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Blockquote/",component:f("/volto-eea-design-system/docs/Components/Blockquote/","394"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Breadcrumb/",component:f("/volto-eea-design-system/docs/Components/Breadcrumb/","cf9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Buttons/",component:f("/volto-eea-design-system/docs/Components/Buttons/","d48"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Cards/",component:f("/volto-eea-design-system/docs/Components/Cards/","457"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Comment/",component:f("/volto-eea-design-system/docs/Components/Comment/","1b9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Confirm/",component:f("/volto-eea-design-system/docs/Components/Confirm/","866"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Divider/",component:f("/volto-eea-design-system/docs/Components/Divider/","df7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Checkbox/",component:f("/volto-eea-design-system/docs/Components/Forms/Checkbox/","7f5"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Dropdown/",component:f("/volto-eea-design-system/docs/Components/Forms/Dropdown/","960"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/Radio/",component:f("/volto-eea-design-system/docs/Components/Forms/Radio/","e01"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/TextArea/",component:f("/volto-eea-design-system/docs/Components/Forms/TextArea/","c2b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Forms/TextInput/",component:f("/volto-eea-design-system/docs/Components/Forms/TextInput/","034"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Headings/",component:f("/volto-eea-design-system/docs/Components/Headings/","d26"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Image/",component:f("/volto-eea-design-system/docs/Components/Image/","62f"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Inpage-Navigation/",component:f("/volto-eea-design-system/docs/Components/Inpage-Navigation/","af2"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Item/",component:f("/volto-eea-design-system/docs/Components/Item/","2d7"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Labels/",component:f("/volto-eea-design-system/docs/Components/Labels/","bc9"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Lists/",component:f("/volto-eea-design-system/docs/Components/Lists/","62b"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Loader/",component:f("/volto-eea-design-system/docs/Components/Loader/","979"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Logo/",component:f("/volto-eea-design-system/docs/Components/Logo/","346"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Messages/",component:f("/volto-eea-design-system/docs/Components/Messages/","343"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Modal/",component:f("/volto-eea-design-system/docs/Components/Modal/","15d"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Pagination/",component:f("/volto-eea-design-system/docs/Components/Pagination/","609"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Popup/",component:f("/volto-eea-design-system/docs/Components/Popup/","658"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Progress/",component:f("/volto-eea-design-system/docs/Components/Progress/","f56"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Filters/",component:f("/volto-eea-design-system/docs/Components/Search/Filters/","c35"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Searchbox/",component:f("/volto-eea-design-system/docs/Components/Search/Searchbox/","264"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Search/Suggestions/",component:f("/volto-eea-design-system/docs/Components/Search/Suggestions/","791"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Segment/",component:f("/volto-eea-design-system/docs/Components/Segment/","e38"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Statistic/",component:f("/volto-eea-design-system/docs/Components/Statistic/","f0e"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Tab/",component:f("/volto-eea-design-system/docs/Components/Tab/","764"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Table/",component:f("/volto-eea-design-system/docs/Components/Table/","fbc"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Charts/",component:f("/volto-eea-design-system/docs/Components/Visuals/Charts/","c58"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Dashboard/",component:f("/volto-eea-design-system/docs/Components/Visuals/Dashboard/","c63"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Components/Visuals/Maps/",component:f("/volto-eea-design-system/docs/Components/Visuals/Maps/","8d3"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/getting-started/",component:f("/volto-eea-design-system/docs/getting-started/","205"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/colours/",component:f("/volto-eea-design-system/docs/Guidelines/colours/","28a"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/iconography/",component:f("/volto-eea-design-system/docs/Guidelines/iconography/","9aa"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/images/",component:f("/volto-eea-design-system/docs/Guidelines/images/","e76"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/intro/",component:f("/volto-eea-design-system/docs/Guidelines/intro/","ec8"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/spacing/",component:f("/volto-eea-design-system/docs/Guidelines/spacing/","290"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Guidelines/typography/",component:f("/volto-eea-design-system/docs/Guidelines/typography/","019"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/intro/",component:f("/volto-eea-design-system/docs/intro/","713"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Resources/developer-guidelines/",component:f("/volto-eea-design-system/docs/Resources/developer-guidelines/","6f6"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Resources/theming-guidelines/",component:f("/volto-eea-design-system/docs/Resources/theming-guidelines/","b04"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/Grid/",component:f("/volto-eea-design-system/docs/Templates/Grid/","3dc"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/PageHeader/",component:f("/volto-eea-design-system/docs/Templates/PageHeader/","d20"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/SiteFooter/",component:f("/volto-eea-design-system/docs/Templates/SiteFooter/","b98"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Templates/SiteHeader/",component:f("/volto-eea-design-system/docs/Templates/SiteHeader/","9cd"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/Utilities/intro/",component:f("/volto-eea-design-system/docs/Utilities/intro/","b50"),exact:!0,sidebar:"sidebar"},{path:"/volto-eea-design-system/docs/whatsnew/",component:f("/volto-eea-design-system/docs/whatsnew/","e3c"),exact:!0,sidebar:"sidebar"}]},{path:"/volto-eea-design-system/",component:f("/volto-eea-design-system/","ce9"),exact:!0},{path:"*",component:f("*")}],m=n(412),g=n(6291),h=n(9913),v=n(7041),b=n(5068),y=n(6775),w=n(4865),k=n.n(w),E=[n(2497),n(2448),n(6743),n(2295)];function S(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];E.forEach((function(t){var r,o,a=null!==(o=null===(r=null==t?void 0:t.default)||void 0===r?void 0:r[e])&&void 0!==o?o:t[e];a&&a.apply(void 0,n)}))}var C={onRouteUpdate:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];S.apply(void 0,["onRouteUpdate"].concat(t))},onRouteUpdateDelayed:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];S.apply(void 0,["onRouteUpdateDelayed"].concat(t))}},x=C,T=n(8790);function _(e,t){var n=(0,T.f)(e,t);return Promise.all(n.map((function(e){var t=e.route.component;if(t&&t.preload)return t.preload()})))}var A={};var P=function(e){if(A[e.pathname])return Object.assign({},e,{pathname:A[e.pathname]});var t=e.pathname||"/";return""===(t=t.trim().replace(/\/index\.html$/,""))&&(t="/"),A[e.pathname]=t,Object.assign({},e,{pathname:t})};k().configure({showSpinner:!1});var L=function(e){function t(t){var n;return(n=e.call(this,t)||this).previousLocation=null,n.progressBarTimeout=null,n.state={nextRouteHasLoaded:!0},n}(0,b.Z)(t,e);var n=t.prototype;return n.shouldComponentUpdate=function(e,t){var n=this,r=e.location!==this.props.location,o=this.props,a=o.routes,i=o.delay;if(r){var l=P(e.location);return this.startProgressBar(i),this.previousLocation=P(this.props.location),this.setState({nextRouteHasLoaded:!1}),_(a,l.pathname).then((function(){x.onRouteUpdate({previousLocation:n.previousLocation,location:l}),n.previousLocation=null,n.setState({nextRouteHasLoaded:!0},n.stopProgressBar);var e=l.hash;if(e){var t=decodeURIComponent(e.substring(1)),r=document.getElementById(t);r&&r.scrollIntoView()}else window.scrollTo(0,0)})).catch((function(e){return console.warn(e)})),!1}return!!t.nextRouteHasLoaded},n.clearProgressBarTimeout=function(){this.progressBarTimeout&&(clearTimeout(this.progressBarTimeout),this.progressBarTimeout=null)},n.startProgressBar=function(e){var t=this;this.clearProgressBarTimeout(),this.progressBarTimeout=setTimeout((function(){x.onRouteUpdateDelayed({location:P(t.props.location)}),k().start()}),e)},n.stopProgressBar=function(){this.clearProgressBarTimeout(),k().done()},n.render=function(){var e=this.props,t=e.children,n=e.location;return r.createElement(y.AW,{location:P(n),render:function(){return t}})},t}(r.Component),R=(0,y.EN)(L),O=n(2859),N=n(2263),D="docusaurus-base-url-issue-banner-container",I="docusaurus-base-url-issue-banner-suggestion-container",F="__DOCUSAURUS_INSERT_BASEURL_BANNER";function M(e){return"\nwindow['"+F+"'] = true;\n\ndocument.addEventListener('DOMContentLoaded', maybeInsertBanner);\n\nfunction maybeInsertBanner() {\n  var shouldInsert = window['"+F+"'];\n  shouldInsert && insertBanner();\n}\n\nfunction insertBanner() {\n  var bannerContainer = document.getElementById('"+D+"');\n  if (!bannerContainer) {\n    return;\n  }\n  var bannerHtml = "+JSON.stringify(function(e){return'\n<div id="docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseurl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">'+e+"</span> "+("/"===e?" (default value)":"")+'</p>\n   <p>We suggest trying baseUrl = <span id="'+I+'" style="font-weight: bold; color: green;"></span></p>\n</div>\n'}(e)).replace(/</g,"\\<")+";\n  bannerContainer.innerHTML = bannerHtml;\n  var suggestionContainer = document.getElementById('"+I+"');\n  var actualHomePagePath = window.location.pathname;\n  var suggestedBaseUrl = actualHomePagePath.substr(-1) === '/'\n        ? actualHomePagePath\n        : actualHomePagePath + '/';\n  suggestionContainer.innerHTML = suggestedBaseUrl;\n}\n"}function j(){var e=(0,N.Z)().siteConfig.baseUrl;return(0,r.useLayoutEffect)((function(){window[F]=!1}),[]),r.createElement(r.Fragment,null,!m.Z.canUseDOM&&r.createElement(O.Z,null,r.createElement("script",null,M(e))),r.createElement("div",{id:D}))}function B(){var e=(0,N.Z)().siteConfig,t=e.baseUrl,n=e.baseUrlIssueBanner,o=(0,y.TH)().pathname;return n&&o===t?r.createElement(j,null):null}var U=function(e){return e.children},z=n(780),G=n(4953);var Z=function(){return r.createElement(z.Z,{fallback:G.Z},r.createElement(v.M,null,r.createElement(h.t,null,r.createElement(U,null,r.createElement(B,null),r.createElement(R,{routes:p,delay:1e3},(0,g.Z)(p))))))};var $=function(e){if("undefined"==typeof document)return!1;var t=document.createElement("link");try{if(t.relList&&"function"==typeof t.relList.supports)return t.relList.supports(e)}catch(n){return!1}return!1}("prefetch")?function(e){return new Promise((function(t,n){if("undefined"!=typeof document){var r=document.createElement("link");r.setAttribute("rel","prefetch"),r.setAttribute("href",e),r.onload=t,r.onerror=n,(document.getElementsByTagName("head")[0]||document.getElementsByName("script")[0].parentNode).appendChild(r)}else n()}))}:function(e){return new Promise((function(t,n){var r=new XMLHttpRequest;r.open("GET",e,!0),r.withCredentials=!0,r.onload=function(){200===r.status?t():n()},r.send(null)}))},q={};var H=function(e){return new Promise((function(t){q[e]?t():$(e).then((function(){t(),q[e]=!0})).catch((function(){}))}))},V={},W={},K=function(){var e,t;return(null===(e=navigator.connection)||void 0===e?void 0:e.effectiveType.includes("2g"))&&(null===(t=navigator.connection)||void 0===t?void 0:t.saveData)},Y={prefetch:function(e){return!!function(e){return!K()&&!W[e]&&!V[e]}(e)&&(V[e]=!0,(0,T.f)(p,e).flatMap((function(e){return t=e.route.path,Object.entries(u).filter((function(e){return e[0].replace(/(-[^-]+)$/,"")===t})).flatMap((function(e){var t=e[1];return Object.values(d(t))}));var t})).forEach((function(e){var t=n.gca(e);t&&!/undefined/.test(t)&&H(t)})),!0)},preload:function(e){return!!function(e){return!K()&&!W[e]}(e)&&(W[e]=!0,_(p,e),!0)}};if(m.Z.canUseDOM){window.docusaurus=Y;var Q=o.hydrate;_(p,window.location.pathname).then((function(){Q(r.createElement(a.VK,null,r.createElement(Z,null)),document.getElementById("__docusaurus"))}))}},780:function(e,t,n){"use strict";var r=n(5068),o=n(7294),a=n(412),i=n(4953),l=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={error:null},n}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidCatch=function(e){a.Z.canUseDOM&&this.setState({error:e})},n.render=function(){var e,t=this,n=this.props.children,r=this.state.error;return r?(null!==(e=this.props.fallback)&&void 0!==e?e:i.Z)({error:r,tryAgain:function(){return t.setState({error:null})}}):n},t}(o.Component);t.Z=l},412:function(e,t){"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),r={canUseDOM:n,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseIntersectionObserver:n&&"IntersectionObserver"in window,canUseViewport:n&&!!window.screen};t.Z=r},2859:function(e,t,n){"use strict";n.d(t,{Z:function(){return he}});var r,o,a,i,l=n(7294),s=n(5697),u=n.n(s),c=n(3524),d=n.n(c),f=n(9590),p=n.n(f),m=n(7418),g=n.n(m),h="bodyAttributes",v="htmlAttributes",b="titleAttributes",y={BASE:"base",BODY:"body",HEAD:"head",HTML:"html",LINK:"link",META:"meta",NOSCRIPT:"noscript",SCRIPT:"script",STYLE:"style",TITLE:"title"},w=(Object.keys(y).map((function(e){return y[e]})),"charset"),k="cssText",E="href",S="http-equiv",C="innerHTML",x="itemprop",T="name",_="property",A="rel",P="src",L="target",R={accesskey:"accessKey",charset:"charSet",class:"className",contenteditable:"contentEditable",contextmenu:"contextMenu","http-equiv":"httpEquiv",itemprop:"itemProp",tabindex:"tabIndex"},O="defaultTitle",N="defer",D="encodeSpecialCharacters",I="onChangeClientState",F="titleTemplate",M=Object.keys(R).reduce((function(e,t){return e[R[t]]=t,e}),{}),j=[y.NOSCRIPT,y.SCRIPT,y.STYLE],B="data-react-helmet",U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},G=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},$=function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n},q=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},H=function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return!1===t?String(e):String(e).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;").replace(/'/g,"&#x27;")},V=function(e){var t=X(e,y.TITLE),n=X(e,F);if(n&&t)return n.replace(/%s/g,(function(){return Array.isArray(t)?t.join(""):t}));var r=X(e,O);return t||r||void 0},W=function(e){return X(e,I)||function(){}},K=function(e,t){return t.filter((function(t){return void 0!==t[e]})).map((function(t){return t[e]})).reduce((function(e,t){return Z({},e,t)}),{})},Y=function(e,t){return t.filter((function(e){return void 0!==e[y.BASE]})).map((function(e){return e[y.BASE]})).reverse().reduce((function(t,n){if(!t.length)for(var r=Object.keys(n),o=0;o<r.length;o++){var a=r[o].toLowerCase();if(-1!==e.indexOf(a)&&n[a])return t.concat(n)}return t}),[])},Q=function(e,t,n){var r={};return n.filter((function(t){return!!Array.isArray(t[e])||(void 0!==t[e]&&re("Helmet: "+e+' should be of type "Array". Instead found type "'+U(t[e])+'"'),!1)})).map((function(t){return t[e]})).reverse().reduce((function(e,n){var o={};n.filter((function(e){for(var n=void 0,a=Object.keys(e),i=0;i<a.length;i++){var l=a[i],s=l.toLowerCase();-1===t.indexOf(s)||n===A&&"canonical"===e[n].toLowerCase()||s===A&&"stylesheet"===e[s].toLowerCase()||(n=s),-1===t.indexOf(l)||l!==C&&l!==k&&l!==x||(n=l)}if(!n||!e[n])return!1;var u=e[n].toLowerCase();return r[n]||(r[n]={}),o[n]||(o[n]={}),!r[n][u]&&(o[n][u]=!0,!0)})).reverse().forEach((function(t){return e.push(t)}));for(var a=Object.keys(o),i=0;i<a.length;i++){var l=a[i],s=g()({},r[l],o[l]);r[l]=s}return e}),[]).reverse()},X=function(e,t){for(var n=e.length-1;n>=0;n--){var r=e[n];if(r.hasOwnProperty(t))return r[t]}return null},J=(r=Date.now(),function(e){var t=Date.now();t-r>16?(r=t,e(t)):setTimeout((function(){J(e)}),0)}),ee=function(e){return clearTimeout(e)},te="undefined"!=typeof window?window.requestAnimationFrame&&window.requestAnimationFrame.bind(window)||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||J:n.g.requestAnimationFrame||J,ne="undefined"!=typeof window?window.cancelAnimationFrame||window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||ee:n.g.cancelAnimationFrame||ee,re=function(e){return console&&"function"==typeof console.warn&&console.warn(e)},oe=null,ae=function(e,t){var n=e.baseTag,r=e.bodyAttributes,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,l=e.noscriptTags,s=e.onChangeClientState,u=e.scriptTags,c=e.styleTags,d=e.title,f=e.titleAttributes;se(y.BODY,r),se(y.HTML,o),le(d,f);var p={baseTag:ue(y.BASE,n),linkTags:ue(y.LINK,a),metaTags:ue(y.META,i),noscriptTags:ue(y.NOSCRIPT,l),scriptTags:ue(y.SCRIPT,u),styleTags:ue(y.STYLE,c)},m={},g={};Object.keys(p).forEach((function(e){var t=p[e],n=t.newTags,r=t.oldTags;n.length&&(m[e]=n),r.length&&(g[e]=p[e].oldTags)})),t&&t(),s(e,m,g)},ie=function(e){return Array.isArray(e)?e.join(""):e},le=function(e,t){void 0!==e&&document.title!==e&&(document.title=ie(e)),se(y.TITLE,t)},se=function(e,t){var n=document.getElementsByTagName(e)[0];if(n){for(var r=n.getAttribute(B),o=r?r.split(","):[],a=[].concat(o),i=Object.keys(t),l=0;l<i.length;l++){var s=i[l],u=t[s]||"";n.getAttribute(s)!==u&&n.setAttribute(s,u),-1===o.indexOf(s)&&o.push(s);var c=a.indexOf(s);-1!==c&&a.splice(c,1)}for(var d=a.length-1;d>=0;d--)n.removeAttribute(a[d]);o.length===a.length?n.removeAttribute(B):n.getAttribute(B)!==i.join(",")&&n.setAttribute(B,i.join(","))}},ue=function(e,t){var n=document.head||document.querySelector(y.HEAD),r=n.querySelectorAll(e+"["+"data-react-helmet]"),o=Array.prototype.slice.call(r),a=[],i=void 0;return t&&t.length&&t.forEach((function(t){var n=document.createElement(e);for(var r in t)if(t.hasOwnProperty(r))if(r===C)n.innerHTML=t.innerHTML;else if(r===k)n.styleSheet?n.styleSheet.cssText=t.cssText:n.appendChild(document.createTextNode(t.cssText));else{var l=void 0===t[r]?"":t[r];n.setAttribute(r,l)}n.setAttribute(B,"true"),o.some((function(e,t){return i=t,n.isEqualNode(e)}))?o.splice(i,1):a.push(n)})),o.forEach((function(e){return e.parentNode.removeChild(e)})),a.forEach((function(e){return n.appendChild(e)})),{oldTags:o,newTags:a}},ce=function(e){return Object.keys(e).reduce((function(t,n){var r=void 0!==e[n]?n+'="'+e[n]+'"':""+n;return t?t+" "+r:r}),"")},de=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[R[n]||n]=e[n],t}),t)},fe=function(e,t,n){switch(e){case y.TITLE:return{toComponent:function(){return e=t.title,n=t.titleAttributes,(r={key:e})[B]=!0,o=de(n,r),[l.createElement(y.TITLE,o,e)];var e,n,r,o},toString:function(){return function(e,t,n,r){var o=ce(n),a=ie(t);return o?"<"+e+' data-react-helmet="true" '+o+">"+H(a,r)+"</"+e+">":"<"+e+' data-react-helmet="true">'+H(a,r)+"</"+e+">"}(e,t.title,t.titleAttributes,n)}};case h:case v:return{toComponent:function(){return de(t)},toString:function(){return ce(t)}};default:return{toComponent:function(){return function(e,t){return t.map((function(t,n){var r,o=((r={key:n})[B]=!0,r);return Object.keys(t).forEach((function(e){var n=R[e]||e;if(n===C||n===k){var r=t.innerHTML||t.cssText;o.dangerouslySetInnerHTML={__html:r}}else o[n]=t[e]})),l.createElement(e,o)}))}(e,t)},toString:function(){return function(e,t,n){return t.reduce((function(t,r){var o=Object.keys(r).filter((function(e){return!(e===C||e===k)})).reduce((function(e,t){var o=void 0===r[t]?t:t+'="'+H(r[t],n)+'"';return e?e+" "+o:o}),""),a=r.innerHTML||r.cssText||"",i=-1===j.indexOf(e);return t+"<"+e+' data-react-helmet="true" '+o+(i?"/>":">"+a+"</"+e+">")}),"")}(e,t,n)}}}},pe=function(e){var t=e.baseTag,n=e.bodyAttributes,r=e.encode,o=e.htmlAttributes,a=e.linkTags,i=e.metaTags,l=e.noscriptTags,s=e.scriptTags,u=e.styleTags,c=e.title,d=void 0===c?"":c,f=e.titleAttributes;return{base:fe(y.BASE,t,r),bodyAttributes:fe(h,n,r),htmlAttributes:fe(v,o,r),link:fe(y.LINK,a,r),meta:fe(y.META,i,r),noscript:fe(y.NOSCRIPT,l,r),script:fe(y.SCRIPT,s,r),style:fe(y.STYLE,u,r),title:fe(y.TITLE,{title:d,titleAttributes:f},r)}},me=d()((function(e){return{baseTag:Y([E,L],e),bodyAttributes:K(h,e),defer:X(e,N),encode:X(e,D),htmlAttributes:K(v,e),linkTags:Q(y.LINK,[A,E],e),metaTags:Q(y.META,[T,w,S,_,x],e),noscriptTags:Q(y.NOSCRIPT,[C],e),onChangeClientState:W(e),scriptTags:Q(y.SCRIPT,[P,C],e),styleTags:Q(y.STYLE,[k],e),title:V(e),titleAttributes:K(b,e)}}),(function(e){oe&&ne(oe),e.defer?oe=te((function(){ae(e,(function(){oe=null}))})):(ae(e),oe=null)}),pe)((function(){return null})),ge=(o=me,i=a=function(e){function t(){return z(this,t),q(this,e.apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),t.prototype.shouldComponentUpdate=function(e){return!p()(this.props,e)},t.prototype.mapNestedChildrenToProps=function(e,t){if(!t)return null;switch(e.type){case y.SCRIPT:case y.NOSCRIPT:return{innerHTML:t};case y.STYLE:return{cssText:t}}throw new Error("<"+e.type+" /> elements are self-closing and can not contain children. Refer to our API for more information.")},t.prototype.flattenArrayTypeChildren=function(e){var t,n=e.child,r=e.arrayTypeChildren,o=e.newChildProps,a=e.nestedChildren;return Z({},r,((t={})[n.type]=[].concat(r[n.type]||[],[Z({},o,this.mapNestedChildrenToProps(n,a))]),t))},t.prototype.mapObjectTypeChildren=function(e){var t,n,r=e.child,o=e.newProps,a=e.newChildProps,i=e.nestedChildren;switch(r.type){case y.TITLE:return Z({},o,((t={})[r.type]=i,t.titleAttributes=Z({},a),t));case y.BODY:return Z({},o,{bodyAttributes:Z({},a)});case y.HTML:return Z({},o,{htmlAttributes:Z({},a)})}return Z({},o,((n={})[r.type]=Z({},a),n))},t.prototype.mapArrayTypeChildrenToProps=function(e,t){var n=Z({},t);return Object.keys(e).forEach((function(t){var r;n=Z({},n,((r={})[t]=e[t],r))})),n},t.prototype.warnOnInvalidChildren=function(e,t){return!0},t.prototype.mapChildrenToProps=function(e,t){var n=this,r={};return l.Children.forEach(e,(function(e){if(e&&e.props){var o=e.props,a=o.children,i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Object.keys(e).reduce((function(t,n){return t[M[n]||n]=e[n],t}),t)}($(o,["children"]));switch(n.warnOnInvalidChildren(e,a),e.type){case y.LINK:case y.META:case y.NOSCRIPT:case y.SCRIPT:case y.STYLE:r=n.flattenArrayTypeChildren({child:e,arrayTypeChildren:r,newChildProps:i,nestedChildren:a});break;default:t=n.mapObjectTypeChildren({child:e,newProps:t,newChildProps:i,nestedChildren:a})}}})),t=this.mapArrayTypeChildrenToProps(r,t)},t.prototype.render=function(){var e=this.props,t=e.children,n=$(e,["children"]),r=Z({},n);return t&&(r=this.mapChildrenToProps(t,r)),l.createElement(o,r)},G(t,null,[{key:"canUseDOM",set:function(e){o.canUseDOM=e}}]),t}(l.Component),a.propTypes={base:u().object,bodyAttributes:u().object,children:u().oneOfType([u().arrayOf(u().node),u().node]),defaultTitle:u().string,defer:u().bool,encodeSpecialCharacters:u().bool,htmlAttributes:u().object,link:u().arrayOf(u().object),meta:u().arrayOf(u().object),noscript:u().arrayOf(u().object),onChangeClientState:u().func,script:u().arrayOf(u().object),style:u().arrayOf(u().object),title:u().string,titleAttributes:u().object,titleTemplate:u().string},a.defaultProps={defer:!0,encodeSpecialCharacters:!0},a.peek=o.peek,a.rewind=function(){var e=o.rewind();return e||(e=pe({baseTag:[],bodyAttributes:{},encodeSpecialCharacters:!0,htmlAttributes:{},linkTags:[],metaTags:[],noscriptTags:[],scriptTags:[],styleTags:[],title:"",titleAttributes:{}})),e},i);ge.renderStatic=ge.rewind;var he=function(e){return l.createElement(ge,Object.assign({},e))}},9960:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(3366),o=n(7294),a=n(3727),i=n(2263),l=n(3919),s=n(412),u=(0,o.createContext)({collectLink:function(){}});var c=n(4996),d=n(8780),f=["isNavLink","to","href","activeClassName","isActive","data-noBrokenLinkCheck","autoAddBaseUrl"];var p=function(e){var t,n,p=e.isNavLink,m=e.to,g=e.href,h=e.activeClassName,v=e.isActive,b=e["data-noBrokenLinkCheck"],y=e.autoAddBaseUrl,w=void 0===y||y,k=(0,r.Z)(e,f),E=(0,i.Z)().siteConfig,S=E.trailingSlash,C=E.baseUrl,x=(0,c.C)().withBaseUrl,T=(0,o.useContext)(u),_=m||g,A=(0,l.Z)(_),P=null==_?void 0:_.replace("pathname://",""),L=void 0!==P?(n=P,w&&function(e){return e.startsWith("/")}(n)?x(n):n):void 0;L&&A&&(L=(0,d.applyTrailingSlash)(L,{trailingSlash:S,baseUrl:C}));var R=(0,o.useRef)(!1),O=p?a.OL:a.rU,N=s.Z.canUseIntersectionObserver,D=(0,o.useRef)();(0,o.useEffect)((function(){return!N&&A&&null!=L&&window.docusaurus.prefetch(L),function(){N&&D.current&&D.current.disconnect()}}),[D,L,N,A]);var I=null!==(t=null==L?void 0:L.startsWith("#"))&&void 0!==t&&t,F=!L||!A||I;return L&&A&&!I&&!b&&T.collectLink(L),F?o.createElement("a",Object.assign({href:L},_&&!A&&{target:"_blank",rel:"noopener noreferrer"},k)):o.createElement(O,Object.assign({},k,{onMouseEnter:function(){R.current||null==L||(window.docusaurus.preload(L),R.current=!0)},innerRef:function(e){var t,n;N&&e&&A&&(t=e,n=function(){null!=L&&window.docusaurus.prefetch(L)},D.current=new window.IntersectionObserver((function(e){e.forEach((function(e){t===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(D.current.unobserve(t),D.current.disconnect(),n())}))})),D.current.observe(t))},to:L||""},p&&{isActive:v,activeClassName:h}))}},1875:function(e,t){"use strict";t.Z=function(){return null}},5999:function(e,t,n){"use strict";n.d(t,{Z:function(){return c},I:function(){return u}});var r=n(7294),o=/{\w+}/g,a="{}";function i(e,t){var n=[],i=e.replace(o,(function(e){var o=e.substring(1,e.length-1),i=null==t?void 0:t[o];if(void 0!==i){var l=r.isValidElement(i)?i:String(i);return n.push(l),a}return e}));return 0===n.length?e:n.every((function(e){return"string"==typeof e}))?i.split(a).reduce((function(e,t,r){var o;return e.concat(t).concat(null!==(o=n[r])&&void 0!==o?o:"")}),""):i.split(a).reduce((function(e,t,o){return[].concat(e,[r.createElement(r.Fragment,{key:o},t,n[o])])}),[])}var l=n(7529);function s(e){var t,n,r=e.id,o=e.message;if(void 0===r&&void 0===o)throw new Error("Docusaurus translation declarations must have at least a translation id or a default translation message");return null!==(n=null!==(t=l[null!=r?r:o])&&void 0!==t?t:o)&&void 0!==n?n:r}function u(e,t){return i(s({message:e.message,id:e.id}),t)}function c(e){var t=e.children,n=e.id,r=e.values;if(t&&"string"!=typeof t)throw console.warn("Illegal <Translate> children",t),new Error("The Docusaurus <Translate> component only accept simple string values");return i(s({message:t,id:n}),r)}},9913:function(e,t,n){"use strict";n.d(t,{_:function(){return o},t:function(){return a}});var r=n(7294),o=r.createContext(!1);function a(e){var t=e.children,n=(0,r.useState)(!1),a=n[0],i=n[1];return(0,r.useEffect)((function(){i(!0)}),[]),r.createElement(o.Provider,{value:a},t)}},9935:function(e,t,n){"use strict";n.d(t,{m:function(){return r}});var r="default"},7041:function(e,t,n){"use strict";n.d(t,{_:function(){return c},M:function(){return d}});var r=n(7294),o=n(9782),a=JSON.parse('{"docusaurus-plugin-content-docs":{"default":{"path":"/volto-eea-design-system/docs","versions":[{"name":"current","label":"Next","isLast":true,"path":"/volto-eea-design-system/docs","mainDocId":"intro","docs":[{"id":"Components/Accordion","path":"/volto-eea-design-system/docs/Components/Accordion","sidebar":"sidebar"},{"id":"Components/Blockquote","path":"/volto-eea-design-system/docs/Components/Blockquote","sidebar":"sidebar"},{"id":"Components/Breadcrumb","path":"/volto-eea-design-system/docs/Components/Breadcrumb","sidebar":"sidebar"},{"id":"Components/Buttons","path":"/volto-eea-design-system/docs/Components/Buttons","sidebar":"sidebar"},{"id":"Components/Cards","path":"/volto-eea-design-system/docs/Components/Cards","sidebar":"sidebar"},{"id":"Components/Comment","path":"/volto-eea-design-system/docs/Components/Comment","sidebar":"sidebar"},{"id":"Components/Confirm","path":"/volto-eea-design-system/docs/Components/Confirm","sidebar":"sidebar"},{"id":"Components/Divider","path":"/volto-eea-design-system/docs/Components/Divider","sidebar":"sidebar"},{"id":"Components/Forms/Checkbox","path":"/volto-eea-design-system/docs/Components/Forms/Checkbox","sidebar":"sidebar"},{"id":"Components/Forms/Dropdown","path":"/volto-eea-design-system/docs/Components/Forms/Dropdown","sidebar":"sidebar"},{"id":"Components/Forms/Radio","path":"/volto-eea-design-system/docs/Components/Forms/Radio","sidebar":"sidebar"},{"id":"Components/Forms/TextArea","path":"/volto-eea-design-system/docs/Components/Forms/TextArea","sidebar":"sidebar"},{"id":"Components/Forms/TextInput","path":"/volto-eea-design-system/docs/Components/Forms/TextInput","sidebar":"sidebar"},{"id":"Components/Headings","path":"/volto-eea-design-system/docs/Components/Headings","sidebar":"sidebar"},{"id":"Components/Image","path":"/volto-eea-design-system/docs/Components/Image","sidebar":"sidebar"},{"id":"Components/Inpage-Navigation","path":"/volto-eea-design-system/docs/Components/Inpage-Navigation","sidebar":"sidebar"},{"id":"Components/Item","path":"/volto-eea-design-system/docs/Components/Item","sidebar":"sidebar"},{"id":"Components/Labels","path":"/volto-eea-design-system/docs/Components/Labels","sidebar":"sidebar"},{"id":"Components/Lists","path":"/volto-eea-design-system/docs/Components/Lists","sidebar":"sidebar"},{"id":"Components/Loader","path":"/volto-eea-design-system/docs/Components/Loader","sidebar":"sidebar"},{"id":"Components/Logo","path":"/volto-eea-design-system/docs/Components/Logo","sidebar":"sidebar"},{"id":"Components/Messages","path":"/volto-eea-design-system/docs/Components/Messages","sidebar":"sidebar"},{"id":"Components/Modal","path":"/volto-eea-design-system/docs/Components/Modal","sidebar":"sidebar"},{"id":"Components/Pagination","path":"/volto-eea-design-system/docs/Components/Pagination","sidebar":"sidebar"},{"id":"Components/Popup","path":"/volto-eea-design-system/docs/Components/Popup","sidebar":"sidebar"},{"id":"Components/Progress","path":"/volto-eea-design-system/docs/Components/Progress","sidebar":"sidebar"},{"id":"Components/Search/Filters","path":"/volto-eea-design-system/docs/Components/Search/Filters","sidebar":"sidebar"},{"id":"Components/Search/Searchbox","path":"/volto-eea-design-system/docs/Components/Search/Searchbox","sidebar":"sidebar"},{"id":"Components/Search/Suggestions","path":"/volto-eea-design-system/docs/Components/Search/Suggestions","sidebar":"sidebar"},{"id":"Components/Segment","path":"/volto-eea-design-system/docs/Components/Segment","sidebar":"sidebar"},{"id":"Components/Statistic","path":"/volto-eea-design-system/docs/Components/Statistic","sidebar":"sidebar"},{"id":"Components/Tab","path":"/volto-eea-design-system/docs/Components/Tab","sidebar":"sidebar"},{"id":"Components/Table","path":"/volto-eea-design-system/docs/Components/Table","sidebar":"sidebar"},{"id":"Components/Visuals/Charts","path":"/volto-eea-design-system/docs/Components/Visuals/Charts","sidebar":"sidebar"},{"id":"Components/Visuals/Dashboard","path":"/volto-eea-design-system/docs/Components/Visuals/Dashboard","sidebar":"sidebar"},{"id":"Components/Visuals/Maps","path":"/volto-eea-design-system/docs/Components/Visuals/Maps","sidebar":"sidebar"},{"id":"getting-started","path":"/volto-eea-design-system/docs/getting-started","sidebar":"sidebar"},{"id":"Guidelines/colours","path":"/volto-eea-design-system/docs/Guidelines/colours","sidebar":"sidebar"},{"id":"Guidelines/iconography","path":"/volto-eea-design-system/docs/Guidelines/iconography","sidebar":"sidebar"},{"id":"Guidelines/images","path":"/volto-eea-design-system/docs/Guidelines/images","sidebar":"sidebar"},{"id":"Guidelines/intro","path":"/volto-eea-design-system/docs/Guidelines/intro","sidebar":"sidebar"},{"id":"Guidelines/spacing","path":"/volto-eea-design-system/docs/Guidelines/spacing","sidebar":"sidebar"},{"id":"Guidelines/typography","path":"/volto-eea-design-system/docs/Guidelines/typography","sidebar":"sidebar"},{"id":"intro","path":"/volto-eea-design-system/docs/intro","sidebar":"sidebar"},{"id":"Resources/developer-guidelines","path":"/volto-eea-design-system/docs/Resources/developer-guidelines","sidebar":"sidebar"},{"id":"Resources/theming-guidelines","path":"/volto-eea-design-system/docs/Resources/theming-guidelines","sidebar":"sidebar"},{"id":"Templates/Grid","path":"/volto-eea-design-system/docs/Templates/Grid","sidebar":"sidebar"},{"id":"Templates/PageHeader","path":"/volto-eea-design-system/docs/Templates/PageHeader","sidebar":"sidebar"},{"id":"Templates/SiteFooter","path":"/volto-eea-design-system/docs/Templates/SiteFooter","sidebar":"sidebar"},{"id":"Templates/SiteHeader","path":"/volto-eea-design-system/docs/Templates/SiteHeader","sidebar":"sidebar"},{"id":"Utilities/intro","path":"/volto-eea-design-system/docs/Utilities/intro","sidebar":"sidebar"},{"id":"whatsnew","path":"/volto-eea-design-system/docs/whatsnew","sidebar":"sidebar"}]}]}}}'),i=JSON.parse('{"defaultLocale":"en","locales":["en"],"currentLocale":"en","localeConfigs":{"en":{"label":"English","direction":"ltr"}}}'),l=n(7529),s=JSON.parse('{"docusaurusVersion":"2.0.0-beta.13","siteVersion":"0.1.0","pluginVersions":{"docusaurus-plugin-content-docs":{"type":"package","name":"@docusaurus/plugin-content-docs","version":"2.0.0-beta.13"},"docusaurus-plugin-content-blog":{"type":"package","name":"@docusaurus/plugin-content-blog","version":"2.0.0-beta.13"},"docusaurus-plugin-content-pages":{"type":"package","name":"@docusaurus/plugin-content-pages","version":"2.0.0-beta.13"},"docusaurus-plugin-sitemap":{"type":"package","name":"@docusaurus/plugin-sitemap","version":"2.0.0-beta.13"},"docusaurus-theme-classic":{"type":"package","name":"@docusaurus/theme-classic","version":"2.0.0-beta.13"}}}'),u={siteConfig:o.default,siteMetadata:s,globalData:a,i18n:i,codeTranslations:l},c=r.createContext(u);function d(e){var t=e.children;return r.createElement(c.Provider,{value:u},t)}},3919:function(e,t,n){"use strict";function r(e){return!0===/^(\w*:|\/\/)/.test(e)}function o(e){return void 0!==e&&!r(e)}n.d(t,{Z:function(){return o},b:function(){return r}})},6291:function(e,t,n){"use strict";var r=n(8790);t.Z=r.H},8143:function(e,t,n){"use strict";n.r(t),n.d(t,{BrowserRouter:function(){return r.VK},HashRouter:function(){return r.UT},Link:function(){return r.rU},MemoryRouter:function(){return r.VA},NavLink:function(){return r.OL},Prompt:function(){return r.NL},Redirect:function(){return r.l_},Route:function(){return r.AW},Router:function(){return r.F0},StaticRouter:function(){return r.gx},Switch:function(){return r.rs},generatePath:function(){return r.Gn},matchPath:function(){return r.LX},useHistory:function(){return r.k6},useLocation:function(){return r.TH},useParams:function(){return r.UO},useRouteMatch:function(){return r.$B},withRouter:function(){return r.EN}});var r=n(3727)},4996:function(e,t,n){"use strict";n.d(t,{C:function(){return a},Z:function(){return i}});var r=n(2263),o=n(3919);function a(){var e=(0,r.Z)().siteConfig,t=(e=void 0===e?{}:e).baseUrl,n=void 0===t?"/":t,a=e.url;return{withBaseUrl:function(e,t){return function(e,t,n,r){var a=void 0===r?{}:r,i=a.forcePrependBaseUrl,l=void 0!==i&&i,s=a.absolute,u=void 0!==s&&s;if(!n)return n;if(n.startsWith("#"))return n;if((0,o.b)(n))return n;if(l)return t+n;var c=n.startsWith(t)?n:t+n.replace(/^\//,"");return u?e+c:c}(a,n,e,t)}}}function i(e,t){return void 0===t&&(t={}),(0,a().withBaseUrl)(e,t)}},2263:function(e,t,n){"use strict";var r=n(7294),o=n(7041);t.Z=function(){return(0,r.useContext)(o._)}},8084:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return a},useAllPluginInstancesData:function(){return i},usePluginData:function(){return l}});var r=n(2263),o=n(9935);function a(){var e=(0,r.Z)().globalData;if(!e)throw new Error("Docusaurus global data not found.");return e}function i(e){var t=a()[e];if(!t)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin.');return t}function l(e,t){void 0===t&&(t=o.m);var n=i(e)[t];if(!n)throw new Error('Docusaurus plugin global data not found for "'+e+'" plugin with id "'+t+'".');return n}},2389:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(7294),o=n(9913);function a(){return(0,r.useContext)(o._)}},4953:function(e,t,n){"use strict";var r=n(7294),o=n(4161),a=n(780);function i(e){var t=e.error,n=e.tryAgain;return r.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",height:"50vh",width:"100%",fontSize:"20px"}},r.createElement("h1",null,"This page crashed."),r.createElement("p",null,t.message),r.createElement("button",{type:"button",onClick:n},"Try again"))}t.Z=function(e){var t=e.error,n=e.tryAgain;return r.createElement(a.Z,{fallback:function(){return r.createElement(i,{error:t,tryAgain:n})}},r.createElement(o.Z,{title:"Page Error"},r.createElement(i,{error:t,tryAgain:n})))}},8408:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getDocVersionSuggestions=t.getActiveDocContext=t.getActiveVersion=t.getLatestVersion=t.getActivePlugin=void 0;var r=n(8143);t.getActivePlugin=function(e,t,n){void 0===n&&(n={});var o=Object.entries(e).find((function(e){e[0];var n=e[1];return!!(0,r.matchPath)(t,{path:n.path,exact:!1,strict:!1})})),a=o?{pluginId:o[0],pluginData:o[1]}:void 0;if(!a&&n.failfast)throw new Error("Can't find active docs plugin for \""+t+'" pathname, while it was expected to be found. Maybe you tried to use a docs feature that can only be used on a docs-related page? Existing docs plugin paths are: '+Object.values(e).map((function(e){return e.path})).join(", "));return a};t.getLatestVersion=function(e){return e.versions.find((function(e){return e.isLast}))};t.getActiveVersion=function(e,n){var o=(0,t.getLatestVersion)(e);return[].concat(e.versions.filter((function(e){return e!==o})),[o]).find((function(e){return!!(0,r.matchPath)(n,{path:e.path,exact:!1,strict:!1})}))};t.getActiveDocContext=function(e,n){var o,a,i=(0,t.getActiveVersion)(e,n),l=null==i?void 0:i.docs.find((function(e){return!!(0,r.matchPath)(n,{path:e.path,exact:!0,strict:!1})}));return{activeVersion:i,activeDoc:l,alternateDocVersions:l?(o=l.id,a={},e.versions.forEach((function(e){e.docs.forEach((function(t){t.id===o&&(a[e.name]=t)}))})),a):{}}};t.getDocVersionSuggestions=function(e,n){var r=(0,t.getLatestVersion)(e),o=(0,t.getActiveDocContext)(e,n);return{latestDocSuggestion:null==o?void 0:o.alternateDocVersions[r.name],latestVersionSuggestion:r}}},6730:function(e,t,n){"use strict";t.Jo=t.Iw=t.zu=t.yW=t.gB=t.gA=t.zh=t._r=void 0;var r=n(655),o=n(8143),a=(0,r.__importStar)(n(8084)),i=n(8408),l={};t._r=function(){var e;return null!==(e=(0,a.default)()["docusaurus-plugin-content-docs"])&&void 0!==e?e:l};t.zh=function(e){return(0,a.usePluginData)("docusaurus-plugin-content-docs",e)};t.gA=function(e){void 0===e&&(e={});var n=(0,t._r)(),r=(0,o.useLocation)().pathname;return(0,i.getActivePlugin)(n,r,e)};t.gB=function(e){return(0,t.zh)(e).versions};t.yW=function(e){var n=(0,t.zh)(e);return(0,i.getLatestVersion)(n)};t.zu=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getActiveVersion)(n,r)};t.Iw=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getActiveDocContext)(n,r)};t.Jo=function(e){var n=(0,t.zh)(e),r=(0,o.useLocation)().pathname;return(0,i.getDocVersionSuggestions)(n,r)}},541:function(e,t,n){"use strict";n.d(t,{Z:function(){return a}});var r=n(7294),o="iconExternalLink_wgqa";var a=function(e){var t=e.width,n=void 0===t?13.5:t,a=e.height,i=void 0===a?13.5:a;return r.createElement("svg",{width:n,height:i,"aria-hidden":"true",viewBox:"0 0 24 24",className:o},r.createElement("path",{fill:"currentColor",d:"M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"}))}},4161:function(e,t,n){"use strict";n.d(t,{Z:function(){return Pe}});var r=n(7294),o=n(6010),a=n(780),i=n(6775),l=n(5999),s=n(3616),u="skipToContent_OuoZ";function c(e){e.setAttribute("tabindex","-1"),e.focus(),e.removeAttribute("tabindex")}var d=function(){var e=(0,r.useRef)(null),t=(0,i.k6)().action;return(0,s.SL)((function(n){var r=n.location;e.current&&!r.hash&&"PUSH"===t&&c(e.current)})),r.createElement("div",{ref:e},r.createElement("a",{href:"#",className:u,onClick:function(e){e.preventDefault();var t=document.querySelector("main:first-of-type")||document.querySelector(".main-wrapper");t&&c(t)}},r.createElement(l.Z,{id:"theme.common.skipToMainContent",description:"The skip to content label used for accessibility, allowing to rapidly navigate to main content with keyboard tab/enter navigation"},"Skip to main content")))},f=n(7462),p=n(3366),m=["width","height","color","strokeWidth","className"];function g(e){var t=e.width,n=void 0===t?21:t,o=e.height,a=void 0===o?21:o,i=e.color,l=void 0===i?"currentColor":i,s=e.strokeWidth,u=void 0===s?1.2:s,c=(e.className,(0,p.Z)(e,m));return r.createElement("svg",(0,f.Z)({viewBox:"0 0 15 15",width:n,height:a},c),r.createElement("g",{stroke:l,strokeWidth:u},r.createElement("path",{d:"M.75.75l13.5 13.5M14.25.75L.75 14.25"})))}var h="announcementBar_axC9",v="announcementBarPlaceholder_xYHE",b="announcementBarClose_A3A1",y="announcementBarContent_6uhP";var w=function(){var e=(0,s.nT)(),t=e.isActive,n=e.close,a=(0,s.LU)().announcementBar;if(!t)return null;var i=a.content,u=a.backgroundColor,c=a.textColor,d=a.isCloseable;return r.createElement("div",{className:h,style:{backgroundColor:u,color:c},role:"banner"},d&&r.createElement("div",{className:v}),r.createElement("div",{className:y,dangerouslySetInnerHTML:{__html:i}}),d?r.createElement("button",{type:"button",className:(0,o.Z)("clean-btn close",b),onClick:n,"aria-label":(0,l.I)({id:"theme.AnnouncementBar.closeButtonAriaLabel",message:"Close",description:"The ARIA label for close button of announcement bar"})},r.createElement(g,{width:14,height:14,strokeWidth:3.1})):null)},k=n(1875),E=n(2389),S="toggle_iYfV",C="toggleScreenReader_h9qa",x="toggleDisabled_xj38",T="toggleTrack_t-f2",_="toggleTrackCheck_mk7D",A="toggleChecked_a04y",P="toggleTrackX_dm8H",L="toggleTrackThumb_W6To",R="toggleFocused_pRSw",O="toggleIcon_pHJ9",N=(0,r.memo)((function(e){var t,n=e.className,a=e.switchConfig,i=e.checked,l=e.disabled,s=e.onChange,u=a.darkIcon,c=a.darkIconStyle,d=a.lightIcon,f=a.lightIconStyle,p=(0,r.useState)(i),m=p[0],g=p[1],h=(0,r.useState)(!1),v=h[0],b=h[1],y=(0,r.useRef)(null);return r.createElement("div",{className:(0,o.Z)(S,n,(t={},t[A]=m,t[R]=v,t[x]=l,t))},r.createElement("div",{className:T,role:"button",tabIndex:-1,onClick:function(){var e;return null==(e=y.current)?void 0:e.click()}},r.createElement("div",{className:_},r.createElement("span",{className:O,style:c},u)),r.createElement("div",{className:P},r.createElement("span",{className:O,style:f},d)),r.createElement("div",{className:L})),r.createElement("input",{ref:y,checked:m,type:"checkbox",className:C,"aria-label":"Switch between dark and light mode",onChange:s,onClick:function(){return g(!m)},onFocus:function(){return b(!0)},onBlur:function(){return b(!1)},onKeyDown:function(e){var t;"Enter"===e.key&&(null==(t=y.current)||t.click())}}))}));function D(e){var t=(0,s.LU)().colorMode.switchConfig,n=(0,E.Z)();return r.createElement(N,(0,f.Z)({switchConfig:t,disabled:!n},e))}var I=n(5350),F=function(e){var t=(0,r.useState)(e),n=t[0],o=t[1],a=(0,r.useRef)(!1),i=(0,r.useRef)(0),l=(0,r.useCallback)((function(e){null!==e&&(i.current=e.getBoundingClientRect().height)}),[]);return(0,s.RF)((function(t,n){if(e){var r=t.scrollY;if(r<i.current)o(!0);else if(a.current)a.current=!1;else{var l=null==n?void 0:n.scrollY,s=document.documentElement.scrollHeight-i.current,u=window.innerHeight;l&&r>=l?o(!1):r+u<s&&o(!0)}}})),(0,s.SL)((function(t){if(e)return t.location.hash?(a.current=!0,void o(!1)):void o(!0)})),{navbarRef:l,isNavbarVisible:n}};var M=function(e){void 0===e&&(e=!0),(0,r.useEffect)((function(){return document.body.style.overflow=e?"hidden":"visible",function(){document.body.style.overflow="visible"}}),[e])},j=n(3783),B=n(907),U=n(2207),z=n(5537),G=["width","height","className"];var Z=function(e){var t=e.width,n=void 0===t?30:t,o=e.height,a=void 0===o?30:o,i=e.className,l=(0,p.Z)(e,G);return r.createElement("svg",(0,f.Z)({className:i,width:n,height:a,viewBox:"0 0 30 30","aria-hidden":"true"},l),r.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeMiterlimit:"10",strokeWidth:"2",d:"M4 7h22M4 15h22M4 23h22"}))},$={toggle:"toggle_2i4l",navbarHideable:"navbarHideable_RReh",navbarHidden:"navbarHidden_FBwS",navbarSidebarToggle:"navbarSidebarToggle_AVbO"},q="right";function H(){return(0,s.LU)().navbar.items}function V(){var e=(0,s.LU)().colorMode.disableSwitch,t=(0,I.Z)(),n=t.isDarkTheme,o=t.setLightTheme,a=t.setDarkTheme;return{isDarkTheme:n,toggle:(0,r.useCallback)((function(e){return e.target.checked?a():o()}),[o,a]),disabled:e}}function W(e){var t=e.sidebarShown,n=e.toggleSidebar;M(t);var a=H(),i=V(),u=function(e){var t,n=e.sidebarShown,o=e.toggleSidebar,a=null==(t=(0,s.g8)())?void 0:t({toggleSidebar:o}),i=(0,s.D9)(a),l=(0,r.useState)((function(){return!1})),u=l[0],c=l[1];(0,r.useEffect)((function(){a&&!i&&c(!0)}),[a,i]);var d=!!a;return(0,r.useEffect)((function(){d?n||c(!0):c(!1)}),[n,d]),{shown:u,hide:(0,r.useCallback)((function(){c(!1)}),[]),content:a}}({sidebarShown:t,toggleSidebar:n});return r.createElement("div",{className:"navbar-sidebar"},r.createElement("div",{className:"navbar-sidebar__brand"},r.createElement(z.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),!i.disabled&&r.createElement(D,{className:$.navbarSidebarToggle,checked:i.isDarkTheme,onChange:i.toggle}),r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__close",onClick:n},r.createElement(g,{color:"var(--ifm-color-emphasis-600)",className:$.navbarSidebarCloseSvg}))),r.createElement("div",{className:(0,o.Z)("navbar-sidebar__items",{"navbar-sidebar__items--show-secondary":u.shown})},r.createElement("div",{className:"navbar-sidebar__item menu"},r.createElement("ul",{className:"menu__list"},a.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({mobile:!0},e,{onClick:n,key:t}))})))),r.createElement("div",{className:"navbar-sidebar__item menu"},a.length>0&&r.createElement("button",{type:"button",className:"clean-btn navbar-sidebar__back",onClick:u.hide},r.createElement(l.Z,{id:"theme.navbar.mobileSidebarSecondaryMenu.backButtonLabel",description:"The label of the back button to return to main menu, inside the mobile navbar sidebar secondary menu (notably used to display the docs sidebar)"},"\u2190 Back to main menu")),u.content)))}var K=function(){var e,t=(0,s.LU)().navbar,n=t.hideOnScroll,a=t.style,i=function(){var e=(0,j.Z)(),t="mobile"===e,n=(0,r.useState)(!1),o=n[0],a=n[1];(0,s.Rb)((function(){if(o)return a(!1),!1}));var i=(0,r.useCallback)((function(){a((function(e){return!e}))}),[]);return(0,r.useEffect)((function(){"desktop"===e&&a(!1)}),[e]),{shouldRender:t,toggle:i,shown:o}}(),l=V(),u=(0,B.gA)(),c=F(n),d=c.navbarRef,p=c.isNavbarVisible,m=H(),g=m.some((function(e){return"search"===e.type})),h=function(e){return{leftItems:e.filter((function(e){var t;return"left"===(null!=(t=e.position)?t:q)})),rightItems:e.filter((function(e){var t;return"right"===(null!=(t=e.position)?t:q)}))}}(m),v=h.leftItems,b=h.rightItems;return r.createElement("nav",{ref:d,className:(0,o.Z)("navbar","navbar--fixed-top",(e={"navbar--dark":"dark"===a,"navbar--primary":"primary"===a,"navbar-sidebar--show":i.shown},e[$.navbarHideable]=n,e[$.navbarHidden]=n&&!p,e))},r.createElement("div",{className:"navbar__inner"},r.createElement("div",{className:"navbar__items"},((null==m?void 0:m.length)>0||u)&&r.createElement("button",{"aria-label":"Navigation bar toggle",className:"navbar__toggle clean-btn",type:"button",tabIndex:0,onClick:i.toggle,onKeyDown:i.toggle},r.createElement(Z,null)),r.createElement(z.Z,{className:"navbar__brand",imageClassName:"navbar__logo",titleClassName:"navbar__title"}),v.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({},e,{key:t}))}))),r.createElement("div",{className:"navbar__items navbar__items--right"},b.map((function(e,t){return r.createElement(U.Z,(0,f.Z)({},e,{key:t}))})),!l.disabled&&r.createElement(D,{className:$.toggle,checked:l.isDarkTheme,onChange:l.toggle}),!g&&r.createElement(k.Z,null))),r.createElement("div",{role:"presentation",className:"navbar-sidebar__backdrop",onClick:i.toggle}),i.shouldRender&&r.createElement(W,{sidebarShown:i.shown,toggleSidebar:i.toggle}))},Y=n(9960),Q=n(4996),X=n(3919),J="footerLogoLink_SRtH",ee=n(9750),te=n(541),ne=["to","href","label","prependBaseUrlToHref"];function re(e){var t=e.to,n=e.href,o=e.label,a=e.prependBaseUrlToHref,i=(0,p.Z)(e,ne),l=(0,Q.Z)(t),s=(0,Q.Z)(n,{forcePrependBaseUrl:!0});return r.createElement(Y.Z,(0,f.Z)({className:"footer__link-item"},n?{href:a?s:n}:{to:l},i),n&&!(0,X.Z)(n)?r.createElement("span",null,o,r.createElement(te.Z,null)):o)}function oe(e){var t=e.sources,n=e.alt,o=e.width,a=e.height;return r.createElement(ee.Z,{className:"footer__logo",alt:n,sources:t,width:o,height:a})}var ae=function(){var e=(0,s.LU)().footer,t=e||{},n=t.copyright,a=t.links,i=void 0===a?[]:a,l=t.logo,u=void 0===l?{}:l,c={light:(0,Q.Z)(u.src),dark:(0,Q.Z)(u.srcDark||u.src)};return e?r.createElement("footer",{className:(0,o.Z)("footer",{"footer--dark":"dark"===e.style})},r.createElement("div",{className:"container"},i&&i.length>0&&r.createElement("div",{className:"row footer__links"},i.map((function(e,t){return r.createElement("div",{key:t,className:"col footer__col"},null!=e.title?r.createElement("div",{className:"footer__title"},e.title):null,null!=e.items&&Array.isArray(e.items)&&e.items.length>0?r.createElement("ul",{className:"footer__items"},e.items.map((function(e,t){return e.html?r.createElement("li",{key:t,className:"footer__item",dangerouslySetInnerHTML:{__html:e.html}}):r.createElement("li",{key:e.href||e.to,className:"footer__item"},r.createElement(re,e))}))):null)}))),(u||n)&&r.createElement("div",{className:"footer__bottom text--center"},u&&(u.src||u.srcDark)&&r.createElement("div",{className:"margin-bottom--sm"},u.href?r.createElement(Y.Z,{href:u.href,className:J},r.createElement(oe,{alt:u.alt,sources:c,width:u.width,height:u.height})):r.createElement(oe,{alt:u.alt,sources:c})),n?r.createElement("div",{className:"footer__copyright",dangerouslySetInnerHTML:{__html:n}}):null))):null},ie=n(412),le=(0,s.WA)("theme"),se="light",ue="dark",ce=function(e){return e===ue?ue:se},de=function(e){(0,s.WA)("theme").set(ce(e))},fe=function(){var e=(0,s.LU)().colorMode,t=e.defaultMode,n=e.disableSwitch,o=e.respectPrefersColorScheme,a=(0,r.useState)(function(e){return ie.Z.canUseDOM?ce(document.documentElement.getAttribute("data-theme")):ce(e)}(t)),i=a[0],l=a[1],u=(0,r.useCallback)((function(){l(se),de(se)}),[]),c=(0,r.useCallback)((function(){l(ue),de(ue)}),[]);return(0,r.useEffect)((function(){document.documentElement.setAttribute("data-theme",ce(i))}),[i]),(0,r.useEffect)((function(){if(!n)try{var e=le.get();null!==e&&l(ce(e))}catch(t){console.error(t)}}),[n,l]),(0,r.useEffect)((function(){n&&!o||window.matchMedia("(prefers-color-scheme: dark)").addListener((function(e){var t=e.matches;l(t?ue:se)}))}),[n,o]),{isDarkTheme:i===ue,setLightTheme:u,setDarkTheme:c}},pe=n(2924);var me=function(e){var t=fe(),n=t.isDarkTheme,o=t.setLightTheme,a=t.setDarkTheme,i=(0,r.useMemo)((function(){return{isDarkTheme:n,setLightTheme:o,setDarkTheme:a}}),[n,o,a]);return r.createElement(pe.Z.Provider,{value:i},e.children)},ge="docusaurus.tab.",he=function(){var e=(0,r.useState)({}),t=e[0],n=e[1],o=(0,r.useCallback)((function(e,t){(0,s.WA)("docusaurus.tab."+e).set(t)}),[]);return(0,r.useEffect)((function(){try{var e={};(0,s._f)().forEach((function(t){if(t.startsWith(ge)){var n=t.substring(ge.length);e[n]=(0,s.WA)(t).get()}})),n(e)}catch(t){console.error(t)}}),[]),{tabGroupChoices:t,setTabGroupChoices:function(e,t){n((function(n){var r;return Object.assign({},n,((r={})[e]=t,r))})),o(e,t)}}},ve=n(9443);var be=function(e){var t=he(),n=t.tabGroupChoices,o=t.setTabGroupChoices,a=(0,r.useMemo)((function(){return{tabGroupChoices:n,setTabGroupChoices:o}}),[n,o]);return r.createElement(ve.Z.Provider,{value:a},e.children)};function ye(e){var t=e.children;return r.createElement(me,null,r.createElement(s.pl,null,r.createElement(be,null,r.createElement(s.OC,null,r.createElement(s.L5,null,r.createElement(s.Cn,null,t))))))}var we=n(2859),ke=n(2263);function Ee(e){var t=e.locale,n=e.version,o=e.tag;return r.createElement(we.Z,null,t&&r.createElement("meta",{name:"docusaurus_locale",content:t}),n&&r.createElement("meta",{name:"docusaurus_version",content:n}),o&&r.createElement("meta",{name:"docusaurus_tag",content:o}))}var Se=n(1217);function Ce(){var e=(0,ke.Z)().i18n,t=e.defaultLocale,n=e.locales,o=(0,s.l5)();return r.createElement(we.Z,null,n.map((function(e){return r.createElement("link",{key:e,rel:"alternate",href:o.createUrl({locale:e,fullyQualified:!0}),hrefLang:e})})),r.createElement("link",{rel:"alternate",href:o.createUrl({locale:t,fullyQualified:!0}),hrefLang:"x-default"}))}function xe(e){var t=e.permalink,n=(0,ke.Z)().siteConfig.url,o=function(){var e=(0,ke.Z)().siteConfig.url,t=(0,i.TH)().pathname;return e+(0,Q.Z)(t)}(),a=t?""+n+t:o;return r.createElement(we.Z,null,r.createElement("meta",{property:"og:url",content:a}),r.createElement("link",{rel:"canonical",href:a}))}function Te(e){var t=(0,ke.Z)(),n=t.siteConfig.favicon,o=t.i18n,a=o.currentLocale,i=o.localeConfigs,l=(0,s.LU)(),u=l.metadata,c=l.image,d=e.title,p=e.description,m=e.image,g=e.keywords,h=e.searchMetadata,v=(0,Q.Z)(n),b=(0,s.pe)(d),y=a,w=i[a].direction;return r.createElement(r.Fragment,null,r.createElement(we.Z,null,r.createElement("html",{lang:y,dir:w}),n&&r.createElement("link",{rel:"icon",href:v}),r.createElement("title",null,b),r.createElement("meta",{property:"og:title",content:b}),r.createElement("meta",{name:"twitter:card",content:"summary_large_image"})),c&&r.createElement(Se.Z,{image:c}),m&&r.createElement(Se.Z,{image:m}),r.createElement(Se.Z,{description:p,keywords:g}),r.createElement(xe,null),r.createElement(Ce,null),r.createElement(Ee,(0,f.Z)({tag:s.HX,locale:a},h)),r.createElement(we.Z,null,u.map((function(e,t){return r.createElement("meta",(0,f.Z)({key:"metadata_"+t},e))}))))}var _e=function(){(0,r.useEffect)((function(){var e="navigation-with-keyboard";function t(t){"keydown"===t.type&&"Tab"===t.key&&document.body.classList.add(e),"mousedown"===t.type&&document.body.classList.remove(e)}return document.addEventListener("keydown",t),document.addEventListener("mousedown",t),function(){document.body.classList.remove(e),document.removeEventListener("keydown",t),document.removeEventListener("mousedown",t)}}),[])};function Ae(e){var t=e.error,n=e.tryAgain;return r.createElement("main",{className:"container margin-vert--xl"},r.createElement("div",{className:"row"},r.createElement("div",{className:"col col--6 col--offset-3"},r.createElement("h1",{className:"hero__title"},r.createElement(l.Z,{id:"theme.ErrorPageContent.title",description:"The title of the fallback page when the page crashed"},"This page crashed.")),r.createElement("p",null,t.message),r.createElement("div",null,r.createElement("button",{type:"button",onClick:n},r.createElement(l.Z,{id:"theme.ErrorPageContent.tryAgain",description:"The label of the button to try again when the page crashed"},"Try again"))))))}var Pe=function(e){var t=e.children,n=e.noFooter,i=e.wrapperClassName,l=e.pageClassName;return _e(),r.createElement(ye,null,r.createElement(Te,e),r.createElement(d,null),r.createElement(w,null),r.createElement(K,null),r.createElement("div",{className:(0,o.Z)(s.kM.wrapper.main,i,l)},r.createElement(a.Z,{fallback:Ae},t)),!n&&r.createElement(ae,null))}},5537:function(e,t,n){"use strict";var r=n(7462),o=n(3366),a=n(7294),i=n(9960),l=n(9750),s=n(4996),u=n(2263),c=n(3616),d=["imageClassName","titleClassName"];t.Z=function(e){var t=(0,u.Z)().siteConfig.title,n=(0,c.LU)().navbar,f=n.title,p=n.logo,m=void 0===p?{src:""}:p,g=e.imageClassName,h=e.titleClassName,v=(0,o.Z)(e,d),b=(0,s.Z)(m.href||"/"),y={light:(0,s.Z)(m.src),dark:(0,s.Z)(m.srcDark||m.src)},w=a.createElement(l.Z,{sources:y,height:m.height,width:m.width,alt:m.alt||f||t});return a.createElement(i.Z,(0,r.Z)({to:b},v,m.target&&{target:m.target}),m.src&&(g?a.createElement("div",{className:g},w):w),null!=f&&a.createElement("b",{className:h},f))}},5525:function(e,t,n){"use strict";n.d(t,{O:function(){return v}});var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(9960),s=n(4996),u=n(541),c=n(3919),d=n(3616),f=n(2207),p=["activeBasePath","activeBaseRegex","to","href","label","activeClassName","prependBaseUrlToHref"],m=["className","isDropdownItem"],g=["className","isDropdownItem"],h=["mobile","position"];function v(e){var t,n=e.activeBasePath,i=e.activeBaseRegex,f=e.to,m=e.href,g=e.label,h=e.activeClassName,v=void 0===h?"":h,b=e.prependBaseUrlToHref,y=(0,o.Z)(e,p),w=(0,s.Z)(f),k=(0,s.Z)(n),E=(0,s.Z)(m,{forcePrependBaseUrl:!0}),S=g&&m&&!(0,c.Z)(m),C="dropdown__link--active"===v;return a.createElement(l.Z,(0,r.Z)({},m?{href:b?E:m}:Object.assign({isNavLink:!0,activeClassName:null!=(t=y.className)&&t.includes(v)?"":v,to:w},n||i?{isActive:function(e,t){return i?(0,d.Fx)(i,t.pathname):t.pathname.startsWith(k)}}:null),y),S?a.createElement("span",null,g,a.createElement(u.Z,C&&{width:12,height:12})):g)}function b(e){var t=e.className,n=e.isDropdownItem,l=void 0!==n&&n,s=(0,o.Z)(e,m),u=a.createElement(v,(0,r.Z)({className:(0,i.Z)(l?"dropdown__link":"navbar__item navbar__link",t)},s));return l?a.createElement("li",null,u):u}function y(e){var t=e.className,n=(e.isDropdownItem,(0,o.Z)(e,g));return a.createElement("li",{className:"menu__list-item"},a.createElement(v,(0,r.Z)({className:(0,i.Z)("menu__link",t)},n)))}t.Z=function(e){var t,n=e.mobile,i=void 0!==n&&n,l=(e.position,(0,o.Z)(e,h)),s=i?y:b;return a.createElement(s,(0,r.Z)({},l,{activeClassName:null!=(t=l.activeClassName)?t:(0,f.E)(i)}))}},6400:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(907),s=n(6010),u=n(2207),c=n(3616),d=["docId","label","docsPluginId"];function f(e){var t,n=e.docId,f=e.label,p=e.docsPluginId,m=(0,o.Z)(e,d),g=(0,l.Iw)(p),h=g.activeVersion,v=g.activeDoc,b=(0,c.J)(p).preferredVersion,y=(0,l.yW)(p),w=function(e,t){var n=e.flatMap((function(e){return e.docs})),r=n.find((function(e){return e.id===t}));if(!r){var o=n.map((function(e){return e.id})).join("\n- ");throw new Error("DocNavbarItem: couldn't find any doc with id \""+t+'" in version'+(e.length?"s":"")+" "+e.map((function(e){return e.name})).join(", ")+'".\nAvailable doc ids are:\n- '+o)}return r}((0,c.jj)([h,b,y].filter(Boolean)),n),k=(0,u.E)(m.mobile);return a.createElement(i.Z,(0,r.Z)({exact:!0},m,{className:(0,s.Z)(m.className,(t={},t[k]=(null==v?void 0:v.sidebar)&&v.sidebar===w.sidebar,t)),activeClassName:k,label:null!=f?f:w.id,to:w.path}))}},9308:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(3154),s=n(907),u=n(3616),c=n(5999),d=["mobile","docsPluginId","dropdownActiveClassDisabled","dropdownItemsBefore","dropdownItemsAfter"],f=function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))};function p(e){var t,n,p=e.mobile,m=e.docsPluginId,g=e.dropdownActiveClassDisabled,h=e.dropdownItemsBefore,v=e.dropdownItemsAfter,b=(0,o.Z)(e,d),y=(0,s.Iw)(m),w=(0,s.gB)(m),k=(0,s.yW)(m),E=(0,u.J)(m),S=E.preferredVersion,C=E.savePreferredVersionName;var x,T=(x=w.map((function(e){var t=(null==y?void 0:y.alternateDocVersions[e.name])||f(e);return{isNavLink:!0,label:e.label,to:t.path,isActive:function(){return e===(null==y?void 0:y.activeVersion)},onClick:function(){C(e.name)}}})),[].concat(h,x,v)),_=null!=(t=null!=(n=y.activeVersion)?n:S)?t:k,A=p&&T?(0,c.I)({id:"theme.navbar.mobileVersionsDropdown.label",message:"Versions",description:"The label for the navbar versions dropdown on mobile view"}):_.label,P=p&&T?void 0:f(_).path;return T.length<=1?a.createElement(i.Z,(0,r.Z)({},b,{mobile:p,label:A,to:P,isActive:g?function(){return!1}:void 0})):a.createElement(l.Z,(0,r.Z)({},b,{mobile:p,label:A,to:P,items:T,isActive:g?function(){return!1}:void 0}))}},7250:function(e,t,n){"use strict";n.d(t,{Z:function(){return c}});var r=n(7462),o=n(3366),a=n(7294),i=n(5525),l=n(907),s=n(3616),u=["label","to","docsPluginId"];function c(e){var t,n=e.label,c=e.to,d=e.docsPluginId,f=(0,o.Z)(e,u),p=(0,l.zu)(d),m=(0,s.J)(d).preferredVersion,g=(0,l.yW)(d),h=null!=(t=null!=p?p:m)?t:g,v=null!=n?n:h.label,b=null!=c?c:function(e){return e.docs.find((function(t){return t.id===e.mainDocId}))}(h).path;return a.createElement(i.Z,(0,r.Z)({},f,{label:v,to:b}))}},3154:function(e,t,n){"use strict";var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(3616),s=n(5525),u=n(2207),c=["items","position","className"],d=["items","className","position"],f=["mobile"];function p(e,t){return e.some((function(e){return function(e,t){return!!(0,l.Mg)(e.to,t)||!!(0,l.Fx)(e.activeBaseRegex,t)||!(!e.activeBasePath||!t.startsWith(e.activeBasePath))}(e,t)}))}function m(e){var t,n=e.items,l=e.position,d=e.className,f=(0,o.Z)(e,c),p=(0,a.useRef)(null),m=(0,a.useRef)(null),g=(0,a.useState)(!1),h=g[0],v=g[1];return(0,a.useEffect)((function(){var e=function(e){p.current&&!p.current.contains(e.target)&&v(!1)};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),function(){document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}}),[p]),a.createElement("div",{ref:p,className:(0,i.Z)("navbar__item","dropdown","dropdown--hoverable",{"dropdown--right":"right"===l,"dropdown--show":h})},a.createElement(s.O,(0,r.Z)({href:f.to?void 0:"#",className:(0,i.Z)("navbar__link",d)},f,{onClick:f.to?void 0:function(e){return e.preventDefault()},onKeyDown:function(e){"Enter"===e.key&&(e.preventDefault(),v(!h))}}),null!=(t=f.children)?t:f.label),a.createElement("ul",{ref:m,className:"dropdown__menu"},n.map((function(e,t){return a.createElement(u.Z,(0,r.Z)({isDropdownItem:!0,onKeyDown:function(e){if(t===n.length-1&&"Tab"===e.key){e.preventDefault(),v(!1);var r=p.current.nextElementSibling;r&&r.focus()}},activeClassName:"dropdown__link--active"},e,{key:t}))}))))}function g(e){var t,n=e.items,c=e.className,f=(e.position,(0,o.Z)(e,d)),m=(0,l.be)(),g=p(n,m),h=(0,l.uR)({initialState:function(){return!g}}),v=h.collapsed,b=h.toggleCollapsed,y=h.setCollapsed;return(0,a.useEffect)((function(){g&&y(!g)}),[m,g,y]),a.createElement("li",{className:(0,i.Z)("menu__list-item",{"menu__list-item--collapsed":v})},a.createElement(s.O,(0,r.Z)({role:"button",className:(0,i.Z)("menu__link menu__link--sublist",c)},f,{onClick:function(e){e.preventDefault(),b()}}),null!=(t=f.children)?t:f.label),a.createElement(l.zF,{lazy:!0,as:"ul",className:"menu__list",collapsed:v},n.map((function(e,t){return a.createElement(u.Z,(0,r.Z)({mobile:!0,isDropdownItem:!0,onClick:f.onClick,activeClassName:"menu__link--active"},e,{key:t}))}))))}t.Z=function(e){var t=e.mobile,n=void 0!==t&&t,r=(0,o.Z)(e,f),i=n?g:m;return a.createElement(i,r)}},2207:function(e,t,n){"use strict";n.d(t,{Z:function(){return w},E:function(){return y}});var r=n(3366),o=n(7294),a=n(5525),i=n(3154),l=n(7462),s=["width","height"];var u=function(e){var t=e.width,n=void 0===t?20:t,a=e.height,i=void 0===a?20:a,u=(0,r.Z)(e,s);return o.createElement("svg",(0,l.Z)({viewBox:"0 0 20 20",width:n,height:i,"aria-hidden":"true"},u),o.createElement("path",{fill:"currentColor",d:"M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"}))},c=n(2263),d=n(3616),f="iconLanguage_EbrZ",p=["mobile","dropdownItemsBefore","dropdownItemsAfter"];function m(e){var t=e.mobile,n=e.dropdownItemsBefore,a=e.dropdownItemsAfter,s=(0,r.Z)(e,p),m=(0,c.Z)().i18n,g=m.currentLocale,h=m.locales,v=m.localeConfigs,b=(0,d.l5)();function y(e){return v[e].label}var w=h.map((function(e){var t="pathname://"+b.createUrl({locale:e,fullyQualified:!1});return{isNavLink:!0,label:y(e),to:t,target:"_self",autoAddBaseUrl:!1,className:e===g?"dropdown__link--active":""}})),k=[].concat(n,w,a),E=t?"Languages":y(g);return o.createElement(i.Z,(0,l.Z)({},s,{mobile:t,label:o.createElement("span",null,o.createElement(u,{className:f}),o.createElement("span",null,E)),items:k}))}var g=n(1875);function h(e){return e.mobile?null:o.createElement(g.Z,null)}var v=["type"],b={default:function(){return a.Z},localeDropdown:function(){return m},search:function(){return h},dropdown:function(){return i.Z},docsVersion:function(){return n(7250).Z},docsVersionDropdown:function(){return n(9308).Z},doc:function(){return n(6400).Z}};var y=function(e){return e?"menu__link--active":"navbar__link--active"};function w(e){var t=e.type,n=(0,r.Z)(e,v),a=function(e,t){return e&&"default"!==e?e:t?"dropdown":"default"}(t,void 0!==n.items),i=function(e){var t=b[e];if(!t)throw new Error('No NavbarItem component found for type "'+e+'".');return t()}(a);return o.createElement(i,n)}},1217:function(e,t,n){"use strict";n.d(t,{Z:function(){return l}});var r=n(7294),o=n(2859),a=n(3616),i=n(4996);function l(e){var t=e.title,n=e.description,l=e.keywords,s=e.image,u=e.children,c=(0,a.pe)(t),d=(0,i.C)().withBaseUrl,f=s?d(s,{absolute:!0}):void 0;return r.createElement(o.Z,null,t&&r.createElement("title",null,c),t&&r.createElement("meta",{property:"og:title",content:c}),n&&r.createElement("meta",{name:"description",content:n}),n&&r.createElement("meta",{property:"og:description",content:n}),l&&r.createElement("meta",{name:"keywords",content:Array.isArray(l)?l.join(","):l}),f&&r.createElement("meta",{property:"og:image",content:f}),f&&r.createElement("meta",{name:"twitter:image",content:f}),u)}},2924:function(e,t,n){"use strict";var r=n(7294).createContext(void 0);t.Z=r},9750:function(e,t,n){"use strict";n.d(t,{Z:function(){return d}});var r=n(7462),o=n(3366),a=n(7294),i=n(6010),l=n(2389),s=n(5350),u={themedImage:"themedImage_TMUO","themedImage--light":"themedImage--light_4Vu1","themedImage--dark":"themedImage--dark_uzRr"},c=["sources","className","alt"];var d=function(e){var t=(0,l.Z)(),n=(0,s.Z)().isDarkTheme,d=e.sources,f=e.className,p=e.alt,m=void 0===p?"":p,g=(0,o.Z)(e,c),h=t?n?["dark"]:["light"]:["light","dark"];return a.createElement(a.Fragment,null,h.map((function(e){return a.createElement("img",(0,r.Z)({key:e,src:d[e],alt:m,className:(0,i.Z)(u.themedImage,u["themedImage--"+e],f)},g))})))}},9443:function(e,t,n){"use strict";var r=(0,n(7294).createContext)(void 0);t.Z=r},907:function(e,t,n){"use strict";n.d(t,{Iw:function(){return r.Iw},Jo:function(){return r.Jo},_r:function(){return r._r},gA:function(){return r.gA},gB:function(){return r.gB},yW:function(){return r.yW},zh:function(){return r.zh},zu:function(){return r.zu}});var r=n(6730)},5350:function(e,t,n){"use strict";var r=n(7294),o=n(2924);t.Z=function(){var e=(0,r.useContext)(o.Z);if(null==e)throw new Error('"useThemeContext" is used outside of "Layout" component. Please see https://docusaurus.io/docs/api/themes/configuration#usethemecontext.');return e}},3783:function(e,t,n){"use strict";var r=n(7294),o=n(412),a="desktop",i="mobile",l="ssr";function s(){return o.Z.canUseDOM?window.innerWidth>996?a:i:l}t.Z=function(){var e=(0,r.useState)((function(){return s()})),t=e[0],n=e[1];return(0,r.useEffect)((function(){function e(){n(s())}return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e),clearTimeout(undefined)}}),[]),t}},467:function(e,t,n){"use strict";n.r(t);var r=n(412),o=n(9782);t.default=function(e){if(r.Z.canUseDOM){var t=o.default.themeConfig.prism,a=(void 0===t?{}:t).additionalLanguages,i=void 0===a?[]:a;window.Prism=e,i.forEach((function(e){n(6726)("./prism-"+e)})),delete window.Prism}}},2448:function(e,t,n){"use strict";var r=o(n(7410));function o(e){return e&&e.__esModule?e:{default:e}}(0,o(n(467)).default)(r.default)},3616:function(e,t,n){"use strict";n.d(t,{pl:function(){return je},zF:function(){return ge},HX:function(){return W},PO:function(){return Ce},L5:function(){return N},bT:function(){return C},qu:function(){return k},Cv:function(){return Pe},Cn:function(){return Te},OC:function(){return Ke},kM:function(){return Oe},WA:function(){return u},os:function(){return K},lx:function(){return Le},Wl:function(){return T},_F:function(){return _},Fx:function(){return et},Mg:function(){return v},_f:function(){return c},bc:function(){return q},Vo:function(){return H},nZ:function(){return V},jj:function(){return Re},l5:function(){return f},nT:function(){return Be},uR:function(){return le},J:function(){return F},Vq:function(){return x},E6:function(){return E},Rb:function(){return ze},be:function(){return Ue},SL:function(){return ne},g8:function(){return Ae},D9:function(){return te},RF:function(){return Xe},o5:function(){return Je},DA:function(){return Ve},Si:function(){return qe},LU:function(){return o},pe:function(){return Y}});var r=n(2263);function o(){return(0,r.Z)().siteConfig.themeConfig}var a="localStorage";function i(e){if(void 0===e&&(e=a),"undefined"==typeof window)throw new Error("Browser storage is not available on Node.js/Docusaurus SSR process.");if("none"===e)return null;try{return window[e]}catch(n){return t=n,l||(console.warn("Docusaurus browser storage is not available.\nPossible reasons: running Docusaurus in an iframe, in an incognito browser session, or using too strict browser privacy settings.",t),l=!0),null}var t}var l=!1;var s={get:function(){return null},set:function(){},del:function(){}};var u=function(e,t){if("undefined"==typeof window)return function(e){function t(){throw new Error('Illegal storage API usage for storage key "'+e+'".\nDocusaurus storage APIs are not supposed to be called on the server-rendering process.\nPlease only call storage APIs in effects and event handlers.')}return{get:t,set:t,del:t}}(e);var n=i(null==t?void 0:t.persistence);return null===n?s:{get:function(){try{return n.getItem(e)}catch(t){return console.error("Docusaurus storage error, can't get key="+e,t),null}},set:function(t){try{n.setItem(e,t)}catch(r){console.error("Docusaurus storage error, can't set "+e+"="+t,r)}},del:function(){try{n.removeItem(e)}catch(t){console.error("Docusaurus storage error, can't delete key="+e,t)}}}};function c(e){void 0===e&&(e=a);var t=i(e);if(!t)return[];for(var n=[],r=0;r<t.length;r+=1){var o=t.key(r);null!==o&&n.push(o)}return n}var d=n(6775);function f(){var e=(0,r.Z)(),t=e.siteConfig,n=t.baseUrl,o=t.url,a=e.i18n,i=a.defaultLocale,l=a.currentLocale,s=(0,d.TH)().pathname,u=l===i?n:n.replace("/"+l+"/","/"),c=s.replace(n,"");return{createUrl:function(e){var t=e.locale;return""+(e.fullyQualified?o:"")+function(e){return e===i?""+u:""+u+e+"/"}(t)+c}}}var p=n(907),m=n(7294);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var v=function(e,t){var n=function(e){return!e||(null==e?void 0:e.endsWith("/"))?e:e+"/"};return n(e)===n(t)},b=!!p._r,y=Symbol("EmptyContext"),w=(0,m.createContext)(y);function k(e){var t=e.children,n=e.version;return m.createElement(w.Provider,{value:n},t)}function E(){var e=(0,m.useContext)(w);if(e===y)throw new Error("This hook requires usage of <DocsVersionProvider>");return e}var S=(0,m.createContext)(y);function C(e){var t=e.children,n=e.sidebar;return m.createElement(S.Provider,{value:n},t)}function x(){var e=(0,m.useContext)(S);if(e===y)throw new Error("This hook requires usage of <DocsSidebarProvider>");return e}function T(e){if(e.href)return e.href;for(var t,n=h(e.items);!(t=n()).done;){var r=t.value;if("link"===r.type)return r.href;if("category"!==r.type)throw new Error("Unexpected category item type for "+JSON.stringify(r));var o=T(r);if(o)return o}}function _(e,t){var n=function(e){return void 0!==e&&v(e,t)};return"link"===e.type?n(e.href):"category"===e.type&&(n(e.href)||function(e,t){return e.some((function(e){return _(e,t)}))}(e.items,t))}var A=function(e){return"docs-preferred-version-"+e},P={save:function(e,t,n){u(A(e),{persistence:t}).set(n)},read:function(e,t){return u(A(e),{persistence:t}).get()},clear:function(e,t){u(A(e),{persistence:t}).del()}};function L(e){var t=e.pluginIds,n=e.versionPersistence,r=e.allDocsData;var o={};return t.forEach((function(e){o[e]=function(e){var t=P.read(e,n);return r[e].versions.some((function(e){return e.name===t}))?{preferredVersionName:t}:(P.clear(e,n),{preferredVersionName:null})}(e)})),o}function R(){var e=(0,p._r)(),t=o().docs.versionPersistence,n=(0,m.useMemo)((function(){return Object.keys(e)}),[e]),r=(0,m.useState)((function(){return function(e){var t={};return e.forEach((function(e){t[e]={preferredVersionName:null}})),t}(n)})),a=r[0],i=r[1];return(0,m.useEffect)((function(){i(L({allDocsData:e,versionPersistence:t,pluginIds:n}))}),[e,t,n]),[a,(0,m.useMemo)((function(){return{savePreferredVersion:function(e,n){P.save(e,t,n),i((function(t){var r;return Object.assign({},t,((r={})[e]={preferredVersionName:n},r))}))}}}),[t])]}var O=(0,m.createContext)(null);function N(e){var t=e.children;return b?m.createElement(D,null,t):t}function D(e){var t=e.children,n=R();return m.createElement(O.Provider,{value:n},t)}var I=n(9935);function F(e){void 0===e&&(e=I.m);var t=(0,p.zh)(e),n=function(){var e=(0,m.useContext)(O);if(!e)throw new Error('Can\'t find docs preferred context, maybe you forgot to use the "DocsPreferredVersionContextProvider"?');return e}(),r=n[0],o=n[1],a=r[e].preferredVersionName;return{preferredVersion:a?t.versions.find((function(e){return e.name===a})):null,savePreferredVersionName:(0,m.useCallback)((function(t){o.savePreferredVersion(e,t)}),[o,e])}}var M=n(7594),j=n.n(M),B=/title=(["'])(.*?)\1/,U=/{([\d,-]+)}/,z=["js","jsBlock","jsx","python","html"],G={js:{start:"\\/\\/",end:""},jsBlock:{start:"\\/\\*",end:"\\*\\/"},jsx:{start:"\\{\\s*\\/\\*",end:"\\*\\/\\s*\\}"},python:{start:"#",end:""},html:{start:"\x3c!--",end:"--\x3e"}},Z=["highlight-next-line","highlight-start","highlight-end"],$=function(e){void 0===e&&(e=z);var t=e.map((function(e){var t=G[e],n=t.start,r=t.end;return"(?:"+n+"\\s*("+Z.join("|")+")\\s*"+r+")"})).join("|");return new RegExp("^\\s*(?:"+t+")\\s*$")};function q(e){var t,n;return null!==(n=null===(t=null==e?void 0:e.match(B))||void 0===t?void 0:t[2])&&void 0!==n?n:""}function H(e){var t=null==e?void 0:e.split(" ").find((function(e){return e.startsWith("language-")}));return null==t?void 0:t.replace(/language-/,"")}function V(e,t,n){var r=e.replace(/\n$/,"");if(t&&U.test(t)){var o=t.match(U)[1];return{highlightLines:j()(o).filter((function(e){return e>0})).map((function(e){return e-1})),code:r}}if(void 0===n)return{highlightLines:[],code:r};for(var a,i=function(e){switch(e){case"js":case"javascript":case"ts":case"typescript":return $(["js","jsBlock"]);case"jsx":case"tsx":return $(["js","jsBlock","jsx"]);case"html":return $(["js","jsBlock","html"]);case"python":case"py":return $(["python"]);default:return $()}}(n),l=r.split("\n"),s="",u=0;u<l.length;){var c=l[u].match(i);if(null!==c){switch(c.slice(1).find((function(e){return void 0!==e}))){case"highlight-next-line":s+=u+",";break;case"highlight-start":a=u;break;case"highlight-end":s+=a+"-"+(u-1)+","}l.splice(u,1)}else u+=1}return{highlightLines:j()(s),code:r=l.join("\n")}}var W="default";function K(e,t){return"docs-"+e+"-"+t}var Y=function(e){var t=(0,r.Z)().siteConfig,n=t.title,o=t.titleDelimiter;return e&&e.trim().length?e.trim()+" "+o+" "+n:n},Q=["zero","one","two","few","many","other"];function X(e){return Q.filter((function(t){return e.includes(t)}))}X(["one","other"]);var J="undefined"!=typeof window?m.useLayoutEffect:m.useEffect;function ee(e){var t=(0,m.useRef)(e);return J((function(){t.current=e}),[e]),(0,m.useCallback)((function(){return t.current.apply(t,arguments)}),[])}function te(e){var t=(0,m.useRef)();return J((function(){t.current=e})),t.current}function ne(e){var t=(0,d.TH)(),n=te(t),r=ee(e);(0,m.useEffect)((function(){t!==n&&r({location:t,previousLocation:n})}),[r,t,n])}var re=n(3366),oe=n(412),ae=["collapsed"],ie=["lazy"];function le(e){var t=e.initialState,n=(0,m.useState)(null!=t&&t),r=n[0],o=n[1],a=(0,m.useCallback)((function(){o((function(e){return!e}))}),[]);return{collapsed:r,setCollapsed:o,toggleCollapsed:a}}var se={display:"none",overflow:"hidden",height:"0px"},ue={display:"block",overflow:"visible",height:"auto"};function ce(e,t){var n=t?se:ue;e.style.display=n.display,e.style.overflow=n.overflow,e.style.height=n.height}function de(e){var t=e.collapsibleRef,n=e.collapsed,r=e.animation,o=(0,m.useRef)(!1);(0,m.useEffect)((function(){var e,a=t.current;function i(){var e,t,n=a.scrollHeight,o=null!==(e=null==r?void 0:r.duration)&&void 0!==e?e:function(e){var t=e/36;return Math.round(10*(4+15*Math.pow(t,.25)+t/5))}(n);return{transition:"height "+o+"ms "+(null!==(t=null==r?void 0:r.easing)&&void 0!==t?t:"ease-in-out"),height:n+"px"}}function l(){var e=i();a.style.transition=e.transition,a.style.height=e.height}if(!o.current)return ce(a,n),void(o.current=!0);return a.style.willChange="height",e=requestAnimationFrame((function(){n?(l(),requestAnimationFrame((function(){a.style.height=se.height,a.style.overflow=se.overflow}))):(a.style.display="block",requestAnimationFrame((function(){l()})))})),function(){return cancelAnimationFrame(e)}}),[t,n,r])}function fe(e){if(!oe.Z.canUseDOM)return e?se:ue}function pe(e){var t=e.as,n=void 0===t?"div":t,r=e.collapsed,o=e.children,a=e.animation,i=e.onCollapseTransitionEnd,l=e.className,s=e.disableSSRStyle,u=(0,m.useRef)(null);return de({collapsibleRef:u,collapsed:r,animation:a}),m.createElement(n,{ref:u,style:s?void 0:fe(r),onTransitionEnd:function(e){"height"===e.propertyName&&(ce(u.current,r),null==i||i(r))},className:l},o)}function me(e){var t=e.collapsed,n=(0,re.Z)(e,ae),r=(0,m.useState)(!t),o=r[0],a=r[1];(0,m.useLayoutEffect)((function(){t||a(!0)}),[t]);var i=(0,m.useState)(t),l=i[0],s=i[1];return(0,m.useLayoutEffect)((function(){o&&s(t)}),[o,t]),o?m.createElement(pe,Object.assign({},n,{collapsed:l})):null}function ge(e){var t=e.lazy,n=(0,re.Z)(e,ie),r=t?me:pe;return m.createElement(r,Object.assign({},n))}var he=n(2389),ve=n(6010),be="details_Q743",ye="isBrowser_rWTL",we="collapsibleContent_K5uX",ke=["summary","children"];function Ee(e){return!!e&&("SUMMARY"===e.tagName||Ee(e.parentElement))}function Se(e,t){return!!e&&(e===t||Se(e.parentElement,t))}var Ce=function(e){var t,n=e.summary,r=e.children,o=(0,re.Z)(e,ke),a=(0,he.Z)(),i=(0,m.useRef)(null),l=le({initialState:!o.open}),s=l.collapsed,u=l.setCollapsed,c=(0,m.useState)(o.open),d=c[0],f=c[1];return m.createElement("details",Object.assign({},o,{ref:i,open:d,"data-collapsed":s,className:(0,ve.Z)(be,(t={},t[ye]=a,t),o.className),onMouseDown:function(e){Ee(e.target)&&e.detail>1&&e.preventDefault()},onClick:function(e){e.stopPropagation();var t=e.target;Ee(t)&&Se(t,i.current)&&(e.preventDefault(),s?(u(!1),f(!0)):u(!0))}}),n,m.createElement(ge,{lazy:!1,collapsed:s,disableSSRStyle:!0,onCollapseTransitionEnd:function(e){u(e),f(!e)}},m.createElement("div",{className:we},r)))};var xe=(0,m.createContext)(null);function Te(e){var t=e.children;return m.createElement(xe.Provider,{value:(0,m.useState)(null)},t)}function _e(){var e=(0,m.useContext)(xe);if(null===e)throw new Error("MobileSecondaryMenuProvider was not used correctly, context value is null");return e}function Ae(){var e=_e()[0];if(e){var t=e.component;return function(n){return m.createElement(t,Object.assign({},e.props,n))}}return function(){}}function Pe(e){var t,n=e.component,r=e.props,o=_e()[1],a=(t=r,(0,m.useMemo)((function(){return t}),[].concat(Object.keys(t),Object.values(t))));return(0,m.useEffect)((function(){o({component:n,props:a})}),[o,n,a]),(0,m.useEffect)((function(){return function(){return o(null)}}),[o]),null}function Le(e,t){return void 0===t&&(t=function(e,t){return e===t}),e.filter((function(n,r){return e.findIndex((function(e){return t(e,n)}))!==r}))}function Re(e){return Array.from(new Set(e))}var Oe={page:{blogListPage:"blog-list-page",blogPostPage:"blog-post-page",blogTagsListPage:"blog-tags-list-page",blogTagPostListPage:"blog-tags-post-list-page",docsDocPage:"docs-doc-page",docsTagsListPage:"docs-tags-list-page",docsTagDocListPage:"docs-tags-doc-list-page",mdxPage:"mdx-page"},wrapper:{main:"main-wrapper",blogPages:"blog-wrapper",docsPages:"docs-wrapper",mdxPages:"mdx-wrapper"},common:{editThisPage:"theme-edit-this-page",lastUpdated:"theme-last-updated",backToTopButton:"theme-back-to-top-button"},layout:{},docs:{docVersionBanner:"theme-doc-version-banner",docVersionBadge:"theme-doc-version-badge",docMarkdown:"theme-doc-markdown",docTocMobile:"theme-doc-toc-mobile",docTocDesktop:"theme-doc-toc-desktop",docFooter:"theme-doc-footer",docFooterTagsRow:"theme-doc-footer-tags-row",docFooterEditMetaRow:"theme-doc-footer-edit-meta-row",docSidebarMenu:"theme-doc-sidebar-menu",docSidebarItemCategory:"theme-doc-sidebar-item-category",docSidebarItemLink:"theme-doc-sidebar-item-link",docSidebarItemCategoryLevel:function(e){return"theme-doc-sidebar-item-category-level-"+e},docSidebarItemLinkLevel:function(e){return"theme-doc-sidebar-item-link-level-"+e}},blog:{}},Ne=u("docusaurus.announcement.dismiss"),De=u("docusaurus.announcement.id"),Ie=function(){return"true"===Ne.get()},Fe=function(e){return Ne.set(String(e))},Me=(0,m.createContext)(null);function je(e){var t=e.children,n=function(){var e=o().announcementBar,t=(0,he.Z)(),n=(0,m.useState)((function(){return!!t&&Ie()})),r=n[0],a=n[1];(0,m.useEffect)((function(){a(Ie())}),[]);var i=(0,m.useCallback)((function(){Fe(!0),a(!0)}),[]);return(0,m.useEffect)((function(){if(e){var t=e.id,n=De.get();"annoucement-bar"===n&&(n="announcement-bar");var r=t!==n;De.set(t),r&&Fe(!1),!r&&Ie()||a(!1)}}),[e]),(0,m.useMemo)((function(){return{isActive:!!e&&!r,close:i}}),[e,r,i])}();return m.createElement(Me.Provider,{value:n},t)}var Be=function(){var e=(0,m.useContext)(Me);if(!e)throw new Error("useAnnouncementBar(): AnnouncementBar not found in React context: make sure to use the AnnouncementBarProvider on top of the tree");return e};function Ue(){var e=(0,r.Z)().siteConfig.baseUrl;return(0,d.TH)().pathname.replace(e,"/")}n(5999);function ze(e){!function(e){var t=(0,d.k6)().block,n=(0,m.useRef)(e);(0,m.useEffect)((function(){n.current=e}),[e]),(0,m.useEffect)((function(){return t((function(e,t){return n.current(e,t)}))}),[t,n])}((function(t,n){if("POP"===n)return e(t,n)}))}function Ge(e){var t=e.getBoundingClientRect();return t.top===t.bottom?Ge(e.parentNode):t}function Ze(e,t){var n,r=t.anchorTopOffset,o=e.find((function(e){return Ge(e).top>=r}));return o?function(e){return e.top>0&&e.bottom<window.innerHeight/2}(Ge(o))?o:null!==(n=e[e.indexOf(o)-1])&&void 0!==n?n:null:e[e.length-1]}function $e(){var e=(0,m.useRef)(0),t=o().navbar.hideOnScroll;return(0,m.useEffect)((function(){e.current=t?0:document.querySelector(".navbar").clientHeight}),[t]),e}var qe=function(e){var t=(0,m.useRef)(void 0),n=$e();(0,m.useEffect)((function(){if(!e)return function(){};var r=e.linkClassName,o=e.linkActiveClassName,a=e.minHeadingLevel,i=e.maxHeadingLevel;function l(){var e=function(e){return Array.from(document.getElementsByClassName(e))}(r),l=function(e){for(var t=e.minHeadingLevel,n=e.maxHeadingLevel,r=[],o=t;o<=n;o+=1)r.push("h"+o+".anchor");return Array.from(document.querySelectorAll(r.join()))}({minHeadingLevel:a,maxHeadingLevel:i}),s=Ze(l,{anchorTopOffset:n.current}),u=e.find((function(e){return s&&s.id===function(e){return decodeURIComponent(e.href.substring(e.href.indexOf("#")+1))}(e)}));e.forEach((function(e){!function(e,n){var r;n?(t.current&&t.current!==e&&(null===(r=t.current)||void 0===r||r.classList.remove(o)),e.classList.add(o),t.current=e):e.classList.remove(o)}(e,e===u)}))}return document.addEventListener("scroll",l),document.addEventListener("resize",l),l(),function(){document.removeEventListener("scroll",l),document.removeEventListener("resize",l)}}),[e,n])};function He(e){var t=e.toc,n=e.minHeadingLevel,r=e.maxHeadingLevel;return t.flatMap((function(e){var t=He({toc:e.children,minHeadingLevel:n,maxHeadingLevel:r});return function(e){return e.level>=n&&e.level<=r}(e)?[Object.assign({},e,{children:t})]:t}))}function Ve(e){var t=e.toc,n=e.minHeadingLevel,r=e.maxHeadingLevel;return(0,m.useMemo)((function(){return He({toc:t,minHeadingLevel:n,maxHeadingLevel:r})}),[t,n,r])}var We=(0,m.createContext)(void 0);function Ke(e){var t,n=e.children;return m.createElement(We.Provider,{value:(t=(0,m.useRef)(!0),(0,m.useMemo)((function(){return{scrollEventsEnabledRef:t,enableScrollEvents:function(){t.current=!0},disableScrollEvents:function(){t.current=!1}}}),[]))},n)}function Ye(){var e=(0,m.useContext)(We);if(null==e)throw new Error('"useScrollController" is used but no context provider was found in the React tree.');return e}var Qe=function(){return oe.Z.canUseDOM?{scrollX:window.pageXOffset,scrollY:window.pageYOffset}:null};function Xe(e,t){void 0===t&&(t=[]);var n=Ye().scrollEventsEnabledRef,r=(0,m.useRef)(Qe()),o=ee(e);(0,m.useEffect)((function(){var e=function(){if(n.current){var e=Qe();o&&o(e,r.current),r.current=e}},t={passive:!0};return e(),window.addEventListener("scroll",e,t),function(){return window.removeEventListener("scroll",e,t)}}),[o,n].concat(t))}function Je(){var e,t,n,r=Ye(),o=(e=(0,m.useRef)({elem:null,top:0}),t=(0,m.useCallback)((function(t){e.current={elem:t,top:t.getBoundingClientRect().top}}),[]),n=(0,m.useCallback)((function(){var t=e.current,n=t.elem,r=t.top;if(!n)return{restored:!1};var o=n.getBoundingClientRect().top-r;return o&&window.scrollBy({left:0,top:o}),e.current={elem:null,top:0},{restored:0!==o}}),[]),(0,m.useMemo)((function(){return{save:t,restore:n}}),[n,t])),a=(0,m.useRef)(void 0),i=(0,m.useCallback)((function(e){o.save(e),r.disableScrollEvents(),a.current=function(){var e=o.restore().restored;if(a.current=void 0,e){window.addEventListener("scroll",(function e(){r.enableScrollEvents(),window.removeEventListener("scroll",e)}))}else r.enableScrollEvents()}}),[r,o]);return(0,m.useLayoutEffect)((function(){var e;null===(e=a.current)||void 0===e||e.call(a)})),{blockElementScrollPositionUntilNextRender:i}}function et(e,t){return void 0!==e&&void 0!==t&&new RegExp(e,"gi").test(t)}},8802:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){var n=t.trailingSlash,r=t.baseUrl;if(e.startsWith("#"))return e;if(void 0===n)return e;var o,a=e.split(/[#?]/)[0],i="/"===a||a===r?a:(o=a,n?function(e){return e.endsWith("/")?e:e+"/"}(o):function(e){return e.endsWith("/")?e.slice(0,-1):e}(o));return e.replace(a,i)}},8780:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.applyTrailingSlash=void 0;var o=n(8802);Object.defineProperty(t,"applyTrailingSlash",{enumerable:!0,get:function(){return r(o).default}})},6010:function(e,t,n){"use strict";function r(e){var t,n,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=r(e[t]))&&(o&&(o+=" "),o+=n);else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function o(){for(var e,t,n=0,o="";n<arguments.length;)(e=arguments[n++])&&(t=r(e))&&(o&&(o+=" "),o+=t);return o}n.d(t,{Z:function(){return o}})},2358:function(e,t,n){"use strict";n.d(t,{lX:function(){return S},q_:function(){return P},ob:function(){return g},PP:function(){return R},Ep:function(){return m},Hp:function(){return h}});var r=n(7462);function o(e){return"/"===e.charAt(0)}function a(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}var i=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],i=t&&t.split("/")||[],l=e&&o(e),s=t&&o(t),u=l||s;if(e&&o(e)?i=r:r.length&&(i.pop(),i=i.concat(r)),!i.length)return"/";if(i.length){var c=i[i.length-1];n="."===c||".."===c||""===c}else n=!1;for(var d=0,f=i.length;f>=0;f--){var p=i[f];"."===p?a(i,f):".."===p?(a(i,f),d++):d&&(a(i,f),d--)}if(!u)for(;d--;d)i.unshift("..");!u||""===i[0]||i[0]&&o(i[0])||i.unshift("");var m=i.join("/");return n&&"/"!==m.substr(-1)&&(m+="/"),m};function l(e){return e.valueOf?e.valueOf():Object.prototype.valueOf.call(e)}var s=function e(t,n){if(t===n)return!0;if(null==t||null==n)return!1;if(Array.isArray(t))return Array.isArray(n)&&t.length===n.length&&t.every((function(t,r){return e(t,n[r])}));if("object"==typeof t||"object"==typeof n){var r=l(t),o=l(n);return r!==t||o!==n?e(r,o):Object.keys(Object.assign({},t,n)).every((function(r){return e(t[r],n[r])}))}return!1},u=n(2177);function c(e){return"/"===e.charAt(0)?e:"/"+e}function d(e){return"/"===e.charAt(0)?e.substr(1):e}function f(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function p(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function g(e,t,n,o){var a;"string"==typeof e?(a=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var a=t.indexOf("?");return-1!==a&&(n=t.substr(a),t=t.substr(0,a)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),a.state=t):(void 0===(a=(0,r.Z)({},e)).pathname&&(a.pathname=""),a.search?"?"!==a.search.charAt(0)&&(a.search="?"+a.search):a.search="",a.hash?"#"!==a.hash.charAt(0)&&(a.hash="#"+a.hash):a.hash="",void 0!==t&&void 0===a.state&&(a.state=t));try{a.pathname=decodeURI(a.pathname)}catch(l){throw l instanceof URIError?new URIError('Pathname "'+a.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):l}return n&&(a.key=n),o?a.pathname?"/"!==a.pathname.charAt(0)&&(a.pathname=i(a.pathname,o.pathname)):a.pathname=o.pathname:a.pathname||(a.pathname="/"),a}function h(e,t){return e.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash&&e.key===t.key&&s(e.state,t.state)}function v(){var e=null;var t=[];return{setPrompt:function(t){return e=t,function(){e===t&&(e=null)}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var a="function"==typeof e?e(t,n):e;"string"==typeof a?"function"==typeof r?r(a,o):o(!0):o(!1!==a)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){n=!1,t=t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var b=!("undefined"==typeof window||!window.document||!window.document.createElement);function y(e,t){t(window.confirm(e))}var w="popstate",k="hashchange";function E(){try{return window.history.state||{}}catch(e){return{}}}function S(e){void 0===e&&(e={}),b||(0,u.Z)(!1);var t,n=window.history,o=(-1===(t=window.navigator.userAgent).indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,a=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,l=i.forceRefresh,s=void 0!==l&&l,d=i.getUserConfirmation,h=void 0===d?y:d,S=i.keyLength,C=void 0===S?6:S,x=e.basename?p(c(e.basename)):"";function T(e){var t=e||{},n=t.key,r=t.state,o=window.location,a=o.pathname+o.search+o.hash;return x&&(a=f(a,x)),g(a,r,n)}function _(){return Math.random().toString(36).substr(2,C)}var A=v();function P(e){(0,r.Z)(z,e),z.length=n.length,A.notifyListeners(z.location,z.action)}function L(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||N(T(e.state))}function R(){N(T(E()))}var O=!1;function N(e){if(O)O=!1,P();else{A.confirmTransitionTo(e,"POP",h,(function(t){t?P({action:"POP",location:e}):function(e){var t=z.location,n=I.indexOf(t.key);-1===n&&(n=0);var r=I.indexOf(e.key);-1===r&&(r=0);var o=n-r;o&&(O=!0,M(o))}(e)}))}}var D=T(E()),I=[D.key];function F(e){return x+m(e)}function M(e){n.go(e)}var j=0;function B(e){1===(j+=e)&&1===e?(window.addEventListener(w,L),a&&window.addEventListener(k,R)):0===j&&(window.removeEventListener(w,L),a&&window.removeEventListener(k,R))}var U=!1;var z={length:n.length,action:"POP",location:D,createHref:F,push:function(e,t){var r="PUSH",a=g(e,t,_(),z.location);A.confirmTransitionTo(a,r,h,(function(e){if(e){var t=F(a),i=a.key,l=a.state;if(o)if(n.pushState({key:i,state:l},null,t),s)window.location.href=t;else{var u=I.indexOf(z.location.key),c=I.slice(0,u+1);c.push(a.key),I=c,P({action:r,location:a})}else window.location.href=t}}))},replace:function(e,t){var r="REPLACE",a=g(e,t,_(),z.location);A.confirmTransitionTo(a,r,h,(function(e){if(e){var t=F(a),i=a.key,l=a.state;if(o)if(n.replaceState({key:i,state:l},null,t),s)window.location.replace(t);else{var u=I.indexOf(z.location.key);-1!==u&&(I[u]=a.key),P({action:r,location:a})}else window.location.replace(t)}}))},go:M,goBack:function(){M(-1)},goForward:function(){M(1)},block:function(e){void 0===e&&(e=!1);var t=A.setPrompt(e);return U||(B(1),U=!0),function(){return U&&(U=!1,B(-1)),t()}},listen:function(e){var t=A.appendListener(e);return B(1),function(){B(-1),t()}}};return z}var C="hashchange",x={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+d(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:d,decodePath:c},slash:{encodePath:c,decodePath:c}};function T(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function _(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function A(e){window.location.replace(T(window.location.href)+"#"+e)}function P(e){void 0===e&&(e={}),b||(0,u.Z)(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),o=n.getUserConfirmation,a=void 0===o?y:o,i=n.hashType,l=void 0===i?"slash":i,s=e.basename?p(c(e.basename)):"",d=x[l],h=d.encodePath,w=d.decodePath;function k(){var e=w(_());return s&&(e=f(e,s)),g(e)}var E=v();function S(e){(0,r.Z)(U,e),U.length=t.length,E.notifyListeners(U.location,U.action)}var P=!1,L=null;function R(){var e,t,n=_(),r=h(n);if(n!==r)A(r);else{var o=k(),i=U.location;if(!P&&(t=o,(e=i).pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(L===m(o))return;L=null,function(e){if(P)P=!1,S();else{var t="POP";E.confirmTransitionTo(e,t,a,(function(n){n?S({action:t,location:e}):function(e){var t=U.location,n=I.lastIndexOf(m(t));-1===n&&(n=0);var r=I.lastIndexOf(m(e));-1===r&&(r=0);var o=n-r;o&&(P=!0,F(o))}(e)}))}}(o)}}var O=_(),N=h(O);O!==N&&A(N);var D=k(),I=[m(D)];function F(e){t.go(e)}var M=0;function j(e){1===(M+=e)&&1===e?window.addEventListener(C,R):0===M&&window.removeEventListener(C,R)}var B=!1;var U={length:t.length,action:"POP",location:D,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&(n=T(window.location.href)),n+"#"+h(s+m(e))},push:function(e,t){var n="PUSH",r=g(e,void 0,void 0,U.location);E.confirmTransitionTo(r,n,a,(function(e){if(e){var t=m(r),o=h(s+t);if(_()!==o){L=t,function(e){window.location.hash=e}(o);var a=I.lastIndexOf(m(U.location)),i=I.slice(0,a+1);i.push(t),I=i,S({action:n,location:r})}else S()}}))},replace:function(e,t){var n="REPLACE",r=g(e,void 0,void 0,U.location);E.confirmTransitionTo(r,n,a,(function(e){if(e){var t=m(r),o=h(s+t);_()!==o&&(L=t,A(o));var a=I.indexOf(m(U.location));-1!==a&&(I[a]=t),S({action:n,location:r})}}))},go:F,goBack:function(){F(-1)},goForward:function(){F(1)},block:function(e){void 0===e&&(e=!1);var t=E.setPrompt(e);return B||(j(1),B=!0),function(){return B&&(B=!1,j(-1)),t()}},listen:function(e){var t=E.appendListener(e);return j(1),function(){j(-1),t()}}};return U}function L(e,t,n){return Math.min(Math.max(e,t),n)}function R(e){void 0===e&&(e={});var t=e,n=t.getUserConfirmation,o=t.initialEntries,a=void 0===o?["/"]:o,i=t.initialIndex,l=void 0===i?0:i,s=t.keyLength,u=void 0===s?6:s,c=v();function d(e){(0,r.Z)(w,e),w.length=w.entries.length,c.notifyListeners(w.location,w.action)}function f(){return Math.random().toString(36).substr(2,u)}var p=L(l,0,a.length-1),h=a.map((function(e){return g(e,void 0,"string"==typeof e?f():e.key||f())})),b=m;function y(e){var t=L(w.index+e,0,w.entries.length-1),r=w.entries[t];c.confirmTransitionTo(r,"POP",n,(function(e){e?d({action:"POP",location:r,index:t}):d()}))}var w={length:h.length,action:"POP",location:h[p],index:p,entries:h,createHref:b,push:function(e,t){var r="PUSH",o=g(e,t,f(),w.location);c.confirmTransitionTo(o,r,n,(function(e){if(e){var t=w.index+1,n=w.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),d({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=g(e,t,f(),w.location);c.confirmTransitionTo(o,r,n,(function(e){e&&(w.entries[w.index]=o,d({action:r,location:o}))}))},go:y,goBack:function(){y(-1)},goForward:function(){y(1)},canGo:function(e){var t=w.index+e;return t>=0&&t<w.entries.length},block:function(e){return void 0===e&&(e=!1),c.setPrompt(e)},listen:function(e){return c.appendListener(e)}};return w}},8679:function(e,t,n){"use strict";var r=n(9864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},i={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},l={};function s(e){return r.isMemo(e)?i:l[e.$$typeof]||o}l[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},l[r.Memo]=i;var u=Object.defineProperty,c=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,f=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,m=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(m){var o=p(n);o&&o!==m&&e(t,o,r)}var i=c(n);d&&(i=i.concat(d(n)));for(var l=s(t),g=s(n),h=0;h<i.length;++h){var v=i[h];if(!(a[v]||r&&r[v]||g&&g[v]||l&&l[v])){var b=f(n,v);try{u(t,v,b)}catch(y){}}}}return t}},5826:function(e){e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},6743:function(e,t,n){"use strict";n.r(t)},2497:function(e,t,n){"use strict";n.r(t)},2295:function(e,t,n){"use strict";n.r(t)},4865:function(e,t,n){var r,o;r=function(){var e,t,n={version:"0.2.0"},r=n.settings={minimum:.08,easing:"ease",positionUsing:"",speed:200,trickle:!0,trickleRate:.02,trickleSpeed:800,showSpinner:!0,barSelector:'[role="bar"]',spinnerSelector:'[role="spinner"]',parent:"body",template:'<div class="bar" role="bar"><div class="peg"></div></div><div class="spinner" role="spinner"><div class="spinner-icon"></div></div>'};function o(e,t,n){return e<t?t:e>n?n:e}function a(e){return 100*(-1+e)}function i(e,t,n){var o;return(o="translate3d"===r.positionUsing?{transform:"translate3d("+a(e)+"%,0,0)"}:"translate"===r.positionUsing?{transform:"translate("+a(e)+"%,0)"}:{"margin-left":a(e)+"%"}).transition="all "+t+"ms "+n,o}n.configure=function(e){var t,n;for(t in e)void 0!==(n=e[t])&&e.hasOwnProperty(t)&&(r[t]=n);return this},n.status=null,n.set=function(e){var t=n.isStarted();e=o(e,r.minimum,1),n.status=1===e?null:e;var a=n.render(!t),u=a.querySelector(r.barSelector),c=r.speed,d=r.easing;return a.offsetWidth,l((function(t){""===r.positionUsing&&(r.positionUsing=n.getPositioningCSS()),s(u,i(e,c,d)),1===e?(s(a,{transition:"none",opacity:1}),a.offsetWidth,setTimeout((function(){s(a,{transition:"all "+c+"ms linear",opacity:0}),setTimeout((function(){n.remove(),t()}),c)}),c)):setTimeout(t,c)})),this},n.isStarted=function(){return"number"==typeof n.status},n.start=function(){n.status||n.set(0);var e=function(){setTimeout((function(){n.status&&(n.trickle(),e())}),r.trickleSpeed)};return r.trickle&&e(),this},n.done=function(e){return e||n.status?n.inc(.3+.5*Math.random()).set(1):this},n.inc=function(e){var t=n.status;return t?("number"!=typeof e&&(e=(1-t)*o(Math.random()*t,.1,.95)),t=o(t+e,0,.994),n.set(t)):n.start()},n.trickle=function(){return n.inc(Math.random()*r.trickleRate)},e=0,t=0,n.promise=function(r){return r&&"resolved"!==r.state()?(0===t&&n.start(),e++,t++,r.always((function(){0==--t?(e=0,n.done()):n.set((e-t)/e)})),this):this},n.render=function(e){if(n.isRendered())return document.getElementById("nprogress");c(document.documentElement,"nprogress-busy");var t=document.createElement("div");t.id="nprogress",t.innerHTML=r.template;var o,i=t.querySelector(r.barSelector),l=e?"-100":a(n.status||0),u=document.querySelector(r.parent);return s(i,{transition:"all 0 linear",transform:"translate3d("+l+"%,0,0)"}),r.showSpinner||(o=t.querySelector(r.spinnerSelector))&&p(o),u!=document.body&&c(u,"nprogress-custom-parent"),u.appendChild(t),t},n.remove=function(){d(document.documentElement,"nprogress-busy"),d(document.querySelector(r.parent),"nprogress-custom-parent");var e=document.getElementById("nprogress");e&&p(e)},n.isRendered=function(){return!!document.getElementById("nprogress")},n.getPositioningCSS=function(){var e=document.body.style,t="WebkitTransform"in e?"Webkit":"MozTransform"in e?"Moz":"msTransform"in e?"ms":"OTransform"in e?"O":"";return t+"Perspective"in e?"translate3d":t+"Transform"in e?"translate":"margin"};var l=function(){var e=[];function t(){var n=e.shift();n&&n(t)}return function(n){e.push(n),1==e.length&&t()}}(),s=function(){var e=["Webkit","O","Moz","ms"],t={};function n(e){return e.replace(/^-ms-/,"ms-").replace(/-([\da-z])/gi,(function(e,t){return t.toUpperCase()}))}function r(t){var n=document.body.style;if(t in n)return t;for(var r,o=e.length,a=t.charAt(0).toUpperCase()+t.slice(1);o--;)if((r=e[o]+a)in n)return r;return t}function o(e){return e=n(e),t[e]||(t[e]=r(e))}function a(e,t,n){t=o(t),e.style[t]=n}return function(e,t){var n,r,o=arguments;if(2==o.length)for(n in t)void 0!==(r=t[n])&&t.hasOwnProperty(n)&&a(e,n,r);else a(e,o[1],o[2])}}();function u(e,t){return("string"==typeof e?e:f(e)).indexOf(" "+t+" ")>=0}function c(e,t){var n=f(e),r=n+t;u(n,t)||(e.className=r.substring(1))}function d(e,t){var n,r=f(e);u(e,t)&&(n=r.replace(" "+t+" "," "),e.className=n.substring(1,n.length-1))}function f(e){return(" "+(e.className||"")+" ").replace(/\s+/gi," ")}function p(e){e&&e.parentNode&&e.parentNode.removeChild(e)}return n},void 0===(o="function"==typeof r?r.call(t,n,t,e):r)||(e.exports=o)},7418:function(e){"use strict";var t=Object.getOwnPropertySymbols,n=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(o){return!1}}()?Object.assign:function(e,a){for(var i,l,s=o(e),u=1;u<arguments.length;u++){for(var c in i=Object(arguments[u]))n.call(i,c)&&(s[c]=i[c]);if(t){l=t(i);for(var d=0;d<l.length;d++)r.call(i,l[d])&&(s[l[d]]=i[l[d]])}}return s}},7594:function(e,t){function n(e){let t,n=[];for(let r of e.split(",").map((e=>e.trim())))if(/^-?\d+$/.test(r))n.push(parseInt(r,10));else if(t=r.match(/^(-?\d+)(-|\.\.\.?|\u2025|\u2026|\u22EF)(-?\d+)$/)){let[e,r,o,a]=t;if(r&&a){r=parseInt(r),a=parseInt(a);const e=r<a?1:-1;"-"!==o&&".."!==o&&"\u2025"!==o||(a+=e);for(let t=r;t!==a;t+=e)n.push(t)}}return n}t.default=n,e.exports=n},7410:function(e,t,n){"use strict";n.r(t);var r=function(){var e=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,t=0,n={},r={util:{encode:function e(t){return t instanceof o?new o(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function e(t,n){var o,a;switch(n=n||{},r.util.type(t)){case"Object":if(a=r.util.objId(t),n[a])return n[a];for(var i in o={},n[a]=o,t)t.hasOwnProperty(i)&&(o[i]=e(t[i],n));return o;case"Array":return a=r.util.objId(t),n[a]?n[a]:(o=[],n[a]=o,t.forEach((function(t,r){o[r]=e(t,n)})),o);default:return t}},getLanguage:function(t){for(;t;){var n=e.exec(t.className);if(n)return n[1].toLowerCase();t=t.parentElement}return"none"},setLanguage:function(t,n){t.className=t.className.replace(RegExp(e,"gi"),""),t.classList.add("language-"+n)},isActive:function(e,t,n){for(var r="no-"+t;e;){var o=e.classList;if(o.contains(t))return!0;if(o.contains(r))return!1;e=e.parentElement}return!!n}},languages:{plain:n,plaintext:n,text:n,txt:n,extend:function(e,t){var n=r.util.clone(r.languages[e]);for(var o in t)n[o]=t[o];return n},insertBefore:function(e,t,n,o){var a=(o=o||r.languages)[e],i={};for(var l in a)if(a.hasOwnProperty(l)){if(l==t)for(var s in n)n.hasOwnProperty(s)&&(i[s]=n[s]);n.hasOwnProperty(l)||(i[l]=a[l])}var u=o[e];return o[e]=i,r.languages.DFS(r.languages,(function(t,n){n===u&&t!=e&&(this[t]=i)})),i},DFS:function e(t,n,o,a){a=a||{};var i=r.util.objId;for(var l in t)if(t.hasOwnProperty(l)){n.call(t,l,t[l],o||l);var s=t[l],u=r.util.type(s);"Object"!==u||a[i(s)]?"Array"!==u||a[i(s)]||(a[i(s)]=!0,e(s,n,l,a)):(a[i(s)]=!0,e(s,n,null,a))}}},plugins:{},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return r.hooks.run("before-tokenize",a),a.tokens=r.tokenize(a.code,a.grammar),r.hooks.run("after-tokenize",a),o.stringify(r.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var r in n)t[r]=n[r];delete t.rest}var o=new l;return s(o,o.head,e),i(e,o,t,o.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(o)},hooks:{all:{},add:function(e,t){var n=r.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=r.hooks.all[e];if(n&&n.length)for(var o,a=0;o=n[a++];)o(t)}},Token:o};function o(e,t,n,r){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length}function a(e,t,n,r){e.lastIndex=t;var o=e.exec(n);if(o&&r&&o[1]){var a=o[1].length;o.index+=a,o[0]=o[0].slice(a)}return o}function i(e,t,n,l,c,d){for(var f in n)if(n.hasOwnProperty(f)&&n[f]){var p=n[f];p=Array.isArray(p)?p:[p];for(var m=0;m<p.length;++m){if(d&&d.cause==f+","+m)return;var g=p[m],h=g.inside,v=!!g.lookbehind,b=!!g.greedy,y=g.alias;if(b&&!g.pattern.global){var w=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,w+"g")}for(var k=g.pattern||g,E=l.next,S=c;E!==t.tail&&!(d&&S>=d.reach);S+=E.value.length,E=E.next){var C=E.value;if(t.length>e.length)return;if(!(C instanceof o)){var x,T=1;if(b){if(!(x=a(k,S,e,v))||x.index>=e.length)break;var _=x.index,A=x.index+x[0].length,P=S;for(P+=E.value.length;_>=P;)P+=(E=E.next).value.length;if(S=P-=E.value.length,E.value instanceof o)continue;for(var L=E;L!==t.tail&&(P<A||"string"==typeof L.value);L=L.next)T++,P+=L.value.length;T--,C=e.slice(S,P),x.index-=S}else if(!(x=a(k,0,C,v)))continue;_=x.index;var R=x[0],O=C.slice(0,_),N=C.slice(_+R.length),D=S+C.length;d&&D>d.reach&&(d.reach=D);var I=E.prev;if(O&&(I=s(t,I,O),S+=O.length),u(t,I,T),E=s(t,I,new o(f,h?r.tokenize(R,h):R,y,R)),N&&s(t,E,N),T>1){var F={cause:f+","+m,reach:D};i(e,t,n,E.prev,S,F),d&&F.reach>d.reach&&(d.reach=F.reach)}}}}}}function l(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function s(e,t,n){var r=t.next,o={value:n,prev:t,next:r};return t.next=o,r.prev=o,e.length++,o}function u(e,t,n){for(var r=t.next,o=0;o<n&&r!==e.tail;o++)r=r.next;t.next=r,r.prev=t,e.length-=o}return o.stringify=function e(t,n){if("string"==typeof t)return t;if(Array.isArray(t)){var o="";return t.forEach((function(t){o+=e(t,n)})),o}var a={type:t.type,content:e(t.content,n),tag:"span",classes:["token",t.type],attributes:{},language:n},i=t.alias;i&&(Array.isArray(i)?Array.prototype.push.apply(a.classes,i):a.classes.push(i)),r.hooks.run("wrap",a);var l="";for(var s in a.attributes)l+=" "+s+'="'+(a.attributes[s]||"").replace(/"/g,"&quot;")+'"';return"<"+a.tag+' class="'+a.classes.join(" ")+'"'+l+">"+a.content+"</"+a.tag+">"},r}(),o=r;r.default=r,o.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},o.languages.markup.tag.inside["attr-value"].inside.entity=o.languages.markup.entity,o.languages.markup.doctype.inside["internal-subset"].inside=o.languages.markup,o.hooks.add("wrap",(function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))})),Object.defineProperty(o.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:o.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var r={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};r["language-"+t]={pattern:/[\s\S]+/,inside:o.languages[t]};var a={};a[e]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,(function(){return e})),"i"),lookbehind:!0,greedy:!0,inside:r},o.languages.insertBefore("markup","cdata",a)}}),Object.defineProperty(o.languages.markup.tag,"addAttribute",{value:function(e,t){o.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+e+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[t,"language-"+t],inside:o.languages[t]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),o.languages.html=o.languages.markup,o.languages.mathml=o.languages.markup,o.languages.svg=o.languages.markup,o.languages.xml=o.languages.extend("markup",{}),o.languages.ssml=o.languages.xml,o.languages.atom=o.languages.xml,o.languages.rss=o.languages.xml,function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",n={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},r={bash:n,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:r},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:n}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:r},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:r.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:r.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},n.inside=e.languages.bash;for(var o=["comment","function-name","for-or-select","assign-left","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],a=r.variable[1].inside,i=0;i<o.length;i++)a[o[i]]=e.languages.bash[o[i]];e.languages.shell=e.languages.bash}(o),o.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},o.languages.c=o.languages.extend("clike",{comment:{pattern:/\/\/(?:[^\r\n\\]|\\(?:\r\n?|\n|(?![\r\n])))*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},"class-name":{pattern:/(\b(?:enum|struct)\s+(?:__attribute__\s*\(\([\s\S]*?\)\)\s*)?)\w+|\b[a-z]\w*_t\b/,lookbehind:!0},keyword:/\b(?:_Alignas|_Alignof|_Atomic|_Bool|_Complex|_Generic|_Imaginary|_Noreturn|_Static_assert|_Thread_local|__attribute__|asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|inline|int|long|register|return|short|signed|sizeof|static|struct|switch|typedef|typeof|union|unsigned|void|volatile|while)\b/,function:/\b[a-z_]\w*(?=\s*\()/i,number:/(?:\b0x(?:[\da-f]+(?:\.[\da-f]*)?|\.[\da-f]+)(?:p[+-]?\d+)?|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?)[ful]{0,4}/i,operator:/>>=?|<<=?|->|([-+&|:])\1|[?:~]|[-+*/%&|^!=<>]=?/}),o.languages.insertBefore("c","string",{char:{pattern:/'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n]){0,32}'/,greedy:!0}}),o.languages.insertBefore("c","string",{macro:{pattern:/(^[\t ]*)#\s*[a-z](?:[^\r\n\\/]|\/(?!\*)|\/\*(?:[^*]|\*(?!\/))*\*\/|\\(?:\r\n|[\s\S]))*/im,lookbehind:!0,greedy:!0,alias:"property",inside:{string:[{pattern:/^(#\s*include\s*)<[^>]+>/,lookbehind:!0},o.languages.c.string],char:o.languages.c.char,comment:o.languages.c.comment,"macro-name":[{pattern:/(^#\s*define\s+)\w+\b(?!\()/i,lookbehind:!0},{pattern:/(^#\s*define\s+)\w+\b(?=\()/i,lookbehind:!0,alias:"function"}],directive:{pattern:/^(#\s*)[a-z]+/,lookbehind:!0,alias:"keyword"},"directive-hash":/^#/,punctuation:/##|\\(?=[\r\n])/,expression:{pattern:/\S[\s\S]*/,inside:o.languages.c}}}}),o.languages.insertBefore("c","function",{constant:/\b(?:EOF|NULL|SEEK_CUR|SEEK_END|SEEK_SET|__DATE__|__FILE__|__LINE__|__TIMESTAMP__|__TIME__|__func__|stderr|stdin|stdout)\b/}),delete o.languages.c.boolean,function(e){var t=/\b(?:alignas|alignof|asm|auto|bool|break|case|catch|char|char16_t|char32_t|char8_t|class|co_await|co_return|co_yield|compl|concept|const|const_cast|consteval|constexpr|constinit|continue|decltype|default|delete|do|double|dynamic_cast|else|enum|explicit|export|extern|final|float|for|friend|goto|if|import|inline|int|int16_t|int32_t|int64_t|int8_t|long|module|mutable|namespace|new|noexcept|nullptr|operator|override|private|protected|public|register|reinterpret_cast|requires|return|short|signed|sizeof|static|static_assert|static_cast|struct|switch|template|this|thread_local|throw|try|typedef|typeid|typename|uint16_t|uint32_t|uint64_t|uint8_t|union|unsigned|using|virtual|void|volatile|wchar_t|while)\b/,n=/\b(?!<keyword>)\w+(?:\s*\.\s*\w+)*\b/.source.replace(/<keyword>/g,(function(){return t.source}));e.languages.cpp=e.languages.extend("c",{"class-name":[{pattern:RegExp(/(\b(?:class|concept|enum|struct|typename)\s+)(?!<keyword>)\w+/.source.replace(/<keyword>/g,(function(){return t.source}))),lookbehind:!0},/\b[A-Z]\w*(?=\s*::\s*\w+\s*\()/,/\b[A-Z_]\w*(?=\s*::\s*~\w+\s*\()/i,/\b\w+(?=\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>\s*::\s*\w+\s*\()/],keyword:t,number:{pattern:/(?:\b0b[01']+|\b0x(?:[\da-f']+(?:\.[\da-f']*)?|\.[\da-f']+)(?:p[+-]?[\d']+)?|(?:\b[\d']+(?:\.[\d']*)?|\B\.[\d']+)(?:e[+-]?[\d']+)?)[ful]{0,4}/i,greedy:!0},operator:/>>=?|<<=?|->|--|\+\+|&&|\|\||[?:~]|<=>|[-+*/%&|^!=<>]=?|\b(?:and|and_eq|bitand|bitor|not|not_eq|or|or_eq|xor|xor_eq)\b/,boolean:/\b(?:false|true)\b/}),e.languages.insertBefore("cpp","string",{module:{pattern:RegExp(/(\b(?:import|module)\s+)/.source+"(?:"+/"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|<[^<>\r\n]*>/.source+"|"+/<mod-name>(?:\s*:\s*<mod-name>)?|:\s*<mod-name>/.source.replace(/<mod-name>/g,(function(){return n}))+")"),lookbehind:!0,greedy:!0,inside:{string:/^[<"][\s\S]+/,operator:/:/,punctuation:/\./}},"raw-string":{pattern:/R"([^()\\ ]{0,16})\([\s\S]*?\)\1"/,alias:"string",greedy:!0}}),e.languages.insertBefore("cpp","keyword",{"generic-function":{pattern:/\b(?!operator\b)[a-z_]\w*\s*<(?:[^<>]|<[^<>]*>)*>(?=\s*\()/i,inside:{function:/^\w+/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:e.languages.cpp}}}}),e.languages.insertBefore("cpp","operator",{"double-colon":{pattern:/::/,alias:"punctuation"}}),e.languages.insertBefore("cpp","class-name",{"base-clause":{pattern:/(\b(?:class|struct)\s+\w+\s*:\s*)[^;{}"'\s]+(?:\s+[^;{}"'\s]+)*(?=\s*[;{])/,lookbehind:!0,greedy:!0,inside:e.languages.extend("cpp",{})}}),e.languages.insertBefore("inside","double-colon",{"class-name":/\b[a-z_]\w*\b(?!\s*::)/i},e.languages.cpp["base-clause"])}(o),function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-](?:[^;{\s]|\s+(?![\s{]))*(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp("(^|[{}\\s])[^{}\\s](?:[^{};\"'\\s]|\\s+(?![\\s{])|"+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),n.tag.addAttribute("style","css"))}(o),function(e){var t,n=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css.selector={pattern:e.languages.css.selector.pattern,lookbehind:!0,inside:t={"pseudo-element":/:(?:after|before|first-letter|first-line|selection)|::[-\w]+/,"pseudo-class":/:[-\w]+/,class:/\.[-\w]+/,id:/#[-\w]+/,attribute:{pattern:RegExp("\\[(?:[^[\\]\"']|"+n.source+")*\\]"),greedy:!0,inside:{punctuation:/^\[|\]$/,"case-sensitivity":{pattern:/(\s)[si]$/i,lookbehind:!0,alias:"keyword"},namespace:{pattern:/^(\s*)(?:(?!\s)[-*\w\xA0-\uFFFF])*\|(?!=)/,lookbehind:!0,inside:{punctuation:/\|$/}},"attr-name":{pattern:/^(\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+/,lookbehind:!0},"attr-value":[n,{pattern:/(=\s*)(?:(?!\s)[-\w\xA0-\uFFFF])+(?=\s*$)/,lookbehind:!0}],operator:/[|~*^$]?=/}},"n-th":[{pattern:/(\(\s*)[+-]?\d*[\dn](?:\s*[+-]\s*\d+)?(?=\s*\))/,lookbehind:!0,inside:{number:/[\dn]+/,operator:/[+-]/}},{pattern:/(\(\s*)(?:even|odd)(?=\s*\))/i,lookbehind:!0}],combinator:/>|\+|~|\|\|/,punctuation:/[(),]/}},e.languages.css.atrule.inside["selector-function-argument"].inside=t,e.languages.insertBefore("css","property",{variable:{pattern:/(^|[^-\w\xA0-\uFFFF])--(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*/i,lookbehind:!0}});var r={pattern:/(\b\d+)(?:%|[a-z]+(?![\w-]))/,lookbehind:!0},o={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0};e.languages.insertBefore("css","function",{operator:{pattern:/(\s)[+\-*\/](?=\s)/,lookbehind:!0},hexcode:{pattern:/\B#[\da-f]{3,8}\b/i,alias:"color"},color:[{pattern:/(^|[^\w-])(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)(?![\w-])/i,lookbehind:!0},{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:r,number:o,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:r,number:o})}(o),o.languages.javascript=o.languages.extend("clike",{"class-name":[o.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),o.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,o.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:o.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:o.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:o.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:o.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:o.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),o.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:o.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),o.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),o.languages.markup&&(o.languages.markup.tag.addInlined("script","javascript"),o.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),o.languages.js=o.languages.javascript,function(e){var t=e.util.clone(e.languages.javascript),n=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,r=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,o=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function a(e,t){return e=e.replace(/<S>/g,(function(){return n})).replace(/<BRACES>/g,(function(){return r})).replace(/<SPREAD>/g,(function(){return o})),RegExp(e,t)}o=a(o).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=a(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:a(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:a(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var i=function(e){return e?"string"==typeof e?e:"string"==typeof e.content?e.content:e.content.map(i).join(""):""},l=function(t){for(var n=[],r=0;r<t.length;r++){var o=t[r],a=!1;if("string"!=typeof o&&("tag"===o.type&&o.content[0]&&"tag"===o.content[0].type?"</"===o.content[0].content[0].content?n.length>0&&n[n.length-1].tagName===i(o.content[0].content[1])&&n.pop():"/>"===o.content[o.content.length-1].content||n.push({tagName:i(o.content[0].content[1]),openedBraces:0}):n.length>0&&"punctuation"===o.type&&"{"===o.content?n[n.length-1].openedBraces++:n.length>0&&n[n.length-1].openedBraces>0&&"punctuation"===o.type&&"}"===o.content?n[n.length-1].openedBraces--:a=!0),(a||"string"==typeof o)&&n.length>0&&0===n[n.length-1].openedBraces){var s=i(o);r<t.length-1&&("string"==typeof t[r+1]||"plain-text"===t[r+1].type)&&(s+=i(t[r+1]),t.splice(r+1,1)),r>0&&("string"==typeof t[r-1]||"plain-text"===t[r-1].type)&&(s=i(t[r-1])+s,t.splice(r-1,1),r--),t[r]=new e.Token("plain-text",s,null,s)}o.content&&"string"!=typeof o.content&&l(o.content)}};e.hooks.add("after-tokenize",(function(e){"jsx"!==e.language&&"tsx"!==e.language||l(e.tokens)}))}(o),function(e){function t(e,t){return RegExp(e.replace(/<ID>/g,(function(){return/(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/.source})),t)}e.languages.insertBefore("javascript","function-variable",{"method-variable":{pattern:RegExp("(\\.\\s*)"+e.languages.javascript["function-variable"].pattern.source),lookbehind:!0,alias:["function-variable","method","function","property-access"]}}),e.languages.insertBefore("javascript","function",{method:{pattern:RegExp("(\\.\\s*)"+e.languages.javascript.function.source),lookbehind:!0,alias:["function","property-access"]}}),e.languages.insertBefore("javascript","constant",{"known-class-name":[{pattern:/\b(?:(?:Float(?:32|64)|(?:Int|Uint)(?:8|16|32)|Uint8Clamped)?Array|ArrayBuffer|BigInt|Boolean|DataView|Date|Error|Function|Intl|JSON|(?:Weak)?(?:Map|Set)|Math|Number|Object|Promise|Proxy|Reflect|RegExp|String|Symbol|WebAssembly)\b/,alias:"class-name"},{pattern:/\b(?:[A-Z]\w*)Error\b/,alias:"class-name"}]}),e.languages.insertBefore("javascript","keyword",{imports:{pattern:t(/(\bimport\b\s*)(?:<ID>(?:\s*,\s*(?:\*\s*as\s+<ID>|\{[^{}]*\}))?|\*\s*as\s+<ID>|\{[^{}]*\})(?=\s*\bfrom\b)/.source),lookbehind:!0,inside:e.languages.javascript},exports:{pattern:t(/(\bexport\b\s*)(?:\*(?:\s*as\s+<ID>)?(?=\s*\bfrom\b)|\{[^{}]*\})/.source),lookbehind:!0,inside:e.languages.javascript}}),e.languages.javascript.keyword.unshift({pattern:/\b(?:as|default|export|from|import)\b/,alias:"module"},{pattern:/\b(?:await|break|catch|continue|do|else|finally|for|if|return|switch|throw|try|while|yield)\b/,alias:"control-flow"},{pattern:/\bnull\b/,alias:["null","nil"]},{pattern:/\bundefined\b/,alias:"nil"}),e.languages.insertBefore("javascript","operator",{spread:{pattern:/\.{3}/,alias:"operator"},arrow:{pattern:/=>/,alias:"operator"}}),e.languages.insertBefore("javascript","punctuation",{"property-access":{pattern:t(/(\.\s*)#?<ID>/.source),lookbehind:!0},"maybe-class-name":{pattern:/(^|[^$\w\xA0-\uFFFF])[A-Z][$\w\xA0-\uFFFF]+/,lookbehind:!0},dom:{pattern:/\b(?:document|(?:local|session)Storage|location|navigator|performance|window)\b/,alias:"variable"},console:{pattern:/\bconsole(?=\s*\.)/,alias:"class-name"}});for(var n=["function","function-variable","method","method-variable","property-access"],r=0;r<n.length;r++){var o=n[r],a=e.languages.javascript[o];"RegExp"===e.util.type(a)&&(a=e.languages.javascript[o]={pattern:a});var i=a.inside||{};a.inside=i,i["maybe-class-name"]=/^[A-Z][\s\S]*/}}(o),function(e){var t=e.languages.javascript["template-string"],n=t.pattern.source,r=t.inside.interpolation,o=r.inside["interpolation-punctuation"],a=r.pattern.source;function i(t,r){if(e.languages[t])return{pattern:RegExp("((?:"+r+")\\s*)"+n),lookbehind:!0,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},"embedded-code":{pattern:/[\s\S]+/,alias:t}}}}function l(e,t){return"___"+t.toUpperCase()+"_"+e+"___"}function s(t,n,r){var o={code:t,grammar:n,language:r};return e.hooks.run("before-tokenize",o),o.tokens=e.tokenize(o.code,o.grammar),e.hooks.run("after-tokenize",o),o.tokens}function u(t){var n={};n["interpolation-punctuation"]=o;var a=e.tokenize(t,n);if(3===a.length){var i=[1,1];i.push.apply(i,s(a[1],e.languages.javascript,"javascript")),a.splice.apply(a,i)}return new e.Token("interpolation",a,r.alias,t)}function c(t,n,r){var o=e.tokenize(t,{interpolation:{pattern:RegExp(a),lookbehind:!0}}),i=0,c={},d=s(o.map((function(e){if("string"==typeof e)return e;for(var n,o=e.content;-1!==t.indexOf(n=l(i++,r)););return c[n]=o,n})).join(""),n,r),f=Object.keys(c);return i=0,function e(t){for(var n=0;n<t.length;n++){if(i>=f.length)return;var r=t[n];if("string"==typeof r||"string"==typeof r.content){var o=f[i],a="string"==typeof r?r:r.content,l=a.indexOf(o);if(-1!==l){++i;var s=a.substring(0,l),d=u(c[o]),p=a.substring(l+o.length),m=[];if(s&&m.push(s),m.push(d),p){var g=[p];e(g),m.push.apply(m,g)}"string"==typeof r?(t.splice.apply(t,[n,1].concat(m)),n+=m.length-1):r.content=m}}else{var h=r.content;Array.isArray(h)?e(h):e([h])}}}(d),new e.Token(r,d,"language-"+r,t)}e.languages.javascript["template-string"]=[i("css",/\b(?:styled(?:\([^)]*\))?(?:\s*\.\s*\w+(?:\([^)]*\))*)*|css(?:\s*\.\s*(?:global|resolve))?|createGlobalStyle|keyframes)/.source),i("html",/\bhtml|\.\s*(?:inner|outer)HTML\s*\+?=/.source),i("svg",/\bsvg/.source),i("markdown",/\b(?:markdown|md)/.source),i("graphql",/\b(?:gql|graphql(?:\s*\.\s*experimental)?)/.source),i("sql",/\bsql/.source),t].filter(Boolean);var d={javascript:!0,js:!0,typescript:!0,ts:!0,jsx:!0,tsx:!0};function f(e){return"string"==typeof e?e:Array.isArray(e)?e.map(f).join(""):f(e.content)}e.hooks.add("after-tokenize",(function(t){t.language in d&&function t(n){for(var r=0,o=n.length;r<o;r++){var a=n[r];if("string"!=typeof a){var i=a.content;if(Array.isArray(i))if("template-string"===a.type){var l=i[1];if(3===i.length&&"string"!=typeof l&&"embedded-code"===l.type){var s=f(l),u=l.alias,d=Array.isArray(u)?u[0]:u,p=e.languages[d];if(!p)continue;i[1]=c(s,p,d)}}else t(i);else"string"!=typeof i&&t([i])}}}(t.tokens)}))}(o),function(e){var t=/#(?!\{).+/,n={pattern:/#\{[^}]+\}/,alias:"variable"};e.languages.coffeescript=e.languages.extend("javascript",{comment:t,string:[{pattern:/'(?:\\[\s\S]|[^\\'])*'/,greedy:!0},{pattern:/"(?:\\[\s\S]|[^\\"])*"/,greedy:!0,inside:{interpolation:n}}],keyword:/\b(?:and|break|by|catch|class|continue|debugger|delete|do|each|else|extend|extends|false|finally|for|if|in|instanceof|is|isnt|let|loop|namespace|new|no|not|null|of|off|on|or|own|return|super|switch|then|this|throw|true|try|typeof|undefined|unless|until|when|while|window|with|yes|yield)\b/,"class-member":{pattern:/@(?!\d)\w+/,alias:"variable"}}),e.languages.insertBefore("coffeescript","comment",{"multiline-comment":{pattern:/###[\s\S]+?###/,alias:"comment"},"block-regex":{pattern:/\/{3}[\s\S]*?\/{3}/,alias:"regex",inside:{comment:t,interpolation:n}}}),e.languages.insertBefore("coffeescript","string",{"inline-javascript":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,inside:{delimiter:{pattern:/^`|`$/,alias:"punctuation"},script:{pattern:/[\s\S]+/,alias:"language-javascript",inside:e.languages.javascript}}},"multiline-string":[{pattern:/'''[\s\S]*?'''/,greedy:!0,alias:"string"},{pattern:/"""[\s\S]*?"""/,greedy:!0,alias:"string",inside:{interpolation:n}}]}),e.languages.insertBefore("coffeescript","keyword",{property:/(?!\d)\w+(?=\s*:(?!:))/}),delete e.languages.coffeescript["template-string"],e.languages.coffee=e.languages.coffeescript}(o),function(e){e.languages.diff={coord:[/^(?:\*{3}|-{3}|\+{3}).*$/m,/^@@.*@@$/m,/^\d.*$/m]};var t={"deleted-sign":"-","deleted-arrow":"<","inserted-sign":"+","inserted-arrow":">",unchanged:" ",diff:"!"};Object.keys(t).forEach((function(n){var r=t[n],o=[];/^\w+$/.test(n)||o.push(/\w+/.exec(n)[0]),"diff"===n&&o.push("bold"),e.languages.diff[n]={pattern:RegExp("^(?:["+r+"].*(?:\r\n?|\n|(?![\\s\\S])))+","m"),alias:o,inside:{line:{pattern:/(.)(?=[\s\S]).*(?:\r\n?|\n)?/,lookbehind:!0},prefix:{pattern:/[\s\S]/,alias:/\w+/.exec(n)[0]}}}})),Object.defineProperty(e.languages.diff,"PREFIXES",{value:t})}(o),o.languages.git={comment:/^#.*/m,deleted:/^[-\u2013].*/m,inserted:/^\+.*/m,string:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,command:{pattern:/^.*\$ git .*$/m,inside:{parameter:/\s--?\w+/}},coord:/^@@.*@@$/m,"commit-sha1":/^commit \w{40}$/m},o.languages.go=o.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"|`[^`]*`/,lookbehind:!0,greedy:!0},keyword:/\b(?:break|case|chan|const|continue|default|defer|else|fallthrough|for|func|go(?:to)?|if|import|interface|map|package|range|return|select|struct|switch|type|var)\b/,boolean:/\b(?:_|false|iota|nil|true)\b/,number:[/\b0(?:b[01_]+|o[0-7_]+)i?\b/i,/\b0x(?:[a-f\d_]+(?:\.[a-f\d_]*)?|\.[a-f\d_]+)(?:p[+-]?\d+(?:_\d+)*)?i?(?!\w)/i,/(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?[\d_]+)?i?(?!\w)/i],operator:/[*\/%^!=]=?|\+[=+]?|-[=-]?|\|[=|]?|&(?:=|&|\^=?)?|>(?:>=?|=)?|<(?:<=?|=|-)?|:=|\.\.\./,builtin:/\b(?:append|bool|byte|cap|close|complex|complex(?:64|128)|copy|delete|error|float(?:32|64)|u?int(?:8|16|32|64)?|imag|len|make|new|panic|print(?:ln)?|real|recover|rune|string|uintptr)\b/}),o.languages.insertBefore("go","string",{char:{pattern:/'(?:\\.|[^'\\\r\n]){0,10}'/,greedy:!0}}),delete o.languages.go["class-name"],o.languages.graphql={comment:/#.*/,description:{pattern:/(?:"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*")(?=\s*[a-z_])/i,greedy:!0,alias:"string",inside:{"language-markdown":{pattern:/(^"(?:"")?)(?!\1)[\s\S]+(?=\1$)/,lookbehind:!0,inside:o.languages.markdown}}},string:{pattern:/"""(?:[^"]|(?!""")")*"""|"(?:\\.|[^\\"\r\n])*"/,greedy:!0},number:/(?:\B-|\b)\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,boolean:/\b(?:false|true)\b/,variable:/\$[a-z_]\w*/i,directive:{pattern:/@[a-z_]\w*/i,alias:"function"},"attr-name":{pattern:/\b[a-z_]\w*(?=\s*(?:\((?:[^()"]|"(?:\\.|[^\\"\r\n])*")*\))?:)/i,greedy:!0},"atom-input":{pattern:/\b[A-Z]\w*Input\b/,alias:"class-name"},scalar:/\b(?:Boolean|Float|ID|Int|String)\b/,constant:/\b[A-Z][A-Z_\d]*\b/,"class-name":{pattern:/(\b(?:enum|implements|interface|on|scalar|type|union)\s+|&\s*|:\s*|\[)[A-Z_]\w*/,lookbehind:!0},fragment:{pattern:/(\bfragment\s+|\.{3}\s*(?!on\b))[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-mutation":{pattern:/(\bmutation\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},"definition-query":{pattern:/(\bquery\s+)[a-zA-Z_]\w*/,lookbehind:!0,alias:"function"},keyword:/\b(?:directive|enum|extend|fragment|implements|input|interface|mutation|on|query|repeatable|scalar|schema|subscription|type|union)\b/,operator:/[!=|&]|\.{3}/,"property-query":/\w+(?=\s*\()/,object:/\w+(?=\s*\{)/,punctuation:/[!(){}\[\]:=,]/,property:/\w+/},o.hooks.add("after-tokenize",(function(e){if("graphql"===e.language)for(var t=e.tokens.filter((function(e){return"string"!=typeof e&&"comment"!==e.type&&"scalar"!==e.type})),n=0;n<t.length;){var r=t[n++];if("keyword"===r.type&&"mutation"===r.content){var o=[];if(d(["definition-mutation","punctuation"])&&"("===c(1).content){n+=2;var a=f(/^\($/,/^\)$/);if(-1===a)continue;for(;n<a;n++){var i=c(0);"variable"===i.type&&(p(i,"variable-input"),o.push(i.content))}n=a+1}if(d(["punctuation","property-query"])&&"{"===c(0).content&&(n++,p(c(0),"property-mutation"),o.length>0)){var l=f(/^\{$/,/^\}$/);if(-1===l)continue;for(var s=n;s<l;s++){var u=t[s];"variable"===u.type&&o.indexOf(u.content)>=0&&p(u,"variable-input")}}}}function c(e){return t[n+e]}function d(e,t){t=t||0;for(var n=0;n<e.length;n++){var r=c(n+t);if(!r||r.type!==e[n])return!1}return!0}function f(e,r){for(var o=1,a=n;a<t.length;a++){var i=t[a],l=i.content;if("punctuation"===i.type&&"string"==typeof l)if(e.test(l))o++;else if(r.test(l)&&0===--o)return a}return-1}function p(e,t){var n=e.alias;n?Array.isArray(n)||(e.alias=n=[n]):e.alias=n=[],n.push(t)}})),function(e){function t(e,t){return"___"+e.toUpperCase()+t+"___"}Object.defineProperties(e.languages["markup-templating"]={},{buildPlaceholders:{value:function(n,r,o,a){if(n.language===r){var i=n.tokenStack=[];n.code=n.code.replace(o,(function(e){if("function"==typeof a&&!a(e))return e;for(var o,l=i.length;-1!==n.code.indexOf(o=t(r,l));)++l;return i[l]=e,o})),n.grammar=e.languages.markup}}},tokenizePlaceholders:{value:function(n,r){if(n.language===r&&n.tokenStack){n.grammar=e.languages[r];var o=0,a=Object.keys(n.tokenStack);!function i(l){for(var s=0;s<l.length&&!(o>=a.length);s++){var u=l[s];if("string"==typeof u||u.content&&"string"==typeof u.content){var c=a[o],d=n.tokenStack[c],f="string"==typeof u?u:u.content,p=t(r,c),m=f.indexOf(p);if(m>-1){++o;var g=f.substring(0,m),h=new e.Token(r,e.tokenize(d,n.grammar),"language-"+r,d),v=f.substring(m+p.length),b=[];g&&b.push.apply(b,i([g])),b.push(h),v&&b.push.apply(b,i([v])),"string"==typeof u?l.splice.apply(l,[s,1].concat(b)):u.content=b}}else u.content&&i(u.content)}return l}(n.tokens)}}}})}(o),function(e){e.languages.handlebars={comment:/\{\{![\s\S]*?\}\}/,delimiter:{pattern:/^\{\{\{?|\}\}\}?$/,alias:"punctuation"},string:/(["'])(?:\\.|(?!\1)[^\\\r\n])*\1/,number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][+-]?\d+)?/,boolean:/\b(?:false|true)\b/,block:{pattern:/^(\s*(?:~\s*)?)[#\/]\S+?(?=\s*(?:~\s*)?$|\s)/,lookbehind:!0,alias:"keyword"},brackets:{pattern:/\[[^\]]+\]/,inside:{punctuation:/\[|\]/,variable:/[\s\S]+/}},punctuation:/[!"#%&':()*+,.\/;<=>@\[\\\]^`{|}~]/,variable:/[^!"#%&'()*+,\/;<=>@\[\\\]^`{|}~\s]+/},e.hooks.add("before-tokenize",(function(t){e.languages["markup-templating"].buildPlaceholders(t,"handlebars",/\{\{\{[\s\S]+?\}\}\}|\{\{[\s\S]+?\}\}/g)})),e.hooks.add("after-tokenize",(function(t){e.languages["markup-templating"].tokenizePlaceholders(t,"handlebars")})),e.languages.hbs=e.languages.handlebars}(o),o.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}},o.languages.webmanifest=o.languages.json,o.languages.less=o.languages.extend("css",{comment:[/\/\*[\s\S]*?\*\//,{pattern:/(^|[^\\])\/\/.*/,lookbehind:!0}],atrule:{pattern:/@[\w-](?:\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{punctuation:/[:()]/}},selector:{pattern:/(?:@\{[\w-]+\}|[^{};\s@])(?:@\{[\w-]+\}|\((?:[^(){}]|\([^(){}]*\))*\)|[^(){};@\s]|\s+(?!\s))*?(?=\s*\{)/,inside:{variable:/@+[\w-]+/}},property:/(?:@\{[\w-]+\}|[\w-])+(?:\+_?)?(?=\s*:)/,operator:/[+\-*\/]/}),o.languages.insertBefore("less","property",{variable:[{pattern:/@[\w-]+\s*:/,inside:{punctuation:/:/}},/@@?[\w-]+/],"mixin-usage":{pattern:/([{;]\s*)[.#](?!\d)[\w-].*?(?=[(;])/,lookbehind:!0,alias:"function"}}),o.languages.makefile={comment:{pattern:/(^|[^\\])#(?:\\(?:\r\n|[\s\S])|[^\\\r\n])*/,lookbehind:!0},string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"builtin-target":{pattern:/\.[A-Z][^:#=\s]+(?=\s*:(?!=))/,alias:"builtin"},target:{pattern:/^(?:[^:=\s]|[ \t]+(?![\s:]))+(?=\s*:(?!=))/m,alias:"symbol",inside:{variable:/\$+(?:(?!\$)[^(){}:#=\s]+|(?=[({]))/}},variable:/\$+(?:(?!\$)[^(){}:#=\s]+|\([@*%<^+?][DF]\)|(?=[({]))/,keyword:/-include\b|\b(?:define|else|endef|endif|export|ifn?def|ifn?eq|include|override|private|sinclude|undefine|unexport|vpath)\b/,function:{pattern:/(\()(?:abspath|addsuffix|and|basename|call|dir|error|eval|file|filter(?:-out)?|findstring|firstword|flavor|foreach|guile|if|info|join|lastword|load|notdir|or|origin|patsubst|realpath|shell|sort|strip|subst|suffix|value|warning|wildcard|word(?:list|s)?)(?=[ \t])/,lookbehind:!0},operator:/(?:::|[?:+!])?=|[|@]/,punctuation:/[:;(){}]/},function(e){var t=/(?:\\.|[^\\\n\r]|(?:\n|\r\n?)(?![\r\n]))/.source;function n(e){return e=e.replace(/<inner>/g,(function(){return t})),RegExp(/((?:^|[^\\])(?:\\{2})*)/.source+"(?:"+e+")")}var r=/(?:\\.|``(?:[^`\r\n]|`(?!`))+``|`[^`\r\n]+`|[^\\|\r\n`])+/.source,o=/\|?__(?:\|__)+\|?(?:(?:\n|\r\n?)|(?![\s\S]))/.source.replace(/__/g,(function(){return r})),a=/\|?[ \t]*:?-{3,}:?[ \t]*(?:\|[ \t]*:?-{3,}:?[ \t]*)+\|?(?:\n|\r\n?)/.source;e.languages.markdown=e.languages.extend("markup",{}),e.languages.insertBefore("markdown","prolog",{"front-matter-block":{pattern:/(^(?:\s*[\r\n])?)---(?!.)[\s\S]*?[\r\n]---(?!.)/,lookbehind:!0,greedy:!0,inside:{punctuation:/^---|---$/,"front-matter":{pattern:/\S+(?:\s+\S+)*/,alias:["yaml","language-yaml"],inside:e.languages.yaml}}},blockquote:{pattern:/^>(?:[\t ]*>)*/m,alias:"punctuation"},table:{pattern:RegExp("^"+o+a+"(?:"+o+")*","m"),inside:{"table-data-rows":{pattern:RegExp("^("+o+a+")(?:"+o+")*$"),lookbehind:!0,inside:{"table-data":{pattern:RegExp(r),inside:e.languages.markdown},punctuation:/\|/}},"table-line":{pattern:RegExp("^("+o+")"+a+"$"),lookbehind:!0,inside:{punctuation:/\||:?-{3,}:?/}},"table-header-row":{pattern:RegExp("^"+o+"$"),inside:{"table-header":{pattern:RegExp(r),alias:"important",inside:e.languages.markdown},punctuation:/\|/}}}},code:[{pattern:/((?:^|\n)[ \t]*\n|(?:^|\r\n?)[ \t]*\r\n?)(?: {4}|\t).+(?:(?:\n|\r\n?)(?: {4}|\t).+)*/,lookbehind:!0,alias:"keyword"},{pattern:/^```[\s\S]*?^```$/m,greedy:!0,inside:{"code-block":{pattern:/^(```.*(?:\n|\r\n?))[\s\S]+?(?=(?:\n|\r\n?)^```$)/m,lookbehind:!0},"code-language":{pattern:/^(```).+/,lookbehind:!0},punctuation:/```/}}],title:[{pattern:/\S.*(?:\n|\r\n?)(?:==+|--+)(?=[ \t]*$)/m,alias:"important",inside:{punctuation:/==+$|--+$/}},{pattern:/(^\s*)#.+/m,lookbehind:!0,alias:"important",inside:{punctuation:/^#+|#+$/}}],hr:{pattern:/(^\s*)([*-])(?:[\t ]*\2){2,}(?=\s*$)/m,lookbehind:!0,alias:"punctuation"},list:{pattern:/(^\s*)(?:[*+-]|\d+\.)(?=[\t ].)/m,lookbehind:!0,alias:"punctuation"},"url-reference":{pattern:/!?\[[^\]]+\]:[\t ]+(?:\S+|<(?:\\.|[^>\\])+>)(?:[\t ]+(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\)))?/,inside:{variable:{pattern:/^(!?\[)[^\]]+/,lookbehind:!0},string:/(?:"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'|\((?:\\.|[^)\\])*\))$/,punctuation:/^[\[\]!:]|[<>]/},alias:"url"},bold:{pattern:n(/\b__(?:(?!_)<inner>|_(?:(?!_)<inner>)+_)+__\b|\*\*(?:(?!\*)<inner>|\*(?:(?!\*)<inner>)+\*)+\*\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^..)[\s\S]+(?=..$)/,lookbehind:!0,inside:{}},punctuation:/\*\*|__/}},italic:{pattern:n(/\b_(?:(?!_)<inner>|__(?:(?!_)<inner>)+__)+_\b|\*(?:(?!\*)<inner>|\*\*(?:(?!\*)<inner>)+\*\*)+\*/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^.)[\s\S]+(?=.$)/,lookbehind:!0,inside:{}},punctuation:/[*_]/}},strike:{pattern:n(/(~~?)(?:(?!~)<inner>)+\2/.source),lookbehind:!0,greedy:!0,inside:{content:{pattern:/(^~~?)[\s\S]+(?=\1$)/,lookbehind:!0,inside:{}},punctuation:/~~?/}},"code-snippet":{pattern:/(^|[^\\`])(?:``[^`\r\n]+(?:`[^`\r\n]+)*``(?!`)|`[^`\r\n]+`(?!`))/,lookbehind:!0,greedy:!0,alias:["code","keyword"]},url:{pattern:n(/!?\[(?:(?!\])<inner>)+\](?:\([^\s)]+(?:[\t ]+"(?:\\.|[^"\\])*")?\)|[ \t]?\[(?:(?!\])<inner>)+\])/.source),lookbehind:!0,greedy:!0,inside:{operator:/^!/,content:{pattern:/(^\[)[^\]]+(?=\])/,lookbehind:!0,inside:{}},variable:{pattern:/(^\][ \t]?\[)[^\]]+(?=\]$)/,lookbehind:!0},url:{pattern:/(^\]\()[^\s)]+/,lookbehind:!0},string:{pattern:/(^[ \t]+)"(?:\\.|[^"\\])*"(?=\)$)/,lookbehind:!0}}}}),["url","bold","italic","strike"].forEach((function(t){["url","bold","italic","strike","code-snippet"].forEach((function(n){t!==n&&(e.languages.markdown[t].inside.content.inside[n]=e.languages.markdown[n])}))})),e.hooks.add("after-tokenize",(function(e){"markdown"!==e.language&&"md"!==e.language||function e(t){if(t&&"string"!=typeof t)for(var n=0,r=t.length;n<r;n++){var o=t[n];if("code"===o.type){var a=o.content[1],i=o.content[3];if(a&&i&&"code-language"===a.type&&"code-block"===i.type&&"string"==typeof a.content){var l=a.content.replace(/\b#/g,"sharp").replace(/\b\+\+/g,"pp"),s="language-"+(l=(/[a-z][\w-]*/i.exec(l)||[""])[0].toLowerCase());i.alias?"string"==typeof i.alias?i.alias=[i.alias,s]:i.alias.push(s):i.alias=[s]}}else e(o.content)}}(e.tokens)})),e.hooks.add("wrap",(function(t){if("code-block"===t.type){for(var n="",r=0,o=t.classes.length;r<o;r++){var a=t.classes[r],u=/language-(.+)/.exec(a);if(u){n=u[1];break}}var c,d=e.languages[n];if(d)t.content=e.highlight((c=t.content,c.replace(i,"").replace(/&(\w{1,8}|#x?[\da-f]{1,8});/gi,(function(e,t){var n;if("#"===(t=t.toLowerCase())[0])return n="x"===t[1]?parseInt(t.slice(2),16):Number(t.slice(1)),s(n);var r=l[t];return r||e}))),d,n);else if(n&&"none"!==n&&e.plugins.autoloader){var f="md-"+(new Date).valueOf()+"-"+Math.floor(1e16*Math.random());t.attributes.id=f,e.plugins.autoloader.loadLanguages(n,(function(){var t=document.getElementById(f);t&&(t.innerHTML=e.highlight(t.textContent,e.languages[n],n))}))}}}));var i=RegExp(e.languages.markup.tag.pattern.source,"gi"),l={amp:"&",lt:"<",gt:">",quot:'"'},s=String.fromCodePoint||String.fromCharCode;e.languages.md=e.languages.markdown}(o),o.languages.objectivec=o.languages.extend("c",{string:{pattern:/@?"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,greedy:!0},keyword:/\b(?:asm|auto|break|case|char|const|continue|default|do|double|else|enum|extern|float|for|goto|if|in|inline|int|long|register|return|self|short|signed|sizeof|static|struct|super|switch|typedef|typeof|union|unsigned|void|volatile|while)\b|(?:@interface|@end|@implementation|@protocol|@class|@public|@protected|@private|@property|@try|@catch|@finally|@throw|@synthesize|@dynamic|@selector)\b/,operator:/-[->]?|\+\+?|!=?|<<?=?|>>?=?|==?|&&?|\|\|?|[~^%?*\/@]/}),delete o.languages.objectivec["class-name"],o.languages.objc=o.languages.objectivec,o.languages.ocaml={comment:{pattern:/\(\*[\s\S]*?\*\)/,greedy:!0},char:{pattern:/'(?:[^\\\r\n']|\\(?:.|[ox]?[0-9a-f]{1,3}))'/i,greedy:!0},string:[{pattern:/"(?:\\(?:[\s\S]|\r\n)|[^\\\r\n"])*"/,greedy:!0},{pattern:/\{([a-z_]*)\|[\s\S]*?\|\1\}/,greedy:!0}],number:[/\b(?:0b[01][01_]*|0o[0-7][0-7_]*)\b/i,/\b0x[a-f0-9][a-f0-9_]*(?:\.[a-f0-9_]*)?(?:p[+-]?\d[\d_]*)?(?!\w)/i,/\b\d[\d_]*(?:\.[\d_]*)?(?:e[+-]?\d[\d_]*)?(?!\w)/i],directive:{pattern:/\B#\w+/,alias:"property"},label:{pattern:/\B~\w+/,alias:"property"},"type-variable":{pattern:/\B'\w+/,alias:"function"},variant:{pattern:/`\w+/,alias:"symbol"},keyword:/\b(?:as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|match|method|module|mutable|new|nonrec|object|of|open|private|rec|sig|struct|then|to|try|type|val|value|virtual|when|where|while|with)\b/,boolean:/\b(?:false|true)\b/,"operator-like-punctuation":{pattern:/\[[<>|]|[>|]\]|\{<|>\}/,alias:"punctuation"},operator:/\.[.~]|:[=>]|[=<>@^|&+\-*\/$%!?~][!$%&*+\-.\/:<=>?@^|~]*|\b(?:and|asr|land|lor|lsl|lsr|lxor|mod|or)\b/,punctuation:/;;|::|[(){}\[\].,:;#]|\b_\b/},o.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},o.languages.python["string-interpolation"].inside.interpolation.inside.rest=o.languages.python,o.languages.py=o.languages.python,o.languages.reason=o.languages.extend("clike",{string:{pattern:/"(?:\\(?:\r\n|[\s\S])|[^\\\r\n"])*"/,greedy:!0},"class-name":/\b[A-Z]\w*/,keyword:/\b(?:and|as|assert|begin|class|constraint|do|done|downto|else|end|exception|external|for|fun|function|functor|if|in|include|inherit|initializer|lazy|let|method|module|mutable|new|nonrec|object|of|open|or|private|rec|sig|struct|switch|then|to|try|type|val|virtual|when|while|with)\b/,operator:/\.{3}|:[:=]|\|>|->|=(?:==?|>)?|<=?|>=?|[|^?'#!~`]|[+\-*\/]\.?|\b(?:asr|land|lor|lsl|lsr|lxor|mod)\b/}),o.languages.insertBefore("reason","class-name",{char:{pattern:/'(?:\\x[\da-f]{2}|\\o[0-3][0-7][0-7]|\\\d{3}|\\.|[^'\\\r\n])'/,greedy:!0},constructor:/\b[A-Z]\w*\b(?!\s*\.)/,label:{pattern:/\b[a-z]\w*(?=::)/,alias:"symbol"}}),delete o.languages.reason.function,function(e){e.languages.sass=e.languages.extend("css",{comment:{pattern:/^([ \t]*)\/[\/*].*(?:(?:\r?\n|\r)\1[ \t].+)*/m,lookbehind:!0,greedy:!0}}),e.languages.insertBefore("sass","atrule",{"atrule-line":{pattern:/^(?:[ \t]*)[@+=].+/m,greedy:!0,inside:{atrule:/(?:@[\w-]+|[+=])/}}}),delete e.languages.sass.atrule;var t=/\$[-\w]+|#\{\$[-\w]+\}/,n=[/[+*\/%]|[=!]=|<=?|>=?|\b(?:and|not|or)\b/,{pattern:/(\s)-(?=\s)/,lookbehind:!0}];e.languages.insertBefore("sass","property",{"variable-line":{pattern:/^[ \t]*\$.+/m,greedy:!0,inside:{punctuation:/:/,variable:t,operator:n}},"property-line":{pattern:/^[ \t]*(?:[^:\s]+ *:.*|:[^:\s].*)/m,greedy:!0,inside:{property:[/[^:\s]+(?=\s*:)/,{pattern:/(:)[^:\s]+/,lookbehind:!0}],punctuation:/:/,variable:t,operator:n,important:e.languages.sass.important}}}),delete e.languages.sass.property,delete e.languages.sass.important,e.languages.insertBefore("sass","punctuation",{selector:{pattern:/^([ \t]*)\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*(?:,(?:\r?\n|\r)\1[ \t]+\S(?:,[^,\r\n]+|[^,\r\n]*)(?:,[^,\r\n]+)*)*/m,lookbehind:!0,greedy:!0}})}(o),o.languages.scss=o.languages.extend("css",{comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},atrule:{pattern:/@[\w-](?:\([^()]+\)|[^()\s]|\s+(?!\s))*?(?=\s+[{;])/,inside:{rule:/@[\w-]+/}},url:/(?:[-a-z]+-)?url(?=\()/i,selector:{pattern:/(?=\S)[^@;{}()]?(?:[^@;{}()\s]|\s+(?!\s)|#\{\$[-\w]+\})+(?=\s*\{(?:\}|\s|[^}][^:{}]*[:{][^}]))/,inside:{parent:{pattern:/&/,alias:"important"},placeholder:/%[-\w]+/,variable:/\$[-\w]+|#\{\$[-\w]+\}/}},property:{pattern:/(?:[-\w]|\$[-\w]|#\{\$[-\w]+\})+(?=\s*:)/,inside:{variable:/\$[-\w]+|#\{\$[-\w]+\}/}}}),o.languages.insertBefore("scss","atrule",{keyword:[/@(?:content|debug|each|else(?: if)?|extend|for|forward|function|if|import|include|mixin|return|use|warn|while)\b/i,{pattern:/( )(?:from|through)(?= )/,lookbehind:!0}]}),o.languages.insertBefore("scss","important",{variable:/\$[-\w]+|#\{\$[-\w]+\}/}),o.languages.insertBefore("scss","function",{"module-modifier":{pattern:/\b(?:as|hide|show|with)\b/i,alias:"keyword"},placeholder:{pattern:/%[-\w]+/,alias:"selector"},statement:{pattern:/\B!(?:default|optional)\b/i,alias:"keyword"},boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"},operator:{pattern:/(\s)(?:[-+*\/%]|[=!]=|<=?|>=?|and|not|or)(?=\s)/,lookbehind:!0}}),o.languages.scss.atrule.inside.rest=o.languages.scss,o.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/},function(e){var t={pattern:/(\b\d+)(?:%|[a-z]+)/,lookbehind:!0},n={pattern:/(^|[^\w.-])-?(?:\d+(?:\.\d+)?|\.\d+)/,lookbehind:!0},r={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0},url:{pattern:/\burl\((["']?).*?\1\)/i,greedy:!0},string:{pattern:/("|')(?:(?!\1)[^\\\r\n]|\\(?:\r\n|[\s\S]))*\1/,greedy:!0},interpolation:null,func:null,important:/\B!(?:important|optional)\b/i,keyword:{pattern:/(^|\s+)(?:(?:else|for|if|return|unless)(?=\s|$)|@[\w-]+)/,lookbehind:!0},hexcode:/#[\da-f]{3,6}/i,color:[/\b(?:AliceBlue|AntiqueWhite|Aqua|Aquamarine|Azure|Beige|Bisque|Black|BlanchedAlmond|Blue|BlueViolet|Brown|BurlyWood|CadetBlue|Chartreuse|Chocolate|Coral|CornflowerBlue|Cornsilk|Crimson|Cyan|DarkBlue|DarkCyan|DarkGoldenRod|DarkGr[ae]y|DarkGreen|DarkKhaki|DarkMagenta|DarkOliveGreen|DarkOrange|DarkOrchid|DarkRed|DarkSalmon|DarkSeaGreen|DarkSlateBlue|DarkSlateGr[ae]y|DarkTurquoise|DarkViolet|DeepPink|DeepSkyBlue|DimGr[ae]y|DodgerBlue|FireBrick|FloralWhite|ForestGreen|Fuchsia|Gainsboro|GhostWhite|Gold|GoldenRod|Gr[ae]y|Green|GreenYellow|HoneyDew|HotPink|IndianRed|Indigo|Ivory|Khaki|Lavender|LavenderBlush|LawnGreen|LemonChiffon|LightBlue|LightCoral|LightCyan|LightGoldenRodYellow|LightGr[ae]y|LightGreen|LightPink|LightSalmon|LightSeaGreen|LightSkyBlue|LightSlateGr[ae]y|LightSteelBlue|LightYellow|Lime|LimeGreen|Linen|Magenta|Maroon|MediumAquaMarine|MediumBlue|MediumOrchid|MediumPurple|MediumSeaGreen|MediumSlateBlue|MediumSpringGreen|MediumTurquoise|MediumVioletRed|MidnightBlue|MintCream|MistyRose|Moccasin|NavajoWhite|Navy|OldLace|Olive|OliveDrab|Orange|OrangeRed|Orchid|PaleGoldenRod|PaleGreen|PaleTurquoise|PaleVioletRed|PapayaWhip|PeachPuff|Peru|Pink|Plum|PowderBlue|Purple|Red|RosyBrown|RoyalBlue|SaddleBrown|Salmon|SandyBrown|SeaGreen|SeaShell|Sienna|Silver|SkyBlue|SlateBlue|SlateGr[ae]y|Snow|SpringGreen|SteelBlue|Tan|Teal|Thistle|Tomato|Transparent|Turquoise|Violet|Wheat|White|WhiteSmoke|Yellow|YellowGreen)\b/i,{pattern:/\b(?:hsl|rgb)\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*\)\B|\b(?:hsl|rgb)a\(\s*\d{1,3}\s*,\s*\d{1,3}%?\s*,\s*\d{1,3}%?\s*,\s*(?:0|0?\.\d+|1)\s*\)\B/i,inside:{unit:t,number:n,function:/[\w-]+(?=\()/,punctuation:/[(),]/}}],entity:/\\[\da-f]{1,8}/i,unit:t,boolean:/\b(?:false|true)\b/,operator:[/~|[+!\/%<>?=]=?|[-:]=|\*[*=]?|\.{2,3}|&&|\|\||\B-\B|\b(?:and|in|is(?: a| defined| not|nt)?|not|or)\b/],number:n,punctuation:/[{}()\[\];:,]/};r.interpolation={pattern:/\{[^\r\n}:]+\}/,alias:"variable",inside:{delimiter:{pattern:/^\{|\}$/,alias:"punctuation"},rest:r}},r.func={pattern:/[\w-]+\([^)]*\).*/,inside:{function:/^[^(]+/,rest:r}},e.languages.stylus={"atrule-declaration":{pattern:/(^[ \t]*)@.+/m,lookbehind:!0,inside:{atrule:/^@[\w-]+/,rest:r}},"variable-declaration":{pattern:/(^[ \t]*)[\w$-]+\s*.?=[ \t]*(?:\{[^{}]*\}|\S.*|$)/m,lookbehind:!0,inside:{variable:/^\S+/,rest:r}},statement:{pattern:/(^[ \t]*)(?:else|for|if|return|unless)[ \t].+/m,lookbehind:!0,inside:{keyword:/^\S+/,rest:r}},"property-declaration":{pattern:/((?:^|\{)([ \t]*))(?:[\w-]|\{[^}\r\n]+\})+(?:\s*:\s*|[ \t]+)(?!\s)[^{\r\n]*(?:;|[^{\r\n,]$(?!(?:\r?\n|\r)(?:\{|\2[ \t])))/m,lookbehind:!0,inside:{property:{pattern:/^[^\s:]+/,inside:{interpolation:r.interpolation}},rest:r}},selector:{pattern:/(^[ \t]*)(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)(?:(?:\r?\n|\r)(?:\1(?:(?=\S)(?:[^{}\r\n:()]|::?[\w-]+(?:\([^)\r\n]*\)|(?![\w-]))|\{[^}\r\n]+\})+)))*(?:,$|\{|(?=(?:\r?\n|\r)(?:\{|\1[ \t])))/m,lookbehind:!0,inside:{interpolation:r.interpolation,comment:r.comment,punctuation:/[{},]/}},func:r.func,string:r.string,comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|\/\/.*)/,lookbehind:!0,greedy:!0},interpolation:r.interpolation,punctuation:/[{}()\[\];:.]/}}(o),function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript}(o),function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var n=e.languages.tsx.tag;n.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+n.pattern.source+")",n.pattern.flags),n.lookbehind=!0}(o),o.languages.wasm={comment:[/\(;[\s\S]*?;\)/,{pattern:/;;.*/,greedy:!0}],string:{pattern:/"(?:\\[\s\S]|[^"\\])*"/,greedy:!0},keyword:[{pattern:/\b(?:align|offset)=/,inside:{operator:/=/}},{pattern:/\b(?:(?:f32|f64|i32|i64)(?:\.(?:abs|add|and|ceil|clz|const|convert_[su]\/i(?:32|64)|copysign|ctz|demote\/f64|div(?:_[su])?|eqz?|extend_[su]\/i32|floor|ge(?:_[su])?|gt(?:_[su])?|le(?:_[su])?|load(?:(?:8|16|32)_[su])?|lt(?:_[su])?|max|min|mul|neg?|nearest|or|popcnt|promote\/f32|reinterpret\/[fi](?:32|64)|rem_[su]|rot[lr]|shl|shr_[su]|sqrt|store(?:8|16|32)?|sub|trunc(?:_[su]\/f(?:32|64))?|wrap\/i64|xor))?|memory\.(?:grow|size))\b/,inside:{punctuation:/\./}},/\b(?:anyfunc|block|br(?:_if|_table)?|call(?:_indirect)?|data|drop|elem|else|end|export|func|get_(?:global|local)|global|if|import|local|loop|memory|module|mut|nop|offset|param|result|return|select|set_(?:global|local)|start|table|tee_local|then|type|unreachable)\b/],variable:/\$[\w!#$%&'*+\-./:<=>?@\\^`|~]+/,number:/[+-]?\b(?:\d(?:_?\d)*(?:\.\d(?:_?\d)*)?(?:[eE][+-]?\d(?:_?\d)*)?|0x[\da-fA-F](?:_?[\da-fA-F])*(?:\.[\da-fA-F](?:_?[\da-fA-D])*)?(?:[pP][+-]?\d(?:_?\d)*)?)\b|\binf\b|\bnan(?::0x[\da-fA-F](?:_?[\da-fA-D])*)?\b/,punctuation:/[()]/},function(e){var t=/[*&][^\s[\]{},]+/,n=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+n.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+n.source+")?)",o=/(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(/<PLAIN>/g,(function(){return/[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/.source})),a=/"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;function i(e,t){t=(t||"").replace(/m/g,"")+"m";var n=/([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<value>>/g,(function(){return e}));return RegExp(n,t)}e.languages.yaml={scalar:{pattern:RegExp(/([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(/<<prop>>/g,(function(){return r}))),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp(/((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source.replace(/<<prop>>/g,(function(){return r})).replace(/<<key>>/g,(function(){return"(?:"+o+"|"+a+")"}))),lookbehind:!0,greedy:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:i(/\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/.source),lookbehind:!0,alias:"number"},boolean:{pattern:i(/false|true/.source,"i"),lookbehind:!0,alias:"important"},null:{pattern:i(/null|~/.source,"i"),lookbehind:!0,alias:"important"},string:{pattern:i(a),lookbehind:!0,greedy:!0},number:{pattern:i(/[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/.source,"i"),lookbehind:!0},tag:n,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},e.languages.yml=e.languages.yaml}(o),t.default=o},9901:function(e){e.exports&&(e.exports={core:{meta:{path:"components/prism-core.js",option:"mandatory"},core:"Core"},themes:{meta:{path:"themes/{id}.css",link:"index.html?theme={id}",exclusive:!0},prism:{title:"Default",option:"default"},"prism-dark":"Dark","prism-funky":"Funky","prism-okaidia":{title:"Okaidia",owner:"ocodia"},"prism-twilight":{title:"Twilight",owner:"remybach"},"prism-coy":{title:"Coy",owner:"tshedor"},"prism-solarizedlight":{title:"Solarized Light",owner:"hectormatos2011 "},"prism-tomorrow":{title:"Tomorrow Night",owner:"Rosey"}},languages:{meta:{path:"components/prism-{id}",noCSS:!0,examplesPath:"examples/prism-{id}",addCheckAll:!0},markup:{title:"Markup",alias:["html","xml","svg","mathml","ssml","atom","rss"],aliasTitles:{html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",ssml:"SSML",atom:"Atom",rss:"RSS"},option:"default"},css:{title:"CSS",option:"default",modify:"markup"},clike:{title:"C-like",option:"default"},javascript:{title:"JavaScript",require:"clike",modify:"markup",optional:"regex",alias:"js",option:"default"},abap:{title:"ABAP",owner:"dellagustin"},abnf:{title:"ABNF",owner:"RunDevelopment"},actionscript:{title:"ActionScript",require:"javascript",modify:"markup",owner:"Golmote"},ada:{title:"Ada",owner:"Lucretia"},agda:{title:"Agda",owner:"xy-ren"},al:{title:"AL",owner:"RunDevelopment"},antlr4:{title:"ANTLR4",alias:"g4",owner:"RunDevelopment"},apacheconf:{title:"Apache Configuration",owner:"GuiTeK"},apex:{title:"Apex",require:["clike","sql"],owner:"RunDevelopment"},apl:{title:"APL",owner:"ngn"},applescript:{title:"AppleScript",owner:"Golmote"},aql:{title:"AQL",owner:"RunDevelopment"},arduino:{title:"Arduino",require:"cpp",alias:"ino",owner:"dkern"},arff:{title:"ARFF",owner:"Golmote"},armasm:{title:"ARM Assembly",alias:"arm-asm",owner:"RunDevelopment"},arturo:{title:"Arturo",alias:"art",optional:["bash","css","javascript","markup","markdown","sql"],owner:"drkameleon"},asciidoc:{alias:"adoc",title:"AsciiDoc",owner:"Golmote"},aspnet:{title:"ASP.NET (C#)",require:["markup","csharp"],owner:"nauzilus"},asm6502:{title:"6502 Assembly",owner:"kzurawel"},asmatmel:{title:"Atmel AVR Assembly",owner:"cerkit"},autohotkey:{title:"AutoHotkey",owner:"aviaryan"},autoit:{title:"AutoIt",owner:"Golmote"},avisynth:{title:"AviSynth",alias:"avs",owner:"Zinfidel"},"avro-idl":{title:"Avro IDL",alias:"avdl",owner:"RunDevelopment"},awk:{title:"AWK",alias:"gawk",aliasTitles:{gawk:"GAWK"},owner:"RunDevelopment"},bash:{title:"Bash",alias:"shell",aliasTitles:{shell:"Shell"},owner:"zeitgeist87"},basic:{title:"BASIC",owner:"Golmote"},batch:{title:"Batch",owner:"Golmote"},bbcode:{title:"BBcode",alias:"shortcode",aliasTitles:{shortcode:"Shortcode"},owner:"RunDevelopment"},bicep:{title:"Bicep",owner:"johnnyreilly"},birb:{title:"Birb",require:"clike",owner:"Calamity210"},bison:{title:"Bison",require:"c",owner:"Golmote"},bnf:{title:"BNF",alias:"rbnf",aliasTitles:{rbnf:"RBNF"},owner:"RunDevelopment"},brainfuck:{title:"Brainfuck",owner:"Golmote"},brightscript:{title:"BrightScript",owner:"RunDevelopment"},bro:{title:"Bro",owner:"wayward710"},bsl:{title:"BSL (1C:Enterprise)",alias:"oscript",aliasTitles:{oscript:"OneScript"},owner:"Diversus23"},c:{title:"C",require:"clike",owner:"zeitgeist87"},csharp:{title:"C#",require:"clike",alias:["cs","dotnet"],owner:"mvalipour"},cpp:{title:"C++",require:"c",owner:"zeitgeist87"},cfscript:{title:"CFScript",require:"clike",alias:"cfc",owner:"mjclemente"},chaiscript:{title:"ChaiScript",require:["clike","cpp"],owner:"RunDevelopment"},cil:{title:"CIL",owner:"sbrl"},clojure:{title:"Clojure",owner:"troglotit"},cmake:{title:"CMake",owner:"mjrogozinski"},cobol:{title:"COBOL",owner:"RunDevelopment"},coffeescript:{title:"CoffeeScript",require:"javascript",alias:"coffee",owner:"R-osey"},concurnas:{title:"Concurnas",alias:"conc",owner:"jasontatton"},csp:{title:"Content-Security-Policy",owner:"ScottHelme"},cooklang:{title:"Cooklang",owner:"ahue"},coq:{title:"Coq",owner:"RunDevelopment"},crystal:{title:"Crystal",require:"ruby",owner:"MakeNowJust"},"css-extras":{title:"CSS Extras",require:"css",modify:"css",owner:"milesj"},csv:{title:"CSV",owner:"RunDevelopment"},cue:{title:"CUE",owner:"RunDevelopment"},cypher:{title:"Cypher",owner:"RunDevelopment"},d:{title:"D",require:"clike",owner:"Golmote"},dart:{title:"Dart",require:"clike",owner:"Golmote"},dataweave:{title:"DataWeave",owner:"machaval"},dax:{title:"DAX",owner:"peterbud"},dhall:{title:"Dhall",owner:"RunDevelopment"},diff:{title:"Diff",owner:"uranusjr"},django:{title:"Django/Jinja2",require:"markup-templating",alias:"jinja2",owner:"romanvm"},"dns-zone-file":{title:"DNS zone file",owner:"RunDevelopment",alias:"dns-zone"},docker:{title:"Docker",alias:"dockerfile",owner:"JustinBeckwith"},dot:{title:"DOT (Graphviz)",alias:"gv",optional:"markup",owner:"RunDevelopment"},ebnf:{title:"EBNF",owner:"RunDevelopment"},editorconfig:{title:"EditorConfig",owner:"osipxd"},eiffel:{title:"Eiffel",owner:"Conaclos"},ejs:{title:"EJS",require:["javascript","markup-templating"],owner:"RunDevelopment",alias:"eta",aliasTitles:{eta:"Eta"}},elixir:{title:"Elixir",owner:"Golmote"},elm:{title:"Elm",owner:"zwilias"},etlua:{title:"Embedded Lua templating",require:["lua","markup-templating"],owner:"RunDevelopment"},erb:{title:"ERB",require:["ruby","markup-templating"],owner:"Golmote"},erlang:{title:"Erlang",owner:"Golmote"},"excel-formula":{title:"Excel Formula",alias:["xlsx","xls"],owner:"RunDevelopment"},fsharp:{title:"F#",require:"clike",owner:"simonreynolds7"},factor:{title:"Factor",owner:"catb0t"},false:{title:"False",owner:"edukisto"},"firestore-security-rules":{title:"Firestore security rules",require:"clike",owner:"RunDevelopment"},flow:{title:"Flow",require:"javascript",owner:"Golmote"},fortran:{title:"Fortran",owner:"Golmote"},ftl:{title:"FreeMarker Template Language",require:"markup-templating",owner:"RunDevelopment"},gml:{title:"GameMaker Language",alias:"gamemakerlanguage",require:"clike",owner:"LiarOnce"},gap:{title:"GAP (CAS)",owner:"RunDevelopment"},gcode:{title:"G-code",owner:"RunDevelopment"},gdscript:{title:"GDScript",owner:"RunDevelopment"},gedcom:{title:"GEDCOM",owner:"Golmote"},gettext:{title:"gettext",alias:"po",owner:"RunDevelopment"},gherkin:{title:"Gherkin",owner:"hason"},git:{title:"Git",owner:"lgiraudel"},glsl:{title:"GLSL",require:"c",owner:"Golmote"},gn:{title:"GN",alias:"gni",owner:"RunDevelopment"},"linker-script":{title:"GNU Linker Script",alias:"ld",owner:"RunDevelopment"},go:{title:"Go",require:"clike",owner:"arnehormann"},"go-module":{title:"Go module",alias:"go-mod",owner:"RunDevelopment"},graphql:{title:"GraphQL",optional:"markdown",owner:"Golmote"},groovy:{title:"Groovy",require:"clike",owner:"robfletcher"},haml:{title:"Haml",require:"ruby",optional:["css","css-extras","coffeescript","erb","javascript","less","markdown","scss","textile"],owner:"Golmote"},handlebars:{title:"Handlebars",require:"markup-templating",alias:["hbs","mustache"],aliasTitles:{mustache:"Mustache"},owner:"Golmote"},haskell:{title:"Haskell",alias:"hs",owner:"bholst"},haxe:{title:"Haxe",require:"clike",optional:"regex",owner:"Golmote"},hcl:{title:"HCL",owner:"outsideris"},hlsl:{title:"HLSL",require:"c",owner:"RunDevelopment"},hoon:{title:"Hoon",owner:"matildepark"},http:{title:"HTTP",optional:["csp","css","hpkp","hsts","javascript","json","markup","uri"],owner:"danielgtaylor"},hpkp:{title:"HTTP Public-Key-Pins",owner:"ScottHelme"},hsts:{title:"HTTP Strict-Transport-Security",owner:"ScottHelme"},ichigojam:{title:"IchigoJam",owner:"BlueCocoa"},icon:{title:"Icon",owner:"Golmote"},"icu-message-format":{title:"ICU Message Format",owner:"RunDevelopment"},idris:{title:"Idris",alias:"idr",owner:"KeenS",require:"haskell"},ignore:{title:".ignore",owner:"osipxd",alias:["gitignore","hgignore","npmignore"],aliasTitles:{gitignore:".gitignore",hgignore:".hgignore",npmignore:".npmignore"}},inform7:{title:"Inform 7",owner:"Golmote"},ini:{title:"Ini",owner:"aviaryan"},io:{title:"Io",owner:"AlesTsurko"},j:{title:"J",owner:"Golmote"},java:{title:"Java",require:"clike",owner:"sherblot"},javadoc:{title:"JavaDoc",require:["markup","java","javadoclike"],modify:"java",optional:"scala",owner:"RunDevelopment"},javadoclike:{title:"JavaDoc-like",modify:["java","javascript","php"],owner:"RunDevelopment"},javastacktrace:{title:"Java stack trace",owner:"RunDevelopment"},jexl:{title:"Jexl",owner:"czosel"},jolie:{title:"Jolie",require:"clike",owner:"thesave"},jq:{title:"JQ",owner:"RunDevelopment"},jsdoc:{title:"JSDoc",require:["javascript","javadoclike","typescript"],modify:"javascript",optional:["actionscript","coffeescript"],owner:"RunDevelopment"},"js-extras":{title:"JS Extras",require:"javascript",modify:"javascript",optional:["actionscript","coffeescript","flow","n4js","typescript"],owner:"RunDevelopment"},json:{title:"JSON",alias:"webmanifest",aliasTitles:{webmanifest:"Web App Manifest"},owner:"CupOfTea696"},json5:{title:"JSON5",require:"json",owner:"RunDevelopment"},jsonp:{title:"JSONP",require:"json",owner:"RunDevelopment"},jsstacktrace:{title:"JS stack trace",owner:"sbrl"},"js-templates":{title:"JS Templates",require:"javascript",modify:"javascript",optional:["css","css-extras","graphql","markdown","markup","sql"],owner:"RunDevelopment"},julia:{title:"Julia",owner:"cdagnino"},keepalived:{title:"Keepalived Configure",owner:"dev-itsheng"},keyman:{title:"Keyman",owner:"mcdurdin"},kotlin:{title:"Kotlin",alias:["kt","kts"],aliasTitles:{kts:"Kotlin Script"},require:"clike",owner:"Golmote"},kumir:{title:"KuMir (\u041a\u0443\u041c\u0438\u0440)",alias:"kum",owner:"edukisto"},kusto:{title:"Kusto",owner:"RunDevelopment"},latex:{title:"LaTeX",alias:["tex","context"],aliasTitles:{tex:"TeX",context:"ConTeXt"},owner:"japborst"},latte:{title:"Latte",require:["clike","markup-templating","php"],owner:"nette"},less:{title:"Less",require:"css",optional:"css-extras",owner:"Golmote"},lilypond:{title:"LilyPond",require:"scheme",alias:"ly",owner:"RunDevelopment"},liquid:{title:"Liquid",require:"markup-templating",owner:"cinhtau"},lisp:{title:"Lisp",alias:["emacs","elisp","emacs-lisp"],owner:"JuanCaicedo"},livescript:{title:"LiveScript",owner:"Golmote"},llvm:{title:"LLVM IR",owner:"porglezomp"},log:{title:"Log file",optional:"javastacktrace",owner:"RunDevelopment"},lolcode:{title:"LOLCODE",owner:"Golmote"},lua:{title:"Lua",owner:"Golmote"},magma:{title:"Magma (CAS)",owner:"RunDevelopment"},makefile:{title:"Makefile",owner:"Golmote"},markdown:{title:"Markdown",require:"markup",optional:"yaml",alias:"md",owner:"Golmote"},"markup-templating":{title:"Markup templating",require:"markup",owner:"Golmote"},mata:{title:"Mata",owner:"RunDevelopment"},matlab:{title:"MATLAB",owner:"Golmote"},maxscript:{title:"MAXScript",owner:"RunDevelopment"},mel:{title:"MEL",owner:"Golmote"},mermaid:{title:"Mermaid",owner:"RunDevelopment"},mizar:{title:"Mizar",owner:"Golmote"},mongodb:{title:"MongoDB",owner:"airs0urce",require:"javascript"},monkey:{title:"Monkey",owner:"Golmote"},moonscript:{title:"MoonScript",alias:"moon",owner:"RunDevelopment"},n1ql:{title:"N1QL",owner:"TMWilds"},n4js:{title:"N4JS",require:"javascript",optional:"jsdoc",alias:"n4jsd",owner:"bsmith-n4"},"nand2tetris-hdl":{title:"Nand To Tetris HDL",owner:"stephanmax"},naniscript:{title:"Naninovel Script",owner:"Elringus",alias:"nani"},nasm:{title:"NASM",owner:"rbmj"},neon:{title:"NEON",owner:"nette"},nevod:{title:"Nevod",owner:"nezaboodka"},nginx:{title:"nginx",owner:"volado"},nim:{title:"Nim",owner:"Golmote"},nix:{title:"Nix",owner:"Golmote"},nsis:{title:"NSIS",owner:"idleberg"},objectivec:{title:"Objective-C",require:"c",alias:"objc",owner:"uranusjr"},ocaml:{title:"OCaml",owner:"Golmote"},odin:{title:"Odin",owner:"edukisto"},opencl:{title:"OpenCL",require:"c",modify:["c","cpp"],owner:"Milania1"},openqasm:{title:"OpenQasm",alias:"qasm",owner:"RunDevelopment"},oz:{title:"Oz",owner:"Golmote"},parigp:{title:"PARI/GP",owner:"Golmote"},parser:{title:"Parser",require:"markup",owner:"Golmote"},pascal:{title:"Pascal",alias:"objectpascal",aliasTitles:{objectpascal:"Object Pascal"},owner:"Golmote"},pascaligo:{title:"Pascaligo",owner:"DefinitelyNotAGoat"},psl:{title:"PATROL Scripting Language",owner:"bertysentry"},pcaxis:{title:"PC-Axis",alias:"px",owner:"RunDevelopment"},peoplecode:{title:"PeopleCode",alias:"pcode",owner:"RunDevelopment"},perl:{title:"Perl",owner:"Golmote"},php:{title:"PHP",require:"markup-templating",owner:"milesj"},phpdoc:{title:"PHPDoc",require:["php","javadoclike"],modify:"php",owner:"RunDevelopment"},"php-extras":{title:"PHP Extras",require:"php",modify:"php",owner:"milesj"},"plant-uml":{title:"PlantUML",alias:"plantuml",owner:"RunDevelopment"},plsql:{title:"PL/SQL",require:"sql",owner:"Golmote"},powerquery:{title:"PowerQuery",alias:["pq","mscript"],owner:"peterbud"},powershell:{title:"PowerShell",owner:"nauzilus"},processing:{title:"Processing",require:"clike",owner:"Golmote"},prolog:{title:"Prolog",owner:"Golmote"},promql:{title:"PromQL",owner:"arendjr"},properties:{title:".properties",owner:"Golmote"},protobuf:{title:"Protocol Buffers",require:"clike",owner:"just-boris"},pug:{title:"Pug",require:["markup","javascript"],optional:["coffeescript","ejs","handlebars","less","livescript","markdown","scss","stylus","twig"],owner:"Golmote"},puppet:{title:"Puppet",owner:"Golmote"},pure:{title:"Pure",optional:["c","cpp","fortran"],owner:"Golmote"},purebasic:{title:"PureBasic",require:"clike",alias:"pbfasm",owner:"HeX0R101"},purescript:{title:"PureScript",require:"haskell",alias:"purs",owner:"sriharshachilakapati"},python:{title:"Python",alias:"py",owner:"multipetros"},qsharp:{title:"Q#",require:"clike",alias:"qs",owner:"fedonman"},q:{title:"Q (kdb+ database)",owner:"Golmote"},qml:{title:"QML",require:"javascript",owner:"RunDevelopment"},qore:{title:"Qore",require:"clike",owner:"temnroegg"},r:{title:"R",owner:"Golmote"},racket:{title:"Racket",require:"scheme",alias:"rkt",owner:"RunDevelopment"},cshtml:{title:"Razor C#",alias:"razor",require:["markup","csharp"],optional:["css","css-extras","javascript","js-extras"],owner:"RunDevelopment"},jsx:{title:"React JSX",require:["markup","javascript"],optional:["jsdoc","js-extras","js-templates"],owner:"vkbansal"},tsx:{title:"React TSX",require:["jsx","typescript"]},reason:{title:"Reason",require:"clike",owner:"Golmote"},regex:{title:"Regex",owner:"RunDevelopment"},rego:{title:"Rego",owner:"JordanSh"},renpy:{title:"Ren'py",alias:"rpy",owner:"HyuchiaDiego"},rescript:{title:"ReScript",alias:"res",owner:"vmarcosp"},rest:{title:"reST (reStructuredText)",owner:"Golmote"},rip:{title:"Rip",owner:"ravinggenius"},roboconf:{title:"Roboconf",owner:"Golmote"},robotframework:{title:"Robot Framework",alias:"robot",owner:"RunDevelopment"},ruby:{title:"Ruby",require:"clike",alias:"rb",owner:"samflores"},rust:{title:"Rust",owner:"Golmote"},sas:{title:"SAS",optional:["groovy","lua","sql"],owner:"Golmote"},sass:{title:"Sass (Sass)",require:"css",optional:"css-extras",owner:"Golmote"},scss:{title:"Sass (Scss)",require:"css",optional:"css-extras",owner:"MoOx"},scala:{title:"Scala",require:"java",owner:"jozic"},scheme:{title:"Scheme",owner:"bacchus123"},"shell-session":{title:"Shell session",require:"bash",alias:["sh-session","shellsession"],owner:"RunDevelopment"},smali:{title:"Smali",owner:"RunDevelopment"},smalltalk:{title:"Smalltalk",owner:"Golmote"},smarty:{title:"Smarty",require:"markup-templating",optional:"php",owner:"Golmote"},sml:{title:"SML",alias:"smlnj",aliasTitles:{smlnj:"SML/NJ"},owner:"RunDevelopment"},solidity:{title:"Solidity (Ethereum)",alias:"sol",require:"clike",owner:"glachaud"},"solution-file":{title:"Solution file",alias:"sln",owner:"RunDevelopment"},soy:{title:"Soy (Closure Template)",require:"markup-templating",owner:"Golmote"},sparql:{title:"SPARQL",require:"turtle",owner:"Triply-Dev",alias:"rq"},"splunk-spl":{title:"Splunk SPL",owner:"RunDevelopment"},sqf:{title:"SQF: Status Quo Function (Arma 3)",require:"clike",owner:"RunDevelopment"},sql:{title:"SQL",owner:"multipetros"},squirrel:{title:"Squirrel",require:"clike",owner:"RunDevelopment"},stan:{title:"Stan",owner:"RunDevelopment"},stata:{title:"Stata Ado",require:["mata","java","python"],owner:"RunDevelopment"},iecst:{title:"Structured Text (IEC 61131-3)",owner:"serhioromano"},stylus:{title:"Stylus",owner:"vkbansal"},supercollider:{title:"SuperCollider",alias:"sclang",owner:"RunDevelopment"},swift:{title:"Swift",owner:"chrischares"},systemd:{title:"Systemd configuration file",owner:"RunDevelopment"},"t4-templating":{title:"T4 templating",owner:"RunDevelopment"},"t4-cs":{title:"T4 Text Templates (C#)",require:["t4-templating","csharp"],alias:"t4",owner:"RunDevelopment"},"t4-vb":{title:"T4 Text Templates (VB)",require:["t4-templating","vbnet"],owner:"RunDevelopment"},tap:{title:"TAP",owner:"isaacs",require:"yaml"},tcl:{title:"Tcl",owner:"PeterChaplin"},tt2:{title:"Template Toolkit 2",require:["clike","markup-templating"],owner:"gflohr"},textile:{title:"Textile",require:"markup",optional:"css",owner:"Golmote"},toml:{title:"TOML",owner:"RunDevelopment"},tremor:{title:"Tremor",alias:["trickle","troy"],owner:"darach",aliasTitles:{trickle:"trickle",troy:"troy"}},turtle:{title:"Turtle",alias:"trig",aliasTitles:{trig:"TriG"},owner:"jakubklimek"},twig:{title:"Twig",require:"markup-templating",owner:"brandonkelly"},typescript:{title:"TypeScript",require:"javascript",optional:"js-templates",alias:"ts",owner:"vkbansal"},typoscript:{title:"TypoScript",alias:"tsconfig",aliasTitles:{tsconfig:"TSConfig"},owner:"dkern"},unrealscript:{title:"UnrealScript",alias:["uscript","uc"],owner:"RunDevelopment"},uorazor:{title:"UO Razor Script",owner:"jaseowns"},uri:{title:"URI",alias:"url",aliasTitles:{url:"URL"},owner:"RunDevelopment"},v:{title:"V",require:"clike",owner:"taggon"},vala:{title:"Vala",require:"clike",optional:"regex",owner:"TemplarVolk"},vbnet:{title:"VB.Net",require:"basic",owner:"Bigsby"},velocity:{title:"Velocity",require:"markup",owner:"Golmote"},verilog:{title:"Verilog",owner:"a-rey"},vhdl:{title:"VHDL",owner:"a-rey"},vim:{title:"vim",owner:"westonganger"},"visual-basic":{title:"Visual Basic",alias:["vb","vba"],aliasTitles:{vba:"VBA"},owner:"Golmote"},warpscript:{title:"WarpScript",owner:"RunDevelopment"},wasm:{title:"WebAssembly",owner:"Golmote"},"web-idl":{title:"Web IDL",alias:"webidl",owner:"RunDevelopment"},wiki:{title:"Wiki markup",require:"markup",owner:"Golmote"},wolfram:{title:"Wolfram language",alias:["mathematica","nb","wl"],aliasTitles:{mathematica:"Mathematica",nb:"Mathematica Notebook"},owner:"msollami"},wren:{title:"Wren",owner:"clsource"},xeora:{title:"Xeora",require:"markup",alias:"xeoracube",aliasTitles:{xeoracube:"XeoraCube"},owner:"freakmaxi"},"xml-doc":{title:"XML doc (.net)",require:"markup",modify:["csharp","fsharp","vbnet"],owner:"RunDevelopment"},xojo:{title:"Xojo (REALbasic)",owner:"Golmote"},xquery:{title:"XQuery",require:"markup",owner:"Golmote"},yaml:{title:"YAML",alias:"yml",owner:"hason"},yang:{title:"YANG",owner:"RunDevelopment"},zig:{title:"Zig",owner:"RunDevelopment"}},plugins:{meta:{path:"plugins/{id}/prism-{id}",link:"plugins/{id}/"},"line-highlight":{title:"Line Highlight",description:"Highlights specific lines and/or line ranges."},"line-numbers":{title:"Line Numbers",description:"Line number at the beginning of code lines.",owner:"kuba-kubula"},"show-invisibles":{title:"Show Invisibles",description:"Show hidden characters such as tabs and line breaks.",optional:["autolinker","data-uri-highlight"]},autolinker:{title:"Autolinker",description:"Converts URLs and emails in code to clickable links. Parses Markdown links in comments."},wpd:{title:"WebPlatform Docs",description:'Makes tokens link to <a href="https://webplatform.github.io/docs/">WebPlatform.org documentation</a>. The links open in a new tab.'},"custom-class":{title:"Custom Class",description:"This plugin allows you to prefix Prism's default classes (<code>.comment</code> can become <code>.namespace--comment</code>) or replace them with your defined ones (like <code>.editor__comment</code>). You can even add new classes.",owner:"dvkndn",noCSS:!0},"file-highlight":{title:"File Highlight",description:"Fetch external files and highlight them with Prism. Used on the Prism website itself.",noCSS:!0},"show-language":{title:"Show Language",description:"Display the highlighted language in code blocks (inline code does not show the label).",owner:"nauzilus",noCSS:!0,require:"toolbar"},"jsonp-highlight":{title:"JSONP Highlight",description:"Fetch content with JSONP and highlight some interesting content (e.g. GitHub/Gists or Bitbucket API).",noCSS:!0,owner:"nauzilus"},"highlight-keywords":{title:"Highlight Keywords",description:"Adds special CSS classes for each keyword for fine-grained highlighting.",owner:"vkbansal",noCSS:!0},"remove-initial-line-feed":{title:"Remove initial line feed",description:"Removes the initial line feed in code blocks.",owner:"Golmote",noCSS:!0},"inline-color":{title:"Inline color",description:"Adds a small inline preview for colors in style sheets.",require:"css-extras",owner:"RunDevelopment"},previewers:{title:"Previewers",description:"Previewers for angles, colors, gradients, easing and time.",require:"css-extras",owner:"Golmote"},autoloader:{title:"Autoloader",description:"Automatically loads the needed languages to highlight the code blocks.",owner:"Golmote",noCSS:!0},"keep-markup":{title:"Keep Markup",description:"Prevents custom markup from being dropped out during highlighting.",owner:"Golmote",optional:"normalize-whitespace",noCSS:!0},"command-line":{title:"Command Line",description:"Display a command line with a prompt and, optionally, the output/response from the commands.",owner:"chriswells0"},"unescaped-markup":{title:"Unescaped Markup",description:"Write markup without having to escape anything."},"normalize-whitespace":{title:"Normalize Whitespace",description:"Supports multiple operations to normalize whitespace in code blocks.",owner:"zeitgeist87",optional:"unescaped-markup",noCSS:!0},"data-uri-highlight":{title:"Data-URI Highlight",description:"Highlights data-URI contents.",owner:"Golmote",noCSS:!0},toolbar:{title:"Toolbar",description:"Attach a toolbar for plugins to easily register buttons on the top of a code block.",owner:"mAAdhaTTah"},"copy-to-clipboard":{title:"Copy to Clipboard Button",description:"Add a button that copies the code block to the clipboard when clicked.",owner:"mAAdhaTTah",require:"toolbar",noCSS:!0},"download-button":{title:"Download Button",description:"A button in the toolbar of a code block adding a convenient way to download a code file.",owner:"Golmote",require:"toolbar",noCSS:!0},"match-braces":{title:"Match braces",description:"Highlights matching braces.",owner:"RunDevelopment"},"diff-highlight":{title:"Diff Highlight",description:"Highlights the code inside diff blocks.",owner:"RunDevelopment",require:"diff"},"filter-highlight-all":{title:"Filter highlightAll",description:"Filters the elements the <code>highlightAll</code> and <code>highlightAllUnder</code> methods actually highlight.",owner:"RunDevelopment",noCSS:!0},treeview:{title:"Treeview",description:"A language with special styles to highlight file system tree structures.",owner:"Golmote"}}})},2885:function(e,t,n){const r=n(9901),o=n(9642),a=new Set;function i(e){void 0===e?e=Object.keys(r.languages).filter((e=>"meta"!=e)):Array.isArray(e)||(e=[e]);const t=[...a,...Object.keys(Prism.languages)];o(r,e,t).load((e=>{if(!(e in r.languages))return void(i.silent||console.warn("Language does not exist: "+e));const t="./prism-"+e;delete n.c[n(6500).resolve(t)],delete Prism.languages[e],n(6500)(t),a.add(e)}))}i.silent=!1,e.exports=i},6726:function(e,t,n){var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6726},6500:function(e,t,n){var r={"./":2885};function o(e){var t=a(e);return n(t)}function a(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}o.keys=function(){return Object.keys(r)},o.resolve=a,e.exports=o,o.id=6500},9642:function(e){"use strict";var t=function(){var e=function(){};function t(e,t){Array.isArray(e)?e.forEach(t):null!=e&&t(e,0)}function n(e){for(var t={},n=0,r=e.length;n<r;n++)t[e[n]]=!0;return t}function r(e){var n={},r=[];function o(r,a){if(!(r in n)){a.push(r);var i=a.indexOf(r);if(i<a.length-1)throw new Error("Circular dependency: "+a.slice(i).join(" -> "));var l={},s=e[r];if(s){function u(t){if(!(t in e))throw new Error(r+" depends on an unknown component "+t);if(!(t in l))for(var i in o(t,a),l[t]=!0,n[t])l[i]=!0}t(s.require,u),t(s.optional,u),t(s.modify,u)}n[r]=l,a.pop()}}return function(e){var t=n[e];return t||(o(e,r),t=n[e]),t}}function o(e){for(var t in e)return!0;return!1}return function(a,i,l){var s=function(e){var t={};for(var n in e){var r=e[n];for(var o in r)if("meta"!=o){var a=r[o];t[o]="string"==typeof a?{title:a}:a}}return t}(a),u=function(e){var n;return function(r){if(r in e)return r;if(!n)for(var o in n={},e){var a=e[o];t(a&&a.alias,(function(t){if(t in n)throw new Error(t+" cannot be alias for both "+o+" and "+n[t]);if(t in e)throw new Error(t+" cannot be alias of "+o+" because it is a component.");n[t]=o}))}return n[r]||r}}(s);i=i.map(u),l=(l||[]).map(u);var c=n(i),d=n(l);i.forEach((function e(n){var r=s[n];t(r&&r.require,(function(t){t in d||(c[t]=!0,e(t))}))}));for(var f,p=r(s),m=c;o(m);){for(var g in f={},m){var h=s[g];t(h&&h.modify,(function(e){e in d&&(f[e]=!0)}))}for(var v in d)if(!(v in c))for(var b in p(v))if(b in c){f[v]=!0;break}for(var y in m=f)c[y]=!0}var w={getIds:function(){var e=[];return w.load((function(t){e.push(t)})),e},load:function(t,n){return function(t,n,r,o){var a=o?o.series:void 0,i=o?o.parallel:e,l={},s={};function u(e){if(e in l)return l[e];s[e]=!0;var o,c=[];for(var d in t(e))d in n&&c.push(d);if(0===c.length)o=r(e);else{var f=i(c.map((function(e){var t=u(e);return delete s[e],t})));a?o=a(f,(function(){return r(e)})):r(e)}return l[e]=o}for(var c in n)u(c);var d=[];for(var f in s)d.push(l[f]);return i(d)}(p,c,t,n)}};return w}}();e.exports=t},2703:function(e,t,n){"use strict";var r=n(414);function o(){}function a(){}a.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,a,i){if(i!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:o};return n.PropTypes=n,n}},5697:function(e,t,n){e.exports=n(2703)()},414:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},4448:function(e,t,n){"use strict";var r=n(7294),o=n(7418),a=n(3840);function i(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(i(227));var l=new Set,s={};function u(e,t){c(e,t),c(e+"Capture",t)}function c(e,t){for(s[e]=t,e=0;e<t.length;e++)l.add(t[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),f=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p=Object.prototype.hasOwnProperty,m={},g={};function h(e,t,n,r,o,a,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=a,this.removeEmptyString=i}var v={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){v[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];v[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){v[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){v[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){v[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){v[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){v[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){v[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){v[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var b=/[\-:]([a-z])/g;function y(e){return e[1].toUpperCase()}function w(e,t,n,r){var o=v.hasOwnProperty(t)?v[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!p.call(g,e)||!p.call(m,e)&&(f.test(e)?g[e]=!0:(m[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(b,y);v[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){v[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),v.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){v[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,E=60103,S=60106,C=60107,x=60108,T=60114,_=60109,A=60110,P=60112,L=60113,R=60120,O=60115,N=60116,D=60121,I=60128,F=60129,M=60130,j=60131;if("function"==typeof Symbol&&Symbol.for){var B=Symbol.for;E=B("react.element"),S=B("react.portal"),C=B("react.fragment"),x=B("react.strict_mode"),T=B("react.profiler"),_=B("react.provider"),A=B("react.context"),P=B("react.forward_ref"),L=B("react.suspense"),R=B("react.suspense_list"),O=B("react.memo"),N=B("react.lazy"),D=B("react.block"),B("react.scope"),I=B("react.opaque.id"),F=B("react.debug_trace_mode"),M=B("react.offscreen"),j=B("react.legacy_hidden")}var U,z="function"==typeof Symbol&&Symbol.iterator;function G(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=z&&e[z]||e["@@iterator"])?e:null}function Z(e){if(void 0===U)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);U=t&&t[1]||""}return"\n"+U+e}var $=!1;function q(e,t){if(!e||$)return"";$=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(s){var r=s}Reflect.construct(e,[],t)}else{try{t.call()}catch(s){r=s}e.call(t.prototype)}else{try{throw Error()}catch(s){r=s}e()}}catch(s){if(s&&r&&"string"==typeof s.stack){for(var o=s.stack.split("\n"),a=r.stack.split("\n"),i=o.length-1,l=a.length-1;1<=i&&0<=l&&o[i]!==a[l];)l--;for(;1<=i&&0<=l;i--,l--)if(o[i]!==a[l]){if(1!==i||1!==l)do{if(i--,0>--l||o[i]!==a[l])return"\n"+o[i].replace(" at new "," at ")}while(1<=i&&0<=l);break}}}finally{$=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Z(e):""}function H(e){switch(e.tag){case 5:return Z(e.type);case 16:return Z("Lazy");case 13:return Z("Suspense");case 19:return Z("SuspenseList");case 0:case 2:case 15:return e=q(e.type,!1);case 11:return e=q(e.type.render,!1);case 22:return e=q(e.type._render,!1);case 1:return e=q(e.type,!0);default:return""}}function V(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case C:return"Fragment";case S:return"Portal";case T:return"Profiler";case x:return"StrictMode";case L:return"Suspense";case R:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case A:return(e.displayName||"Context")+".Consumer";case _:return(e._context.displayName||"Context")+".Provider";case P:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case O:return V(e.type);case D:return V(e._render);case N:t=e._payload,e=e._init;try{return V(e(t))}catch(n){}}return null}function W(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function K(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Y(e){e._valueTracker||(e._valueTracker=function(e){var t=K(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var o=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function Q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=K(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function X(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function J(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=W(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function te(e,t){null!=(t=t.checked)&&w(e,"checked",t,!1)}function ne(e,t){te(e,t);var n=W(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?oe(e,t.type,n):t.hasOwnProperty("defaultValue")&&oe(e,t.type,W(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function re(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function oe(e,t,n){"number"===t&&X(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function ae(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function ie(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+W(n),t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function le(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(i(91));return o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function se(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(i(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(i(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:W(n)}}function ue(e,t){var n=W(t.value),r=W(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function ce(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var de="http://www.w3.org/1999/xhtml",fe="http://www.w3.org/2000/svg";function pe(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function me(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?pe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var ge,he,ve=(he=function(e,t){if(e.namespaceURI!==fe||"innerHTML"in e)e.innerHTML=t;else{for((ge=ge||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=ge.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction((function(){return he(e,t)}))}:he);function be(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ye={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},we=["Webkit","ms","Moz","O"];function ke(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ye.hasOwnProperty(e)&&ye[e]?(""+t).trim():t+"px"}function Ee(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=ke(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ye).forEach((function(e){we.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ye[t]=ye[e]}))}));var Se=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function Ce(e,t){if(t){if(Se[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(i(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(i(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(i(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(i(62))}}function xe(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function Te(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var _e=null,Ae=null,Pe=null;function Le(e){if(e=ro(e)){if("function"!=typeof _e)throw Error(i(280));var t=e.stateNode;t&&(t=ao(t),_e(e.stateNode,e.type,t))}}function Re(e){Ae?Pe?Pe.push(e):Pe=[e]:Ae=e}function Oe(){if(Ae){var e=Ae,t=Pe;if(Pe=Ae=null,Le(e),t)for(e=0;e<t.length;e++)Le(t[e])}}function Ne(e,t){return e(t)}function De(e,t,n,r,o){return e(t,n,r,o)}function Ie(){}var Fe=Ne,Me=!1,je=!1;function Be(){null===Ae&&null===Pe||(Ie(),Oe())}function Ue(e,t){var n=e.stateNode;if(null===n)return null;var r=ao(n);if(null===r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(i(231,t,typeof n));return n}var ze=!1;if(d)try{var Ge={};Object.defineProperty(Ge,"passive",{get:function(){ze=!0}}),window.addEventListener("test",Ge,Ge),window.removeEventListener("test",Ge,Ge)}catch(he){ze=!1}function Ze(e,t,n,r,o,a,i,l,s){var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(c){this.onError(c)}}var $e=!1,qe=null,He=!1,Ve=null,We={onError:function(e){$e=!0,qe=e}};function Ke(e,t,n,r,o,a,i,l,s){$e=!1,qe=null,Ze.apply(We,arguments)}function Ye(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function Qe(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function Xe(e){if(Ye(e)!==e)throw Error(i(188))}function Je(e){if(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ye(e)))throw Error(i(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(null===o)break;var a=o.alternate;if(null===a){if(null!==(r=o.return)){n=r;continue}break}if(o.child===a.child){for(a=o.child;a;){if(a===n)return Xe(o),e;if(a===r)return Xe(o),t;a=a.sibling}throw Error(i(188))}if(n.return!==r.return)n=o,r=a;else{for(var l=!1,s=o.child;s;){if(s===n){l=!0,n=o,r=a;break}if(s===r){l=!0,r=o,n=a;break}s=s.sibling}if(!l){for(s=a.child;s;){if(s===n){l=!0,n=a,r=o;break}if(s===r){l=!0,r=a,n=o;break}s=s.sibling}if(!l)throw Error(i(189))}}if(n.alternate!==r)throw Error(i(190))}if(3!==n.tag)throw Error(i(188));return n.stateNode.current===n?e:t}(e),!e)return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function et(e,t){for(var n=e.alternate;null!==t;){if(t===e||t===n)return!0;t=t.return}return!1}var tt,nt,rt,ot,at=!1,it=[],lt=null,st=null,ut=null,ct=new Map,dt=new Map,ft=[],pt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function mt(e,t,n,r,o){return{blockedOn:e,domEventName:t,eventSystemFlags:16|n,nativeEvent:o,targetContainers:[r]}}function gt(e,t){switch(e){case"focusin":case"focusout":lt=null;break;case"dragenter":case"dragleave":st=null;break;case"mouseover":case"mouseout":ut=null;break;case"pointerover":case"pointerout":ct.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":dt.delete(t.pointerId)}}function ht(e,t,n,r,o,a){return null===e||e.nativeEvent!==a?(e=mt(t,n,r,o,a),null!==t&&(null!==(t=ro(t))&&nt(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,null!==o&&-1===t.indexOf(o)&&t.push(o),e)}function vt(e){var t=no(e.target);if(null!==t){var n=Ye(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=Qe(n)))return e.blockedOn=t,void ot(e.lanePriority,(function(){a.unstable_runWithPriority(e.priority,(function(){rt(n)}))}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function bt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=ro(n))&&nt(t),e.blockedOn=n,!1;t.shift()}return!0}function yt(e,t,n){bt(e)&&n.delete(t)}function wt(){for(at=!1;0<it.length;){var e=it[0];if(null!==e.blockedOn){null!==(e=ro(e.blockedOn))&&tt(e);break}for(var t=e.targetContainers;0<t.length;){var n=Jt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n){e.blockedOn=n;break}t.shift()}null===e.blockedOn&&it.shift()}null!==lt&&bt(lt)&&(lt=null),null!==st&&bt(st)&&(st=null),null!==ut&&bt(ut)&&(ut=null),ct.forEach(yt),dt.forEach(yt)}function kt(e,t){e.blockedOn===t&&(e.blockedOn=null,at||(at=!0,a.unstable_scheduleCallback(a.unstable_NormalPriority,wt)))}function Et(e){function t(t){return kt(t,e)}if(0<it.length){kt(it[0],e);for(var n=1;n<it.length;n++){var r=it[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==lt&&kt(lt,e),null!==st&&kt(st,e),null!==ut&&kt(ut,e),ct.forEach(t),dt.forEach(t),n=0;n<ft.length;n++)(r=ft[n]).blockedOn===e&&(r.blockedOn=null);for(;0<ft.length&&null===(n=ft[0]).blockedOn;)vt(n),null===n.blockedOn&&ft.shift()}function St(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Ct={animationend:St("Animation","AnimationEnd"),animationiteration:St("Animation","AnimationIteration"),animationstart:St("Animation","AnimationStart"),transitionend:St("Transition","TransitionEnd")},xt={},Tt={};function _t(e){if(xt[e])return xt[e];if(!Ct[e])return e;var t,n=Ct[e];for(t in n)if(n.hasOwnProperty(t)&&t in Tt)return xt[e]=n[t];return e}d&&(Tt=document.createElement("div").style,"AnimationEvent"in window||(delete Ct.animationend.animation,delete Ct.animationiteration.animation,delete Ct.animationstart.animation),"TransitionEvent"in window||delete Ct.transitionend.transition);var At=_t("animationend"),Pt=_t("animationiteration"),Lt=_t("animationstart"),Rt=_t("transitionend"),Ot=new Map,Nt=new Map,Dt=["abort","abort",At,"animationEnd",Pt,"animationIteration",Lt,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Rt,"transitionEnd","waiting","waiting"];function It(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],o=e[n+1];o="on"+(o[0].toUpperCase()+o.slice(1)),Nt.set(r,t),Ot.set(r,o),u(o,[r])}}(0,a.unstable_now)();var Ft=8;function Mt(e){if(0!=(1&e))return Ft=15,1;if(0!=(2&e))return Ft=14,2;if(0!=(4&e))return Ft=13,4;var t=24&e;return 0!==t?(Ft=12,t):0!=(32&e)?(Ft=11,32):0!==(t=192&e)?(Ft=10,t):0!=(256&e)?(Ft=9,256):0!==(t=3584&e)?(Ft=8,t):0!=(4096&e)?(Ft=7,4096):0!==(t=4186112&e)?(Ft=6,t):0!==(t=62914560&e)?(Ft=5,t):67108864&e?(Ft=4,67108864):0!=(134217728&e)?(Ft=3,134217728):0!==(t=805306368&e)?(Ft=2,t):0!=(1073741824&e)?(Ft=1,1073741824):(Ft=8,e)}function jt(e,t){var n=e.pendingLanes;if(0===n)return Ft=0;var r=0,o=0,a=e.expiredLanes,i=e.suspendedLanes,l=e.pingedLanes;if(0!==a)r=a,o=Ft=15;else if(0!==(a=134217727&n)){var s=a&~i;0!==s?(r=Mt(s),o=Ft):0!==(l&=a)&&(r=Mt(l),o=Ft)}else 0!==(a=n&~i)?(r=Mt(a),o=Ft):0!==l&&(r=Mt(l),o=Ft);if(0===r)return 0;if(r=n&((0>(r=31-$t(r))?0:1<<r)<<1)-1,0!==t&&t!==r&&0==(t&i)){if(Mt(t),o<=Ft)return t;Ft=o}if(0!==(t=e.entangledLanes))for(e=e.entanglements,t&=r;0<t;)o=1<<(n=31-$t(t)),r|=e[n],t&=~o;return r}function Bt(e){return 0!==(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function Ut(e,t){switch(e){case 15:return 1;case 14:return 2;case 12:return 0===(e=zt(24&~t))?Ut(10,t):e;case 10:return 0===(e=zt(192&~t))?Ut(8,t):e;case 8:return 0===(e=zt(3584&~t))&&(0===(e=zt(4186112&~t))&&(e=512)),e;case 2:return 0===(t=zt(805306368&~t))&&(t=268435456),t}throw Error(i(358,e))}function zt(e){return e&-e}function Gt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function Zt(e,t,n){e.pendingLanes|=t;var r=t-1;e.suspendedLanes&=r,e.pingedLanes&=r,(e=e.eventTimes)[t=31-$t(t)]=n}var $t=Math.clz32?Math.clz32:function(e){return 0===e?32:31-(qt(e)/Ht|0)|0},qt=Math.log,Ht=Math.LN2;var Vt=a.unstable_UserBlockingPriority,Wt=a.unstable_runWithPriority,Kt=!0;function Yt(e,t,n,r){Me||Ie();var o=Xt,a=Me;Me=!0;try{De(o,e,t,n,r)}finally{(Me=a)||Be()}}function Qt(e,t,n,r){Wt(Vt,Xt.bind(null,e,t,n,r))}function Xt(e,t,n,r){var o;if(Kt)if((o=0==(4&t))&&0<it.length&&-1<pt.indexOf(e))e=mt(null,e,t,n,r),it.push(e);else{var a=Jt(e,t,n,r);if(null===a)o&&gt(e,r);else{if(o){if(-1<pt.indexOf(e))return e=mt(a,e,t,n,r),void it.push(e);if(function(e,t,n,r,o){switch(t){case"focusin":return lt=ht(lt,e,t,n,r,o),!0;case"dragenter":return st=ht(st,e,t,n,r,o),!0;case"mouseover":return ut=ht(ut,e,t,n,r,o),!0;case"pointerover":var a=o.pointerId;return ct.set(a,ht(ct.get(a)||null,e,t,n,r,o)),!0;case"gotpointercapture":return a=o.pointerId,dt.set(a,ht(dt.get(a)||null,e,t,n,r,o)),!0}return!1}(a,e,t,n,r))return;gt(e,r)}Ir(e,t,r,null,n)}}}function Jt(e,t,n,r){var o=Te(r);if(null!==(o=no(o))){var a=Ye(o);if(null===a)o=null;else{var i=a.tag;if(13===i){if(null!==(o=Qe(a)))return o;o=null}else if(3===i){if(a.stateNode.hydrate)return 3===a.tag?a.stateNode.containerInfo:null;o=null}else a!==o&&(o=null)}}return Ir(e,t,r,o,n),null}var en=null,tn=null,nn=null;function rn(){if(nn)return nn;var e,t,n=tn,r=n.length,o="value"in en?en.value:en.textContent,a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return nn=o.slice(e,1<t?1-t:void 0)}function on(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function an(){return!0}function ln(){return!1}function sn(e){function t(t,n,r,o,a){for(var i in this._reactName=t,this._targetInst=r,this.type=n,this.nativeEvent=o,this.target=a,this.currentTarget=null,e)e.hasOwnProperty(i)&&(t=e[i],this[i]=t?t(o):o[i]);return this.isDefaultPrevented=(null!=o.defaultPrevented?o.defaultPrevented:!1===o.returnValue)?an:ln,this.isPropagationStopped=ln,this}return o(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=an)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=an)},persist:function(){},isPersistent:an}),t}var un,cn,dn,fn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},pn=sn(fn),mn=o({},fn,{view:0,detail:0}),gn=sn(mn),hn=o({},mn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:An,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==dn&&(dn&&"mousemove"===e.type?(un=e.screenX-dn.screenX,cn=e.screenY-dn.screenY):cn=un=0,dn=e),un)},movementY:function(e){return"movementY"in e?e.movementY:cn}}),vn=sn(hn),bn=sn(o({},hn,{dataTransfer:0})),yn=sn(o({},mn,{relatedTarget:0})),wn=sn(o({},fn,{animationName:0,elapsedTime:0,pseudoElement:0})),kn=o({},fn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),En=sn(kn),Sn=sn(o({},fn,{data:0})),Cn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},xn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Tn={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function _n(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Tn[e])&&!!t[e]}function An(){return _n}var Pn=o({},mn,{key:function(e){if(e.key){var t=Cn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=on(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?xn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:An,charCode:function(e){return"keypress"===e.type?on(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?on(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Ln=sn(Pn),Rn=sn(o({},hn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=sn(o({},mn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:An})),Nn=sn(o({},fn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Dn=o({},hn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),In=sn(Dn),Fn=[9,13,27,32],Mn=d&&"CompositionEvent"in window,jn=null;d&&"documentMode"in document&&(jn=document.documentMode);var Bn=d&&"TextEvent"in window&&!jn,Un=d&&(!Mn||jn&&8<jn&&11>=jn),zn=String.fromCharCode(32),Gn=!1;function Zn(e,t){switch(e){case"keyup":return-1!==Fn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $n(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var qn=!1;var Hn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Hn[e.type]:"textarea"===t}function Wn(e,t,n,r){Re(r),0<(t=Mr(t,"onChange")).length&&(n=new pn("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Kn=null,Yn=null;function Qn(e){Pr(e,0)}function Xn(e){if(Q(oo(e)))return e}function Jn(e,t){if("change"===e)return t}var er=!1;if(d){var tr;if(d){var nr="oninput"in document;if(!nr){var rr=document.createElement("div");rr.setAttribute("oninput","return;"),nr="function"==typeof rr.oninput}tr=nr}else tr=!1;er=tr&&(!document.documentMode||9<document.documentMode)}function or(){Kn&&(Kn.detachEvent("onpropertychange",ar),Yn=Kn=null)}function ar(e){if("value"===e.propertyName&&Xn(Yn)){var t=[];if(Wn(t,Yn,e,Te(e)),e=Qn,Me)e(t);else{Me=!0;try{Ne(e,t)}finally{Me=!1,Be()}}}}function ir(e,t,n){"focusin"===e?(or(),Yn=n,(Kn=t).attachEvent("onpropertychange",ar)):"focusout"===e&&or()}function lr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Xn(Yn)}function sr(e,t){if("click"===e)return Xn(t)}function ur(e,t){if("input"===e||"change"===e)return Xn(t)}var cr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},dr=Object.prototype.hasOwnProperty;function fr(e,t){if(cr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!dr.call(t,n[r])||!cr(e[n[r]],t[n[r]]))return!1;return!0}function pr(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function mr(e,t){var n,r=pr(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=pr(r)}}function gr(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?gr(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function hr(){for(var e=window,t=X();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=X((e=t.contentWindow).document)}return t}function vr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var br=d&&"documentMode"in document&&11>=document.documentMode,yr=null,wr=null,kr=null,Er=!1;function Sr(e,t,n){var r=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;Er||null==yr||yr!==X(r)||("selectionStart"in(r=yr)&&vr(r)?r={start:r.selectionStart,end:r.selectionEnd}:r={anchorNode:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset},kr&&fr(kr,r)||(kr=r,0<(r=Mr(wr,"onSelect")).length&&(t=new pn("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=yr)))}It("cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focusin focus focusout blur input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),It("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),It(Dt,2);for(var Cr="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),xr=0;xr<Cr.length;xr++)Nt.set(Cr[xr],0);c("onMouseEnter",["mouseout","mouseover"]),c("onMouseLeave",["mouseout","mouseover"]),c("onPointerEnter",["pointerout","pointerover"]),c("onPointerLeave",["pointerout","pointerover"]),u("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),u("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),u("onBeforeInput",["compositionend","keypress","textInput","paste"]),u("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),u("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),u("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Tr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),_r=new Set("cancel close invalid load scroll toggle".split(" ").concat(Tr));function Ar(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,r,o,a,l,s,u){if(Ke.apply(this,arguments),$e){if(!$e)throw Error(i(198));var c=qe;$e=!1,qe=null,He||(He=!0,Ve=c)}}(r,t,void 0,e),e.currentTarget=null}function Pr(e,t){t=0!=(4&t);for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var a=void 0;if(t)for(var i=r.length-1;0<=i;i--){var l=r[i],s=l.instance,u=l.currentTarget;if(l=l.listener,s!==a&&o.isPropagationStopped())break e;Ar(o,l,u),a=s}else for(i=0;i<r.length;i++){if(s=(l=r[i]).instance,u=l.currentTarget,l=l.listener,s!==a&&o.isPropagationStopped())break e;Ar(o,l,u),a=s}}}if(He)throw e=Ve,He=!1,Ve=null,e}function Lr(e,t){var n=io(t),r=e+"__bubble";n.has(r)||(Dr(t,e,2,!1),n.add(r))}var Rr="_reactListening"+Math.random().toString(36).slice(2);function Or(e){e[Rr]||(e[Rr]=!0,l.forEach((function(t){_r.has(t)||Nr(t,!1,e,null),Nr(t,!0,e,null)})))}function Nr(e,t,n,r){var o=4<arguments.length&&void 0!==arguments[4]?arguments[4]:0,a=n;if("selectionchange"===e&&9!==n.nodeType&&(a=n.ownerDocument),null!==r&&!t&&_r.has(e)){if("scroll"!==e)return;o|=2,a=r}var i=io(a),l=e+"__"+(t?"capture":"bubble");i.has(l)||(t&&(o|=4),Dr(a,e,o,t),i.add(l))}function Dr(e,t,n,r){var o=Nt.get(t);switch(void 0===o?2:o){case 0:o=Yt;break;case 1:o=Qt;break;default:o=Xt}n=o.bind(null,t,n,e),o=void 0,!ze||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(o=!0),r?void 0!==o?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):void 0!==o?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function Ir(e,t,n,r,o){var a=r;if(0==(1&t)&&0==(2&t)&&null!==r)e:for(;;){if(null===r)return;var i=r.tag;if(3===i||4===i){var l=r.stateNode.containerInfo;if(l===o||8===l.nodeType&&l.parentNode===o)break;if(4===i)for(i=r.return;null!==i;){var s=i.tag;if((3===s||4===s)&&((s=i.stateNode.containerInfo)===o||8===s.nodeType&&s.parentNode===o))return;i=i.return}for(;null!==l;){if(null===(i=no(l)))return;if(5===(s=i.tag)||6===s){r=a=i;continue e}l=l.parentNode}}r=r.return}!function(e,t,n){if(je)return e(t,n);je=!0;try{Fe(e,t,n)}finally{je=!1,Be()}}((function(){var r=a,o=Te(n),i=[];e:{var l=Ot.get(e);if(void 0!==l){var s=pn,u=e;switch(e){case"keypress":if(0===on(n))break e;case"keydown":case"keyup":s=Ln;break;case"focusin":u="focus",s=yn;break;case"focusout":u="blur",s=yn;break;case"beforeblur":case"afterblur":s=yn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":s=vn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":s=bn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":s=On;break;case At:case Pt:case Lt:s=wn;break;case Rt:s=Nn;break;case"scroll":s=gn;break;case"wheel":s=In;break;case"copy":case"cut":case"paste":s=En;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":s=Rn}var c=0!=(4&t),d=!c&&"scroll"===e,f=c?null!==l?l+"Capture":null:l;c=[];for(var p,m=r;null!==m;){var g=(p=m).stateNode;if(5===p.tag&&null!==g&&(p=g,null!==f&&(null!=(g=Ue(m,f))&&c.push(Fr(m,g,p)))),d)break;m=m.return}0<c.length&&(l=new s(l,u,null,n,o),i.push({event:l,listeners:c}))}}if(0==(7&t)){if(s="mouseout"===e||"pointerout"===e,(!(l="mouseover"===e||"pointerover"===e)||0!=(16&t)||!(u=n.relatedTarget||n.fromElement)||!no(u)&&!u[eo])&&(s||l)&&(l=o.window===o?o:(l=o.ownerDocument)?l.defaultView||l.parentWindow:window,s?(s=r,null!==(u=(u=n.relatedTarget||n.toElement)?no(u):null)&&(u!==(d=Ye(u))||5!==u.tag&&6!==u.tag)&&(u=null)):(s=null,u=r),s!==u)){if(c=vn,g="onMouseLeave",f="onMouseEnter",m="mouse","pointerout"!==e&&"pointerover"!==e||(c=Rn,g="onPointerLeave",f="onPointerEnter",m="pointer"),d=null==s?l:oo(s),p=null==u?l:oo(u),(l=new c(g,m+"leave",s,n,o)).target=d,l.relatedTarget=p,g=null,no(o)===r&&((c=new c(f,m+"enter",u,n,o)).target=p,c.relatedTarget=d,g=c),d=g,s&&u)e:{for(f=u,m=0,p=c=s;p;p=jr(p))m++;for(p=0,g=f;g;g=jr(g))p++;for(;0<m-p;)c=jr(c),m--;for(;0<p-m;)f=jr(f),p--;for(;m--;){if(c===f||null!==f&&c===f.alternate)break e;c=jr(c),f=jr(f)}c=null}else c=null;null!==s&&Br(i,l,s,c,!1),null!==u&&null!==d&&Br(i,d,u,c,!0)}if("select"===(s=(l=r?oo(r):window).nodeName&&l.nodeName.toLowerCase())||"input"===s&&"file"===l.type)var h=Jn;else if(Vn(l))if(er)h=ur;else{h=lr;var v=ir}else(s=l.nodeName)&&"input"===s.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(h=sr);switch(h&&(h=h(e,r))?Wn(i,h,n,o):(v&&v(e,l,r),"focusout"===e&&(v=l._wrapperState)&&v.controlled&&"number"===l.type&&oe(l,"number",l.value)),v=r?oo(r):window,e){case"focusin":(Vn(v)||"true"===v.contentEditable)&&(yr=v,wr=r,kr=null);break;case"focusout":kr=wr=yr=null;break;case"mousedown":Er=!0;break;case"contextmenu":case"mouseup":case"dragend":Er=!1,Sr(i,n,o);break;case"selectionchange":if(br)break;case"keydown":case"keyup":Sr(i,n,o)}var b;if(Mn)e:{switch(e){case"compositionstart":var y="onCompositionStart";break e;case"compositionend":y="onCompositionEnd";break e;case"compositionupdate":y="onCompositionUpdate";break e}y=void 0}else qn?Zn(e,n)&&(y="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(y="onCompositionStart");y&&(Un&&"ko"!==n.locale&&(qn||"onCompositionStart"!==y?"onCompositionEnd"===y&&qn&&(b=rn()):(tn="value"in(en=o)?en.value:en.textContent,qn=!0)),0<(v=Mr(r,y)).length&&(y=new Sn(y,e,null,n,o),i.push({event:y,listeners:v}),b?y.data=b:null!==(b=$n(n))&&(y.data=b))),(b=Bn?function(e,t){switch(e){case"compositionend":return $n(t);case"keypress":return 32!==t.which?null:(Gn=!0,zn);case"textInput":return(e=t.data)===zn&&Gn?null:e;default:return null}}(e,n):function(e,t){if(qn)return"compositionend"===e||!Mn&&Zn(e,t)?(e=rn(),nn=tn=en=null,qn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Un&&"ko"!==t.locale?null:t.data}}(e,n))&&(0<(r=Mr(r,"onBeforeInput")).length&&(o=new Sn("onBeforeInput","beforeinput",null,n,o),i.push({event:o,listeners:r}),o.data=b))}Pr(i,t)}))}function Fr(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Mr(e,t){for(var n=t+"Capture",r=[];null!==e;){var o=e,a=o.stateNode;5===o.tag&&null!==a&&(o=a,null!=(a=Ue(e,n))&&r.unshift(Fr(e,a,o)),null!=(a=Ue(e,t))&&r.push(Fr(e,a,o))),e=e.return}return r}function jr(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Br(e,t,n,r,o){for(var a=t._reactName,i=[];null!==n&&n!==r;){var l=n,s=l.alternate,u=l.stateNode;if(null!==s&&s===r)break;5===l.tag&&null!==u&&(l=u,o?null!=(s=Ue(n,a))&&i.unshift(Fr(n,s,l)):o||null!=(s=Ue(n,a))&&i.push(Fr(n,s,l))),n=n.return}0!==i.length&&e.push({event:t,listeners:i})}function Ur(){}var zr=null,Gr=null;function Zr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function $r(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var qr="function"==typeof setTimeout?setTimeout:void 0,Hr="function"==typeof clearTimeout?clearTimeout:void 0;function Vr(e){1===e.nodeType?e.textContent="":9===e.nodeType&&(null!=(e=e.body)&&(e.textContent=""))}function Wr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Kr(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var Yr=0;var Qr=Math.random().toString(36).slice(2),Xr="__reactFiber$"+Qr,Jr="__reactProps$"+Qr,eo="__reactContainer$"+Qr,to="__reactEvents$"+Qr;function no(e){var t=e[Xr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[eo]||n[Xr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Kr(e);null!==e;){if(n=e[Xr])return n;e=Kr(e)}return t}n=(e=n).parentNode}return null}function ro(e){return!(e=e[Xr]||e[eo])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function oo(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(i(33))}function ao(e){return e[Jr]||null}function io(e){var t=e[to];return void 0===t&&(t=e[to]=new Set),t}var lo=[],so=-1;function uo(e){return{current:e}}function co(e){0>so||(e.current=lo[so],lo[so]=null,so--)}function fo(e,t){so++,lo[so]=e.current,e.current=t}var po={},mo=uo(po),go=uo(!1),ho=po;function vo(e,t){var n=e.type.contextTypes;if(!n)return po;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,a={};for(o in n)a[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function bo(e){return null!=(e=e.childContextTypes)}function yo(){co(go),co(mo)}function wo(e,t,n){if(mo.current!==po)throw Error(i(168));fo(mo,t),fo(go,n)}function ko(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var a in r=r.getChildContext())if(!(a in e))throw Error(i(108,V(t)||"Unknown",a));return o({},n,r)}function Eo(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||po,ho=mo.current,fo(mo,e),fo(go,go.current),!0}function So(e,t,n){var r=e.stateNode;if(!r)throw Error(i(169));n?(e=ko(e,t,ho),r.__reactInternalMemoizedMergedChildContext=e,co(go),co(mo),fo(mo,e)):co(go),fo(go,n)}var Co=null,xo=null,To=a.unstable_runWithPriority,_o=a.unstable_scheduleCallback,Ao=a.unstable_cancelCallback,Po=a.unstable_shouldYield,Lo=a.unstable_requestPaint,Ro=a.unstable_now,Oo=a.unstable_getCurrentPriorityLevel,No=a.unstable_ImmediatePriority,Do=a.unstable_UserBlockingPriority,Io=a.unstable_NormalPriority,Fo=a.unstable_LowPriority,Mo=a.unstable_IdlePriority,jo={},Bo=void 0!==Lo?Lo:function(){},Uo=null,zo=null,Go=!1,Zo=Ro(),$o=1e4>Zo?Ro:function(){return Ro()-Zo};function qo(){switch(Oo()){case No:return 99;case Do:return 98;case Io:return 97;case Fo:return 96;case Mo:return 95;default:throw Error(i(332))}}function Ho(e){switch(e){case 99:return No;case 98:return Do;case 97:return Io;case 96:return Fo;case 95:return Mo;default:throw Error(i(332))}}function Vo(e,t){return e=Ho(e),To(e,t)}function Wo(e,t,n){return e=Ho(e),_o(e,t,n)}function Ko(){if(null!==zo){var e=zo;zo=null,Ao(e)}Yo()}function Yo(){if(!Go&&null!==Uo){Go=!0;var e=0;try{var t=Uo;Vo(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Uo=null}catch(n){throw null!==Uo&&(Uo=Uo.slice(e+1)),_o(No,Ko),n}finally{Go=!1}}}var Qo=k.ReactCurrentBatchConfig;function Xo(e,t){if(e&&e.defaultProps){for(var n in t=o({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}var Jo=uo(null),ea=null,ta=null,na=null;function ra(){na=ta=ea=null}function oa(e){var t=Jo.current;co(Jo),e.type._context._currentValue=t}function aa(e,t){for(;null!==e;){var n=e.alternate;if((e.childLanes&t)===t){if(null===n||(n.childLanes&t)===t)break;n.childLanes|=t}else e.childLanes|=t,null!==n&&(n.childLanes|=t);e=e.return}}function ia(e,t){ea=e,na=ta=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(0!=(e.lanes&t)&&(Mi=!0),e.firstContext=null)}function la(e,t){if(na!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(na=e,t=1073741823),t={context:e,observedBits:t,next:null},null===ta){if(null===ea)throw Error(i(308));ta=t,ea.dependencies={lanes:0,firstContext:t,responders:null}}else ta=ta.next=t;return e._currentValue}var sa=!1;function ua(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null},effects:null}}function ca(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function da(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function fa(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function pa(e,t){var n=e.updateQueue,r=e.alternate;if(null!==r&&n===(r=r.updateQueue)){var o=null,a=null;if(null!==(n=n.firstBaseUpdate)){do{var i={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===a?o=a=i:a=a.next=i,n=n.next}while(null!==n);null===a?o=a=t:a=a.next=t}else o=a=t;return n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:a,shared:r.shared,effects:r.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ma(e,t,n,r){var a=e.updateQueue;sa=!1;var i=a.firstBaseUpdate,l=a.lastBaseUpdate,s=a.shared.pending;if(null!==s){a.shared.pending=null;var u=s,c=u.next;u.next=null,null===l?i=c:l.next=c,l=u;var d=e.alternate;if(null!==d){var f=(d=d.updateQueue).lastBaseUpdate;f!==l&&(null===f?d.firstBaseUpdate=c:f.next=c,d.lastBaseUpdate=u)}}if(null!==i){for(f=a.baseState,l=0,d=c=u=null;;){s=i.lane;var p=i.eventTime;if((r&s)===s){null!==d&&(d=d.next={eventTime:p,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var m=e,g=i;switch(s=t,p=n,g.tag){case 1:if("function"==typeof(m=g.payload)){f=m.call(p,f,s);break e}f=m;break e;case 3:m.flags=-4097&m.flags|64;case 0:if(null==(s="function"==typeof(m=g.payload)?m.call(p,f,s):m))break e;f=o({},f,s);break e;case 2:sa=!0}}null!==i.callback&&(e.flags|=32,null===(s=a.effects)?a.effects=[i]:s.push(i))}else p={eventTime:p,lane:s,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(c=d=p,u=f):d=d.next=p,l|=s;if(null===(i=i.next)){if(null===(s=a.shared.pending))break;i=s.next,s.next=null,a.lastBaseUpdate=s,a.shared.pending=null}}null===d&&(u=f),a.baseState=u,a.firstBaseUpdate=c,a.lastBaseUpdate=d,zl|=l,e.lanes=l,e.memoizedState=f}}function ga(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(null!==o){if(r.callback=null,r=n,"function"!=typeof o)throw Error(i(191,o));o.call(r)}}}var ha=(new r.Component).refs;function va(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:o({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ba={isMounted:function(e){return!!(e=e._reactInternals)&&Ye(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=fs(),o=ps(e),a=da(r,o);a.payload=t,null!=n&&(a.callback=n),fa(e,a),ms(e,o,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=fs(),o=ps(e),a=da(r,o);a.tag=1,a.payload=t,null!=n&&(a.callback=n),fa(e,a),ms(e,o,r)},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=fs(),r=ps(e),o=da(n,r);o.tag=2,null!=t&&(o.callback=t),fa(e,o),ms(e,r,n)}};function ya(e,t,n,r,o,a,i){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,a,i):!t.prototype||!t.prototype.isPureReactComponent||(!fr(n,r)||!fr(o,a))}function wa(e,t,n){var r=!1,o=po,a=t.contextType;return"object"==typeof a&&null!==a?a=la(a):(o=bo(t)?ho:mo.current,a=(r=null!=(r=t.contextTypes))?vo(e,o):po),t=new t(n,a),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ba,e.stateNode=t,t._reactInternals=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=a),t}function ka(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&ba.enqueueReplaceState(t,t.state,null)}function Ea(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs=ha,ua(e);var a=t.contextType;"object"==typeof a&&null!==a?o.context=la(a):(a=bo(t)?ho:mo.current,o.context=vo(e,a)),ma(e,n,o,r),o.state=e.memoizedState,"function"==typeof(a=t.getDerivedStateFromProps)&&(va(e,t,a,n),o.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(t=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),t!==o.state&&ba.enqueueReplaceState(o,o.state,null),ma(e,n,o,r),o.state=e.memoizedState),"function"==typeof o.componentDidMount&&(e.flags|=4)}var Sa=Array.isArray;function Ca(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(i(309));var r=n.stateNode}if(!r)throw Error(i(147,e));var o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:(t=function(e){var t=r.refs;t===ha&&(t=r.refs={}),null===e?delete t[o]:t[o]=e},t._stringRef=o,t)}if("string"!=typeof e)throw Error(i(284));if(!n._owner)throw Error(i(290,e))}return e}function xa(e,t){if("textarea"!==e.type)throw Error(i(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t))}function Ta(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.flags=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function o(e,t){return(e=Hs(e,t)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.flags=2,n):r:(t.flags=2,n):n}function l(t){return e&&null===t.alternate&&(t.flags=2),t}function s(e,t,n,r){return null===t||6!==t.tag?((t=Ys(n,e.mode,r)).return=e,t):((t=o(t,n)).return=e,t)}function u(e,t,n,r){return null!==t&&t.elementType===n.type?((r=o(t,n.props)).ref=Ca(e,t,n),r.return=e,r):((r=Vs(n.type,n.key,n.props,null,e.mode,r)).ref=Ca(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Qs(n,e.mode,r)).return=e,t):((t=o(t,n.children||[])).return=e,t)}function d(e,t,n,r,a){return null===t||7!==t.tag?((t=Ws(n,e.mode,r,a)).return=e,t):((t=o(t,n)).return=e,t)}function f(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Ys(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case E:return(n=Vs(t.type,t.key,t.props,null,e.mode,n)).ref=Ca(e,null,t),n.return=e,n;case S:return(t=Qs(t,e.mode,n)).return=e,t}if(Sa(t)||G(t))return(t=Ws(t,e.mode,n,null)).return=e,t;xa(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:s(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case E:return n.key===o?n.type===C?d(e,t,n.props.children,r,o):u(e,t,n,r):null;case S:return n.key===o?c(e,t,n,r):null}if(Sa(n)||G(n))return null!==o?null:d(e,t,n,r,null);xa(e,n)}return null}function m(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return s(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case E:return e=e.get(null===r.key?n:r.key)||null,r.type===C?d(t,e,r.props.children,o,r.key):u(t,e,r,o);case S:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(Sa(r)||G(r))return d(t,e=e.get(n)||null,r,o,null);xa(t,r)}return null}function g(o,i,l,s){for(var u=null,c=null,d=i,g=i=0,h=null;null!==d&&g<l.length;g++){d.index>g?(h=d,d=null):h=d.sibling;var v=p(o,d,l[g],s);if(null===v){null===d&&(d=h);break}e&&d&&null===v.alternate&&t(o,d),i=a(v,i,g),null===c?u=v:c.sibling=v,c=v,d=h}if(g===l.length)return n(o,d),u;if(null===d){for(;g<l.length;g++)null!==(d=f(o,l[g],s))&&(i=a(d,i,g),null===c?u=d:c.sibling=d,c=d);return u}for(d=r(o,d);g<l.length;g++)null!==(h=m(d,o,g,l[g],s))&&(e&&null!==h.alternate&&d.delete(null===h.key?g:h.key),i=a(h,i,g),null===c?u=h:c.sibling=h,c=h);return e&&d.forEach((function(e){return t(o,e)})),u}function h(o,l,s,u){var c=G(s);if("function"!=typeof c)throw Error(i(150));if(null==(s=c.call(s)))throw Error(i(151));for(var d=c=null,g=l,h=l=0,v=null,b=s.next();null!==g&&!b.done;h++,b=s.next()){g.index>h?(v=g,g=null):v=g.sibling;var y=p(o,g,b.value,u);if(null===y){null===g&&(g=v);break}e&&g&&null===y.alternate&&t(o,g),l=a(y,l,h),null===d?c=y:d.sibling=y,d=y,g=v}if(b.done)return n(o,g),c;if(null===g){for(;!b.done;h++,b=s.next())null!==(b=f(o,b.value,u))&&(l=a(b,l,h),null===d?c=b:d.sibling=b,d=b);return c}for(g=r(o,g);!b.done;h++,b=s.next())null!==(b=m(g,o,h,b.value,u))&&(e&&null!==b.alternate&&g.delete(null===b.key?h:b.key),l=a(b,l,h),null===d?c=b:d.sibling=b,d=b);return e&&g.forEach((function(e){return t(o,e)})),c}return function(e,r,a,s){var u="object"==typeof a&&null!==a&&a.type===C&&null===a.key;u&&(a=a.props.children);var c="object"==typeof a&&null!==a;if(c)switch(a.$$typeof){case E:e:{for(c=a.key,u=r;null!==u;){if(u.key===c){if(7===u.tag){if(a.type===C){n(e,u.sibling),(r=o(u,a.props.children)).return=e,e=r;break e}}else if(u.elementType===a.type){n(e,u.sibling),(r=o(u,a.props)).ref=Ca(e,u,a),r.return=e,e=r;break e}n(e,u);break}t(e,u),u=u.sibling}a.type===C?((r=Ws(a.props.children,e.mode,s,a.key)).return=e,e=r):((s=Vs(a.type,a.key,a.props,null,e.mode,s)).ref=Ca(e,r,a),s.return=e,e=s)}return l(e);case S:e:{for(u=a.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Qs(a,e.mode,s)).return=e,e=r}return l(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a)).return=e,e=r):(n(e,r),(r=Ys(a,e.mode,s)).return=e,e=r),l(e);if(Sa(a))return g(e,r,a,s);if(G(a))return h(e,r,a,s);if(c&&xa(e,a),void 0===a&&!u)switch(e.tag){case 1:case 22:case 0:case 11:case 15:throw Error(i(152,V(e.type)||"Component"))}return n(e,r)}}var _a=Ta(!0),Aa=Ta(!1),Pa={},La=uo(Pa),Ra=uo(Pa),Oa=uo(Pa);function Na(e){if(e===Pa)throw Error(i(174));return e}function Da(e,t){switch(fo(Oa,t),fo(Ra,e),fo(La,Pa),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:me(null,"");break;default:t=me(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}co(La),fo(La,t)}function Ia(){co(La),co(Ra),co(Oa)}function Fa(e){Na(Oa.current);var t=Na(La.current),n=me(t,e.type);t!==n&&(fo(Ra,e),fo(La,n))}function Ma(e){Ra.current===e&&(co(La),co(Ra))}var ja=uo(0);function Ba(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.flags))return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Ua=null,za=null,Ga=!1;function Za(e,t){var n=$s(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.flags=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function $a(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function qa(e){if(Ga){var t=za;if(t){var n=t;if(!$a(e,t)){if(!(t=Wr(n.nextSibling))||!$a(e,t))return e.flags=-1025&e.flags|2,Ga=!1,void(Ua=e);Za(Ua,n)}Ua=e,za=Wr(t.firstChild)}else e.flags=-1025&e.flags|2,Ga=!1,Ua=e}}function Ha(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;Ua=e}function Va(e){if(e!==Ua)return!1;if(!Ga)return Ha(e),Ga=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!$r(t,e.memoizedProps))for(t=za;t;)Za(e,t),t=Wr(t.nextSibling);if(Ha(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(i(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){za=Wr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}za=null}}else za=Ua?Wr(e.stateNode.nextSibling):null;return!0}function Wa(){za=Ua=null,Ga=!1}var Ka=[];function Ya(){for(var e=0;e<Ka.length;e++)Ka[e]._workInProgressVersionPrimary=null;Ka.length=0}var Qa=k.ReactCurrentDispatcher,Xa=k.ReactCurrentBatchConfig,Ja=0,ei=null,ti=null,ni=null,ri=!1,oi=!1;function ai(){throw Error(i(321))}function ii(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!cr(e[n],t[n]))return!1;return!0}function li(e,t,n,r,o,a){if(Ja=a,ei=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Qa.current=null===e||null===e.memoizedState?Ni:Di,e=n(r,o),oi){a=0;do{if(oi=!1,!(25>a))throw Error(i(301));a+=1,ni=ti=null,t.updateQueue=null,Qa.current=Ii,e=n(r,o)}while(oi)}if(Qa.current=Oi,t=null!==ti&&null!==ti.next,Ja=0,ni=ti=ei=null,ri=!1,t)throw Error(i(300));return e}function si(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===ni?ei.memoizedState=ni=e:ni=ni.next=e,ni}function ui(){if(null===ti){var e=ei.alternate;e=null!==e?e.memoizedState:null}else e=ti.next;var t=null===ni?ei.memoizedState:ni.next;if(null!==t)ni=t,ti=e;else{if(null===e)throw Error(i(310));e={memoizedState:(ti=e).memoizedState,baseState:ti.baseState,baseQueue:ti.baseQueue,queue:ti.queue,next:null},null===ni?ei.memoizedState=ni=e:ni=ni.next=e}return ni}function ci(e,t){return"function"==typeof t?t(e):t}function di(e){var t=ui(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=ti,o=r.baseQueue,a=n.pending;if(null!==a){if(null!==o){var l=o.next;o.next=a.next,a.next=l}r.baseQueue=o=a,n.pending=null}if(null!==o){o=o.next,r=r.baseState;var s=l=a=null,u=o;do{var c=u.lane;if((Ja&c)===c)null!==s&&(s=s.next={lane:0,action:u.action,eagerReducer:u.eagerReducer,eagerState:u.eagerState,next:null}),r=u.eagerReducer===e?u.eagerState:e(r,u.action);else{var d={lane:c,action:u.action,eagerReducer:u.eagerReducer,eagerState:u.eagerState,next:null};null===s?(l=s=d,a=r):s=s.next=d,ei.lanes|=c,zl|=c}u=u.next}while(null!==u&&u!==o);null===s?a=r:s.next=l,cr(r,t.memoizedState)||(Mi=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=s,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function fi(e){var t=ui(),n=t.queue;if(null===n)throw Error(i(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,a=t.memoizedState;if(null!==o){n.pending=null;var l=o=o.next;do{a=e(a,l.action),l=l.next}while(l!==o);cr(a,t.memoizedState)||(Mi=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function pi(e,t,n){var r=t._getVersion;r=r(t._source);var o=t._workInProgressVersionPrimary;if(null!==o?e=o===r:(e=e.mutableReadLanes,(e=(Ja&e)===e)&&(t._workInProgressVersionPrimary=r,Ka.push(t))),e)return n(t._source);throw Ka.push(t),Error(i(350))}function mi(e,t,n,r){var o=Nl;if(null===o)throw Error(i(349));var a=t._getVersion,l=a(t._source),s=Qa.current,u=s.useState((function(){return pi(o,t,n)})),c=u[1],d=u[0];u=ni;var f=e.memoizedState,p=f.refs,m=p.getSnapshot,g=f.source;f=f.subscribe;var h=ei;return e.memoizedState={refs:p,source:t,subscribe:r},s.useEffect((function(){p.getSnapshot=n,p.setSnapshot=c;var e=a(t._source);if(!cr(l,e)){e=n(t._source),cr(d,e)||(c(e),e=ps(h),o.mutableReadLanes|=e&o.pendingLanes),e=o.mutableReadLanes,o.entangledLanes|=e;for(var r=o.entanglements,i=e;0<i;){var s=31-$t(i),u=1<<s;r[s]|=e,i&=~u}}}),[n,t,r]),s.useEffect((function(){return r(t._source,(function(){var e=p.getSnapshot,n=p.setSnapshot;try{n(e(t._source));var r=ps(h);o.mutableReadLanes|=r&o.pendingLanes}catch(a){n((function(){throw a}))}}))}),[t,r]),cr(m,n)&&cr(g,t)&&cr(f,r)||((e={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:d}).dispatch=c=Ri.bind(null,ei,e),u.queue=e,u.baseQueue=null,d=pi(o,t,n),u.memoizedState=u.baseState=d),d}function gi(e,t,n){return mi(ui(),e,t,n)}function hi(e){var t=si();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:ci,lastRenderedState:e}).dispatch=Ri.bind(null,ei,e),[t.memoizedState,e]}function vi(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=ei.updateQueue)?(t={lastEffect:null},ei.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function bi(e){return e={current:e},si().memoizedState=e}function yi(){return ui().memoizedState}function wi(e,t,n,r){var o=si();ei.flags|=e,o.memoizedState=vi(1|t,n,void 0,void 0===r?null:r)}function ki(e,t,n,r){var o=ui();r=void 0===r?null:r;var a=void 0;if(null!==ti){var i=ti.memoizedState;if(a=i.destroy,null!==r&&ii(r,i.deps))return void vi(t,n,a,r)}ei.flags|=e,o.memoizedState=vi(1|t,n,a,r)}function Ei(e,t){return wi(516,4,e,t)}function Si(e,t){return ki(516,4,e,t)}function Ci(e,t){return ki(4,2,e,t)}function xi(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Ti(e,t,n){return n=null!=n?n.concat([e]):null,ki(4,2,xi.bind(null,t,e),n)}function _i(){}function Ai(e,t){var n=ui();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ii(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Pi(e,t){var n=ui();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ii(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function Li(e,t){var n=qo();Vo(98>n?98:n,(function(){e(!0)})),Vo(97<n?97:n,(function(){var n=Xa.transition;Xa.transition=1;try{e(!1),t()}finally{Xa.transition=n}}))}function Ri(e,t,n){var r=fs(),o=ps(e),a={lane:o,action:n,eagerReducer:null,eagerState:null,next:null},i=t.pending;if(null===i?a.next=a:(a.next=i.next,i.next=a),t.pending=a,i=e.alternate,e===ei||null!==i&&i===ei)oi=ri=!0;else{if(0===e.lanes&&(null===i||0===i.lanes)&&null!==(i=t.lastRenderedReducer))try{var l=t.lastRenderedState,s=i(l,n);if(a.eagerReducer=i,a.eagerState=s,cr(s,l))return}catch(u){}ms(e,o,r)}}var Oi={readContext:la,useCallback:ai,useContext:ai,useEffect:ai,useImperativeHandle:ai,useLayoutEffect:ai,useMemo:ai,useReducer:ai,useRef:ai,useState:ai,useDebugValue:ai,useDeferredValue:ai,useTransition:ai,useMutableSource:ai,useOpaqueIdentifier:ai,unstable_isNewReconciler:!1},Ni={readContext:la,useCallback:function(e,t){return si().memoizedState=[e,void 0===t?null:t],e},useContext:la,useEffect:Ei,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,wi(4,2,xi.bind(null,t,e),n)},useLayoutEffect:function(e,t){return wi(4,2,e,t)},useMemo:function(e,t){var n=si();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=si();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=Ri.bind(null,ei,e),[r.memoizedState,e]},useRef:bi,useState:hi,useDebugValue:_i,useDeferredValue:function(e){var t=hi(e),n=t[0],r=t[1];return Ei((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=hi(!1),t=e[0];return bi(e=Li.bind(null,e[1])),[e,t]},useMutableSource:function(e,t,n){var r=si();return r.memoizedState={refs:{getSnapshot:t,setSnapshot:null},source:e,subscribe:n},mi(r,e,t,n)},useOpaqueIdentifier:function(){if(Ga){var e=!1,t=function(e){return{$$typeof:I,toString:e,valueOf:e}}((function(){throw e||(e=!0,n("r:"+(Yr++).toString(36))),Error(i(355))})),n=hi(t)[1];return 0==(2&ei.mode)&&(ei.flags|=516,vi(5,(function(){n("r:"+(Yr++).toString(36))}),void 0,null)),t}return hi(t="r:"+(Yr++).toString(36)),t},unstable_isNewReconciler:!1},Di={readContext:la,useCallback:Ai,useContext:la,useEffect:Si,useImperativeHandle:Ti,useLayoutEffect:Ci,useMemo:Pi,useReducer:di,useRef:yi,useState:function(){return di(ci)},useDebugValue:_i,useDeferredValue:function(e){var t=di(ci),n=t[0],r=t[1];return Si((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=di(ci)[0];return[yi().current,e]},useMutableSource:gi,useOpaqueIdentifier:function(){return di(ci)[0]},unstable_isNewReconciler:!1},Ii={readContext:la,useCallback:Ai,useContext:la,useEffect:Si,useImperativeHandle:Ti,useLayoutEffect:Ci,useMemo:Pi,useReducer:fi,useRef:yi,useState:function(){return fi(ci)},useDebugValue:_i,useDeferredValue:function(e){var t=fi(ci),n=t[0],r=t[1];return Si((function(){var t=Xa.transition;Xa.transition=1;try{r(e)}finally{Xa.transition=t}}),[e]),n},useTransition:function(){var e=fi(ci)[0];return[yi().current,e]},useMutableSource:gi,useOpaqueIdentifier:function(){return fi(ci)[0]},unstable_isNewReconciler:!1},Fi=k.ReactCurrentOwner,Mi=!1;function ji(e,t,n,r){t.child=null===e?Aa(t,null,n,r):_a(t,e.child,n,r)}function Bi(e,t,n,r,o){n=n.render;var a=t.ref;return ia(t,o),r=li(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,ji(e,t,r,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,al(e,t,o))}function Ui(e,t,n,r,o,a){if(null===e){var i=n.type;return"function"!=typeof i||qs(i)||void 0!==i.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Vs(n.type,null,r,t,t.mode,a)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=i,zi(e,t,i,r,o,a))}return i=e.child,0==(o&a)&&(o=i.memoizedProps,(n=null!==(n=n.compare)?n:fr)(o,r)&&e.ref===t.ref)?al(e,t,a):(t.flags|=1,(e=Hs(i,r)).ref=t.ref,e.return=t,t.child=e)}function zi(e,t,n,r,o,a){if(null!==e&&fr(e.memoizedProps,r)&&e.ref===t.ref){if(Mi=!1,0==(a&o))return t.lanes=e.lanes,al(e,t,a);0!=(16384&e.flags)&&(Mi=!0)}return $i(e,t,n,r,a)}function Gi(e,t,n){var r=t.pendingProps,o=r.children,a=null!==e?e.memoizedState:null;if("hidden"===r.mode||"unstable-defer-without-hiding"===r.mode)if(0==(4&t.mode))t.memoizedState={baseLanes:0},Es(t,n);else{if(0==(1073741824&n))return e=null!==a?a.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e},Es(t,e),null;t.memoizedState={baseLanes:0},Es(t,null!==a?a.baseLanes:n)}else null!==a?(r=a.baseLanes|n,t.memoizedState=null):r=n,Es(t,r);return ji(e,t,o,n),t.child}function Zi(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=128)}function $i(e,t,n,r,o){var a=bo(n)?ho:mo.current;return a=vo(t,a),ia(t,o),n=li(e,t,n,r,a,o),null===e||Mi?(t.flags|=1,ji(e,t,n,o),t.child):(t.updateQueue=e.updateQueue,t.flags&=-517,e.lanes&=~o,al(e,t,o))}function qi(e,t,n,r,o){if(bo(n)){var a=!0;Eo(t)}else a=!1;if(ia(t,o),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),wa(t,n,r),Ea(t,n,r,o),r=!0;else if(null===e){var i=t.stateNode,l=t.memoizedProps;i.props=l;var s=i.context,u=n.contextType;"object"==typeof u&&null!==u?u=la(u):u=vo(t,u=bo(n)?ho:mo.current);var c=n.getDerivedStateFromProps,d="function"==typeof c||"function"==typeof i.getSnapshotBeforeUpdate;d||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==r||s!==u)&&ka(t,i,r,u),sa=!1;var f=t.memoizedState;i.state=f,ma(t,r,i,o),s=t.memoizedState,l!==r||f!==s||go.current||sa?("function"==typeof c&&(va(t,n,c,r),s=t.memoizedState),(l=sa||ya(t,n,l,r,f,s,u))?(d||"function"!=typeof i.UNSAFE_componentWillMount&&"function"!=typeof i.componentWillMount||("function"==typeof i.componentWillMount&&i.componentWillMount(),"function"==typeof i.UNSAFE_componentWillMount&&i.UNSAFE_componentWillMount()),"function"==typeof i.componentDidMount&&(t.flags|=4)):("function"==typeof i.componentDidMount&&(t.flags|=4),t.memoizedProps=r,t.memoizedState=s),i.props=r,i.state=s,i.context=u,r=l):("function"==typeof i.componentDidMount&&(t.flags|=4),r=!1)}else{i=t.stateNode,ca(e,t),l=t.memoizedProps,u=t.type===t.elementType?l:Xo(t.type,l),i.props=u,d=t.pendingProps,f=i.context,"object"==typeof(s=n.contextType)&&null!==s?s=la(s):s=vo(t,s=bo(n)?ho:mo.current);var p=n.getDerivedStateFromProps;(c="function"==typeof p||"function"==typeof i.getSnapshotBeforeUpdate)||"function"!=typeof i.UNSAFE_componentWillReceiveProps&&"function"!=typeof i.componentWillReceiveProps||(l!==d||f!==s)&&ka(t,i,r,s),sa=!1,f=t.memoizedState,i.state=f,ma(t,r,i,o);var m=t.memoizedState;l!==d||f!==m||go.current||sa?("function"==typeof p&&(va(t,n,p,r),m=t.memoizedState),(u=sa||ya(t,n,u,r,f,m,s))?(c||"function"!=typeof i.UNSAFE_componentWillUpdate&&"function"!=typeof i.componentWillUpdate||("function"==typeof i.componentWillUpdate&&i.componentWillUpdate(r,m,s),"function"==typeof i.UNSAFE_componentWillUpdate&&i.UNSAFE_componentWillUpdate(r,m,s)),"function"==typeof i.componentDidUpdate&&(t.flags|=4),"function"==typeof i.getSnapshotBeforeUpdate&&(t.flags|=256)):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=256),t.memoizedProps=r,t.memoizedState=m),i.props=r,i.state=m,i.context=s,r=u):("function"!=typeof i.componentDidUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),"function"!=typeof i.getSnapshotBeforeUpdate||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=256),r=!1)}return Hi(e,t,n,r,a,o)}function Hi(e,t,n,r,o,a){Zi(e,t);var i=0!=(64&t.flags);if(!r&&!i)return o&&So(t,n,!1),al(e,t,a);r=t.stateNode,Fi.current=t;var l=i&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.flags|=1,null!==e&&i?(t.child=_a(t,e.child,null,a),t.child=_a(t,null,l,a)):ji(e,t,l,a),t.memoizedState=r.state,o&&So(t,n,!0),t.child}function Vi(e){var t=e.stateNode;t.pendingContext?wo(0,t.pendingContext,t.pendingContext!==t.context):t.context&&wo(0,t.context,!1),Da(e,t.containerInfo)}var Wi,Ki,Yi,Qi={dehydrated:null,retryLane:0};function Xi(e,t,n){var r,o=t.pendingProps,a=ja.current,i=!1;return(r=0!=(64&t.flags))||(r=(null===e||null!==e.memoizedState)&&0!=(2&a)),r?(i=!0,t.flags&=-65):null!==e&&null===e.memoizedState||void 0===o.fallback||!0===o.unstable_avoidThisFallback||(a|=1),fo(ja,1&a),null===e?(void 0!==o.fallback&&qa(t),e=o.children,a=o.fallback,i?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,e):"number"==typeof o.unstable_expectedLoadTime?(e=Ji(t,e,a,n),t.child.memoizedState={baseLanes:n},t.memoizedState=Qi,t.lanes=33554432,e):((n=Ks({mode:"visible",children:e},t.mode,n,null)).return=t,t.child=n)):(e.memoizedState,i?(o=tl(e,t,o.children,o.fallback,n),i=t.child,a=e.child.memoizedState,i.memoizedState=null===a?{baseLanes:n}:{baseLanes:a.baseLanes|n},i.childLanes=e.childLanes&~n,t.memoizedState=Qi,o):(n=el(e,t,o.children,n),t.memoizedState=null,n))}function Ji(e,t,n,r){var o=e.mode,a=e.child;return t={mode:"hidden",children:t},0==(2&o)&&null!==a?(a.childLanes=0,a.pendingProps=t):a=Ks(t,o,0,null),n=Ws(n,o,r,null),a.return=e,n.return=e,a.sibling=n,e.child=a,n}function el(e,t,n,r){var o=e.child;return e=o.sibling,n=Hs(o,{mode:"visible",children:n}),0==(2&t.mode)&&(n.lanes=r),n.return=t,n.sibling=null,null!==e&&(e.nextEffect=null,e.flags=8,t.firstEffect=t.lastEffect=e),t.child=n}function tl(e,t,n,r,o){var a=t.mode,i=e.child;e=i.sibling;var l={mode:"hidden",children:n};return 0==(2&a)&&t.child!==i?((n=t.child).childLanes=0,n.pendingProps=l,null!==(i=n.lastEffect)?(t.firstEffect=n.firstEffect,t.lastEffect=i,i.nextEffect=null):t.firstEffect=t.lastEffect=null):n=Hs(i,l),null!==e?r=Hs(e,r):(r=Ws(r,a,o,null)).flags|=2,r.return=t,n.return=t,n.sibling=r,t.child=n,r}function nl(e,t){e.lanes|=t;var n=e.alternate;null!==n&&(n.lanes|=t),aa(e.return,t)}function rl(e,t,n,r,o,a){var i=e.memoizedState;null===i?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o,lastEffect:a}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o,i.lastEffect=a)}function ol(e,t,n){var r=t.pendingProps,o=r.revealOrder,a=r.tail;if(ji(e,t,r.children,n),0!=(2&(r=ja.current)))r=1&r|2,t.flags|=64;else{if(null!==e&&0!=(64&e.flags))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&nl(e,n);else if(19===e.tag)nl(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(fo(ja,r),0==(2&t.mode))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;null!==n;)null!==(e=n.alternate)&&null===Ba(e)&&(o=n),n=n.sibling;null===(n=o)?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),rl(t,!1,o,n,a,t.lastEffect);break;case"backwards":for(n=null,o=t.child,t.child=null;null!==o;){if(null!==(e=o.alternate)&&null===Ba(e)){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}rl(t,!0,n,null,a,t.lastEffect);break;case"together":rl(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function al(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),zl|=t.lanes,0!=(n&t.childLanes)){if(null!==e&&t.child!==e.child)throw Error(i(153));if(null!==t.child){for(n=Hs(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Hs(e,e.pendingProps)).return=t;n.sibling=null}return t.child}return null}function il(e,t){if(!Ga)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function ll(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:case 17:return bo(t.type)&&yo(),null;case 3:return Ia(),co(go),co(mo),Ya(),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Va(t)?t.flags|=4:r.hydrate||(t.flags|=256)),null;case 5:Ma(t);var a=Na(Oa.current);if(n=t.type,null!==e&&null!=t.stateNode)Ki(e,t,n,r),e.ref!==t.ref&&(t.flags|=128);else{if(!r){if(null===t.stateNode)throw Error(i(166));return null}if(e=Na(La.current),Va(t)){r=t.stateNode,n=t.type;var l=t.memoizedProps;switch(r[Xr]=t,r[Jr]=l,n){case"dialog":Lr("cancel",r),Lr("close",r);break;case"iframe":case"object":case"embed":Lr("load",r);break;case"video":case"audio":for(e=0;e<Tr.length;e++)Lr(Tr[e],r);break;case"source":Lr("error",r);break;case"img":case"image":case"link":Lr("error",r),Lr("load",r);break;case"details":Lr("toggle",r);break;case"input":ee(r,l),Lr("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!l.multiple},Lr("invalid",r);break;case"textarea":se(r,l),Lr("invalid",r)}for(var u in Ce(n,l),e=null,l)l.hasOwnProperty(u)&&(a=l[u],"children"===u?"string"==typeof a?r.textContent!==a&&(e=["children",a]):"number"==typeof a&&r.textContent!==""+a&&(e=["children",""+a]):s.hasOwnProperty(u)&&null!=a&&"onScroll"===u&&Lr("scroll",r));switch(n){case"input":Y(r),re(r,l,!0);break;case"textarea":Y(r),ce(r);break;case"select":case"option":break;default:"function"==typeof l.onClick&&(r.onclick=Ur)}r=e,t.updateQueue=r,null!==r&&(t.flags|=4)}else{switch(u=9===a.nodeType?a:a.ownerDocument,e===de&&(e=pe(n)),e===de?"script"===n?((e=u.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=u.createElement(n,{is:r.is}):(e=u.createElement(n),"select"===n&&(u=e,r.multiple?u.multiple=!0:r.size&&(u.size=r.size))):e=u.createElementNS(e,n),e[Xr]=t,e[Jr]=r,Wi(e,t),t.stateNode=e,u=xe(n,r),n){case"dialog":Lr("cancel",e),Lr("close",e),a=r;break;case"iframe":case"object":case"embed":Lr("load",e),a=r;break;case"video":case"audio":for(a=0;a<Tr.length;a++)Lr(Tr[a],e);a=r;break;case"source":Lr("error",e),a=r;break;case"img":case"image":case"link":Lr("error",e),Lr("load",e),a=r;break;case"details":Lr("toggle",e),a=r;break;case"input":ee(e,r),a=J(e,r),Lr("invalid",e);break;case"option":a=ae(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},a=o({},r,{value:void 0}),Lr("invalid",e);break;case"textarea":se(e,r),a=le(e,r),Lr("invalid",e);break;default:a=r}Ce(n,a);var c=a;for(l in c)if(c.hasOwnProperty(l)){var d=c[l];"style"===l?Ee(e,d):"dangerouslySetInnerHTML"===l?null!=(d=d?d.__html:void 0)&&ve(e,d):"children"===l?"string"==typeof d?("textarea"!==n||""!==d)&&be(e,d):"number"==typeof d&&be(e,""+d):"suppressContentEditableWarning"!==l&&"suppressHydrationWarning"!==l&&"autoFocus"!==l&&(s.hasOwnProperty(l)?null!=d&&"onScroll"===l&&Lr("scroll",e):null!=d&&w(e,l,d,u))}switch(n){case"input":Y(e),re(e,r,!1);break;case"textarea":Y(e),ce(e);break;case"option":null!=r.value&&e.setAttribute("value",""+W(r.value));break;case"select":e.multiple=!!r.multiple,null!=(l=r.value)?ie(e,!!r.multiple,l,!1):null!=r.defaultValue&&ie(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=Ur)}Zr(n,r)&&(t.flags|=4)}null!==t.ref&&(t.flags|=128)}return null;case 6:if(e&&null!=t.stateNode)Yi(0,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(i(166));n=Na(Oa.current),Na(La.current),Va(t)?(r=t.stateNode,n=t.memoizedProps,r[Xr]=t,r.nodeValue!==n&&(t.flags|=4)):((r=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[Xr]=t,t.stateNode=r)}return null;case 13:return co(ja),r=t.memoizedState,0!=(64&t.flags)?(t.lanes=n,t):(r=null!==r,n=!1,null===e?void 0!==t.memoizedProps.fallback&&Va(t):n=null!==e.memoizedState,r&&!n&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&ja.current)?0===jl&&(jl=3):(0!==jl&&3!==jl||(jl=4),null===Nl||0==(134217727&zl)&&0==(134217727&Gl)||bs(Nl,Il))),(r||n)&&(t.flags|=4),null);case 4:return Ia(),null===e&&Or(t.stateNode.containerInfo),null;case 10:return oa(t),null;case 19:if(co(ja),null===(r=t.memoizedState))return null;if(l=0!=(64&t.flags),null===(u=r.rendering))if(l)il(r,!1);else{if(0!==jl||null!==e&&0!=(64&e.flags))for(e=t.child;null!==e;){if(null!==(u=Ba(e))){for(t.flags|=64,il(r,!1),null!==(l=u.updateQueue)&&(t.updateQueue=l,t.flags|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=n,n=t.child;null!==n;)e=r,(l=n).flags&=2,l.nextEffect=null,l.firstEffect=null,l.lastEffect=null,null===(u=l.alternate)?(l.childLanes=0,l.lanes=e,l.child=null,l.memoizedProps=null,l.memoizedState=null,l.updateQueue=null,l.dependencies=null,l.stateNode=null):(l.childLanes=u.childLanes,l.lanes=u.lanes,l.child=u.child,l.memoizedProps=u.memoizedProps,l.memoizedState=u.memoizedState,l.updateQueue=u.updateQueue,l.type=u.type,e=u.dependencies,l.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return fo(ja,1&ja.current|2),t.child}e=e.sibling}null!==r.tail&&$o()>Hl&&(t.flags|=64,l=!0,il(r,!1),t.lanes=33554432)}else{if(!l)if(null!==(e=Ba(u))){if(t.flags|=64,l=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),il(r,!0),null===r.tail&&"hidden"===r.tailMode&&!u.alternate&&!Ga)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*$o()-r.renderingStartTime>Hl&&1073741824!==n&&(t.flags|=64,l=!0,il(r,!1),t.lanes=33554432);r.isBackwards?(u.sibling=t.child,t.child=u):(null!==(n=r.last)?n.sibling=u:t.child=u,r.last=u)}return null!==r.tail?(n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=$o(),n.sibling=null,t=ja.current,fo(ja,l?1&t|2:1&t),n):null;case 23:case 24:return Ss(),null!==e&&null!==e.memoizedState!=(null!==t.memoizedState)&&"unstable-defer-without-hiding"!==r.mode&&(t.flags|=4),null}throw Error(i(156,t.tag))}function sl(e){switch(e.tag){case 1:bo(e.type)&&yo();var t=e.flags;return 4096&t?(e.flags=-4097&t|64,e):null;case 3:if(Ia(),co(go),co(mo),Ya(),0!=(64&(t=e.flags)))throw Error(i(285));return e.flags=-4097&t|64,e;case 5:return Ma(e),null;case 13:return co(ja),4096&(t=e.flags)?(e.flags=-4097&t|64,e):null;case 19:return co(ja),null;case 4:return Ia(),null;case 10:return oa(e),null;case 23:case 24:return Ss(),null;default:return null}}function ul(e,t){try{var n="",r=t;do{n+=H(r),r=r.return}while(r);var o=n}catch(a){o="\nError generating stack: "+a.message+"\n"+a.stack}return{value:e,source:t,stack:o}}function cl(e,t){try{console.error(t.value)}catch(n){setTimeout((function(){throw n}))}}Wi=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ki=function(e,t,n,r){var a=e.memoizedProps;if(a!==r){e=t.stateNode,Na(La.current);var i,l=null;switch(n){case"input":a=J(e,a),r=J(e,r),l=[];break;case"option":a=ae(e,a),r=ae(e,r),l=[];break;case"select":a=o({},a,{value:void 0}),r=o({},r,{value:void 0}),l=[];break;case"textarea":a=le(e,a),r=le(e,r),l=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(e.onclick=Ur)}for(d in Ce(n,r),n=null,a)if(!r.hasOwnProperty(d)&&a.hasOwnProperty(d)&&null!=a[d])if("style"===d){var u=a[d];for(i in u)u.hasOwnProperty(i)&&(n||(n={}),n[i]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(s.hasOwnProperty(d)?l||(l=[]):(l=l||[]).push(d,null));for(d in r){var c=r[d];if(u=null!=a?a[d]:void 0,r.hasOwnProperty(d)&&c!==u&&(null!=c||null!=u))if("style"===d)if(u){for(i in u)!u.hasOwnProperty(i)||c&&c.hasOwnProperty(i)||(n||(n={}),n[i]="");for(i in c)c.hasOwnProperty(i)&&u[i]!==c[i]&&(n||(n={}),n[i]=c[i])}else n||(l||(l=[]),l.push(d,n)),n=c;else"dangerouslySetInnerHTML"===d?(c=c?c.__html:void 0,u=u?u.__html:void 0,null!=c&&u!==c&&(l=l||[]).push(d,c)):"children"===d?"string"!=typeof c&&"number"!=typeof c||(l=l||[]).push(d,""+c):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(s.hasOwnProperty(d)?(null!=c&&"onScroll"===d&&Lr("scroll",e),l||u===c||(l=[])):"object"==typeof c&&null!==c&&c.$$typeof===I?c.toString():(l=l||[]).push(d,c))}n&&(l=l||[]).push("style",n);var d=l;(t.updateQueue=d)&&(t.flags|=4)}},Yi=function(e,t,n,r){n!==r&&(t.flags|=4)};var dl="function"==typeof WeakMap?WeakMap:Map;function fl(e,t,n){(n=da(-1,n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Yl||(Yl=!0,Ql=r),cl(0,t)},n}function pl(e,t,n){(n=da(-1,n)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var o=t.value;n.payload=function(){return cl(0,t),r(o)}}var a=e.stateNode;return null!==a&&"function"==typeof a.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Xl?Xl=new Set([this]):Xl.add(this),cl(0,t));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}var ml="function"==typeof WeakSet?WeakSet:Set;function gl(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(n){Us(e,n)}else t.current=null}function hl(e,t){switch(t.tag){case 0:case 11:case 15:case 22:case 5:case 6:case 4:case 17:return;case 1:if(256&t.flags&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Xo(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:return void(256&t.flags&&Vr(t.stateNode.containerInfo))}throw Error(i(163))}function vl(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{if(3==(3&e.tag)){var r=e.create;e.destroy=r()}e=e.next}while(e!==t)}if(null!==(t=null!==(t=n.updateQueue)?t.lastEffect:null)){e=t=t.next;do{var o=e;r=o.next,0!=(4&(o=o.tag))&&0!=(1&o)&&(Ms(n,e),Fs(n,e)),e=r}while(e!==t)}return;case 1:return e=n.stateNode,4&n.flags&&(null===t?e.componentDidMount():(r=n.elementType===n.type?t.memoizedProps:Xo(n.type,t.memoizedProps),e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate))),void(null!==(t=n.updateQueue)&&ga(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:case 1:e=n.child.stateNode}ga(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.flags&&Zr(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:case 19:case 17:case 20:case 21:case 23:case 24:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&Et(n)))))}throw Error(i(163))}function bl(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)"function"==typeof(r=r.style).setProperty?r.setProperty("display","none","important"):r.display="none";else{r=n.stateNode;var o=n.memoizedProps.style;o=null!=o&&o.hasOwnProperty("display")?o.display:null,r.style.display=ke("display",o)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else if((23!==n.tag&&24!==n.tag||null===n.memoizedState||n===e)&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}function yl(e,t){if(xo&&"function"==typeof xo.onCommitFiberUnmount)try{xo.onCommitFiberUnmount(Co,t)}catch(a){}switch(t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var n=e=e.next;do{var r=n,o=r.destroy;if(r=r.tag,void 0!==o)if(0!=(4&r))Ms(t,n);else{r=t;try{o()}catch(a){Us(r,a)}}n=n.next}while(n!==e)}break;case 1:if(gl(t),"function"==typeof(e=t.stateNode).componentWillUnmount)try{e.props=t.memoizedProps,e.state=t.memoizedState,e.componentWillUnmount()}catch(a){Us(t,a)}break;case 5:gl(t);break;case 4:xl(e,t)}}function wl(e){e.alternate=null,e.child=null,e.dependencies=null,e.firstEffect=null,e.lastEffect=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.return=null,e.updateQueue=null}function kl(e){return 5===e.tag||3===e.tag||4===e.tag}function El(e){e:{for(var t=e.return;null!==t;){if(kl(t))break e;t=t.return}throw Error(i(160))}var n=t;switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(i(161))}16&n.flags&&(be(t,""),n.flags&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||kl(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.flags)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.flags)){n=n.stateNode;break e}}r?Sl(e,n,t):Cl(e,n,t)}function Sl(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Ur));else if(4!==r&&null!==(e=e.child))for(Sl(e,t,n),e=e.sibling;null!==e;)Sl(e,t,n),e=e.sibling}function Cl(e,t,n){var r=e.tag,o=5===r||6===r;if(o)e=o?e.stateNode:e.stateNode.instance,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==r&&null!==(e=e.child))for(Cl(e,t,n),e=e.sibling;null!==e;)Cl(e,t,n),e=e.sibling}function xl(e,t){for(var n,r,o=t,a=!1;;){if(!a){a=o.return;e:for(;;){if(null===a)throw Error(i(160));switch(n=a.stateNode,a.tag){case 5:r=!1;break e;case 3:case 4:n=n.containerInfo,r=!0;break e}a=a.return}a=!0}if(5===o.tag||6===o.tag){e:for(var l=e,s=o,u=s;;)if(yl(l,u),null!==u.child&&4!==u.tag)u.child.return=u,u=u.child;else{if(u===s)break e;for(;null===u.sibling;){if(null===u.return||u.return===s)break e;u=u.return}u.sibling.return=u.return,u=u.sibling}r?(l=n,s=o.stateNode,8===l.nodeType?l.parentNode.removeChild(s):l.removeChild(s)):n.removeChild(o.stateNode)}else if(4===o.tag){if(null!==o.child){n=o.stateNode.containerInfo,r=!0,o.child.return=o,o=o.child;continue}}else if(yl(e,o),null!==o.child){o.child.return=o,o=o.child;continue}if(o===t)break;for(;null===o.sibling;){if(null===o.return||o.return===t)return;4===(o=o.return).tag&&(a=!1)}o.sibling.return=o.return,o=o.sibling}}function Tl(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:var n=t.updateQueue;if(null!==(n=null!==n?n.lastEffect:null)){var r=n=n.next;do{3==(3&r.tag)&&(e=r.destroy,r.destroy=void 0,void 0!==e&&e()),r=r.next}while(r!==n)}return;case 1:case 12:case 17:return;case 5:if(null!=(n=t.stateNode)){r=t.memoizedProps;var o=null!==e?e.memoizedProps:r;e=t.type;var a=t.updateQueue;if(t.updateQueue=null,null!==a){for(n[Jr]=r,"input"===e&&"radio"===r.type&&null!=r.name&&te(n,r),xe(e,o),t=xe(e,r),o=0;o<a.length;o+=2){var l=a[o],s=a[o+1];"style"===l?Ee(n,s):"dangerouslySetInnerHTML"===l?ve(n,s):"children"===l?be(n,s):w(n,l,s,t)}switch(e){case"input":ne(n,r);break;case"textarea":ue(n,r);break;case"select":e=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(a=r.value)?ie(n,!!r.multiple,a,!1):e!==!!r.multiple&&(null!=r.defaultValue?ie(n,!!r.multiple,r.defaultValue,!0):ie(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(i(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((n=t.stateNode).hydrate&&(n.hydrate=!1,Et(n.containerInfo)));case 13:return null!==t.memoizedState&&(ql=$o(),bl(t.child,!0)),void _l(t);case 19:return void _l(t);case 23:case 24:return void bl(t,null!==t.memoizedState)}throw Error(i(163))}function _l(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new ml),t.forEach((function(t){var r=Gs.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}function Al(e,t){return null!==e&&(null===(e=e.memoizedState)||null!==e.dehydrated)&&(null!==(t=t.memoizedState)&&null===t.dehydrated)}var Pl=Math.ceil,Ll=k.ReactCurrentDispatcher,Rl=k.ReactCurrentOwner,Ol=0,Nl=null,Dl=null,Il=0,Fl=0,Ml=uo(0),jl=0,Bl=null,Ul=0,zl=0,Gl=0,Zl=0,$l=null,ql=0,Hl=1/0;function Vl(){Hl=$o()+500}var Wl,Kl=null,Yl=!1,Ql=null,Xl=null,Jl=!1,es=null,ts=90,ns=[],rs=[],os=null,as=0,is=null,ls=-1,ss=0,us=0,cs=null,ds=!1;function fs(){return 0!=(48&Ol)?$o():-1!==ls?ls:ls=$o()}function ps(e){if(0==(2&(e=e.mode)))return 1;if(0==(4&e))return 99===qo()?1:2;if(0===ss&&(ss=Ul),0!==Qo.transition){0!==us&&(us=null!==$l?$l.pendingLanes:0),e=ss;var t=4186112&~us;return 0===(t&=-t)&&(0===(t=(e=4186112&~e)&-e)&&(t=8192)),t}return e=qo(),0!=(4&Ol)&&98===e?e=Ut(12,ss):e=Ut(e=function(e){switch(e){case 99:return 15;case 98:return 10;case 97:case 96:return 8;case 95:return 2;default:return 0}}(e),ss),e}function ms(e,t,n){if(50<as)throw as=0,is=null,Error(i(185));if(null===(e=gs(e,t)))return null;Zt(e,t,n),e===Nl&&(Gl|=t,4===jl&&bs(e,Il));var r=qo();1===t?0!=(8&Ol)&&0==(48&Ol)?ys(e):(hs(e,n),0===Ol&&(Vl(),Ko())):(0==(4&Ol)||98!==r&&99!==r||(null===os?os=new Set([e]):os.add(e)),hs(e,n)),$l=e}function gs(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}function hs(e,t){for(var n=e.callbackNode,r=e.suspendedLanes,o=e.pingedLanes,a=e.expirationTimes,l=e.pendingLanes;0<l;){var s=31-$t(l),u=1<<s,c=a[s];if(-1===c){if(0==(u&r)||0!=(u&o)){c=t,Mt(u);var d=Ft;a[s]=10<=d?c+250:6<=d?c+5e3:-1}}else c<=t&&(e.expiredLanes|=u);l&=~u}if(r=jt(e,e===Nl?Il:0),t=Ft,0===r)null!==n&&(n!==jo&&Ao(n),e.callbackNode=null,e.callbackPriority=0);else{if(null!==n){if(e.callbackPriority===t)return;n!==jo&&Ao(n)}15===t?(n=ys.bind(null,e),null===Uo?(Uo=[n],zo=_o(No,Yo)):Uo.push(n),n=jo):14===t?n=Wo(99,ys.bind(null,e)):(n=function(e){switch(e){case 15:case 14:return 99;case 13:case 12:case 11:case 10:return 98;case 9:case 8:case 7:case 6:case 4:case 5:return 97;case 3:case 2:case 1:return 95;case 0:return 90;default:throw Error(i(358,e))}}(t),n=Wo(n,vs.bind(null,e))),e.callbackPriority=t,e.callbackNode=n}}function vs(e){if(ls=-1,us=ss=0,0!=(48&Ol))throw Error(i(327));var t=e.callbackNode;if(Is()&&e.callbackNode!==t)return null;var n=jt(e,e===Nl?Il:0);if(0===n)return null;var r=n,o=Ol;Ol|=16;var a=Ts();for(Nl===e&&Il===r||(Vl(),Cs(e,r));;)try{Ps();break}catch(s){xs(e,s)}if(ra(),Ll.current=a,Ol=o,null!==Dl?r=0:(Nl=null,Il=0,r=jl),0!=(Ul&Gl))Cs(e,0);else if(0!==r){if(2===r&&(Ol|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(n=Bt(e))&&(r=_s(e,n))),1===r)throw t=Bl,Cs(e,0),bs(e,n),hs(e,$o()),t;switch(e.finishedWork=e.current.alternate,e.finishedLanes=n,r){case 0:case 1:throw Error(i(345));case 2:case 5:Os(e);break;case 3:if(bs(e,n),(62914560&n)===n&&10<(r=ql+500-$o())){if(0!==jt(e,0))break;if(((o=e.suspendedLanes)&n)!==n){fs(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=qr(Os.bind(null,e),r);break}Os(e);break;case 4:if(bs(e,n),(4186112&n)===n)break;for(r=e.eventTimes,o=-1;0<n;){var l=31-$t(n);a=1<<l,(l=r[l])>o&&(o=l),n&=~a}if(n=o,10<(n=(120>(n=$o()-n)?120:480>n?480:1080>n?1080:1920>n?1920:3e3>n?3e3:4320>n?4320:1960*Pl(n/1960))-n)){e.timeoutHandle=qr(Os.bind(null,e),n);break}Os(e);break;default:throw Error(i(329))}}return hs(e,$o()),e.callbackNode===t?vs.bind(null,e):null}function bs(e,t){for(t&=~Zl,t&=~Gl,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-$t(t),r=1<<n;e[n]=-1,t&=~r}}function ys(e){if(0!=(48&Ol))throw Error(i(327));if(Is(),e===Nl&&0!=(e.expiredLanes&Il)){var t=Il,n=_s(e,t);0!=(Ul&Gl)&&(n=_s(e,t=jt(e,t)))}else n=_s(e,t=jt(e,0));if(0!==e.tag&&2===n&&(Ol|=64,e.hydrate&&(e.hydrate=!1,Vr(e.containerInfo)),0!==(t=Bt(e))&&(n=_s(e,t))),1===n)throw n=Bl,Cs(e,0),bs(e,t),hs(e,$o()),n;return e.finishedWork=e.current.alternate,e.finishedLanes=t,Os(e),hs(e,$o()),null}function ws(e,t){var n=Ol;Ol|=1;try{return e(t)}finally{0===(Ol=n)&&(Vl(),Ko())}}function ks(e,t){var n=Ol;Ol&=-2,Ol|=8;try{return e(t)}finally{0===(Ol=n)&&(Vl(),Ko())}}function Es(e,t){fo(Ml,Fl),Fl|=t,Ul|=t}function Ss(){Fl=Ml.current,co(Ml)}function Cs(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,Hr(n)),null!==Dl)for(n=Dl.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&yo();break;case 3:Ia(),co(go),co(mo),Ya();break;case 5:Ma(r);break;case 4:Ia();break;case 13:case 19:co(ja);break;case 10:oa(r);break;case 23:case 24:Ss()}n=n.return}Nl=e,Dl=Hs(e.current,null),Il=Fl=Ul=t,jl=0,Bl=null,Zl=Gl=zl=0}function xs(e,t){for(;;){var n=Dl;try{if(ra(),Qa.current=Oi,ri){for(var r=ei.memoizedState;null!==r;){var o=r.queue;null!==o&&(o.pending=null),r=r.next}ri=!1}if(Ja=0,ni=ti=ei=null,oi=!1,Rl.current=null,null===n||null===n.return){jl=1,Bl=t,Dl=null;break}e:{var a=e,i=n.return,l=n,s=t;if(t=Il,l.flags|=2048,l.firstEffect=l.lastEffect=null,null!==s&&"object"==typeof s&&"function"==typeof s.then){var u=s;if(0==(2&l.mode)){var c=l.alternate;c?(l.updateQueue=c.updateQueue,l.memoizedState=c.memoizedState,l.lanes=c.lanes):(l.updateQueue=null,l.memoizedState=null)}var d=0!=(1&ja.current),f=i;do{var p;if(p=13===f.tag){var m=f.memoizedState;if(null!==m)p=null!==m.dehydrated;else{var g=f.memoizedProps;p=void 0!==g.fallback&&(!0!==g.unstable_avoidThisFallback||!d)}}if(p){var h=f.updateQueue;if(null===h){var v=new Set;v.add(u),f.updateQueue=v}else h.add(u);if(0==(2&f.mode)){if(f.flags|=64,l.flags|=16384,l.flags&=-2981,1===l.tag)if(null===l.alternate)l.tag=17;else{var b=da(-1,1);b.tag=2,fa(l,b)}l.lanes|=1;break e}s=void 0,l=t;var y=a.pingCache;if(null===y?(y=a.pingCache=new dl,s=new Set,y.set(u,s)):void 0===(s=y.get(u))&&(s=new Set,y.set(u,s)),!s.has(l)){s.add(l);var w=zs.bind(null,a,u,l);u.then(w,w)}f.flags|=4096,f.lanes=t;break e}f=f.return}while(null!==f);s=Error((V(l.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display.")}5!==jl&&(jl=2),s=ul(s,l),f=i;do{switch(f.tag){case 3:a=s,f.flags|=4096,t&=-t,f.lanes|=t,pa(f,fl(0,a,t));break e;case 1:a=s;var k=f.type,E=f.stateNode;if(0==(64&f.flags)&&("function"==typeof k.getDerivedStateFromError||null!==E&&"function"==typeof E.componentDidCatch&&(null===Xl||!Xl.has(E)))){f.flags|=4096,t&=-t,f.lanes|=t,pa(f,pl(f,a,t));break e}}f=f.return}while(null!==f)}Rs(n)}catch(S){t=S,Dl===n&&null!==n&&(Dl=n=n.return);continue}break}}function Ts(){var e=Ll.current;return Ll.current=Oi,null===e?Oi:e}function _s(e,t){var n=Ol;Ol|=16;var r=Ts();for(Nl===e&&Il===t||Cs(e,t);;)try{As();break}catch(o){xs(e,o)}if(ra(),Ol=n,Ll.current=r,null!==Dl)throw Error(i(261));return Nl=null,Il=0,jl}function As(){for(;null!==Dl;)Ls(Dl)}function Ps(){for(;null!==Dl&&!Po();)Ls(Dl)}function Ls(e){var t=Wl(e.alternate,e,Fl);e.memoizedProps=e.pendingProps,null===t?Rs(e):Dl=t,Rl.current=null}function Rs(e){var t=e;do{var n=t.alternate;if(e=t.return,0==(2048&t.flags)){if(null!==(n=ll(n,t,Fl)))return void(Dl=n);if(24!==(n=t).tag&&23!==n.tag||null===n.memoizedState||0!=(1073741824&Fl)||0==(4&n.mode)){for(var r=0,o=n.child;null!==o;)r|=o.lanes|o.childLanes,o=o.sibling;n.childLanes=r}null!==e&&0==(2048&e.flags)&&(null===e.firstEffect&&(e.firstEffect=t.firstEffect),null!==t.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=t.firstEffect),e.lastEffect=t.lastEffect),1<t.flags&&(null!==e.lastEffect?e.lastEffect.nextEffect=t:e.firstEffect=t,e.lastEffect=t))}else{if(null!==(n=sl(t)))return n.flags&=2047,void(Dl=n);null!==e&&(e.firstEffect=e.lastEffect=null,e.flags|=2048)}if(null!==(t=t.sibling))return void(Dl=t);Dl=t=e}while(null!==t);0===jl&&(jl=5)}function Os(e){var t=qo();return Vo(99,Ns.bind(null,e,t)),null}function Ns(e,t){do{Is()}while(null!==es);if(0!=(48&Ol))throw Error(i(327));var n=e.finishedWork;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(i(177));e.callbackNode=null;var r=n.lanes|n.childLanes,o=r,a=e.pendingLanes&~o;e.pendingLanes=o,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=o,e.mutableReadLanes&=o,e.entangledLanes&=o,o=e.entanglements;for(var l=e.eventTimes,s=e.expirationTimes;0<a;){var u=31-$t(a),c=1<<u;o[u]=0,l[u]=-1,s[u]=-1,a&=~c}if(null!==os&&0==(24&r)&&os.has(e)&&os.delete(e),e===Nl&&(Dl=Nl=null,Il=0),1<n.flags?null!==n.lastEffect?(n.lastEffect.nextEffect=n,r=n.firstEffect):r=n:r=n.firstEffect,null!==r){if(o=Ol,Ol|=32,Rl.current=null,zr=Kt,vr(l=hr())){if("selectionStart"in l)s={start:l.selectionStart,end:l.selectionEnd};else e:if(s=(s=l.ownerDocument)&&s.defaultView||window,(c=s.getSelection&&s.getSelection())&&0!==c.rangeCount){s=c.anchorNode,a=c.anchorOffset,u=c.focusNode,c=c.focusOffset;try{s.nodeType,u.nodeType}catch(T){s=null;break e}var d=0,f=-1,p=-1,m=0,g=0,h=l,v=null;t:for(;;){for(var b;h!==s||0!==a&&3!==h.nodeType||(f=d+a),h!==u||0!==c&&3!==h.nodeType||(p=d+c),3===h.nodeType&&(d+=h.nodeValue.length),null!==(b=h.firstChild);)v=h,h=b;for(;;){if(h===l)break t;if(v===s&&++m===a&&(f=d),v===u&&++g===c&&(p=d),null!==(b=h.nextSibling))break;v=(h=v).parentNode}h=b}s=-1===f||-1===p?null:{start:f,end:p}}else s=null;s=s||{start:0,end:0}}else s=null;Gr={focusedElem:l,selectionRange:s},Kt=!1,cs=null,ds=!1,Kl=r;do{try{Ds()}catch(T){if(null===Kl)throw Error(i(330));Us(Kl,T),Kl=Kl.nextEffect}}while(null!==Kl);cs=null,Kl=r;do{try{for(l=e;null!==Kl;){var y=Kl.flags;if(16&y&&be(Kl.stateNode,""),128&y){var w=Kl.alternate;if(null!==w){var k=w.ref;null!==k&&("function"==typeof k?k(null):k.current=null)}}switch(1038&y){case 2:El(Kl),Kl.flags&=-3;break;case 6:El(Kl),Kl.flags&=-3,Tl(Kl.alternate,Kl);break;case 1024:Kl.flags&=-1025;break;case 1028:Kl.flags&=-1025,Tl(Kl.alternate,Kl);break;case 4:Tl(Kl.alternate,Kl);break;case 8:xl(l,s=Kl);var E=s.alternate;wl(s),null!==E&&wl(E)}Kl=Kl.nextEffect}}catch(T){if(null===Kl)throw Error(i(330));Us(Kl,T),Kl=Kl.nextEffect}}while(null!==Kl);if(k=Gr,w=hr(),y=k.focusedElem,l=k.selectionRange,w!==y&&y&&y.ownerDocument&&gr(y.ownerDocument.documentElement,y)){null!==l&&vr(y)&&(w=l.start,void 0===(k=l.end)&&(k=w),"selectionStart"in y?(y.selectionStart=w,y.selectionEnd=Math.min(k,y.value.length)):(k=(w=y.ownerDocument||document)&&w.defaultView||window).getSelection&&(k=k.getSelection(),s=y.textContent.length,E=Math.min(l.start,s),l=void 0===l.end?E:Math.min(l.end,s),!k.extend&&E>l&&(s=l,l=E,E=s),s=mr(y,E),a=mr(y,l),s&&a&&(1!==k.rangeCount||k.anchorNode!==s.node||k.anchorOffset!==s.offset||k.focusNode!==a.node||k.focusOffset!==a.offset)&&((w=w.createRange()).setStart(s.node,s.offset),k.removeAllRanges(),E>l?(k.addRange(w),k.extend(a.node,a.offset)):(w.setEnd(a.node,a.offset),k.addRange(w))))),w=[];for(k=y;k=k.parentNode;)1===k.nodeType&&w.push({element:k,left:k.scrollLeft,top:k.scrollTop});for("function"==typeof y.focus&&y.focus(),y=0;y<w.length;y++)(k=w[y]).element.scrollLeft=k.left,k.element.scrollTop=k.top}Kt=!!zr,Gr=zr=null,e.current=n,Kl=r;do{try{for(y=e;null!==Kl;){var S=Kl.flags;if(36&S&&vl(y,Kl.alternate,Kl),128&S){w=void 0;var C=Kl.ref;if(null!==C){var x=Kl.stateNode;Kl.tag,w=x,"function"==typeof C?C(w):C.current=w}}Kl=Kl.nextEffect}}catch(T){if(null===Kl)throw Error(i(330));Us(Kl,T),Kl=Kl.nextEffect}}while(null!==Kl);Kl=null,Bo(),Ol=o}else e.current=n;if(Jl)Jl=!1,es=e,ts=t;else for(Kl=r;null!==Kl;)t=Kl.nextEffect,Kl.nextEffect=null,8&Kl.flags&&((S=Kl).sibling=null,S.stateNode=null),Kl=t;if(0===(r=e.pendingLanes)&&(Xl=null),1===r?e===is?as++:(as=0,is=e):as=0,n=n.stateNode,xo&&"function"==typeof xo.onCommitFiberRoot)try{xo.onCommitFiberRoot(Co,n,void 0,64==(64&n.current.flags))}catch(T){}if(hs(e,$o()),Yl)throw Yl=!1,e=Ql,Ql=null,e;return 0!=(8&Ol)||Ko(),null}function Ds(){for(;null!==Kl;){var e=Kl.alternate;ds||null===cs||(0!=(8&Kl.flags)?et(Kl,cs)&&(ds=!0):13===Kl.tag&&Al(e,Kl)&&et(Kl,cs)&&(ds=!0));var t=Kl.flags;0!=(256&t)&&hl(e,Kl),0==(512&t)||Jl||(Jl=!0,Wo(97,(function(){return Is(),null}))),Kl=Kl.nextEffect}}function Is(){if(90!==ts){var e=97<ts?97:ts;return ts=90,Vo(e,js)}return!1}function Fs(e,t){ns.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return Is(),null})))}function Ms(e,t){rs.push(t,e),Jl||(Jl=!0,Wo(97,(function(){return Is(),null})))}function js(){if(null===es)return!1;var e=es;if(es=null,0!=(48&Ol))throw Error(i(331));var t=Ol;Ol|=32;var n=rs;rs=[];for(var r=0;r<n.length;r+=2){var o=n[r],a=n[r+1],l=o.destroy;if(o.destroy=void 0,"function"==typeof l)try{l()}catch(u){if(null===a)throw Error(i(330));Us(a,u)}}for(n=ns,ns=[],r=0;r<n.length;r+=2){o=n[r],a=n[r+1];try{var s=o.create;o.destroy=s()}catch(u){if(null===a)throw Error(i(330));Us(a,u)}}for(s=e.current.firstEffect;null!==s;)e=s.nextEffect,s.nextEffect=null,8&s.flags&&(s.sibling=null,s.stateNode=null),s=e;return Ol=t,Ko(),!0}function Bs(e,t,n){fa(e,t=fl(0,t=ul(n,t),1)),t=fs(),null!==(e=gs(e,1))&&(Zt(e,1,t),hs(e,t))}function Us(e,t){if(3===e.tag)Bs(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){Bs(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Xl||!Xl.has(r))){var o=pl(n,e=ul(t,e),1);if(fa(n,o),o=fs(),null!==(n=gs(n,1)))Zt(n,1,o),hs(n,o);else if("function"==typeof r.componentDidCatch&&(null===Xl||!Xl.has(r)))try{r.componentDidCatch(t,e)}catch(a){}break}}n=n.return}}function zs(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),t=fs(),e.pingedLanes|=e.suspendedLanes&n,Nl===e&&(Il&n)===n&&(4===jl||3===jl&&(62914560&Il)===Il&&500>$o()-ql?Cs(e,0):Zl|=n),hs(e,t)}function Gs(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(0==(2&(t=e.mode))?t=1:0==(4&t)?t=99===qo()?1:2:(0===ss&&(ss=Ul),0===(t=zt(62914560&~ss))&&(t=4194304))),n=fs(),null!==(e=gs(e,t))&&(Zt(e,t,n),hs(e,n))}function Zs(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.flags=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childLanes=this.lanes=0,this.alternate=null}function $s(e,t,n,r){return new Zs(e,t,n,r)}function qs(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Hs(e,t){var n=e.alternate;return null===n?((n=$s(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Vs(e,t,n,r,o,a){var l=2;if(r=e,"function"==typeof e)qs(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case C:return Ws(n.children,o,a,t);case F:l=8,o|=16;break;case x:l=8,o|=1;break;case T:return(e=$s(12,n,t,8|o)).elementType=T,e.type=T,e.lanes=a,e;case L:return(e=$s(13,n,t,o)).type=L,e.elementType=L,e.lanes=a,e;case R:return(e=$s(19,n,t,o)).elementType=R,e.lanes=a,e;case M:return Ks(n,o,a,t);case j:return(e=$s(24,n,t,o)).elementType=j,e.lanes=a,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case _:l=10;break e;case A:l=9;break e;case P:l=11;break e;case O:l=14;break e;case N:l=16,r=null;break e;case D:l=22;break e}throw Error(i(130,null==e?e:typeof e,""))}return(t=$s(l,n,t,o)).elementType=e,t.type=r,t.lanes=a,t}function Ws(e,t,n,r){return(e=$s(7,e,r,t)).lanes=n,e}function Ks(e,t,n,r){return(e=$s(23,e,r,t)).elementType=M,e.lanes=n,e}function Ys(e,t,n){return(e=$s(6,e,null,t)).lanes=n,e}function Qs(e,t,n){return(t=$s(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Xs(e,t,n){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=0,this.eventTimes=Gt(0),this.expirationTimes=Gt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Gt(0),this.mutableSourceEagerHydrationData=null}function Js(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:S,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function eu(e,t,n,r){var o=t.current,a=fs(),l=ps(o);e:if(n){t:{if(Ye(n=n._reactInternals)!==n||1!==n.tag)throw Error(i(170));var s=n;do{switch(s.tag){case 3:s=s.stateNode.context;break t;case 1:if(bo(s.type)){s=s.stateNode.__reactInternalMemoizedMergedChildContext;break t}}s=s.return}while(null!==s);throw Error(i(171))}if(1===n.tag){var u=n.type;if(bo(u)){n=ko(n,u,s);break e}}n=s}else n=po;return null===t.context?t.context=n:t.pendingContext=n,(t=da(a,l)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),fa(o,t),ms(o,l,a),l}function tu(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function nu(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function ru(e,t){nu(e,t),(e=e.alternate)&&nu(e,t)}function ou(e,t,n){var r=null!=n&&null!=n.hydrationOptions&&n.hydrationOptions.mutableSources||null;if(n=new Xs(e,t,null!=n&&!0===n.hydrate),t=$s(3,null,null,2===t?7:1===t?3:0),n.current=t,t.stateNode=n,ua(t),e[eo]=n.current,Or(8===e.nodeType?e.parentNode:e),r)for(e=0;e<r.length;e++){var o=(t=r[e])._getVersion;o=o(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,o]:n.mutableSourceEagerHydrationData.push(t,o)}this._internalRoot=n}function au(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function iu(e,t,n,r,o){var a=n._reactRootContainer;if(a){var i=a._internalRoot;if("function"==typeof o){var l=o;o=function(){var e=tu(i);l.call(e)}}eu(t,i,e,o)}else{if(a=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new ou(e,0,t?{hydrate:!0}:void 0)}(n,r),i=a._internalRoot,"function"==typeof o){var s=o;o=function(){var e=tu(i);s.call(e)}}ks((function(){eu(t,i,e,o)}))}return tu(i)}function lu(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!au(t))throw Error(i(200));return Js(e,t,null,n)}Wl=function(e,t,n){var r=t.lanes;if(null!==e)if(e.memoizedProps!==t.pendingProps||go.current)Mi=!0;else{if(0==(n&r)){switch(Mi=!1,t.tag){case 3:Vi(t),Wa();break;case 5:Fa(t);break;case 1:bo(t.type)&&Eo(t);break;case 4:Da(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value;var o=t.type._context;fo(Jo,o._currentValue),o._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!=(n&t.child.childLanes)?Xi(e,t,n):(fo(ja,1&ja.current),null!==(t=al(e,t,n))?t.sibling:null);fo(ja,1&ja.current);break;case 19:if(r=0!=(n&t.childLanes),0!=(64&e.flags)){if(r)return ol(e,t,n);t.flags|=64}if(null!==(o=t.memoizedState)&&(o.rendering=null,o.tail=null,o.lastEffect=null),fo(ja,ja.current),r)break;return null;case 23:case 24:return t.lanes=0,Gi(e,t,n)}return al(e,t,n)}Mi=0!=(16384&e.flags)}else Mi=!1;switch(t.lanes=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=vo(t,mo.current),ia(t,n),o=li(null,t,r,e,o,n),t.flags|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,bo(r)){var a=!0;Eo(t)}else a=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,ua(t);var l=r.getDerivedStateFromProps;"function"==typeof l&&va(t,r,l,e),o.updater=ba,t.stateNode=o,o._reactInternals=t,Ea(t,r,e,n),t=Hi(null,t,r,!0,a,n)}else t.tag=0,ji(null,t,o,n),t=t.child;return t;case 16:o=t.elementType;e:{switch(null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),e=t.pendingProps,o=(a=o._init)(o._payload),t.type=o,a=t.tag=function(e){if("function"==typeof e)return qs(e)?1:0;if(null!=e){if((e=e.$$typeof)===P)return 11;if(e===O)return 14}return 2}(o),e=Xo(o,e),a){case 0:t=$i(null,t,o,e,n);break e;case 1:t=qi(null,t,o,e,n);break e;case 11:t=Bi(null,t,o,e,n);break e;case 14:t=Ui(null,t,o,Xo(o.type,e),r,n);break e}throw Error(i(306,o,""))}return t;case 0:return r=t.type,o=t.pendingProps,$i(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 1:return r=t.type,o=t.pendingProps,qi(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 3:if(Vi(t),r=t.updateQueue,null===e||null===r)throw Error(i(282));if(r=t.pendingProps,o=null!==(o=t.memoizedState)?o.element:null,ca(e,t),ma(t,r,null,n),(r=t.memoizedState.element)===o)Wa(),t=al(e,t,n);else{if((a=(o=t.stateNode).hydrate)&&(za=Wr(t.stateNode.containerInfo.firstChild),Ua=t,a=Ga=!0),a){if(null!=(e=o.mutableSourceEagerHydrationData))for(o=0;o<e.length;o+=2)(a=e[o])._workInProgressVersionPrimary=e[o+1],Ka.push(a);for(n=Aa(t,null,r,n),t.child=n;n;)n.flags=-3&n.flags|1024,n=n.sibling}else ji(e,t,r,n),Wa();t=t.child}return t;case 5:return Fa(t),null===e&&qa(t),r=t.type,o=t.pendingProps,a=null!==e?e.memoizedProps:null,l=o.children,$r(r,o)?l=null:null!==a&&$r(r,a)&&(t.flags|=16),Zi(e,t),ji(e,t,l,n),t.child;case 6:return null===e&&qa(t),null;case 13:return Xi(e,t,n);case 4:return Da(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=_a(t,null,r,n):ji(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,Bi(e,t,r,o=t.elementType===r?o:Xo(r,o),n);case 7:return ji(e,t,t.pendingProps,n),t.child;case 8:case 12:return ji(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,o=t.pendingProps,l=t.memoizedProps,a=o.value;var s=t.type._context;if(fo(Jo,s._currentValue),s._currentValue=a,null!==l)if(s=l.value,0===(a=cr(s,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(s,a):1073741823))){if(l.children===o.children&&!go.current){t=al(e,t,n);break e}}else for(null!==(s=t.child)&&(s.return=t);null!==s;){var u=s.dependencies;if(null!==u){l=s.child;for(var c=u.firstContext;null!==c;){if(c.context===r&&0!=(c.observedBits&a)){1===s.tag&&((c=da(-1,n&-n)).tag=2,fa(s,c)),s.lanes|=n,null!==(c=s.alternate)&&(c.lanes|=n),aa(s.return,n),u.lanes|=n;break}c=c.next}}else l=10===s.tag&&s.type===t.type?null:s.child;if(null!==l)l.return=s;else for(l=s;null!==l;){if(l===t){l=null;break}if(null!==(s=l.sibling)){s.return=l.return,l=s;break}l=l.return}s=l}ji(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=(a=t.pendingProps).children,ia(t,n),r=r(o=la(o,a.unstable_observedBits)),t.flags|=1,ji(e,t,r,n),t.child;case 14:return a=Xo(o=t.type,t.pendingProps),Ui(e,t,o,a=Xo(o.type,a),r,n);case 15:return zi(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:Xo(r,o),null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2),t.tag=1,bo(r)?(e=!0,Eo(t)):e=!1,ia(t,n),wa(t,r,o),Ea(t,r,o,n),Hi(null,t,r,!0,e,n);case 19:return ol(e,t,n);case 23:case 24:return Gi(e,t,n)}throw Error(i(156,t.tag))},ou.prototype.render=function(e){eu(e,this._internalRoot,null,null)},ou.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;eu(null,e,null,(function(){t[eo]=null}))},tt=function(e){13===e.tag&&(ms(e,4,fs()),ru(e,4))},nt=function(e){13===e.tag&&(ms(e,67108864,fs()),ru(e,67108864))},rt=function(e){if(13===e.tag){var t=fs(),n=ps(e);ms(e,n,t),ru(e,n)}},ot=function(e,t){return t()},_e=function(e,t,n){switch(t){case"input":if(ne(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=ao(r);if(!o)throw Error(i(90));Q(r),ne(r,o)}}}break;case"textarea":ue(e,n);break;case"select":null!=(t=n.value)&&ie(e,!!n.multiple,t,!1)}},Ne=ws,De=function(e,t,n,r,o){var a=Ol;Ol|=4;try{return Vo(98,e.bind(null,t,n,r,o))}finally{0===(Ol=a)&&(Vl(),Ko())}},Ie=function(){0==(49&Ol)&&(function(){if(null!==os){var e=os;os=null,e.forEach((function(e){e.expiredLanes|=24&e.pendingLanes,hs(e,$o())}))}Ko()}(),Is())},Fe=function(e,t){var n=Ol;Ol|=2;try{return e(t)}finally{0===(Ol=n)&&(Vl(),Ko())}};var su={Events:[ro,oo,ao,Re,Oe,Is,{current:!1}]},uu={findFiberByHostInstance:no,bundleType:0,version:"17.0.2",rendererPackageName:"react-dom"},cu={bundleType:uu.bundleType,version:uu.version,rendererPackageName:uu.rendererPackageName,rendererConfig:uu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Je(e))?null:e.stateNode},findFiberByHostInstance:uu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var du=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!du.isDisabled&&du.supportsFiber)try{Co=du.inject(cu),xo=du}catch(he){}}t.hydrate=function(e,t,n){if(!au(t))throw Error(i(200));return iu(null,e,t,!0,n)}},3935:function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(t){console.error(t)}}(),e.exports=n(4448)},9590:function(e){var t="undefined"!=typeof Element,n="function"==typeof Map,r="function"==typeof Set,o="function"==typeof ArrayBuffer&&!!ArrayBuffer.isView;function a(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var l,s,u,c;if(Array.isArray(e)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(!a(e[s],i[s]))return!1;return!0}if(n&&e instanceof Map&&i instanceof Map){if(e.size!==i.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!i.has(s.value[0]))return!1;for(c=e.entries();!(s=c.next()).done;)if(!a(s.value[1],i.get(s.value[0])))return!1;return!0}if(r&&e instanceof Set&&i instanceof Set){if(e.size!==i.size)return!1;for(c=e.entries();!(s=c.next()).done;)if(!i.has(s.value[0]))return!1;return!0}if(o&&ArrayBuffer.isView(e)&&ArrayBuffer.isView(i)){if((l=e.length)!=i.length)return!1;for(s=l;0!=s--;)if(e[s]!==i[s])return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===i.toString();if((l=(u=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(s=l;0!=s--;)if(!Object.prototype.hasOwnProperty.call(i,u[s]))return!1;if(t&&e instanceof Element)return!1;for(s=l;0!=s--;)if(("_owner"!==u[s]&&"__v"!==u[s]&&"__o"!==u[s]||!e.$$typeof)&&!a(e[u[s]],i[u[s]]))return!1;return!0}return e!=e&&i!=i}e.exports=function(e,t){try{return a(e,t)}catch(n){if((n.message||"").match(/stack|recursion/i))return console.warn("react-fast-compare cannot handle circular refs"),!1;throw n}}},9921:function(e,t){"use strict";var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,a=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,l=n?Symbol.for("react.profiler"):60114,s=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,c=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,f=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,m=n?Symbol.for("react.suspense_list"):60120,g=n?Symbol.for("react.memo"):60115,h=n?Symbol.for("react.lazy"):60116,v=n?Symbol.for("react.block"):60121,b=n?Symbol.for("react.fundamental"):60117,y=n?Symbol.for("react.responder"):60118,w=n?Symbol.for("react.scope"):60119;function k(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case c:case d:case a:case l:case i:case p:return e;default:switch(e=e&&e.$$typeof){case u:case f:case h:case g:case s:return e;default:return t}}case o:return t}}}function E(e){return k(e)===d}t.AsyncMode=c,t.ConcurrentMode=d,t.ContextConsumer=u,t.ContextProvider=s,t.Element=r,t.ForwardRef=f,t.Fragment=a,t.Lazy=h,t.Memo=g,t.Portal=o,t.Profiler=l,t.StrictMode=i,t.Suspense=p,t.isAsyncMode=function(e){return E(e)||k(e)===c},t.isConcurrentMode=E,t.isContextConsumer=function(e){return k(e)===u},t.isContextProvider=function(e){return k(e)===s},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return k(e)===f},t.isFragment=function(e){return k(e)===a},t.isLazy=function(e){return k(e)===h},t.isMemo=function(e){return k(e)===g},t.isPortal=function(e){return k(e)===o},t.isProfiler=function(e){return k(e)===l},t.isStrictMode=function(e){return k(e)===i},t.isSuspense=function(e){return k(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===a||e===d||e===l||e===i||e===p||e===m||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===g||e.$$typeof===s||e.$$typeof===u||e.$$typeof===f||e.$$typeof===b||e.$$typeof===y||e.$$typeof===w||e.$$typeof===v)},t.typeOf=k},9864:function(e,t,n){"use strict";e.exports=n(9921)},8356:function(e,t,n){"use strict";function r(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.__proto__=t}function o(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var l=n(7294),s=n(5697),u=[],c=[];function d(e){var t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then((function(e){return n.loading=!1,n.loaded=e,e})).catch((function(e){throw n.loading=!1,n.error=e,e})),n}function f(e){var t={loading:!1,loaded:{},error:null},n=[];try{Object.keys(e).forEach((function(r){var o=d(e[r]);o.loading?t.loading=!0:(t.loaded[r]=o.loaded,t.error=o.error),n.push(o.promise),o.promise.then((function(e){t.loaded[r]=e})).catch((function(e){t.error=e}))}))}catch(r){t.error=r}return t.promise=Promise.all(n).then((function(e){return t.loading=!1,e})).catch((function(e){throw t.loading=!1,e})),t}function p(e,t){return l.createElement((n=e)&&n.__esModule?n.default:n,t);var n}function m(e,t){var d,f;if(!t.loading)throw new Error("react-loadable requires a `loading` component");var m=i({loader:null,loading:null,delay:200,timeout:null,render:p,webpack:null,modules:null},t),g=null;function h(){return g||(g=e(m.loader)),g.promise}return u.push(h),"function"==typeof m.webpack&&c.push((function(){if((0,m.webpack)().every((function(e){return void 0!==e&&void 0!==n.m[e]})))return h()})),f=d=function(t){function n(n){var r;return a(o(o(r=t.call(this,n)||this)),"retry",(function(){r.setState({error:null,loading:!0,timedOut:!1}),g=e(m.loader),r._loadModule()})),h(),r.state={error:g.error,pastDelay:!1,timedOut:!1,loading:g.loading,loaded:g.loaded},r}r(n,t),n.preload=function(){return h()};var i=n.prototype;return i.UNSAFE_componentWillMount=function(){this._loadModule()},i.componentDidMount=function(){this._mounted=!0},i._loadModule=function(){var e=this;if(this.context.loadable&&Array.isArray(m.modules)&&m.modules.forEach((function(t){e.context.loadable.report(t)})),g.loading){var t=function(t){e._mounted&&e.setState(t)};"number"==typeof m.delay&&(0===m.delay?this.setState({pastDelay:!0}):this._delay=setTimeout((function(){t({pastDelay:!0})}),m.delay)),"number"==typeof m.timeout&&(this._timeout=setTimeout((function(){t({timedOut:!0})}),m.timeout));var n=function(){t({error:g.error,loaded:g.loaded,loading:g.loading}),e._clearTimeouts()};g.promise.then((function(){return n(),null})).catch((function(e){return n(),null}))}},i.componentWillUnmount=function(){this._mounted=!1,this._clearTimeouts()},i._clearTimeouts=function(){clearTimeout(this._delay),clearTimeout(this._timeout)},i.render=function(){return this.state.loading||this.state.error?l.createElement(m.loading,{isLoading:this.state.loading,pastDelay:this.state.pastDelay,timedOut:this.state.timedOut,error:this.state.error,retry:this.retry}):this.state.loaded?m.render(this.state.loaded,this.props):null},n}(l.Component),a(d,"contextTypes",{loadable:s.shape({report:s.func.isRequired})}),f}function g(e){return m(d,e)}g.Map=function(e){if("function"!=typeof e.render)throw new Error("LoadableMap requires a `render(loaded, props)` function");return m(f,e)};var h=function(e){function t(){return e.apply(this,arguments)||this}r(t,e);var n=t.prototype;return n.getChildContext=function(){return{loadable:{report:this.props.report}}},n.render=function(){return l.Children.only(this.props.children)},t}(l.Component);function v(e){for(var t=[];e.length;){var n=e.pop();t.push(n())}return Promise.all(t).then((function(){if(e.length)return v(e)}))}a(h,"propTypes",{report:s.func.isRequired}),a(h,"childContextTypes",{loadable:s.shape({report:s.func.isRequired}).isRequired}),g.Capture=h,g.preloadAll=function(){return new Promise((function(e,t){v(u).then(e,t)}))},g.preloadReady=function(){return new Promise((function(e,t){v(c).then(e,e)}))},e.exports=g},8790:function(e,t,n){"use strict";n.d(t,{H:function(){return l},f:function(){return i}});var r=n(6775),o=n(7462),a=n(7294);function i(e,t,n){return void 0===n&&(n=[]),e.some((function(e){var o=e.path?(0,r.LX)(t,e):n.length?n[n.length-1].match:r.F0.computeRootMatch(t);return o&&(n.push({route:e,match:o}),e.routes&&i(e.routes,t,n)),o})),n}function l(e,t,n){return void 0===t&&(t={}),void 0===n&&(n={}),e?a.createElement(r.rs,n,e.map((function(e,n){return a.createElement(r.AW,{key:e.key||n,path:e.path,exact:e.exact,strict:e.strict,render:function(n){return e.render?e.render((0,o.Z)({},n,{},t,{route:e})):a.createElement(e.component,(0,o.Z)({},n,t,{route:e}))}})}))):null}},3727:function(e,t,n){"use strict";n.d(t,{$B:function(){return r.$B},AW:function(){return r.AW},EN:function(){return r.EN},F0:function(){return r.F0},Gn:function(){return r.Gn},LX:function(){return r.LX},NL:function(){return r.NL},OL:function(){return w},TH:function(){return r.TH},UO:function(){return r.UO},UT:function(){return d},VA:function(){return r.VA},VK:function(){return c},gx:function(){return r.gx},k6:function(){return r.k6},l_:function(){return r.l_},rU:function(){return v},rs:function(){return r.rs}});var r=n(6775),o=n(5068),a=n(7294),i=n(2358),l=n(7462),s=n(3366),u=n(2177),c=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.lX)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);var d=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,i.q_)(t.props),t}return(0,o.Z)(t,e),t.prototype.render=function(){return a.createElement(r.F0,{history:this.history,children:this.props.children})},t}(a.Component);var f=function(e,t){return"function"==typeof e?e(t):e},p=function(e,t){return"string"==typeof e?(0,i.ob)(e,null,null,t):e},m=function(e){return e},g=a.forwardRef;void 0===g&&(g=m);var h=g((function(e,t){var n=e.innerRef,r=e.navigate,o=e.onClick,i=(0,s.Z)(e,["innerRef","navigate","onClick"]),u=i.target,c=(0,l.Z)({},i,{onClick:function(e){try{o&&o(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||u&&"_self"!==u||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return c.ref=m!==g&&t||n,a.createElement("a",c)}));var v=g((function(e,t){var n=e.component,o=void 0===n?h:n,c=e.replace,d=e.to,v=e.innerRef,b=(0,s.Z)(e,["component","replace","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,u.Z)(!1);var n=e.history,r=p(f(d,e.location),e.location),s=r?n.createHref(r):"",h=(0,l.Z)({},b,{href:s,navigate:function(){var t=f(d,e.location),r=(0,i.Ep)(e.location)===(0,i.Ep)(p(t));(c||r?n.replace:n.push)(t)}});return m!==g?h.ref=t||v:h.innerRef=v,a.createElement(o,h)}))})),b=function(e){return e},y=a.forwardRef;void 0===y&&(y=b);var w=y((function(e,t){var n=e["aria-current"],o=void 0===n?"page":n,i=e.activeClassName,c=void 0===i?"active":i,d=e.activeStyle,m=e.className,g=e.exact,h=e.isActive,w=e.location,k=e.sensitive,E=e.strict,S=e.style,C=e.to,x=e.innerRef,T=(0,s.Z)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return a.createElement(r.s6.Consumer,null,(function(e){e||(0,u.Z)(!1);var n=w||e.location,i=p(f(C,n),n),s=i.pathname,_=s&&s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),A=_?(0,r.LX)(n.pathname,{path:_,exact:g,sensitive:k,strict:E}):null,P=!!(h?h(A,n):A),L="function"==typeof m?m(P):m,R="function"==typeof S?S(P):S;P&&(L=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(L,c),R=(0,l.Z)({},R,d));var O=(0,l.Z)({"aria-current":P&&o||null,className:L,style:R,to:i},T);return b!==y?O.ref=t||x:O.innerRef=x,a.createElement(v,O)}))}))},6775:function(e,t,n){"use strict";n.d(t,{VA:function(){return C},NL:function(){return T},l_:function(){return L},AW:function(){return D},F0:function(){return S},gx:function(){return U},rs:function(){return z},s6:function(){return E},Gn:function(){return P},LX:function(){return N},k6:function(){return $},TH:function(){return q},UO:function(){return H},$B:function(){return V},EN:function(){return G}});var r=n(5068),o=n(7294),a=n(2358),i=n(5697),l=n.n(i),s=1073741823,u="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};function c(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}var d=o.createContext||function(e,t){var n,a,i="__create-react-context-"+function(){var e="__global_unique_id__";return u[e]=(u[e]||0)+1}()+"__",d=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).emitter=c(t.props.value),t}(0,r.Z)(n,e);var o=n.prototype;return o.getChildContext=function(){var e;return(e={})[i]=this.emitter,e},o.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var n,r=this.props.value,o=e.value;((a=r)===(i=o)?0!==a||1/a==1/i:a!=a&&i!=i)?n=0:(n="function"==typeof t?t(r,o):s,0!==(n|=0)&&this.emitter.set(e.value,n))}var a,i},o.render=function(){return this.props.children},n}(o.Component);d.childContextTypes=((n={})[i]=l().object.isRequired,n);var f=function(t){function n(){var e;return(e=t.apply(this,arguments)||this).state={value:e.getValue()},e.onUpdate=function(t,n){0!=((0|e.observedBits)&n)&&e.setState({value:e.getValue()})},e}(0,r.Z)(n,t);var o=n.prototype;return o.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?s:t},o.componentDidMount=function(){this.context[i]&&this.context[i].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?s:e},o.componentWillUnmount=function(){this.context[i]&&this.context[i].off(this.onUpdate)},o.getValue=function(){return this.context[i]?this.context[i].get():e},o.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(o.Component);return f.contextTypes=((a={})[i]=l().object,a),{Provider:d,Consumer:f}},f=d,p=n(2177),m=n(7462),g=n(9658),h=n.n(g),v=(n(9864),n(3366)),b=n(8679),y=n.n(b),w=function(e){var t=f();return t.displayName=e,t},k=w("Router-History"),E=w("Router"),S=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._isMounted?n.setState({location:e}):n._pendingLocation=e}))),n}(0,r.Z)(t,e),t.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var n=t.prototype;return n.componentDidMount=function(){this._isMounted=!0,this._pendingLocation&&this.setState({location:this._pendingLocation})},n.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},n.render=function(){return o.createElement(E.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},o.createElement(k.Provider,{children:this.props.children||null,value:this.props.history}))},t}(o.Component);var C=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).history=(0,a.PP)(t.props),t}return(0,r.Z)(t,e),t.prototype.render=function(){return o.createElement(S,{history:this.history,children:this.props.children})},t}(o.Component);var x=function(e){function t(){return e.apply(this,arguments)||this}(0,r.Z)(t,e);var n=t.prototype;return n.componentDidMount=function(){this.props.onMount&&this.props.onMount.call(this,this)},n.componentDidUpdate=function(e){this.props.onUpdate&&this.props.onUpdate.call(this,this,e)},n.componentWillUnmount=function(){this.props.onUnmount&&this.props.onUnmount.call(this,this)},n.render=function(){return null},t}(o.Component);function T(e){var t=e.message,n=e.when,r=void 0===n||n;return o.createElement(E.Consumer,null,(function(e){if(e||(0,p.Z)(!1),!r||e.staticContext)return null;var n=e.history.block;return o.createElement(x,{onMount:function(e){e.release=n(t)},onUpdate:function(e,r){r.message!==t&&(e.release(),e.release=n(t))},onUnmount:function(e){e.release()},message:t})}))}var _={},A=0;function P(e,t){return void 0===e&&(e="/"),void 0===t&&(t={}),"/"===e?e:function(e){if(_[e])return _[e];var t=h().compile(e);return A<1e4&&(_[e]=t,A++),t}(e)(t,{pretty:!0})}function L(e){var t=e.computedMatch,n=e.to,r=e.push,i=void 0!==r&&r;return o.createElement(E.Consumer,null,(function(e){e||(0,p.Z)(!1);var r=e.history,l=e.staticContext,s=i?r.push:r.replace,u=(0,a.ob)(t?"string"==typeof n?P(n,t.params):(0,m.Z)({},n,{pathname:P(n.pathname,t.params)}):n);return l?(s(u),null):o.createElement(x,{onMount:function(){s(u)},onUpdate:function(e,t){var n=(0,a.ob)(t.to);(0,a.Hp)(n,(0,m.Z)({},u,{key:n.key}))||s(u)},to:n})}))}var R={},O=0;function N(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,a=void 0!==o&&o,i=n.strict,l=void 0!==i&&i,s=n.sensitive,u=void 0!==s&&s;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=R[n]||(R[n]={});if(r[e])return r[e];var o=[],a={regexp:h()(e,o,t),keys:o};return O<1e4&&(r[e]=a,O++),a}(n,{end:a,strict:l,sensitive:u}),o=r.regexp,i=r.keys,s=o.exec(e);if(!s)return null;var c=s[0],d=s.slice(1),f=e===c;return a&&!f?null:{path:n,url:"/"===n&&""===c?"/":c,isExact:f,params:i.reduce((function(e,t,n){return e[t.name]=d[n],e}),{})}}),null)}var D=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(E.Consumer,null,(function(t){t||(0,p.Z)(!1);var n=e.props.location||t.location,r=e.props.computedMatch?e.props.computedMatch:e.props.path?N(n.pathname,e.props):t.match,a=(0,m.Z)({},t,{location:n,match:r}),i=e.props,l=i.children,s=i.component,u=i.render;return Array.isArray(l)&&function(e){return 0===o.Children.count(e)}(l)&&(l=null),o.createElement(E.Provider,{value:a},a.match?l?"function"==typeof l?l(a):l:s?o.createElement(s,a):u?u(a):null:"function"==typeof l?l(a):null)}))},t}(o.Component);function I(e){return"/"===e.charAt(0)?e:"/"+e}function F(e,t){if(!e)return t;var n=I(e);return 0!==t.pathname.indexOf(n)?t:(0,m.Z)({},t,{pathname:t.pathname.substr(n.length)})}function M(e){return"string"==typeof e?e:(0,a.Ep)(e)}function j(e){return function(){(0,p.Z)(!1)}}function B(){}var U=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).handlePush=function(e){return t.navigateTo(e,"PUSH")},t.handleReplace=function(e){return t.navigateTo(e,"REPLACE")},t.handleListen=function(){return B},t.handleBlock=function(){return B},t}(0,r.Z)(t,e);var n=t.prototype;return n.navigateTo=function(e,t){var n=this.props,r=n.basename,o=void 0===r?"":r,i=n.context,l=void 0===i?{}:i;l.action=t,l.location=function(e,t){return e?(0,m.Z)({},t,{pathname:I(e)+t.pathname}):t}(o,(0,a.ob)(e)),l.url=M(l.location)},n.render=function(){var e=this.props,t=e.basename,n=void 0===t?"":t,r=e.context,i=void 0===r?{}:r,l=e.location,s=void 0===l?"/":l,u=(0,v.Z)(e,["basename","context","location"]),c={createHref:function(e){return I(n+M(e))},action:"POP",location:F(n,(0,a.ob)(s)),push:this.handlePush,replace:this.handleReplace,go:j(),goBack:j(),goForward:j(),listen:this.handleListen,block:this.handleBlock};return o.createElement(S,(0,m.Z)({},u,{history:c,staticContext:i}))},t}(o.Component);var z=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.Z)(t,e),t.prototype.render=function(){var e=this;return o.createElement(E.Consumer,null,(function(t){t||(0,p.Z)(!1);var n,r,a=e.props.location||t.location;return o.Children.forEach(e.props.children,(function(e){if(null==r&&o.isValidElement(e)){n=e;var i=e.props.path||e.props.from;r=i?N(a.pathname,(0,m.Z)({},e.props,{path:i})):t.match}})),r?o.cloneElement(n,{location:a,computedMatch:r}):null}))},t}(o.Component);function G(e){var t="withRouter("+(e.displayName||e.name)+")",n=function(t){var n=t.wrappedComponentRef,r=(0,v.Z)(t,["wrappedComponentRef"]);return o.createElement(E.Consumer,null,(function(t){return t||(0,p.Z)(!1),o.createElement(e,(0,m.Z)({},r,t,{ref:n}))}))};return n.displayName=t,n.WrappedComponent=e,y()(n,e)}var Z=o.useContext;function $(){return Z(k)}function q(){return Z(E).location}function H(){var e=Z(E).match;return e?e.params:{}}function V(e){var t=q(),n=Z(E).match;return e?N(t.pathname,e):n}},9658:function(e,t,n){var r=n(5826);e.exports=p,e.exports.parse=a,e.exports.compile=function(e,t){return l(a(e,t),t)},e.exports.tokensToFunction=l,e.exports.tokensToRegExp=f;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function a(e,t){for(var n,r=[],a=0,i=0,l="",c=t&&t.delimiter||"/";null!=(n=o.exec(e));){var d=n[0],f=n[1],p=n.index;if(l+=e.slice(i,p),i=p+d.length,f)l+=f[1];else{var m=e[i],g=n[2],h=n[3],v=n[4],b=n[5],y=n[6],w=n[7];l&&(r.push(l),l="");var k=null!=g&&null!=m&&m!==g,E="+"===y||"*"===y,S="?"===y||"*"===y,C=n[2]||c,x=v||b;r.push({name:h||a++,prefix:g||"",delimiter:C,optional:S,repeat:E,partial:k,asterisk:!!w,pattern:x?u(x):w?".*":"[^"+s(C)+"]+?"})}}return i<e.length&&(l+=e.substr(i)),l&&r.push(l),r}function i(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function l(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",d(t)));return function(t,o){for(var a="",l=t||{},s=(o||{}).pretty?i:encodeURIComponent,u=0;u<e.length;u++){var c=e[u];if("string"!=typeof c){var d,f=l[c.name];if(null==f){if(c.optional){c.partial&&(a+=c.prefix);continue}throw new TypeError('Expected "'+c.name+'" to be defined')}if(r(f)){if(!c.repeat)throw new TypeError('Expected "'+c.name+'" to not repeat, but received `'+JSON.stringify(f)+"`");if(0===f.length){if(c.optional)continue;throw new TypeError('Expected "'+c.name+'" to not be empty')}for(var p=0;p<f.length;p++){if(d=s(f[p]),!n[u].test(d))throw new TypeError('Expected all "'+c.name+'" to match "'+c.pattern+'", but received `'+JSON.stringify(d)+"`");a+=(0===p?c.prefix:c.delimiter)+d}}else{if(d=c.asterisk?encodeURI(f).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):s(f),!n[u].test(d))throw new TypeError('Expected "'+c.name+'" to match "'+c.pattern+'", but received "'+d+'"');a+=c.prefix+d}}else a+=c}return a}}function s(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function u(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function c(e,t){return e.keys=t,e}function d(e){return e&&e.sensitive?"":"i"}function f(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,a=!1!==n.end,i="",l=0;l<e.length;l++){var u=e[l];if("string"==typeof u)i+=s(u);else{var f=s(u.prefix),p="(?:"+u.pattern+")";t.push(u),u.repeat&&(p+="(?:"+f+p+")*"),i+=p=u.optional?u.partial?f+"("+p+")?":"(?:"+f+"("+p+"))?":f+"("+p+")"}}var m=s(n.delimiter||"/"),g=i.slice(-m.length)===m;return o||(i=(g?i.slice(0,-m.length):i)+"(?:"+m+"(?=$))?"),i+=a?"$":o&&g?"":"(?="+m+"|$)",c(new RegExp("^"+i,d(n)),t)}function p(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return c(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(p(e[o],t,n).source);return c(new RegExp("(?:"+r.join("|")+")",d(n)),t)}(e,t,n):function(e,t,n){return f(a(e,n),t,n)}(e,t,n)}},3524:function(e,t,n){"use strict";var r,o=n(7294),a=(r=o)&&"object"==typeof r&&"default"in r?r.default:r;function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var l=!("undefined"==typeof window||!window.document||!window.document.createElement);e.exports=function(e,t,n){if("function"!=typeof e)throw new Error("Expected reducePropsToState to be a function.");if("function"!=typeof t)throw new Error("Expected handleStateChangeOnClient to be a function.");if(void 0!==n&&"function"!=typeof n)throw new Error("Expected mapStateOnServer to either be undefined or a function.");return function(r){if("function"!=typeof r)throw new Error("Expected WrappedComponent to be a React component.");var s,u=[];function c(){s=e(u.map((function(e){return e.props}))),d.canUseDOM?t(s):n&&(s=n(s))}var d=function(e){var t,n;function o(){return e.apply(this,arguments)||this}n=e,(t=o).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n,o.peek=function(){return s},o.rewind=function(){if(o.canUseDOM)throw new Error("You may only call rewind() on the server. Call peek() to read the current state.");var e=s;return s=void 0,u=[],e};var i=o.prototype;return i.UNSAFE_componentWillMount=function(){u.push(this),c()},i.componentDidUpdate=function(){c()},i.componentWillUnmount=function(){var e=u.indexOf(this);u.splice(e,1),c()},i.render=function(){return a.createElement(r,this.props)},o}(o.PureComponent);return i(d,"displayName","SideEffect("+function(e){return e.displayName||e.name||"Component"}(r)+")"),i(d,"canUseDOM",l),d}}},2408:function(e,t,n){"use strict";var r=n(7418),o=60103,a=60106;t.Fragment=60107,t.StrictMode=60108,t.Profiler=60114;var i=60109,l=60110,s=60112;t.Suspense=60113;var u=60115,c=60116;if("function"==typeof Symbol&&Symbol.for){var d=Symbol.for;o=d("react.element"),a=d("react.portal"),t.Fragment=d("react.fragment"),t.StrictMode=d("react.strict_mode"),t.Profiler=d("react.profiler"),i=d("react.provider"),l=d("react.context"),s=d("react.forward_ref"),t.Suspense=d("react.suspense"),u=d("react.memo"),c=d("react.lazy")}var f="function"==typeof Symbol&&Symbol.iterator;function p(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var m={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},g={};function h(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}function v(){}function b(e,t,n){this.props=e,this.context=t,this.refs=g,this.updater=n||m}h.prototype.isReactComponent={},h.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(p(85));this.updater.enqueueSetState(this,e,t,"setState")},h.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=h.prototype;var y=b.prototype=new v;y.constructor=b,r(y,h.prototype),y.isPureReactComponent=!0;var w={current:null},k=Object.prototype.hasOwnProperty,E={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,n){var r,a={},i=null,l=null;if(null!=t)for(r in void 0!==t.ref&&(l=t.ref),void 0!==t.key&&(i=""+t.key),t)k.call(t,r)&&!E.hasOwnProperty(r)&&(a[r]=t[r]);var s=arguments.length-2;if(1===s)a.children=n;else if(1<s){for(var u=Array(s),c=0;c<s;c++)u[c]=arguments[c+2];a.children=u}if(e&&e.defaultProps)for(r in s=e.defaultProps)void 0===a[r]&&(a[r]=s[r]);return{$$typeof:o,type:e,key:i,ref:l,props:a,_owner:w.current}}function C(e){return"object"==typeof e&&null!==e&&e.$$typeof===o}var x=/\/+/g;function T(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function _(e,t,n,r,i){var l=typeof e;"undefined"!==l&&"boolean"!==l||(e=null);var s=!1;if(null===e)s=!0;else switch(l){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case o:case a:s=!0}}if(s)return i=i(s=e),e=""===r?"."+T(s,0):r,Array.isArray(i)?(n="",null!=e&&(n=e.replace(x,"$&/")+"/"),_(i,t,n,"",(function(e){return e}))):null!=i&&(C(i)&&(i=function(e,t){return{$$typeof:o,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(i,n+(!i.key||s&&s.key===i.key?"":(""+i.key).replace(x,"$&/")+"/")+e)),t.push(i)),1;if(s=0,r=""===r?".":r+":",Array.isArray(e))for(var u=0;u<e.length;u++){var c=r+T(l=e[u],u);s+=_(l,t,n,c,i)}else if(c=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof c)for(e=c.call(e),u=0;!(l=e.next()).done;)s+=_(l=l.value,t,n,c=r+T(l,u++),i);else if("object"===l)throw t=""+e,Error(p(31,"[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t));return s}function A(e,t,n){if(null==e)return e;var r=[],o=0;return _(e,r,"","",(function(e){return t.call(n,e,o++)})),r}function P(e){if(-1===e._status){var t=e._result;t=t(),e._status=0,e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}if(1===e._status)return e._result;throw e._result}var L={current:null};function R(){var e=L.current;if(null===e)throw Error(p(321));return e}var O={ReactCurrentDispatcher:L,ReactCurrentBatchConfig:{transition:0},ReactCurrentOwner:w,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:A,forEach:function(e,t,n){A(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return A(e,(function(){t++})),t},toArray:function(e){return A(e,(function(e){return e}))||[]},only:function(e){if(!C(e))throw Error(p(143));return e}},t.Component=h,t.PureComponent=b,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=O,t.cloneElement=function(e,t,n){if(null==e)throw Error(p(267,e));var a=r({},e.props),i=e.key,l=e.ref,s=e._owner;if(null!=t){if(void 0!==t.ref&&(l=t.ref,s=w.current),void 0!==t.key&&(i=""+t.key),e.type&&e.type.defaultProps)var u=e.type.defaultProps;for(c in t)k.call(t,c)&&!E.hasOwnProperty(c)&&(a[c]=void 0===t[c]&&void 0!==u?u[c]:t[c])}var c=arguments.length-2;if(1===c)a.children=n;else if(1<c){u=Array(c);for(var d=0;d<c;d++)u[d]=arguments[d+2];a.children=u}return{$$typeof:o,type:e.type,key:i,ref:l,props:a,_owner:s}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:l,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=C,t.lazy=function(e){return{$$typeof:c,_payload:{_status:-1,_result:e},_init:P}},t.memo=function(e,t){return{$$typeof:u,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return R().useCallback(e,t)},t.useContext=function(e,t){return R().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return R().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return R().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return R().useLayoutEffect(e,t)},t.useMemo=function(e,t){return R().useMemo(e,t)},t.useReducer=function(e,t,n){return R().useReducer(e,t,n)},t.useRef=function(e){return R().useRef(e)},t.useState=function(e){return R().useState(e)},t.version="17.0.2"},7294:function(e,t,n){"use strict";e.exports=n(2408)},53:function(e,t){"use strict";var n,r,o,a;if("object"==typeof performance&&"function"==typeof performance.now){var i=performance;t.unstable_now=function(){return i.now()}}else{var l=Date,s=l.now();t.unstable_now=function(){return l.now()-s}}if("undefined"==typeof window||"function"!=typeof MessageChannel){var u=null,c=null,d=function(){if(null!==u)try{var e=t.unstable_now();u(!0,e),u=null}catch(n){throw setTimeout(d,0),n}};n=function(e){null!==u?setTimeout(n,0,e):(u=e,setTimeout(d,0))},r=function(e,t){c=setTimeout(e,t)},o=function(){clearTimeout(c)},t.unstable_shouldYield=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var f=window.setTimeout,p=window.clearTimeout;if("undefined"!=typeof console){var m=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"),"function"!=typeof m&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills")}var g=!1,h=null,v=-1,b=5,y=0;t.unstable_shouldYield=function(){return t.unstable_now()>=y},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):b=0<e?Math.floor(1e3/e):5};var w=new MessageChannel,k=w.port2;w.port1.onmessage=function(){if(null!==h){var e=t.unstable_now();y=e+b;try{h(!0,e)?k.postMessage(null):(g=!1,h=null)}catch(n){throw k.postMessage(null),n}}else g=!1},n=function(e){h=e,g||(g=!0,k.postMessage(null))},r=function(e,n){v=f((function(){e(t.unstable_now())}),n)},o=function(){p(v),v=-1}}function E(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,o=e[r];if(!(void 0!==o&&0<x(o,t)))break e;e[r]=t,e[n]=o,n=r}}function S(e){return void 0===(e=e[0])?null:e}function C(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,o=e.length;r<o;){var a=2*(r+1)-1,i=e[a],l=a+1,s=e[l];if(void 0!==i&&0>x(i,n))void 0!==s&&0>x(s,i)?(e[r]=s,e[l]=n,r=l):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==s&&0>x(s,n)))break e;e[r]=s,e[l]=n,r=l}}}return t}return null}function x(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var T=[],_=[],A=1,P=null,L=3,R=!1,O=!1,N=!1;function D(e){for(var t=S(_);null!==t;){if(null===t.callback)C(_);else{if(!(t.startTime<=e))break;C(_),t.sortIndex=t.expirationTime,E(T,t)}t=S(_)}}function I(e){if(N=!1,D(e),!O)if(null!==S(T))O=!0,n(F);else{var t=S(_);null!==t&&r(I,t.startTime-e)}}function F(e,n){O=!1,N&&(N=!1,o()),R=!0;var a=L;try{for(D(n),P=S(T);null!==P&&(!(P.expirationTime>n)||e&&!t.unstable_shouldYield());){var i=P.callback;if("function"==typeof i){P.callback=null,L=P.priorityLevel;var l=i(P.expirationTime<=n);n=t.unstable_now(),"function"==typeof l?P.callback=l:P===S(T)&&C(T),D(n)}else C(T);P=S(T)}if(null!==P)var s=!0;else{var u=S(_);null!==u&&r(I,u.startTime-n),s=!1}return s}finally{P=null,L=a,R=!1}}var M=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){O||R||(O=!0,n(F))},t.unstable_getCurrentPriorityLevel=function(){return L},t.unstable_getFirstCallbackNode=function(){return S(T)},t.unstable_next=function(e){switch(L){case 1:case 2:case 3:var t=3;break;default:t=L}var n=L;L=t;try{return e()}finally{L=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=M,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=L;L=e;try{return t()}finally{L=n}},t.unstable_scheduleCallback=function(e,a,i){var l=t.unstable_now();switch("object"==typeof i&&null!==i?i="number"==typeof(i=i.delay)&&0<i?l+i:l:i=l,e){case 1:var s=-1;break;case 2:s=250;break;case 5:s=1073741823;break;case 4:s=1e4;break;default:s=5e3}return e={id:A++,callback:a,priorityLevel:e,startTime:i,expirationTime:s=i+s,sortIndex:-1},i>l?(e.sortIndex=i,E(_,e),null===S(T)&&e===S(_)&&(N?o():N=!0,r(I,i-l))):(e.sortIndex=s,E(T,e),O||R||(O=!0,n(F))),e},t.unstable_wrapCallback=function(e){var t=L;return function(){var n=L;L=t;try{return e.apply(this,arguments)}finally{L=n}}}},3840:function(e,t,n){"use strict";e.exports=n(53)},2177:function(e,t,n){"use strict";n.d(t,{Z:function(){return o}});var r="Invariant failed";function o(e,t){if(!e)throw new Error(r)}},655:function(e,t,n){"use strict";n.r(t),n.d(t,{__assign:function(){return a},__asyncDelegator:function(){return k},__asyncGenerator:function(){return w},__asyncValues:function(){return E},__await:function(){return y},__awaiter:function(){return c},__classPrivateFieldGet:function(){return _},__classPrivateFieldIn:function(){return P},__classPrivateFieldSet:function(){return A},__createBinding:function(){return f},__decorate:function(){return l},__exportStar:function(){return p},__extends:function(){return o},__generator:function(){return d},__importDefault:function(){return T},__importStar:function(){return x},__makeTemplateObject:function(){return S},__metadata:function(){return u},__param:function(){return s},__read:function(){return g},__rest:function(){return i},__spread:function(){return h},__spreadArray:function(){return b},__spreadArrays:function(){return v},__values:function(){return m}});var r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])},r(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var a=function(){return a=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function l(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function s(e,t){return function(n,r){t(n,r,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function c(e,t,n,r){return new(n||(n=Promise))((function(o,a){function i(e){try{s(r.next(e))}catch(t){a(t)}}function l(e){try{s(r.throw(e))}catch(t){a(t)}}function s(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,l)}s((r=r.apply(e,t||[])).next())}))}function d(e,t){var n,r,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(n)throw new TypeError("Generator is already executing.");for(;i;)try{if(n=1,r&&(o=2&a[0]?r.return:a[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,a[1])).done)return o;switch(r=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,r=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(l){a=[6,l],r=0}finally{n=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var f=Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]};function p(e,t){for(var n in e)"default"===n||Object.prototype.hasOwnProperty.call(t,n)||f(t,e,n)}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function g(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(l){o={error:l}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}function h(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(g(arguments[t]));return e}function v(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)r[o]=a[i];return r}function b(e,t,n){if(n||2===arguments.length)for(var r,o=0,a=t.length;o<a;o++)!r&&o in t||(r||(r=Array.prototype.slice.call(t,0,o)),r[o]=t[o]);return e.concat(r||Array.prototype.slice.call(t))}function y(e){return this instanceof y?(this.v=e,this):new y(e)}function w(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),a=[];return r={},i("next"),i("throw"),i("return"),r[Symbol.asyncIterator]=function(){return this},r;function i(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){a.push([e,t,n,r])>1||l(e,t)}))})}function l(e,t){try{(n=o[e](t)).value instanceof y?Promise.resolve(n.value.v).then(s,u):c(a[0][2],n)}catch(r){c(a[0][3],r)}var n}function s(e){l("next",e)}function u(e){l("throw",e)}function c(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function k(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:y(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function E(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=m(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function S(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var C=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function x(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&f(t,e,n);return C(t,e),t}function T(e){return e&&e.__esModule?e:{default:e}}function _(e,t,n,r){if("a"===n&&!r)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!r:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?r:"a"===n?r.call(e):r?r.value:t.get(e)}function A(e,t,n,r,o){if("m"===r)throw new TypeError("Private method is not writable");if("a"===r&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===r?o.call(e,n):o?o.value=n:t.set(e,n),n}function P(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},7462:function(e,t,n){"use strict";function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},r.apply(this,arguments)}n.d(t,{Z:function(){return r}})},5068:function(e,t,n){"use strict";function r(e,t){return r=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},r(e,t)}function o(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,r(e,t)}n.d(t,{Z:function(){return o}})},3366:function(e,t,n){"use strict";function r(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n.d(t,{Z:function(){return r}})},7529:function(e){"use strict";e.exports={}}},function(e){e.O(0,[532],(function(){return t=2067,e(e.s=t);var t}));e.O()}]);
\ No newline at end of file
diff --git a/docs/assets/js/main.976825f3.js.LICENSE.txt b/docs/assets/js/main.9497beb3.js.LICENSE.txt
similarity index 62%
rename from docs/assets/js/main.976825f3.js.LICENSE.txt
rename to docs/assets/js/main.9497beb3.js.LICENSE.txt
index 25dc9f7666..6e08db297b 100644
--- a/docs/assets/js/main.976825f3.js.LICENSE.txt
+++ b/docs/assets/js/main.9497beb3.js.LICENSE.txt
@@ -7,21 +7,6 @@ object-assign
 /* NProgress, (c) 2013, 2014 Rico Sta. Cruz - http://ricostacruz.com/nprogress
  * @license MIT */
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
 /**
  * Prism: Lightweight, robust, elegant syntax highlighting
  *
diff --git a/docs/assets/js/runtime~main.8621415a.js b/docs/assets/js/runtime~main.8da4b2fa.js
similarity index 68%
rename from docs/assets/js/runtime~main.8621415a.js
rename to docs/assets/js/runtime~main.8da4b2fa.js
index b2637aaf69..af7d4d74fd 100644
--- a/docs/assets/js/runtime~main.8621415a.js
+++ b/docs/assets/js/runtime~main.8da4b2fa.js
@@ -1 +1 @@
-!function(){"use strict";var e,t,c,a,n,d={},f={};function r(e){var t=f[e];if(void 0!==t)return t.exports;var c=f[e]={id:e,loaded:!1,exports:{}};return d[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=d,r.c=f,e=[],r.O=function(t,c,a,n){if(!c){var d=1/0;for(u=0;u<e.length;u++){c=e[u][0],a=e[u][1],n=e[u][2];for(var f=!0,o=0;o<c.length;o++)(!1&n||d>=n)&&Object.keys(r.O).every((function(e){return r.O[e](c[o])}))?c.splice(o--,1):(f=!1,n<d&&(d=n));if(f){e.splice(u--,1);var b=a();void 0!==b&&(t=b)}}return t}n=n||0;for(var u=e.length;u>0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[c,a,n]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},c=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},r.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var n=Object.create(null);r.r(n);var d={};t=t||[null,c({}),c([]),c(c)];for(var f=2&a&&e;"object"==typeof f&&!~t.indexOf(f);f=c(f))Object.getOwnPropertyNames(f).forEach((function(t){d[t]=function(){return e[t]}}));return d.default=function(){return e},r.d(n,d),n},r.d=function(e,t){for(var c in t)r.o(t,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:t[c]})},r.f={},r.e=function(e){return Promise.all(Object.keys(r.f).reduce((function(t,c){return r.f[c](e,t),t}),[]))},r.u=function(e){return"assets/js/"+({53:"935f2afb",197:"f47480b6",823:"26de33a6",851:"67fe8101",970:"439cf805",1433:"ca1f880d",1883:"d2893813",1971:"9b1aedb9",2006:"252fc78e",2093:"a8d4c3b8",2263:"e9a55e4f",2356:"3271ea21",2631:"21b59d39",2827:"33ad726a",2897:"d7557b9c",3078:"46dfa582",3239:"5a89ce28",3356:"e7a8af94",3441:"e980854f",3462:"9319123e",3591:"6cd6f2d0",3608:"9e4087bc",3659:"9349bc51",4115:"0e1cc045",4195:"c4f5d8e4",4211:"2bab1a34",4387:"8261b3ae",4410:"7dd98bf6",4422:"6d4a5948",4794:"8c787392",5067:"efb513c4",5237:"45b3bc2b",5521:"9490fe92",5525:"dca7770d",5540:"fc200d0b",5732:"c7696cea",5965:"9d80a3e0",6245:"41d5c757",6397:"ad5a405e",6539:"f853bef5",7275:"0559bc72",7288:"059ad4b7",7542:"10dbb51d",7622:"6487326b",7654:"1760a165",7674:"06fd818d",7918:"17896441",8181:"9c9f2867",8995:"3bc50dcd",9142:"7422b43d",9173:"6d890e16",9202:"9c1dde54",9207:"248bd046",9458:"a5f39795",9487:"958a5516",9514:"1be78505",9688:"42cfc9ed",9766:"9102e8b0"}[e]||e)+"."+{53:"cefb87a7",197:"a990f69a",823:"8189057a",851:"d7889929",970:"f9212813",1433:"65e734cb",1883:"2b8003e7",1971:"25166ea0",2006:"7c36214a",2093:"c0bba330",2263:"27a88045",2356:"4b22b297",2631:"ac16f75b",2827:"7427a906",2897:"c69a23a7",3078:"dc9c13f0",3239:"d99f99cb",3356:"a62b3242",3441:"5bf86a06",3462:"a2a7eacb",3591:"501a957f",3608:"e453f50d",3659:"90c8da68",4115:"86a14a83",4195:"d3db454b",4211:"54393321",4387:"e44c3351",4410:"807351f3",4422:"9f5dd011",4608:"2bed67bb",4794:"6c8a911f",5067:"f44b00f8",5237:"43b36f3b",5521:"ebc90094",5525:"1363a6c4",5540:"38a50702",5732:"60ad3ea4",5965:"bc7089cf",6245:"51125545",6397:"ce8271d2",6539:"1247422a",7275:"c2ce08c7",7288:"dac323d4",7542:"9f07766d",7622:"f4a7f91d",7654:"ab4d3ce3",7674:"53104c36",7918:"c3627f31",8181:"f8bf9588",8995:"93b6b542",9142:"bb9eca4c",9173:"fbe8fbf7",9202:"319bcc74",9207:"b97eadac",9458:"362b33b6",9487:"bbce5a05",9514:"4b2c25c4",9688:"ed63a957",9766:"d785e669"}[e]+".js"},r.miniCssF=function(e){return"assets/css/styles.63ef231d.css"},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a={},n="website:",r.l=function(e,t,c,d){if(a[e])a[e].push(t);else{var f,o;if(void 0!==c)for(var b=document.getElementsByTagName("script"),u=0;u<b.length;u++){var i=b[u];if(i.getAttribute("src")==e||i.getAttribute("data-webpack")==n+c){f=i;break}}f||(o=!0,(f=document.createElement("script")).charset="utf-8",f.timeout=120,r.nc&&f.setAttribute("nonce",r.nc),f.setAttribute("data-webpack",n+c),f.src=e),a[e]=[t];var s=function(t,c){f.onerror=f.onload=null,clearTimeout(l);var n=a[e];if(delete a[e],f.parentNode&&f.parentNode.removeChild(f),n&&n.forEach((function(e){return e(c)})),t)return t(c)},l=setTimeout(s.bind(null,void 0,{type:"timeout",target:f}),12e4);f.onerror=s.bind(null,f.onerror),f.onload=s.bind(null,f.onload),o&&document.head.appendChild(f)}},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/volto-eea-design-system/",r.gca=function(e){return e={17896441:"7918","935f2afb":"53",f47480b6:"197","26de33a6":"823","67fe8101":"851","439cf805":"970",ca1f880d:"1433",d2893813:"1883","9b1aedb9":"1971","252fc78e":"2006",a8d4c3b8:"2093",e9a55e4f:"2263","3271ea21":"2356","21b59d39":"2631","33ad726a":"2827",d7557b9c:"2897","46dfa582":"3078","5a89ce28":"3239",e7a8af94:"3356",e980854f:"3441","9319123e":"3462","6cd6f2d0":"3591","9e4087bc":"3608","9349bc51":"3659","0e1cc045":"4115",c4f5d8e4:"4195","2bab1a34":"4211","8261b3ae":"4387","7dd98bf6":"4410","6d4a5948":"4422","8c787392":"4794",efb513c4:"5067","45b3bc2b":"5237","9490fe92":"5521",dca7770d:"5525",fc200d0b:"5540",c7696cea:"5732","9d80a3e0":"5965","41d5c757":"6245",ad5a405e:"6397",f853bef5:"6539","0559bc72":"7275","059ad4b7":"7288","10dbb51d":"7542","6487326b":"7622","1760a165":"7654","06fd818d":"7674","9c9f2867":"8181","3bc50dcd":"8995","7422b43d":"9142","6d890e16":"9173","9c1dde54":"9202","248bd046":"9207",a5f39795:"9458","958a5516":"9487","1be78505":"9514","42cfc9ed":"9688","9102e8b0":"9766"}[e]||e,r.p+r.u(e)},function(){var e={1303:0,532:0};r.f.j=function(t,c){var a=r.o(e,t)?e[t]:void 0;if(0!==a)if(a)c.push(a[2]);else if(/^(1303|532)$/.test(t))e[t]=0;else{var n=new Promise((function(c,n){a=e[t]=[c,n]}));c.push(a[2]=n);var d=r.p+r.u(t),f=new Error;r.l(d,(function(c){if(r.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=c&&("load"===c.type?"missing":c.type),d=c&&c.target&&c.target.src;f.message="Loading chunk "+t+" failed.\n("+n+": "+d+")",f.name="ChunkLoadError",f.type=n,f.request=d,a[1](f)}}),"chunk-"+t,t)}},r.O.j=function(t){return 0===e[t]};var t=function(t,c){var a,n,d=c[0],f=c[1],o=c[2],b=0;if(d.some((function(t){return 0!==e[t]}))){for(a in f)r.o(f,a)&&(r.m[a]=f[a]);if(o)var u=o(r)}for(t&&t(c);b<d.length;b++)n=d[b],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(u)},c=self.webpackChunkwebsite=self.webpackChunkwebsite||[];c.forEach(t.bind(null,0)),c.push=t.bind(null,c.push.bind(c))}()}();
\ No newline at end of file
+!function(){"use strict";var e,t,c,a,n,f={},d={};function r(e){var t=d[e];if(void 0!==t)return t.exports;var c=d[e]={id:e,loaded:!1,exports:{}};return f[e].call(c.exports,c,c.exports,r),c.loaded=!0,c.exports}r.m=f,r.c=d,e=[],r.O=function(t,c,a,n){if(!c){var f=1/0;for(u=0;u<e.length;u++){c=e[u][0],a=e[u][1],n=e[u][2];for(var d=!0,o=0;o<c.length;o++)(!1&n||f>=n)&&Object.keys(r.O).every((function(e){return r.O[e](c[o])}))?c.splice(o--,1):(d=!1,n<f&&(f=n));if(d){e.splice(u--,1);var b=a();void 0!==b&&(t=b)}}return t}n=n||0;for(var u=e.length;u>0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[c,a,n]},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},c=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},r.t=function(e,a){if(1&a&&(e=this(e)),8&a)return e;if("object"==typeof e&&e){if(4&a&&e.__esModule)return e;if(16&a&&"function"==typeof e.then)return e}var n=Object.create(null);r.r(n);var f={};t=t||[null,c({}),c([]),c(c)];for(var d=2&a&&e;"object"==typeof d&&!~t.indexOf(d);d=c(d))Object.getOwnPropertyNames(d).forEach((function(t){f[t]=function(){return e[t]}}));return f.default=function(){return e},r.d(n,f),n},r.d=function(e,t){for(var c in t)r.o(t,c)&&!r.o(e,c)&&Object.defineProperty(e,c,{enumerable:!0,get:t[c]})},r.f={},r.e=function(e){return Promise.all(Object.keys(r.f).reduce((function(t,c){return r.f[c](e,t),t}),[]))},r.u=function(e){return"assets/js/"+({53:"935f2afb",197:"f47480b6",823:"26de33a6",851:"67fe8101",970:"439cf805",1433:"ca1f880d",1883:"d2893813",1971:"9b1aedb9",2006:"252fc78e",2093:"a8d4c3b8",2263:"e9a55e4f",2356:"3271ea21",2631:"21b59d39",2827:"33ad726a",2897:"d7557b9c",3078:"46dfa582",3239:"5a89ce28",3356:"e7a8af94",3441:"e980854f",3462:"9319123e",3591:"6cd6f2d0",3608:"9e4087bc",3659:"9349bc51",4115:"0e1cc045",4195:"c4f5d8e4",4211:"2bab1a34",4387:"8261b3ae",4410:"7dd98bf6",4422:"6d4a5948",4794:"8c787392",5067:"efb513c4",5237:"45b3bc2b",5521:"9490fe92",5525:"dca7770d",5540:"fc200d0b",5732:"c7696cea",5965:"9d80a3e0",6245:"41d5c757",6397:"ad5a405e",6539:"f853bef5",7275:"0559bc72",7288:"059ad4b7",7542:"10dbb51d",7622:"6487326b",7654:"1760a165",7674:"06fd818d",7918:"17896441",8181:"9c9f2867",8995:"3bc50dcd",9142:"7422b43d",9173:"6d890e16",9202:"9c1dde54",9207:"248bd046",9458:"a5f39795",9487:"958a5516",9514:"1be78505",9688:"42cfc9ed",9766:"9102e8b0"}[e]||e)+"."+{53:"cefb87a7",197:"a990f69a",823:"8189057a",851:"d7889929",970:"f9212813",1433:"65e734cb",1883:"2b8003e7",1971:"25166ea0",2006:"7c36214a",2093:"c0bba330",2263:"27a88045",2356:"4b22b297",2631:"ac16f75b",2827:"7427a906",2897:"c69a23a7",3078:"dc9c13f0",3239:"761078ab",3356:"a62b3242",3441:"5bf86a06",3462:"a2a7eacb",3591:"501a957f",3608:"e453f50d",3659:"90c8da68",4115:"86a14a83",4195:"d3db454b",4211:"54393321",4387:"e44c3351",4410:"807351f3",4422:"9f5dd011",4608:"2bed67bb",4794:"6c8a911f",5067:"f44b00f8",5237:"43b36f3b",5521:"ebc90094",5525:"1363a6c4",5540:"38a50702",5732:"60ad3ea4",5965:"bc7089cf",6245:"d4ad50ea",6397:"ce8271d2",6539:"1247422a",7275:"c2ce08c7",7288:"dac323d4",7542:"9f07766d",7622:"f4a7f91d",7654:"ab4d3ce3",7674:"53104c36",7918:"c3627f31",8181:"f8bf9588",8995:"93b6b542",9142:"bb9eca4c",9173:"fbe8fbf7",9202:"319bcc74",9207:"b97eadac",9458:"362b33b6",9487:"bbce5a05",9514:"4b2c25c4",9688:"ed63a957",9766:"d785e669"}[e]+".js"},r.miniCssF=function(e){return"assets/css/styles.63ef231d.css"},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a={},n="website:",r.l=function(e,t,c,f){if(a[e])a[e].push(t);else{var d,o;if(void 0!==c)for(var b=document.getElementsByTagName("script"),u=0;u<b.length;u++){var i=b[u];if(i.getAttribute("src")==e||i.getAttribute("data-webpack")==n+c){d=i;break}}d||(o=!0,(d=document.createElement("script")).charset="utf-8",d.timeout=120,r.nc&&d.setAttribute("nonce",r.nc),d.setAttribute("data-webpack",n+c),d.src=e),a[e]=[t];var s=function(t,c){d.onerror=d.onload=null,clearTimeout(l);var n=a[e];if(delete a[e],d.parentNode&&d.parentNode.removeChild(d),n&&n.forEach((function(e){return e(c)})),t)return t(c)},l=setTimeout(s.bind(null,void 0,{type:"timeout",target:d}),12e4);d.onerror=s.bind(null,d.onerror),d.onload=s.bind(null,d.onload),o&&document.head.appendChild(d)}},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="/volto-eea-design-system/",r.gca=function(e){return e={17896441:"7918","935f2afb":"53",f47480b6:"197","26de33a6":"823","67fe8101":"851","439cf805":"970",ca1f880d:"1433",d2893813:"1883","9b1aedb9":"1971","252fc78e":"2006",a8d4c3b8:"2093",e9a55e4f:"2263","3271ea21":"2356","21b59d39":"2631","33ad726a":"2827",d7557b9c:"2897","46dfa582":"3078","5a89ce28":"3239",e7a8af94:"3356",e980854f:"3441","9319123e":"3462","6cd6f2d0":"3591","9e4087bc":"3608","9349bc51":"3659","0e1cc045":"4115",c4f5d8e4:"4195","2bab1a34":"4211","8261b3ae":"4387","7dd98bf6":"4410","6d4a5948":"4422","8c787392":"4794",efb513c4:"5067","45b3bc2b":"5237","9490fe92":"5521",dca7770d:"5525",fc200d0b:"5540",c7696cea:"5732","9d80a3e0":"5965","41d5c757":"6245",ad5a405e:"6397",f853bef5:"6539","0559bc72":"7275","059ad4b7":"7288","10dbb51d":"7542","6487326b":"7622","1760a165":"7654","06fd818d":"7674","9c9f2867":"8181","3bc50dcd":"8995","7422b43d":"9142","6d890e16":"9173","9c1dde54":"9202","248bd046":"9207",a5f39795:"9458","958a5516":"9487","1be78505":"9514","42cfc9ed":"9688","9102e8b0":"9766"}[e]||e,r.p+r.u(e)},function(){var e={1303:0,532:0};r.f.j=function(t,c){var a=r.o(e,t)?e[t]:void 0;if(0!==a)if(a)c.push(a[2]);else if(/^(1303|532)$/.test(t))e[t]=0;else{var n=new Promise((function(c,n){a=e[t]=[c,n]}));c.push(a[2]=n);var f=r.p+r.u(t),d=new Error;r.l(f,(function(c){if(r.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var n=c&&("load"===c.type?"missing":c.type),f=c&&c.target&&c.target.src;d.message="Loading chunk "+t+" failed.\n("+n+": "+f+")",d.name="ChunkLoadError",d.type=n,d.request=f,a[1](d)}}),"chunk-"+t,t)}},r.O.j=function(t){return 0===e[t]};var t=function(t,c){var a,n,f=c[0],d=c[1],o=c[2],b=0;if(f.some((function(t){return 0!==e[t]}))){for(a in d)r.o(d,a)&&(r.m[a]=d[a]);if(o)var u=o(r)}for(t&&t(c);b<f.length;b++)n=f[b],r.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return r.O(u)},c=self.webpackChunkwebsite=self.webpackChunkwebsite||[];c.forEach(t.bind(null,0)),c.push=t.bind(null,c.push.bind(c))}()}();
\ No newline at end of file
diff --git a/docs/blog/archive/index.html b/docs/blog/archive/index.html
index 5ddc273f9c..bdfa656ecc 100644
--- a/docs/blog/archive/index.html
+++ b/docs/blog/archive/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Archive | EEA Design System</title><meta data-react-helmet="true" property="og:title" content="Archive | EEA Design System"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" name="description" content="Archive"><meta data-react-helmet="true" property="og:description" content="Archive"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/blog/archive/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_tag" content="default"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/blog/archive/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/blog/archive/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/blog/archive/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper"><header class="hero hero--primary"><div class="container"><h1 class="hero__title">Archive</h1><p class="hero__subtitle">Archive</p></div></header><main></main></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Accordion/index.html b/docs/docs/Components/Accordion/index.html
index 67e54a426b..fd7ca521a5 100644
--- a/docs/docs/Components/Accordion/index.html
+++ b/docs/docs/Components/Accordion/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Accordion | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Accordion/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Accordion | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Accordion/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Accordion/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Accordion/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Accordion</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The accordion component is used to generate vertically stacked content in a page. It is intended to save vertical space by hiding content, reducing scrolling.</p><p>Accordions contain labels with the relevant information. Users can click on the accordion to read additional information. For this reason, accordion labels (collapsed state) should be as descriptive and concise as possible.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use labels that are representative of the content inside the (initially hidden) container</li><li>order logically (such as 1st quarter, 2nd quarter, 3rd quarter, 4th quarter)</li><li>make sure this component is required in order to shorten the page</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use unless users will benefit from hidden information</li><li>don&#x27;t use actionable items (i.e. forms, accordions, buttons, CTAs, etc.) or pictures in the content container as they will have decreased visibility</li><li>don&#x27;t hide important information that should be present at all times</li><li>don&#x27;t use long labels, ideally keep it to one line, maximum 2</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>when you need to present multiple sections of content in a simple way on one page, without overwhelming the user (especially applicable to mobile)</li><li>when it’s not critical for every user to read every section of content, adding value</li><li>when you can make extensive and complex content easier to digest through descriptive labels</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use when pages are short (reading time: under 3 minutes)</li><li>don&#x27;t use when information would be better structured horizontally (does not need comparison between sections) - use tabs instead</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-accordion--default&amp;args=variant:styled;fluid:false;styled:false" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/PageHeader/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Page Header</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Blockquote/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Blockquote<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Blockquote/index.html b/docs/docs/Components/Blockquote/index.html
index 71aecd37fb..b2e5169383 100644
--- a/docs/docs/Components/Blockquote/index.html
+++ b/docs/docs/Components/Blockquote/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Blockquote | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Blockquote/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Blockquote | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Blockquote/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Blockquote/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Blockquote/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Blockquote</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The blockquotes component is used to capture users&#x27; attention of an excerpt, testimonial, or a quote cited from the article or other sources. The design style makes the quoted section more distinguishable than the rest of the content in the web page.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>always name the source of the quoted content</li><li>limit the quote to no longer than 80 characters</li><li>use the image variant to add a portrait of the quoted person</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not apply more than two blockquotes components on the webpage</li><li>for the image variant, do not use a photoshopped composition of images</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>quoting something important</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>to emphasize text style</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-blockquote--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Accordion/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Accordion</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Breadcrumb/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Breadcrumb<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Breadcrumb/index.html b/docs/docs/Components/Breadcrumb/index.html
index 7c1e38d781..39ef9e26e4 100644
--- a/docs/docs/Components/Breadcrumb/index.html
+++ b/docs/docs/Components/Breadcrumb/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Breadcrumb | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Breadcrumb/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Breadcrumb | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Breadcrumb/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Breadcrumb/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Breadcrumb/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Breadcrumb</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The Breadcrumb informs the users on their current location relative to the homepage of the website and allows them to navigate to higher levels. It is a series links except the last item in the group, which is the current page.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>the first element of the breadcrumb must always be labelled &quot;Home&quot; and must link to the homepage of the actual site where the current user page is located</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>use long labels which creates visual clutter</li><li>breadcrumb links cannot exceed 220px in length else they will be truncated</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>if your website&#x27;s navigational structure is a tree of more than 2 levels</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>if your website&#x27;s navigational structure has less than 3 levels of depth</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-breadcrumb--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Blockquote/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Blockquote</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Buttons/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Buttons<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Buttons/index.html b/docs/docs/Components/Buttons/index.html
index 818c53bcee..0fb36347b6 100644
--- a/docs/docs/Components/Buttons/index.html
+++ b/docs/docs/Components/Buttons/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Buttons | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Buttons/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Buttons | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Buttons/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Buttons/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Buttons/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Buttons</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Buttons trigger an action in a web page. There are 4 variants of the button component with different levels of importance and usages.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="primary-button">Primary Button<a aria-hidden="true" class="hash-link" href="#primary-button" title="Direct link to heading">​</a></h2><p>Use for basic and successful actions. They direct the user’s attention to the primary action the application is suggesting that the user take.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>make sure the button‘s microcopy represents the action such as “Submit“ or “Register“</li><li>use an icon only when it is necessary</li><li>use to perform a new action, task, move to next step</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t assign an action that should be assigned for a CTA (Call To Action) or other variations of buttons</li><li>don&#x27;t use an icon when it is not relevant or necessary to the action</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use for navigation</li><li>don&#x27;t use for downloads</li><li>don&#x27;t use when the primary action is negative - use secondary button</li><li>don&#x27;t use when the action can&#x27;t be undone, such as delete</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="secondary-button">Secondary Button<a aria-hidden="true" class="hash-link" href="#secondary-button" title="Direct link to heading">​</a></h2><p>Use for medium-emphasis actions. They contain actions that are important but aren’t the primary action. They are used to indicate a secondary action that compliments a primary action or to reduce visual noise when there are many actions of equal importance on the page.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos-1">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos-1" title="Direct link to heading">​</a></h3><ul><li>ensure the button performs an action, such as &quot;Cancel&quot;, &quot;Delete,&quot; &quot;Remove&quot; or &quot;Replace&quot; as the secondary action next to the primary button</li><li>use an icon only when it is necessary</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts-1">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts-1" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use for primary positive actions – such as Submit, Send, Accept, Apply or navigation</li><li>don&#x27;t use on its own</li><li>don&#x27;t use for navigation</li><li>don&#x27;t use an icon when it is not relevant or necessary to the action</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="text-link-button">Text link Button<a aria-hidden="true" class="hash-link" href="#text-link-button" title="Direct link to heading">​</a></h2><p>Use for low-emphasis actions or for buttons that could have a long length text. It can be grouped with other buttons or placed independently.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use with low emphasis in a button group</li><li>use on pages/cards when the main focus should be the content and not the button</li><li>when there is a single action intended</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use-1">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use-1" title="Direct link to heading">​</a></h3><ul><li>do not use for navigation purpose</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default-button">Default Button<a aria-hidden="true" class="hash-link" href="#default-button" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:150px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-button--primary&amp;args=" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="secondary-button">Secondary Button<a aria-hidden="true" class="hash-link" href="#secondary-button" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:150px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-button--secondary&amp;args=" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="secondary-button-inverted">Secondary Button Inverted<a aria-hidden="true" class="hash-link" href="#secondary-button-inverted" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:150px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-button--secondary-inverted&amp;args=" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="call-to-action">Call To Action<a aria-hidden="true" class="hash-link" href="#call-to-action" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:150px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-button--call-to-action&amp;args=" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="text-button">Text Button<a aria-hidden="true" class="hash-link" href="#text-button" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:150px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-button--text&amp;args=" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Breadcrumb/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Breadcrumb</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Cards/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Card<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Cards/index.html b/docs/docs/Components/Cards/index.html
index 986d22dd10..0c8020f9c1 100644
--- a/docs/docs/Components/Cards/index.html
+++ b/docs/docs/Components/Cards/index.html
@@ -5,14 +5,14 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Card | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Cards/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Card | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Cards/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Cards/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Cards/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Card</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Cards component is used as an entry point to more detailed information. The component can include various sets of elements to serve users&#x27; specific needs.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use cards to emphasize on contents</li><li>only display the most relevant information on each card
 illustration: card with a thumbnail, title, description</li><li>keep the amount of links on the cards as low as possible</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>overuse cards</li><li>limit the amount of cards to small groups of items</li><li>limit to 3-4 cards within a row</li><li>display too many links on a cards, the main and ideally only action on card should remain to navigate to the content it represent</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li><p>browsing for information (as opposed to searching)</p></li><li><p>grouping heterogeneous types of content</p></li><li><p>allowing users to scan through content in small portions</p><ul><li>to display structured content</li><li>to make information discoverable</li></ul></li><li><p>the user goals that the card-based web design best responds to:</p><ul><li>scrolling through</li><li>scanning through</li><li>browsing through</li></ul></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>searching for information (as opposed to browsing)</li><li>on small screen display avoid using too many cards as they force users to scroll down and rely on their short-term memory. This creates a cognitive overload, a negative user experience</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-card--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Buttons/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Buttons</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Comment/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Comment<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Comment/index.html b/docs/docs/Components/Comment/index.html
index bd8bc28913..881b654425 100644
--- a/docs/docs/Components/Comment/index.html
+++ b/docs/docs/Components/Comment/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Comment | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Comment/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Comment | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Comment/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Comment/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Comment/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Comment</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>No specific UX guidelines</p></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:600px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-comment--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Cards/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Card</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Confirm/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Confirm<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Confirm/index.html b/docs/docs/Components/Confirm/index.html
index cd941fd6b7..7b3d4f7669 100644
--- a/docs/docs/Components/Confirm/index.html
+++ b/docs/docs/Components/Confirm/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Confirm | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Confirm/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Confirm | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Confirm/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Confirm/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Confirm/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Confirm</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A confirmation dialog asks users whether they are sure that they want to proceed with an action.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use a confirmation dialog before actions that cannot be undone</li><li>be specific and inform users about the consequence of their actions.</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not use confirmation dialogs for routine actions</li><li>avoid giving confirmation dialogs a default Yes answer</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-confirm--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Comment/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Comment</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Divider/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Divider<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Divider/index.html b/docs/docs/Components/Divider/index.html
index 090ff26b98..4328521b21 100644
--- a/docs/docs/Components/Divider/index.html
+++ b/docs/docs/Components/Divider/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Divider | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Divider/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Divider | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Divider Component"><meta data-react-helmet="true" property="og:description" content="EEA Divider Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Divider/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Divider/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Divider/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Divider</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Dividers are used throughout all types of design to establish content hierarchy and separate themes. Deceptively simple, they are one of the main contributors to our visual style. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="kinds-of-visualdividers">Kinds of Visual Dividers<a aria-hidden="true" class="hash-link" href="#kinds-of-visualdividers" title="Direct link to heading">​</a></h3><p>Talking about dividers, we can analyze them in two aspects: their appearance and their functions. Starting with the visual part, there are 4 basic and broadly used methods of dividing content in our user interfaces: </p><ul><li><p>Lines </p></li><li><p>Color contrast </p></li><li><p>Negative space </p></li><li><p>Images </p></li></ul><p><strong>Lines</strong> have belonged to the top methods of separating the pieces of content since time immemorial, both in print production and in digital interfaces. They are recognized easily in this role, so users won’t need to think twice. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><p>Too many lines can overload the screen with visual noise and create unnecessary visual tension. Use lines only if the content cannot be effectively divided in another way. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li><p>when whitespace is not enough of a separator</p></li><li><p>in lists, separate items to show they are individual and unrelated items when each item is long and otherwise difficult to scan</p></li><li><p>in layouts, when background color changes (e.g. from Gray 100 to White) </p></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li><p>for surrounding an item, use a border instead</p></li><li><p>for grouping content, use a card or table </p></li></ul><p><strong>Color Contrast</strong> is another effective type of visual divider. Contrast is one of the key factors influencing scannability and visual hierarchy of the page or screen. With all that, color contrast can effective separate different option, items, or interactive zones, that means work as a visual divider.  </p><p><strong>Negative space (aka white space)</strong> means empty space on the screen around and often inside the elements. Yet, empty does not mean passive or wasted: as well as any other element of the screen, it works supporting a positive user experience. Negative space is one of the most popular kinds of visual dividers, especially in interfaces built on the idea of minimalism and simplicity.  Negative space turns into an effective and elegant visual divider that also let the interface to breathe and avoid clutter. </p><p><strong>Images</strong> of all kinds present one more effective visual divider. In this role, they are especially popular in the interfaces with lots of text content pages. Photos, illustrations, 3D graphics, as well as animated images, help to balance the text content, increase scannability and readability levels, effectively divide the visual blocks, as well as add fun and emotional appeal.</p></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Confirm/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Confirm</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Checkbox<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Forms/Checkbox/index.html b/docs/docs/Components/Forms/Checkbox/index.html
index f6495a0530..e0ea3dad53 100644
--- a/docs/docs/Components/Forms/Checkbox/index.html
+++ b/docs/docs/Components/Forms/Checkbox/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Checkbox | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Checkbox/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Checkbox | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Input Component"><meta data-react-helmet="true" property="og:description" content="EEA Input Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Checkbox/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Checkbox/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Checkbox/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Checkbox</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextInput/">Text Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Radio/">Radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextArea/">Text Area</a></li></ul></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Checkbox</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The checkbox is a form input for users to choose one or more options from the list of selections.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Dos<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>always make sure each checkbox has a short, distinct and indicative checkbox label</li><li>use checkbox labels as click targets (clicking the label will select that option)</li><li>arrange them vertically, in a single column layout</li><li>group related fields</li><li>order logically</li><li>indicate whether the input group is optional or mandatory</li><li>make use of helper text if there are further directions or hints the users may need in completing their goal</li><li>write specific and clear error messages, so users understand how to properly address and recover from the error</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t add them without grouping first, in a logical order</li><li>don&#x27;t restrict the number of checkboxes that can be ticked at any time</li><li>don&#x27;t nest elements under the checkbox - keep all the options on the same level</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use in any situation where the input information is known to the organisation</li><li>when users need to select options or toggle settings</li><li>in forms with multiple non-exclusive options</li><li>in search filters</li><li>to turn a setting option on or off</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>do not use it when you have mutually exclusive items</li><li>do not use it if the checkbox selection will perform an action</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-checkbox--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="invalid">Invalid<a aria-hidden="true" class="hash-link" href="#invalid" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-checkbox--invalid" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="optional">Optional<a aria-hidden="true" class="hash-link" href="#optional" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-checkbox--optional" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="single">Single<a aria-hidden="true" class="hash-link" href="#single" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-checkbox--single" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Divider/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Divider</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Dropdown<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Forms/Dropdown/index.html b/docs/docs/Components/Forms/Dropdown/index.html
index d588f05438..374f69cbae 100644
--- a/docs/docs/Components/Forms/Dropdown/index.html
+++ b/docs/docs/Components/Forms/Dropdown/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Dropdown | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Dropdown/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Dropdown | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Input Component"><meta data-react-helmet="true" property="og:description" content="EEA Input Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Dropdown/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Dropdown/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Dropdown/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Checkbox</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextInput/">Text Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Radio/">Radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextArea/">Text Area</a></li></ul></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Dropdown</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default-single-select">Default single select<a aria-hidden="true" class="hash-link" href="#default-single-select" title="Direct link to heading">​</a></h2><p>The select component, is a widget which displays a list of selectable items from which the user can select one values.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>write short, distinct and indicative headings for the items listed inside the dropdown</li><li>use dropdown select menu labels as click targets (clicking the label will trigger the action)</li><li>indicate whether the input is optional</li><li>make use of helper text if there are further directions or hints the users may need in completing their goal (example: <em>you must be a current resident of this country</em>)</li><li>write specific and clear error message texts, so users understand how to address the error</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use as navigation</li><li>don&#x27;t use it for multi-select</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>when there are more than 5 options to select from</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>when you want users to read all options</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-dropdown--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Checkbox</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/TextInput/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Text Input<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Forms/Radio/index.html b/docs/docs/Components/Forms/Radio/index.html
index e2c9f0861f..b03e7bfe54 100644
--- a/docs/docs/Components/Forms/Radio/index.html
+++ b/docs/docs/Components/Forms/Radio/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Radio | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Radio/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Radio | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Input Component"><meta data-react-helmet="true" property="og:description" content="EEA Input Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Radio/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Radio/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/Radio/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Checkbox</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextInput/">Text Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Radio/">Radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextArea/">Text Area</a></li></ul></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Radio</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Radio buttons provides a selection with two or more options. Only one option can be selected.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use labels as click targets (clicking the label will select that option)</li><li>group related fields</li><li>order logically (e.g. ages 18-25, ages 25-35, ages, 35-50, over 65)</li><li>indicate whether the input group is optional - <em>if it&#x27;s mandatory, have a neutral option (e.g. other, n/a) selected by default</em></li><li>make use of helper text if there are further directions or hints the users may need in completing their goal</li><li>write specific and clear error messages, so users understand how to address the error</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t add them without grouping first</li><li>don&#x27;t nest elements under radio buttons - keep all the options on the same level</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>when you have under 10 items</li><li>when users need to select options or toggle settings, for example</li><li>in forms with multiple non-exclusive options (e.g. search filters)</li><li>only one selection can be made</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>avoid when more than one option can be selected - use checkboxes instead</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-radio--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="invalid">Invalid<a aria-hidden="true" class="hash-link" href="#invalid" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-radio--invalid" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="binary">Binary<a aria-hidden="true" class="hash-link" href="#binary" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-radio--binary" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/TextInput/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Text Input</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/TextArea/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Text Area<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Forms/TextArea/index.html b/docs/docs/Components/Forms/TextArea/index.html
index 1e4af4e1fb..d3a336cc87 100644
--- a/docs/docs/Components/Forms/TextArea/index.html
+++ b/docs/docs/Components/Forms/TextArea/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Text Area | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextArea/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Text Area | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Input Component"><meta data-react-helmet="true" property="og:description" content="EEA Input Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextArea/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextArea/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextArea/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Checkbox</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextInput/">Text Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Radio/">Radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextArea/">Text Area</a></li></ul></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Text Area</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A text area is an input field allowing users to enter multiple lines of text.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>allow copy/paste for ease of use</li><li>match the text field to the expected size of the input - make it wide enough for the user to see their entire entry</li><li>write specific and clear error message texts, so users understand how to address the error</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use placeholder text in the text field - this may not be read by screen reading software, leading to accessibility issues</li><li>don&#x27;t have a mandatory minimum input of characters</li><li>don&#x27;t restrict the use of uncommon or special characters</li><li>don&#x27;t disable copy and paste functions</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use in any situation where the user needs to input a large, or unknown, amount of data</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>do not use when expected input is short</li><li>do not use when the user must respond with specific options which are known to the organisation</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:200px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-text-area--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Radio/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Radio</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Headings/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Headings<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Forms/TextInput/index.html b/docs/docs/Components/Forms/TextInput/index.html
index 71ce638b26..4df6e00552 100644
--- a/docs/docs/Components/Forms/TextInput/index.html
+++ b/docs/docs/Components/Forms/TextInput/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Text Input | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextInput/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Text Input | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Input Component"><meta data-react-helmet="true" property="og:description" content="EEA Input Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextInput/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextInput/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Forms/TextInput/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Checkbox</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/">Dropdown</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextInput/">Text Input</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Radio/">Radio</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/TextArea/">Text Area</a></li></ul></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Text Input</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A text field is an input that can be used on a form, sign-in or any place where data is requested from the user.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h2><ul><li>minimise the number of input fields - only ask for necessary information</li><li>arrange them vertically for better layout and readability</li><li>group related fields together</li><li>order input fields logically, matching real-world task succession and interactions</li><li>always label each text area with a short, descriptive title, placed above the text area</li><li>indicate whether the input field is optional or mandatory</li><li>make use of helper text if there are further directions or hints the users may need in completing their goal (example: Must be at least 6 characters and contain a number and a special character)</li><li>allow copy/paste for ease of use</li><li>if a character counter is necessary, place it below the text area</li><li>match the text field area to the expected size of the input - make it wide enough for the user to see their entire entry</li><li>write specific and descriptive error message for easy comprehension</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h2><ul><li>don&#x27;t use placeholder text in the text area - this may not be read by screen reading software, leading to accessibility issues</li><li>don&#x27;t have a mandatory minimum input of characters</li><li>don&#x27;t restrict the use of uncommon or special characters</li><li>don&#x27;t disable copyand paste functions</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h2><ul><li>use in any situation where the user needs to input limited amount of data (name, email address, age, etc)</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h2><ul><li>do not use where the user needs to input a large, or unknown amount of data</li><li>do not use when the user must respond with specific options which are known to the organisation</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="standard">Standard<a aria-hidden="true" class="hash-link" href="#standard" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-input--standard-input" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="disabled">Disabled<a aria-hidden="true" class="hash-link" href="#disabled" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-input--disabled-input" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="loading">Loading<a aria-hidden="true" class="hash-link" href="#loading" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-input--loading-input" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="error">Error<a aria-hidden="true" class="hash-link" href="#error" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-forms-input--error-input" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Dropdown/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Dropdown</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/Radio/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Radio<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Headings/index.html b/docs/docs/Components/Headings/index.html
index a16899d9eb..74716861aa 100644
--- a/docs/docs/Components/Headings/index.html
+++ b/docs/docs/Components/Headings/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Headings | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Headings/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Headings | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Headings/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Headings/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Headings/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Headings</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Effective headings are recognizable immediately, and help readers understand the flow of content on the page.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="how-to-use">How to Use<a aria-hidden="true" class="hash-link" href="#how-to-use" title="Direct link to heading">​</a></h3><ul><li>employ visual contrast to make headings stand out. Headings need to appear separate from the rest of the content on the page</li><li>size matters: Headings should be big</li><li>use headings as titles. If we’re labeling a section of a website, the heading serves as the title for the section</li><li>be concise. Keep headings short. In some cases, it’s even okay to drop articles like “the” and “a,” as they can be assumed</li><li>not all headings should be bold</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:1200px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-heading--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Forms/TextArea/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Text Area</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Inpage Navigation<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Image/index.html b/docs/docs/Components/Image/index.html
index 0e01575533..c409e56804 100644
--- a/docs/docs/Components/Image/index.html
+++ b/docs/docs/Components/Image/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Image | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Image/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Image | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Image/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Image/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Image/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Image</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Images must have natural snapshots that show unique situations.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use stylistic tools such as light, perspective, color, focus and composition to tell stories that are authentic and believable.</li><li>the content of the photographs should be positive, optimistic, natural, realistic, warm, and welcoming. Framing should be playful and feel spontaneous</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not use images that are too dark or do not have enough contrast</li><li>do not use overlaying gradients</li><li>images that are too static or that appear too symmetrical should not be used</li><li>do not Use images that are over exposed or over saturated</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="image">Image<a aria-hidden="true" class="hash-link" href="#image" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:500px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-media-container-image--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Logo/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Logo</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Loader/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Loader<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Inpage-Navigation/index.html b/docs/docs/Components/Inpage-Navigation/index.html
index 9474047a35..012e7caf76 100644
--- a/docs/docs/Components/Inpage-Navigation/index.html
+++ b/docs/docs/Components/Inpage-Navigation/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Inpage Navigation | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Inpage-Navigation/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Inpage Navigation | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Inpage-Navigation/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Inpage-Navigation/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Inpage-Navigation/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Inpage Navigation</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A Back to Top button, which is a shortcut that allows users to quickly navigate to the top of the page.</p><p>When users get at the bottom of a really long page, they often will need to get back to the top to:</p><ul><li>see the navigation menu and choose a new destination</li><li>access filtering and sorting features</li><li>enter or edit a query in the search box</li></ul><p>When the page is really long (for example, because of infinite scrolling), it becomes too tedious to scroll back up through screens and screens of content. Hence the role of the Back to Top button.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use a &#x27;Back to Top button&#x27; for pages that are longer than 4 screens. For relatively short page lengths, &#x27;Back to Top links&#x27; are overkill </li><li>place a persistent &#x27;Back to Top button&#x27; in the lower right side of the page. This is where people expect to see it. This position is out of the way, but noticeable. When the button is placed in a different place on the screen, it is often ignored</li><li>label the button &#x27;Back to Top&#x27;. This phrase is most descriptive. An icon only (.e.g., an arrow pointing up) can be ambiguous and, depending on the graphical realization, may not convey the right meaning</li><li>keep the button small so it doesn’t cover important page elements. But, if you are on a touch screen, make it big enough so people can tap it</li><li>make the button stand out visually on the page rather than blend in. When Back to Top blends too much with the background content, users are less likely to notice and use it</li><li>consider delaying the appearance of a &#x27;Back to Top&#x27; option until after users scroll a few pages and indicate that they want to scroll up (e.g., move the scroll bar up, flick up on the page).  Thus, the button appears only when it is most likely needed, without covering up important parts of the screen the rest of the time</li><li>make the button stationary. Once it appears, don’t allow it to move. Moving elements cause major distractions, since the eye is automatically attracted to any movement on the screen</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-inpage-navigation--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Headings/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Headings</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Item/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Item<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Item/index.html b/docs/docs/Components/Item/index.html
index 5ac0892b14..a88fb7fa79 100644
--- a/docs/docs/Components/Item/index.html
+++ b/docs/docs/Components/Item/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Item | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Item/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Item | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Item/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Item/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Item/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Item</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>No specific UX guidelines</p></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="featured-item">Featured Item<a aria-hidden="true" class="hash-link" href="#featured-item" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-item--default-item" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="item-group">Item Group<a aria-hidden="true" class="hash-link" href="#item-group" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-item--default-group" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Inpage Navigation</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Labels/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Label<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Labels/index.html b/docs/docs/Components/Labels/index.html
index ff1a9dc8fb..e929b52b55 100644
--- a/docs/docs/Components/Labels/index.html
+++ b/docs/docs/Components/Labels/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Label | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Labels/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Label | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Labels/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Labels/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Labels/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Label</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Labels are used to indicate the different states for items in a list. They bring supplementary meaning by adding an indicative state (label) that is visually distinct (background colour) from other elements.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>keep the message consistent on a single list of items and express meaning based on the content in which it is being used (e.g. &quot;canceled&quot; for events)</li><li>keep the label succinct (1-2 words)</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use 2 labels at the same time (in one list)</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>when you have items in a list with multiple states (e.g. featured item &amp; generic list item; canceled, rescheduled &amp; upcoming event)</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>when all items in a list have the same state (e.g. search list items)</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="low-importance">Low Importance<a aria-hidden="true" class="hash-link" href="#low-importance" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-label--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="medium-importance">Medium Importance<a aria-hidden="true" class="hash-link" href="#medium-importance" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-label--medium-importance" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="high-importance">High Importance<a aria-hidden="true" class="hash-link" href="#high-importance" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-label--high-importance" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="highlight">Highlight<a aria-hidden="true" class="hash-link" href="#highlight" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-label--highlight" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Item/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Item</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Lists/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">List<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Lists/index.html b/docs/docs/Components/Lists/index.html
index 26e6f77313..205265b8ed 100644
--- a/docs/docs/Components/Lists/index.html
+++ b/docs/docs/Components/Lists/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">List | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Lists/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="List | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Lists/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Lists/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Lists/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
-<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>List</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="ordered-lists">Ordered lists<a aria-hidden="true" class="hash-link" href="#ordered-lists" title="Direct link to heading">​</a></h2><p>Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 &amp; 2 under item 3).</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user</li><li>indicate the external links, if linking to any pages external to the EEA</li><li>for easy to read purpose, try to use labels that are relatively consistent in characters &amp; width</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not nest lists deeper than 3 levels</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use ordered lists when you need to display items in a specific order or to indicate hierarchy</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when all items have equal value or importance</li><li>do not use when you have one or more overarching categories that require descriptions</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="unordered-list">Unordered list<a aria-hidden="true" class="hash-link" href="#unordered-list" title="Direct link to heading">​</a></h2><p>Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2).</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos-1">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos-1" title="Direct link to heading">​</a></h3><ul><li>indicate the external links, if linking to any pages external to the EEA</li><li>for easy to read purpose, try to use labels that are relatively consistent in characters &amp; width</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts-1">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts-1" title="Direct link to heading">​</a></h3><ul><li>do not nest lists deeper than 3 levels in order to avoid clutters</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use-1">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use-1" title="Direct link to heading">​</a></h3><ul><li>use it when you need to display items that do not have a specific order or hierarchy</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use-1">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use-1" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when items can be ranked, counted or sequenced</li><li>do not use when you have one or more overarching categories or terms require descriptions</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="description-lists">Description lists<a aria-hidden="true" class="hash-link" href="#description-lists" title="Direct link to heading">​</a></h2><p>Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos-2">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos-2" title="Direct link to heading">​</a></h3><ul><li>keep label short and meaningful</li><li>order logically according to their hierarchy, significance and degree of relatedness</li><li>avoid using long sentences</li><li>try to use labels that are relatively consistent in characters &amp; width</li><li>add a meaningful description or explanation of each term</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts-2">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts-2" title="Direct link to heading">​</a></h3><ul><li>do not use an active voice</li><li>do not nest description lists</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use-2">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use-2" title="Direct link to heading">​</a></h3><ul><li>use a description list when the terms in the list require a specific description or explanation</li><li>on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use-2">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use-2" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when items can be ranked, counted or sequenced</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default-list">Default List<a aria-hidden="true" class="hash-link" href="#default-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:180px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="description-list">Description List<a aria-hidden="true" class="hash-link" href="#description-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-description-list--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="table-of-contents">Table of Contents<a aria-hidden="true" class="hash-link" href="#table-of-contents" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-table-of-contents--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="unordered-list">Unordered List<a aria-hidden="true" class="hash-link" href="#unordered-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:600px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-unordered-list--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Labels/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Label</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Logo/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Logo<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>List</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Used to present chunks of information in a concise and scannable way, lists help to organise content related to a single topic, grouping together a set of items or text options.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="ordered-lists">Ordered lists<a aria-hidden="true" class="hash-link" href="#ordered-lists" title="Direct link to heading">​</a></h2><p>Ordered lists display a set of items in a sequential and logical order, indicated by a number in front of the label. Common use cases include counting, ranking or sequencing, but can be used in everything that has a hierarchy. Different list styles can be applied to list items, like numbers, roman numerals or letters, which can be used interchangeably when nesting (e.g. nested item 1 &amp; 2 under item 3).</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>make sure the items are placed in hierarchical order so that the relation, rank or order is obvious to the user</li><li>indicate the external links, if linking to any pages external to the EEA</li><li>for easy to read purpose, try to use labels that are relatively consistent in characters &amp; width</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not nest lists deeper than 3 levels</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use ordered lists when you need to display items in a specific order or to indicate hierarchy</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when all items have equal value or importance</li><li>do not use when you have one or more overarching categories that require descriptions</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="unordered-list">Unordered list<a aria-hidden="true" class="hash-link" href="#unordered-list" title="Direct link to heading">​</a></h2><p>Unordered lists are used to group related content without any particular order, with bullet points placed in front of the labels. Common use cases are much broader than ordered lists. They are used for a set of items that can be arranged in any specific order. Different bullet list styles are available to unordered list items, such as disc, circle, square or hyphen when nesting (eg. 2 sub-points under point 2).</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos-1">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos-1" title="Direct link to heading">​</a></h3><ul><li>indicate the external links, if linking to any pages external to the EEA</li><li>for easy to read purpose, try to use labels that are relatively consistent in characters &amp; width</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts-1">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts-1" title="Direct link to heading">​</a></h3><ul><li>do not nest lists deeper than 3 levels in order to avoid clutters</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use-1">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use-1" title="Direct link to heading">​</a></h3><ul><li>use it when you need to display items that do not have a specific order or hierarchy</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use-1">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use-1" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when items can be ranked, counted or sequenced</li><li>do not use when you have one or more overarching categories or terms require descriptions</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="description-lists">Description lists<a aria-hidden="true" class="hash-link" href="#description-lists" title="Direct link to heading">​</a></h2><p>Description lists are used to display and organise content with a descriptions. Common use cases include glossary, or a list of speakers with their biographies. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos-2">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos-2" title="Direct link to heading">​</a></h3><ul><li>keep label short and meaningful</li><li>order logically according to their hierarchy, significance and degree of relatedness</li><li>avoid using long sentences</li><li>try to use labels that are relatively consistent in characters &amp; width</li><li>add a meaningful description or explanation of each term</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts-2">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts-2" title="Direct link to heading">​</a></h3><ul><li>do not use an active voice</li><li>do not nest description lists</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use-2">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use-2" title="Direct link to heading">​</a></h3><ul><li>use a description list when the terms in the list require a specific description or explanation</li><li>on content pages to add additional information(such as latest update on the content of a page) or link to pages of interest</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use-2">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use-2" title="Direct link to heading">​</a></h3><ul><li>do not use it for navigation purpose</li><li>do not use it when items can be ranked, counted or sequenced</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default-list">Default List<a aria-hidden="true" class="hash-link" href="#default-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:180px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="description-list">Description List<a aria-hidden="true" class="hash-link" href="#description-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-description-list--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="ordered-list">Ordered List<a aria-hidden="true" class="hash-link" href="#ordered-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:590px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-ordered-list--default&amp;args=" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="unordered-list">Unordered List<a aria-hidden="true" class="hash-link" href="#unordered-list" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-list-unordered-list--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Labels/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Label</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Logo/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Logo<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Loader/index.html b/docs/docs/Components/Loader/index.html
index d3c5774c07..519f09636b 100644
--- a/docs/docs/Components/Loader/index.html
+++ b/docs/docs/Components/Loader/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Loader | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Loader/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Loader | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Loader Component"><meta data-react-helmet="true" property="og:description" content="EEA Loader Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Loader/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Loader/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Loader/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Loader</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Loaders can be used to indicate progress on long actions/waits which meet some or preferably all of these characteristics: </p><ul><li><p>the action/wait is blocking user flow. That is, it&#x27;s difficult or impossible for the user to proceed with the flow she is on without waiting. </p><ul><li><p>e.g. The user asked a question and the answer is being retrieved from a server </p></li><li><p>e.g. The user scrolled to the bottom of page feed and new content is being loaded</p></li></ul></li><li><p>the action is long enough that a user may feel anxious if there is no indication of progress. For short actions or waits having a short-lived throbber is not a great idea because it can confuse users </p></li><li><p>it&#x27;s difficult or impossible to indicate exact progress. If it&#x27;s possible to indicate progress (eg percentage complete) then progress bars or widgets are more appropriately communicative and less likely to frustrate users</p></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dont-s">Dont ‘s<a aria-hidden="true" class="hash-link" href="#dont-s" title="Direct link to heading">​</a></h3><p>Do not use it for actions that take less than 1 sec.</p></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Image/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Image</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Messages/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Messages<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Logo/index.html b/docs/docs/Components/Logo/index.html
index 7a95ec6065..ae9fa238d6 100644
--- a/docs/docs/Components/Logo/index.html
+++ b/docs/docs/Components/Logo/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Logo | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Logo/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Logo | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Logo/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Logo/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Logo/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Logo</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>An invisible clear space around the logo should be left clear. No other graphic elements should be placed within this area. It is defined using the width of the&quot;M&quot; or 20px from the logotype applied all round.</p><p><img src="/volto-eea-design-system/assets/images/EEA_logo-4aa062e87dc9f24f62879c3da5604305.png"></p></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-logo--logo" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Lists/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->List</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Image/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Image<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Messages/index.html b/docs/docs/Components/Messages/index.html
index 0f91539d54..1c2f0a898f 100644
--- a/docs/docs/Components/Messages/index.html
+++ b/docs/docs/Components/Messages/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Messages | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Messages/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Messages | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Messages/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Messages/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Messages/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Messages</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Messages component contains important information to alert users to take a certain actions.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>keep the message brief and clear</li><li>use consistent messages for the same information/success/warning/error throughout your site</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>overuse messages - users may ignore them and they can get in the way of a user completing their task</li><li>write messages that are neutral. For example, instead of <em>The postal code you entered is invalid,</em> the message should say <em>Please enter a valid postal code</em></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>when the information is essential to convey to the users in order to go to the next step</li><li>success message: the user has performed an action which was successfully completed</li><li>warning message: the user needs to know about the potential dangers of completing their task (for example: &quot;you are about replace/erase your data&quot;)</li><li>error message: the user tried to perform an action that failed because of a problem (for example: a file could not be uploaded because it wasn&#x27;t the correct type of file)</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use to show non critical information</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-message--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="success">Success<a aria-hidden="true" class="hash-link" href="#success" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-message--success" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="warning">Warning<a aria-hidden="true" class="hash-link" href="#warning" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-message--warning" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="error">Error<a aria-hidden="true" class="hash-link" href="#error" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-message--error" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="info">Info<a aria-hidden="true" class="hash-link" href="#info" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-message--info" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Loader/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Loader</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Modal/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Modal<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Modal/index.html b/docs/docs/Components/Modal/index.html
index 84735e2151..792ed4a59d 100644
--- a/docs/docs/Components/Modal/index.html
+++ b/docs/docs/Components/Modal/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Modal | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Modal/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Modal | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Modal/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Modal/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Modal/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Modal</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Modals appear on top of the main content and require user interaction. This dialog disables the main content until the user explicitly interacts with the modal dialog.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use modal dialogs for important warnings, to prevent or correct critical errors</li><li>use modal dialogs to request the user to enter information critical to continuing the current process</li><li>modal dialogs can be used to fragment a complex workflow into simpler steps</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not use modal dialogs for nonessential information that is not related to the current user flow</li><li>avoid modal dialogs that interrupt high-stake processes</li><li>avoid modal dialogues for complex decision making that require additional sources of information unavailable in the modal</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-modal--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Messages/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Messages</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Pagination/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Pagination<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Pagination/index.html b/docs/docs/Components/Pagination/index.html
index 631b34d80c..966f95270f 100644
--- a/docs/docs/Components/Pagination/index.html
+++ b/docs/docs/Components/Pagination/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Pagination | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Pagination/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Pagination | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Pagination/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Pagination/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Pagination/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Pagination</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Pagination component is the control to navigate through multiple pages.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>place the pagination below the list of items</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t replace this component with an &quot;infinite scrolling&quot; feature</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>to show long lists otherwise redundant scrolling in one page</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use to break unrelated content on different pages</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-pagination--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Modal/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Modal</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Popup/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Popup<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Popup/index.html b/docs/docs/Components/Popup/index.html
index c5ebee78fb..fdc8ca46fc 100644
--- a/docs/docs/Components/Popup/index.html
+++ b/docs/docs/Components/Popup/index.html
@@ -5,14 +5,14 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Popup | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Popup/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Popup | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Popup/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Popup/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Popup/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Popup</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A popup (also known as an overlay) is a window or dialog that appears on top of the page content.
 A popup can be classified according to two dimensions:</p><ul><li>whether the user can interact with the rest of the page, and it is called &#x27;Modal&#x27; when the content on the page is disabled until the user explicitly interacts with the overlay or &#x27;Nonmodal&#x27; when users can still interact with the background content (for example, by selecting links or tapping buttons) while the overlay remains visible</li><li>whether the background is dimmed the popup is called a &#x27;Lightbox&#x27;</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>present the content in the popup when it’s contextually relevant to the user</li><li>if you must present critical information (e.g., important warnings to prevent or correct errors) in a popup, be sure to show only one at a time</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not show a popup before the main page content loads</li><li>do not display a popup right after the user logs in</li><li>you should not ask for feedback before people have done anything meaningful</li><li>do not show multiple popups one after another</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="button-popup">Button Popup<a aria-hidden="true" class="hash-link" href="#button-popup" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-popup--button-popup" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="image-popup">Image Popup<a aria-hidden="true" class="hash-link" href="#image-popup" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-popup--image-popup" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Pagination/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Pagination</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Progress/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Progress<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Progress/index.html b/docs/docs/Components/Progress/index.html
index 40dbfea4ae..0aa01c1b07 100644
--- a/docs/docs/Components/Progress/index.html
+++ b/docs/docs/Components/Progress/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Progress | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Progress/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Progress | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Progress/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Progress/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Progress/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Progress</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Progress indicators tell users that more time is needed to process the last user action (for instance, to load a file, or to install a new update), and how much time remains.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>use a progress indicator for any action that takes longer than about 1.0 second</li><li>use Looped animation only for fast actions. The animated-spinner icon is an example of this common progress indicator. This indicator should be used for actions that take between 2-10 seconds</li><li>percent-done animation: Use for actions that take 10 seconds or more.</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>do not use static progress indicators</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-progress--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="progress-with-value">Progress with Value<a aria-hidden="true" class="hash-link" href="#progress-with-value" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-progress--progress-with-value" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="custom-color">Custom Color<a aria-hidden="true" class="hash-link" href="#custom-color" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:120px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-progress--custom-color" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Popup/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Popup</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Segment/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Segment<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Search/Filters/index.html b/docs/docs/Components/Search/Filters/index.html
index 5e499acc13..e21a46de7f 100644
--- a/docs/docs/Components/Search/Filters/index.html
+++ b/docs/docs/Components/Search/Filters/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Filters | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Filters/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Filters | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Filters Component"><meta data-react-helmet="true" property="og:description" content="EEA Filters Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Filters/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Filters/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Filters/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Filters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Suggestions/">Suggestions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Searchbox/">Searchbox</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Filters</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The filter options must cover the most important aspects of whatever users will be filtering, based on relevance to users’ needs. </p><p>To design a filter that serves our users, we need to answer the following questions: </p><ul><li><p>which characteristics are most influential to users in making their choice? </p></li><li><p>what words do users use to describe these characteristics? </p></li><li><p>do users understand our labels, or do they look like jargon to them? </p></li><li><p>which filter values are the most popular or most used? </p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="how-to-use-search-filters">How to use Search filters<a aria-hidden="true" class="hash-link" href="#how-to-use-search-filters" title="Direct link to heading">​</a></h2></li><li><p><strong>make sure users can find the search filters:</strong></p><ul><li>on desktop, users tend to find and use them easily when they are placed to the top and top left area of the page  </li><li>on mobile where usually they are behind a button or drawer Keep them at the top and don’t rely on just an icon. Remove any ambiguity by adding a label to the icon or removing the icon altogether and just have text</li></ul></li><li><p><strong>ensure the options are relevant to users.</strong> When it comes to filters, matching the user’s mental model of how they would choose something in the physical world, is important in helping them choose something on a website</p></li><li><p><strong>clearly display the selections to users.</strong> Feedback is an important heuristic for the usability of a website. So, once users have found the filters, understood the options they have, and made their selections – it’s important to let them know their choices have been applied to the list of products</p></li><li><p><strong>allow a combination of filters.</strong> A big part of filters’ effectiveness will come down to using a number of them at the same time, letting the filters interact to produce the best results </p></li><li><p><strong>live filtering updates.</strong> Live update for filtering UIs is great because the user gets to immediately see the changed results they are getting</p></li><li><p><strong>include a ‘Clear all’ interaction.</strong> Let the users clear all applied filters with one click to action</p></li><li><p><strong>show the number of results.</strong> Another key element in communicating feedback is to display the number of results. This provides users with feedback as to how effective their input was to reduce the result list and save time</p></li><li><p><strong>make Important filters easily found.</strong> Users often do not reach useful filters because they are hidden at the bottom of a long menu. Filters at the top of the menu are the most used ones</p></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><p>Do not use live filtering updates   </p><ul><li><p><strong>on mobile devices.</strong> Their screens are simply too small to pack the results, filters, and the live update feedback, without a visual overload</p></li><li><p><strong>when handling a lot of data.</strong> For users doing a lot of research, having to wait for the results to update after each individual filter would be simply unbearable</p></li></ul><p>In this case let the user batch their filters and click on an apply button before any actual updating takes place.</p></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Table/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Table</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Suggestions/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Suggestions<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Search/Searchbox/index.html b/docs/docs/Components/Search/Searchbox/index.html
index 545bbc3e2b..e3bdae0388 100644
--- a/docs/docs/Components/Search/Searchbox/index.html
+++ b/docs/docs/Components/Search/Searchbox/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Searchbox | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Searchbox/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Searchbox | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Searchbox Component"><meta data-react-helmet="true" property="og:description" content="EEA Searchbox Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Searchbox/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Searchbox/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Searchbox/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Filters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Suggestions/">Suggestions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Searchbox/">Searchbox</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Searchbox</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Search lets users assert independence from websites&#x27; attempt to direct how they use it. Therefore, many users go straight to the homepage search function. </p><p>Search is also users&#x27; escape hatch when they are stuck in navigation. When they cannot find a reasonable place to go next, they often turn to the site&#x27;s search function. This is why you should make search available from every page on the site; you cannot predict where users will be when they decide they are lost. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li><p><strong>use placeholder text.</strong> Placeholder text provides context as to what can be searched and describes the action of the input</p></li><li><p><strong>use a magnifying glass icon.</strong> The magnifying glass is universally recognized as a symbol for search and one which users can easily identify </p></li><li><p><strong>provide a button to submit search queries.</strong> Inputs should be accessible. Ensure users can return results using their keyboard as well as clicking a button or the magnifying glass icon </p></li><li><p><strong>consider the search icon position.</strong> In most cases, it is beneficial to place the Icon to the right of placeholder text. This allows the Icon to act as the submit button and makes more sense hierarchically as queries are entered first, and results returned after</p></li><li><p><strong>use input widths which are appropriate for the typical query length.</strong> The width of the Input field should be wide enough to contain the typical search query. If an Input field is too narrow, it results in scrolling and decreases usability. It is recommended to use a minimum width of 27 characters</p></li></ul></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Suggestions/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Suggestions</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Dashboard<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Search/Suggestions/index.html b/docs/docs/Components/Search/Suggestions/index.html
index 1683a593d0..084ab9c6f5 100644
--- a/docs/docs/Components/Search/Suggestions/index.html
+++ b/docs/docs/Components/Search/Suggestions/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Suggestions | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Suggestions/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Suggestions | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Suggestions Component"><meta data-react-helmet="true" property="og:description" content="EEA Suggestions Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Suggestions/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Suggestions/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Search/Suggestions/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Filters</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Suggestions/">Suggestions</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Searchbox/">Searchbox</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Suggestions</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Auto-suggestion is a powerful tool that reduces data input. Typical users are very poor at query formulation: if they don’t get good results on the first try, later search attempts rarely succeed. When autocomplete suggestions work well, they help the user articulate better search queries. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="usage">Usage<a aria-hidden="true" class="hash-link" href="#usage" title="Direct link to heading">​</a></h3><ul><li><p>ensure that auto-suggestions are useful. Poorly designed auto-suggestions can confuse and distract users. Thus, use spelling auto-corrections, recognition of root words, and predictive text in order to improve the tool</p></li><li><p>present less than 10 items in the list of suggestions (and without a scrollbar) so the information doesn’t become overwhelming</p></li><li><p>allow for keyboard navigation for the list of suggestions. Once a user scrolls down past the last item, they should return to the top of the list. The Esc key should allow users to exit the list</p></li><li><p>highlight differences between the inputted information and suggested information. For example, the input text might have a standard weight, while suggested terms are bolded</p></li></ul></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Filters/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Filters</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Searchbox/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Searchbox<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Segment/index.html b/docs/docs/Components/Segment/index.html
index 8a8bcf9d2c..d21d03d1cf 100644
--- a/docs/docs/Components/Segment/index.html
+++ b/docs/docs/Components/Segment/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Segment | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Segment/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Segment | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Segment/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Segment/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Segment/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Segment</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>No specific UX guidelines.</p></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-segment--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Progress/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Progress</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Statistic/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Statistic<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Statistic/index.html b/docs/docs/Components/Statistic/index.html
index f7a0cafd3c..133665b5c7 100644
--- a/docs/docs/Components/Statistic/index.html
+++ b/docs/docs/Components/Statistic/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Statistic | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Statistic/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Statistic | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Statistic/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Statistic/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Statistic/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Statistic</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>No specific UX guidelines.</p></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:200px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-statistic--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="group">Group<a aria-hidden="true" class="hash-link" href="#group" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:200px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-statistic--group" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Segment/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Segment</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Tab/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Tab<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Tab/index.html b/docs/docs/Components/Tab/index.html
index 9cde462ad2..cafa5ca5b1 100644
--- a/docs/docs/Components/Tab/index.html
+++ b/docs/docs/Components/Tab/index.html
@@ -5,14 +5,14 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Tab | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Tab/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Tab | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Tab/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Tab/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Tab/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Tab</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The tabs component lets users navigate between related sections of content, displaying one section at a time.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><p>Tabs can be useful for users to quickly switch between related information if:</p><ul><li>your content can be usefully separated into sections</li><li>the first section is more relevant than the others for most users</li><li>users will not need to view all the sections at once</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><p>Tabs hide content from users and not everyone will notice them or understand how they work.
 Do not use tabs if your users might need to:</p><ul><li>read all the content in order, for example, to understand a step-by-step process</li><li>compare information in different tabs</li></ul><p>Having to memorize information and switch between tabs can be frustrating. Test your content without tabs first. </p><p>Consider if it is better to:</p><ul><li>simplify and reduce the amount of content</li><li>split the content across multiple pages</li><li>keep the content on a single page, separated by headings</li><li>use a table of contents to let users navigate quickly to specific sections of content</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="tab-labels">Tab labels<a aria-hidden="true" class="hash-link" href="#tab-labels" title="Direct link to heading">​</a></h3><ul><li>use short tab labels to appear in a single row. In exceptions, they can use a second line if needed, with a tab max width of 250px. Alternatively, you can use scrollable tabs to allow room for longer titles</li><li>don’t truncate labels unless required, as truncated text can impede comprehension</li><li>tab labels should consist of 1 – 2 words: Labels on tabs should clearly describe their function or destination within 2 words at most. Constraining yourself to 1 – 2 words will also help you in thinking more about selecting the best words for your tab labels.</li></ul></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="default">Default<a aria-hidden="true" class="hash-link" href="#default" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-tab--default" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="vertical">Vertical<a aria-hidden="true" class="hash-link" href="#vertical" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-tab--vertical" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Statistic/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Statistic</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Table/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Table<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Table/index.html b/docs/docs/Components/Table/index.html
index 0325bd49dc..ec9801a9ca 100644
--- a/docs/docs/Components/Table/index.html
+++ b/docs/docs/Components/Table/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Table | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Table/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Table | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Table/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Table/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Table/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Table</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>Tables are used to structure complex data in an organised way that is more user friendly and discoverable.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>reduce the table width to fit the content</li><li>align content left to right within cells</li><li>use a dash ( - ) in null data cells</li><li>adjusts the styling to render a small/large table</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t spell out numbers</li><li>don&#x27;t use colour alone to convey information</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>use when you want to show structured information, or static data</li><li>use when you want to help users to compare information</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>when you don&#x27;t have any relationship among content you want to present</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:400px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-table--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Tab/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Tab</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Filters/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Filters<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Visuals/Charts/index.html b/docs/docs/Components/Visuals/Charts/index.html
index cb60f80042..2e4e7193fb 100644
--- a/docs/docs/Components/Visuals/Charts/index.html
+++ b/docs/docs/Components/Visuals/Charts/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Charts | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Charts/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Charts | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Chart Component"><meta data-react-helmet="true" property="og:description" content="EEA Chart Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Charts/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Charts/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Charts/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Dashboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Charts/">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Maps/">Maps</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Charts</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><h3 class="anchor anchorWithStickyNavbar_y2LR" id="static-and-interactive">Static and Interactive<a aria-hidden="true" class="hash-link" href="#static-and-interactive" title="Direct link to heading">​</a></h3><p>Data accuracy and integrity come first. Don’t distort or confuse the information for embellishment or partiality. Emphasize clarity and transparency. Reduce cognitive load and focus on what matters. Every action, color, and visual element should support data insights and understanding. </p><p>More information can be referenced here <a href="https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts" target="_blank" rel="noopener noreferrer">https://www.eea.europa.eu/data-and-maps/daviz/learn-more/chart-dos-and-donts</a> </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="use-the-interactive-chart-if">Use the interactive chart if:<a aria-hidden="true" class="hash-link" href="#use-the-interactive-chart-if" title="Direct link to heading">​</a></h3><ul><li><p>you want to give the user the possibility to visually filter data  </p></li><li><p>you want the user to gain insights before filtering large datasets </p></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="do-not-use-the-interactive-chart-if">Do not use the interactive chart if:<a aria-hidden="true" class="hash-link" href="#do-not-use-the-interactive-chart-if" title="Direct link to heading">​</a></h3><ul><li><p>you want to visualize data without using it for filtering</p></li><li><p>you are not using the visual filter bar</p></li></ul></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Dashboard</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Maps/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Maps<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Visuals/Dashboard/index.html b/docs/docs/Components/Visuals/Dashboard/index.html
index 138bbc761e..03ddbe4689 100644
--- a/docs/docs/Components/Visuals/Dashboard/index.html
+++ b/docs/docs/Components/Visuals/Dashboard/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Dashboard | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Dashboard/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Dashboard | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Dashboard Component"><meta data-react-helmet="true" property="og:description" content="EEA Dashboard Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Dashboard/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Dashboard/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Dashboard/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Dashboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Charts/">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Maps/">Maps</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Dashboard</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>A good dashboard design means: </p><ul><li>information available at the fingertip </li><li>metrics are clear </li><li>intuitive design </li><li>customizable </li><li>summarized data </li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>reside on a single screen</li><li>support the aims and objectives of the intended user</li><li>show what the underlying data means:  This can be done through adequate labelling, logical grouping of related visualisations and the use of clear statistical and verbal descriptions</li><li>summarise data and provide a means to dig deeper into the data  </li><li>make optimal use of the available space: Double your margins </li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don’t hide information or rely on interactions too much </li><li>don’t flood the user with data</li></ul></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Search/Searchbox/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Searchbox</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Charts/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Charts<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Components/Visuals/Maps/index.html b/docs/docs/Components/Visuals/Maps/index.html
index ec9f9744e9..0ffbf5b1ba 100644
--- a/docs/docs/Components/Visuals/Maps/index.html
+++ b/docs/docs/Components/Visuals/Maps/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Maps | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Maps/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Maps | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Map Component"><meta data-react-helmet="true" property="og:description" content="EEA Map Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Maps/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Maps/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Components/Visuals/Maps/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Accordion/">Accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Blockquote/">Blockquote</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Breadcrumb/">Breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Buttons/">Buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Cards/">Card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Comment/">Comment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Confirm/">Confirm</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Divider/">Divider</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Forms/Checkbox/">Forms</a></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Headings/">Headings</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Inpage-Navigation/">Inpage Navigation</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Item/">Item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Labels/">Label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Lists/">List</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Logo/">Logo</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Image/">Image</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Loader/">Loader</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Messages/">Messages</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Modal/">Modal</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Pagination/">Pagination</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Popup/">Popup</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Progress/">Progress</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Segment/">Segment</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Statistic/">Statistic</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Tab/">Tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Table/">Table</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Search/Filters/">Search</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Visuals</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Dashboard/">Dashboard</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Charts/">Charts</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-3 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Components/Visuals/Maps/">Maps</a></li></ul></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Maps</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><h3 class="anchor anchorWithStickyNavbar_y2LR" id="static">Static<a aria-hidden="true" class="hash-link" href="#static" title="Direct link to heading">​</a></h3><p>There are five main design principles in map design. </p><ul><li>legibility </li><li>visual contrast </li><li>figure-ground organization </li><li>hierarchical organization, and  </li><li>balance </li></ul><p>Together these principles form a system for seeing and understanding the relative importance of the content in the map and on the page.  </p><p>What are the qualities of a good map? </p><ul><li>clear idea of what the map is trying to demonstrate </li><li>easy to interpret legend or key </li><li>good use of symbols to demonstrate a clear point</li><li>good sources/metadata </li><li>clear features not overcrowded</li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="styles">Styles<a aria-hidden="true" class="hash-link" href="#styles" title="Direct link to heading">​</a></h4><ul><li>do not use underlined text! This is difficult for low-vision users to read and indicates a possible hyperlink </li><li>italics should be used as little as possible, for water labels and short labels only </li><li>bolding of fonts is a good way to call out features, but avoid it for continuous, readable text</li><li>although ALL CAPS labels stand out, they are harder to read and should be used sparingly</li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="map-objects">Map Objects<a aria-hidden="true" class="hash-link" href="#map-objects" title="Direct link to heading">​</a></h4><ul><li>avoid overlapping points or annotations, when possible. Try to place them offset from a line </li><li>there should be visible whitespace between symbols; touching symbols blend together for users with low vision </li><li>there should be a 2x size difference in levels of information  </li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="colors">Colors<a aria-hidden="true" class="hash-link" href="#colors" title="Direct link to heading">​</a></h4><ul><li><strong>use a limited color palette.</strong> Limited color palette works the best for all UIs, and map UI is not an exception. It’s much easier to create visual harmony with a limited color palette. You should use between 10 to 12 colors for a full-body color palette, depending on the complexity of your map. Choose colors for individuals with visual impairments such as color-blindness (i.e. don’t use red-green color schemes)  </li><li><strong>try to use the same hue for similar features.</strong> For example, features related to transportation (bus stops, railway stations, etc.) should share the same hue. The same hue will help users to decode visual elements without reading text, and this will help you to create a more cohesive UI. </li><li><strong>always consider accessibility.</strong> Many people have limited color vision, so you also need to take this into account when selecting colors to ensure that you have a proper contrast ratio</li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="text">Text<a aria-hidden="true" class="hash-link" href="#text" title="Direct link to heading">​</a></h4><ul><li>choose fonts that have a variety of styles, such as bold, extra bold, italic, bold italic light, etc to differentiate between different kinds of features on your map  </li><li>use one version of fonts for the map body and one for the explainer text outside the map</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="interactive-maps">Interactive Maps<a aria-hidden="true" class="hash-link" href="#interactive-maps" title="Direct link to heading">​</a></h3><p>Interactive maps are high risk, high reward. Highly interactive maps can be too difficult for new users, yet they can also allow users to learn and explore at their own pace. It is always important to test designs on multiple people with varying degrees of technical expertise to see how they interact differently with the layout. Interactive map design should reflect what the cartographer is trying to convey (beauty vs. function) and never sacrifice visual hierarchy or great styling for interactivity. </p><p>Tips for designing effective interactive maps:  </p><ul><li>simplify the interface  </li><li>panels should be the minimum possible size so they don’t clutter the space </li><li>don’t innovate to the point where users don’t know what to do  </li><li>use panel opacity and margins to help them blend with your basemap and look cohesive  </li><li>leave space for the maps to be used on mobile devices. This means avoiding permanent panels  </li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="pop-ups-and-markers">Pop-ups and markers<a aria-hidden="true" class="hash-link" href="#pop-ups-and-markers" title="Direct link to heading">​</a></h4><ul><li>keep pop-ups concise </li><li>only one pop-up on the screen at a time (generally) </li><li>cluster markers for better readability  </li><li>use a legend when you have multiple types of markers  </li><li>remove unnecessary padding and margins from popups </li><li>use a slight shadow to “lift” pop-ups off the map</li></ul></div><div role="tabpanel" hidden=""><div></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Charts/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Charts</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Utilities/intro/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Utilities<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/colours/index.html b/docs/docs/Guidelines/colours/index.html
index 08d6e7ee39..cbdfde9807 100644
--- a/docs/docs/Guidelines/colours/index.html
+++ b/docs/docs/Guidelines/colours/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Colors | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/colours/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Colors | EEA Design System"><meta data-react-helmet="true" name="description" content="Principles"><meta data-react-helmet="true" property="og:description" content="Principles"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/colours/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/colours/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/colours/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Colors</h1></header><h2 class="anchor anchorWithStickyNavbar_y2LR" id="principles">Principles<a aria-hidden="true" class="hash-link" href="#principles" title="Direct link to heading">​</a></h2><h2 class="anchor anchorWithStickyNavbar_y2LR" id="communication-is-key">Communication is key<a aria-hidden="true" class="hash-link" href="#communication-is-key" title="Direct link to heading">​</a></h2><p>Although we value an aesthetically pleasing use of color, clear communication is our focus. We use colors to support the purpose of the content, communicating things like hierarchy of information, interactive states, and the difference between distinct elements.  </p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="colors-follow-accessibility-guidelines">Colors follow accessibility guidelines<a aria-hidden="true" class="hash-link" href="#colors-follow-accessibility-guidelines" title="Direct link to heading">​</a></h2><p>The color system is designed to generate themes that meet WCAG 2.1 compliant contrast ratios. This makes things easier to find, identify, and interact with. It also makes the whole experience more accessible for visitors who are color blind or who have low vision. However, you should never convey information using color alone.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="main-brand-colors">Main brand colors<a aria-hidden="true" class="hash-link" href="#main-brand-colors" title="Direct link to heading">​</a></h2><p>This color should be eye-catching but not harsh. It can be liberally applied to your layout as its main identity. A primary color is the color displayed most frequently across your screens and components. </p><div style="width:100%;float:left"><table style="width:30%;float:left"><tbody><tr><td style="background-color:#007B6C;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#007B6C</div></td></tr></tbody></table><table style="width:30%;float:left"><tbody><tr><td style="background-color:#004B7F;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#004B7F</div></td></tr></tbody></table></div><br><h3 class="anchor anchorWithStickyNavbar_y2LR" id="accents">Accents<a aria-hidden="true" class="hash-link" href="#accents" title="Direct link to heading">​</a></h3><p>Accent colors can be used to bring attention to design elements by contrasting with the rest of the palette. Not all colors have to be used - sometimes a simple color scheme works best </p><div style="width:100%;float:left"><h3>Light</h3><table style="width:30%;float:left"><tbody><tr><td style="background-color:#00928F;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#00928F</div></td></tr></tbody></table><table style="width:30%;float:left"><tbody><tr><td style="background-color:#0065A4;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#0065A4</div></td></tr></tbody></table></div><br><div style="width:100%;float:left"><h3>Dark</h3><table style="width:30%;float:left"><tbody><tr><td style="background-color:#00665A;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#00665A</div></td></tr></tbody></table><table style="width:30%;float:left"><tbody><tr><td style="background-color:#0A3D61;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#0A3D61</div></td></tr></tbody></table></div><br><h3 class="anchor anchorWithStickyNavbar_y2LR" id="supplementary-color">Supplementary color<a aria-hidden="true" class="hash-link" href="#supplementary-color" title="Direct link to heading">​</a></h3><p>A supplementary color provides more ways to accent and distinguish your website. Having a supplementary color is optional and should be applied sparingly to selected parts of your UI. </p><div style="width:100%;float:left"><table style="width:30%;float:left"><tbody><tr><td style="background-color:#2E3E4C;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#2E3E4C</div></td></tr></tbody></table></div><br><p>Supplementary colors are best for:  </p><ul><li><p>Floating action buttons </p></li><li><p>Selection controls, like sliders and switches </p></li><li><p>Highlighting selected text </p></li><li><p>Progress bars </p></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="grays">Grays<a aria-hidden="true" class="hash-link" href="#grays" title="Direct link to heading">​</a></h3><p>Use as the text color for dark-on-light designs, or as the background for inverted designs. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="background">Background<a aria-hidden="true" class="hash-link" href="#background" title="Direct link to heading">​</a></h3><p>Use this color as the background for your dark-on-light designs, or the text color of an inverted design. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="error-color">Error color <a aria-hidden="true" class="hash-link" href="#error-color" title="Direct link to heading">​</a></h3><div style="width:100%;float:left"><table style="width:30%;float:left"><tbody><tr><td style="background-color:#B83230;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#B83230</div></td></tr></tbody></table></div><br><h3 class="anchor anchorWithStickyNavbar_y2LR" id="warning--color">Warning  color <a aria-hidden="true" class="hash-link" href="#warning--color" title="Direct link to heading">​</a></h3><div style="width:100%;float:left"><table style="width:30%;float:left"><tbody><tr><td style="background-color:#EBA33D;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#EBA33D</div></td></tr></tbody></table></div><br><h3 class="anchor anchorWithStickyNavbar_y2LR" id="links-color">Links color<a aria-hidden="true" class="hash-link" href="#links-color" title="Direct link to heading">​</a></h3><div style="width:100%;float:left"><table style="width:30%;float:left"><tbody><tr><td style="background-color:#0065A4;width:200px;height:150px;text-align:center"><div style="color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">#0065A4</div></td></tr></tbody></table></div><br><h3 class="anchor anchorWithStickyNavbar_y2LR" id="tools-for-creating-color-palettes">Tools for creating color palettes<a aria-hidden="true" class="hash-link" href="#tools-for-creating-color-palettes" title="Direct link to heading">​</a></h3><p><a href="https://color.adobe.com/create/color-wheel" target="_blank" rel="noopener noreferrer">https://color.adobe.com/create/color-wheel</a> </p><p><a href="https://coolors.co/" target="_blank" rel="noopener noreferrer">https://coolors.co/</a>  </p><p><strong>Colors for maps</strong></p><p><a href="https://colorbrewer2.org" target="_blank" rel="noopener noreferrer">https://colorbrewer2.org</a></p><p><a href="https://carto.com/carto-colors/" target="_blank" rel="noopener noreferrer">https://carto.com/carto-colors/</a> </p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="main-brand-colors-1">Main brand colors<a aria-hidden="true" class="hash-link" href="#main-brand-colors-1" title="Direct link to heading">​</a></h2><table style="width:30%;float:left"><tbody><tr style="border:none"><td style="border:none;width:200px;padding:0px 0px 0px 10px;height:150px;text-align:center"><div style="background-color:#00665A;color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Bottle Green  <br>#00665A</div></td></tr><tr style="border:none"><td style="background-color:#007B6C;width:200px;height:150px;text-align:center;border:20px solid #007B6C;border-top:10px;border-bottom:10px"><div style="color:white;width:100%;font-size:14px;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Pine Green (Secondary) <br>#007B6C</div></td></tr><tr style="border:none"><td style="border:none;width:200px;padding:0px 0px 0px 10px;height:150px;text-align:center"><div style="background-color:#00928F;font-size:14px;color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Dark Cyan <br>#00928F</div></td></tr><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#74CBC8;font-size:14px;color:white;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Pearl Aqua  <br>#74CBC8</div></td></tr><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#AEDFE8;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">Powder Blue <br>#AEDFE8</div></td></tr></tbody></table><table><tbody><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#0A3D61;color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Dark Midnight Blue <br>#0A3D61</div></td></tr><tr style="border:none"><td style="background-color:#004B7F;width:200px;height:150px;text-align:center;border:20px solid #004B7F;border-top:10px;border-bottom:10px"><div style="color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Dark Cerulean (Primary) <br>#004B7F</div></td></tr><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#0065A4;color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Medium Persian Blue <br>#0065A4</div></td></tr><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#478EA5;color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Steel Blue <br>#478EA5</div></td></tr><tr style="border:none"><td style="border:none;padding:0px 0px 0px 10px;width:200px;height:150px;text-align:center"><div style="background-color:#75C9DB;width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Mid Blue <br>#75C9DB</div></td></tr></tbody></table><br><br><table style="width:30%;float:left"><heading><h3>Supplementary</h3></heading><tbody><tr><td style="background-color:#2E3E4C;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">Japanese Indigo <br>#2E3E4C</div></td></tr><tr><td style="background-color:#3D5265;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">Deep Blue  <br>#3D5265</div></td></tr><tr><td style="background-color:#54728C;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">UCLA Blue <br>#54728C</div></td></tr><tr><td style="background-color:#7495B2;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">Weldon Blue  <br>#7495B2</div></td></tr><tr><td style="background-color:#ACCAE5;width:200px;height:150px;text-align:center"><div style="width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Light Steel Blue  <br>#ACCAE5</div></td></tr></tbody></table><table style="width:30%;float:left"><heading><h3>Grays</h3></heading><tbody><tr><td style="background-color:#000000;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;height:150px;display:flex;flex-direction:column;justify-content:center">Black  <br>#000000</div></td></tr><tr><td style="background-color:#808285;width:200px;height:150px;text-align:center"><div style="width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Old Silver  <br>#808285</div></td></tr><tr><td style="background-color:#BCBEC0;width:200px;height:150px;text-align:center"><div style="width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Mid Gray  <br>#BCBEC0</div></td></tr><tr><td style="background-color:#E6E7E8;width:200px;height:150px;text-align:center"><div style="width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Silver Gray  <br>#E6E7E8</div></td></tr><tr><td style="background-color:#F9F9F9;width:200px;height:150px;text-align:center"><div style="width:100%;font-size:14px;height:150px;display:flex;flex-direction:column;justify-content:center">Ghost White <br>#F9F9F9</div></td></tr></tbody></table><table style="width:30%;float:left"><heading><h3>Background</h3></heading><tbody><tr><td style="color:black;background-color:#FFFFFF;width:200px;height:150px;text-align:center"><div style="width:100%;height:150px;font-size:14px;display:flex;flex-direction:column;justify-content:center">White <br>  #FFFFFF</div></td></tr></tbody></table><table style="width:30%;float:left"><heading><h3>Error</h3></heading><tbody><tr><td style="background-color:#B83230;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Deep Saffron <br> #B83230</div></td></tr></tbody></table><table style="width:30%;float:left"><heading><h3>Warning</h3></heading><tbody><tr><td style="background-color:#EBA33D;width:200px;height:150px;text-align:center"><div style="color:white;font-size:14px;width:100%;text-align:center;height:150px;display:flex;flex-direction:column;justify-content:center">Golden Gate Bridge<br> #EBA33D</div></td></tr></tbody></table></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/typography/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Typography</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/images/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Use of images<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#principles" class="table-of-contents__link toc-highlight">Principles</a></li><li><a href="#communication-is-key" class="table-of-contents__link toc-highlight">Communication is key</a></li><li><a href="#colors-follow-accessibility-guidelines" class="table-of-contents__link toc-highlight">Colors follow accessibility guidelines</a></li><li><a href="#main-brand-colors" class="table-of-contents__link toc-highlight">Main brand colors</a><ul><li><a href="#accents" class="table-of-contents__link toc-highlight">Accents</a></li><li><a href="#supplementary-color" class="table-of-contents__link toc-highlight">Supplementary color</a></li><li><a href="#grays" class="table-of-contents__link toc-highlight">Grays</a></li><li><a href="#background" class="table-of-contents__link toc-highlight">Background</a></li><li><a href="#error-color" class="table-of-contents__link toc-highlight">Error color </a></li><li><a href="#warning--color" class="table-of-contents__link toc-highlight">Warning  color </a></li><li><a href="#links-color" class="table-of-contents__link toc-highlight">Links color</a></li><li><a href="#tools-for-creating-color-palettes" class="table-of-contents__link toc-highlight">Tools for creating color palettes</a></li></ul></li><li><a href="#main-brand-colors-1" class="table-of-contents__link toc-highlight">Main brand colors</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/iconography/index.html b/docs/docs/Guidelines/iconography/index.html
index 1ccfa562be..765d3c6289 100644
--- a/docs/docs/Guidelines/iconography/index.html
+++ b/docs/docs/Guidelines/iconography/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Iconography | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/iconography/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Iconography | EEA Design System"><meta data-react-helmet="true" name="description" content="Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you&#x27;d want to build at 16, 24, or 32."><meta data-react-helmet="true" property="og:description" content="Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you&#x27;d want to build at 16, 24, or 32."><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/iconography/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/iconography/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/iconography/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Iconography</h1></header><p>Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you&#x27;d want to build at 16, 24, or 32. </p><p>Choose a common size to build all your icons to, and then allow your engineers to scale to other sizes that might be needed by other designers. You don&#x27;t want to build the same icon over and over at a multitude of sizes. </p><p>For product icons, use 1 color. Anything more than that and your components are going to become too complex and difficult for other designers to leverage.  Anything with 3 or more colors is an illustration, not an icon. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="grids">Grids<a aria-hidden="true" class="hash-link" href="#grids" title="Direct link to heading">​</a></h3><p> The pixel grid is the fundamental grid that uses the smallest increment: a pixel. When building icons, you always want to align objects to the pixel grid, especially straight lines. But, you can build other shapes on the pixel grid.  You want to build things on the pixel grid, not just because it will render more nicely, but because it makes your life easier. Spacing things evenly is much easier when you&#x27;re using a grid. It helps you stay consistent with your placement, and overall will make your icons look better.  </p><p> The optical grid helps us figure out where the center of mass of the icon is, as well as how large it is perceived by the human eye. Circles and curved objects take up less visual space than squares. It is best to put your icons in a fixed size container so that they’re all identical dimensions when exported. Adding this intrinsic padding supports the optical/perceptive weighting without additional effort in dev later. </p><p>In building the optical grid, you should give padding at the edge that’s equal to your stroke weight, or possibly double if using a 1px stroke.  </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="strokes-and-fills">Strokes and fills<a aria-hidden="true" class="hash-link" href="#strokes-and-fills" title="Direct link to heading">​</a></h3><p>Making sure our icons are all styled the same way is very important. We might have use cases for applying a fill to show something is selected, for instance, but you definitely want to create a set with one style, and possibly create the other variant. </p><p>Typically, filled icons have higher recognizability. Stroked icons give us great ability to create tiny details. When choosing which style is more appropriate, you should also consider your overall brand. </p><p>If you&#x27;re going to create stroked icons, strokes all need to be the same weight. The space between strokes not be thinner than your stroke weight. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><p>When possible, avoid type in icons. Icons are meant to be global. If you do need type (for instance, currency symbols), draw it yourself, rather than using a typeface.</p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/images/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Use of images</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/spacing/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Spacing<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#grids" class="table-of-contents__link toc-highlight">Grids</a></li><li><a href="#strokes-and-fills" class="table-of-contents__link toc-highlight">Strokes and fills</a></li><li><a href="#donts" class="table-of-contents__link toc-highlight">Don’ts</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/images/index.html b/docs/docs/Guidelines/images/index.html
index 866b870c40..f323ca81ae 100644
--- a/docs/docs/Guidelines/images/index.html
+++ b/docs/docs/Guidelines/images/index.html
@@ -5,15 +5,15 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Use of images | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/images/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Use of images | EEA Design System"><meta data-react-helmet="true" name="description" content="We should only use visual material when it is complementary to the content in the webpages."><meta data-react-helmet="true" property="og:description" content="We should only use visual material when it is complementary to the content in the webpages."><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/images/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/images/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/images/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Use of images</h1></header><p>We should only use visual material when it is complementary to the content in the webpages.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use-what">When to use what<a aria-hidden="true" class="hash-link" href="#when-to-use-what" title="Direct link to heading">​</a></h2><p>Use different types of visuals in different contexts:</p><p><em>Photographs</em>: For dynamic content like news and people. Photographs can also be used in banners to communicate substance and emotions.</p><p><em>Illustrations</em>: For static content that is transformable into something visual, such as topics and themes. Provided they are informative, and descriptive.</p><p><em>Infographics</em>: Use these for visual storytelling to make complex information easier to understand. For example, an infographic could describe a workflow, how an investment plan works or the law-making process.</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="best-practices">Best practices<a aria-hidden="true" class="hash-link" href="#best-practices" title="Direct link to heading">​</a></h2><ul><li>your visual content is relevant to the topic of the webpage</li><li>only add an image whenever it adds value to the webpage</li><li>place images near the relevant text</li><li>the most important image should be near the top of the webpage</li><li>avoid embedding text in images, not all users can access them (page translation tools can&#x27;t read images)</li><li>text in HTML, provide alt text for images; follow rules of <a href="https://webstyleguide.com/wsg3/11-graphics/8-web-graphics-markup.html#alt-text" target="_blank" rel="noopener noreferrer">accessibility</a></li><li>create good content is equally important as visual content for images</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="widely-supported-image-formats">Widely supported image formats<a aria-hidden="true" class="hash-link" href="#widely-supported-image-formats" title="Direct link to heading">​</a></h2><table><thead><tr><th>File type (short)</th><th>File type (long)</th><th>File extension</th></tr></thead><tbody><tr><td>GIF</td><td>graphics Interchange Format</td><td>.gif</td></tr><tr><td>JPEG</td><td>joint Photographic Expert Group image</td><td>.jpeg .jpg</td></tr><tr><td>PNG</td><td>portable Network Graphics</td><td>.png</td></tr><tr><td>SVG</td><td>scalable Vector Graphics</td><td>.svg</td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="raster-graphic">Raster graphic<a aria-hidden="true" class="hash-link" href="#raster-graphic" title="Direct link to heading">​</a></h3><p>Raster images are pixel-based. When you scale up a raster image you&#x27;ll see jagged and blurry edges.</p><h4 class="anchor anchorWithStickyNavbar_y2LR" id="gif-graphics-interchange-format">GIF (Graphics Interchange Format)<a aria-hidden="true" class="hash-link" href="#gif-graphics-interchange-format" title="Direct link to heading">​</a></h4><ul><li>fewer colours, file size is smaller than JPEG</li><li>interlaced progressive loading, low-quality version first, more detailed image is loaded next</li><li>fewer colours, file size is smaller than JPEG</li><li>does not lose any data with compression</li><li>best use for web graphics with few colours only, and line drawings</li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="jpgjpeg-joint-photographic-experts-group">JPG/JPEG (Joint Photographic-Experts-Group)<a aria-hidden="true" class="hash-link" href="#jpgjpeg-joint-photographic-experts-group" title="Direct link to heading">​</a></h4><ul><li>can display millions of colours, use JPEG format for photographs, still images, shading with light and dark</li><li>use JPEG when file size is more important than the quality of the image</li><li>optimising JPEG images; 60% - 75% is usually optimal for web publishing
 16-bit data format</li><li>compatible across many platforms and image editors</li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="png-portable-network-graphics">PNG (Portable Network Graphics)<a aria-hidden="true" class="hash-link" href="#png-portable-network-graphics" title="Direct link to heading">​</a></h4><ul><li>support transparency (alpha channel), allow a translucent look</li><li>lossless compression, no loss of data</li><li>manage high-contrast or detailed images better than JPEG</li><li>they can go down to very small file sizes when there are limited colours, use an 8-bit colour palette instead of a 24 colour palette</li><li>PNG images can be used in any colour background still maintain the original appearance</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="vector-graphic">Vector graphic<a aria-hidden="true" class="hash-link" href="#vector-graphic" title="Direct link to heading">​</a></h3><p>Vector image format can produce results with high fidelity at every resolution setting. It is an ideal format for high-resolution screens. If you zoom into a vector graphic it will always remain the same quality.</p><h4 class="anchor anchorWithStickyNavbar_y2LR" id="svg-scalable-vector-graphics">SVG (Scalable Vector Graphics)<a aria-hidden="true" class="hash-link" href="#svg-scalable-vector-graphics" title="Direct link to heading">​</a></h4><ul><li>SVG is in vector format – it does not lose any data when compressed</li><li>SVG formats are supported by most contemporary browsers</li><li>the image file size is lightweight and compressible
 supports transparency</li></ul><h2 class="anchor anchorWithStickyNavbar_y2LR" id="editing-visuals">Editing visuals<a aria-hidden="true" class="hash-link" href="#editing-visuals" title="Direct link to heading">​</a></h2><ul><li>don&#x27;t apply effects, gradients, borders or filters. It can make the picture look manipulated</li><li>don&#x27;t pick photos with frames, rounded corners or drop shadows</li><li>cropping. Pay attention to the copyright. In some cases you need prior consent from the author to alter the image</li></ul></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/colours/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Colors</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/iconography/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Iconography<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#when-to-use-what" class="table-of-contents__link toc-highlight">When to use what</a></li><li><a href="#best-practices" class="table-of-contents__link toc-highlight">Best practices</a></li><li><a href="#widely-supported-image-formats" class="table-of-contents__link toc-highlight">Widely supported image formats</a><ul><li><a href="#raster-graphic" class="table-of-contents__link toc-highlight">Raster graphic</a></li><li><a href="#vector-graphic" class="table-of-contents__link toc-highlight">Vector graphic</a></li></ul></li><li><a href="#editing-visuals" class="table-of-contents__link toc-highlight">Editing visuals</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/intro/index.html b/docs/docs/Guidelines/intro/index.html
index 280106a5f2..9011b9b2fc 100644
--- a/docs/docs/Guidelines/intro/index.html
+++ b/docs/docs/Guidelines/intro/index.html
@@ -5,14 +5,14 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Intro | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/intro/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Intro | EEA Design System"><meta data-react-helmet="true" name="description" content="Guidelines"><meta data-react-helmet="true" property="og:description" content="Guidelines"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/intro/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/intro/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/intro/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Intro</h1></header><h2 class="anchor anchorWithStickyNavbar_y2LR" id="guidelines">Guidelines<a aria-hidden="true" class="hash-link" href="#guidelines" title="Direct link to heading">​</a></h2><p>The DS v1 is the EEA&#x27;s design system, created with a set of guiding principles that followed throughout the process.
 By following a user-centered design approach and best UX practices, the DS v1 is the result of in-depth research into the users&#x27; needs and goals, offering solutions that are assessed, tested and revised continuously. All components included in the DS v1 follow the Web Content Accessibility Guidelines (WCAG).</p><p>The main characteristics of our design system are:</p><ul><li>Minimal use of drop shadows</li><li>Sharp edges and corners</li><li>Uncluttered, distraction-free design</li><li>High readability with clear typography</li><li>Easily adjusted for responsive design</li></ul><p>We emphasize more on functionality rather than appearance and in parallel we try to offer a consistent appearance irrespective of the screen resolution and types of devices. Trying not to use unnecessary designing elements, we focus on faster site designing and minimum loading time.</p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/whatsnew/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->What&#x27;s new</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/typography/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Typography<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#guidelines" class="table-of-contents__link toc-highlight">Guidelines</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/spacing/index.html b/docs/docs/Guidelines/spacing/index.html
index d959bb3038..d374b8a638 100644
--- a/docs/docs/Guidelines/spacing/index.html
+++ b/docs/docs/Guidelines/spacing/index.html
@@ -5,15 +5,15 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Spacing | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/spacing/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Spacing | EEA Design System"><meta data-react-helmet="true" name="description" content="To ensure that layouts are visually balanced, most measurements align to 8px, which corresponds to both spacing and the overall layout. Components are sized in 8px increments, ensuring a consistent visual rhythm across each screen."><meta data-react-helmet="true" property="og:description" content="To ensure that layouts are visually balanced, most measurements align to 8px, which corresponds to both spacing and the overall layout. Components are sized in 8px increments, ensuring a consistent visual rhythm across each screen."><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/spacing/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/spacing/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/spacing/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Spacing</h1></header><p>To ensure that layouts are visually balanced, most measurements align to 8px, which corresponds to both spacing and the overall layout. Components are sized in 8px increments, ensuring a consistent visual rhythm across each screen.
 Smaller elements, such as icons, can align to a 4px grid, while typography can fall on a 4px baseline grid, meaning that each line’s typographic baseline is spaced in increments of 4px from its neighbor.</p><p><img src="/volto-eea-design-system/assets/images/spacing1-065b203595ad8f9b482943cf926fe031.png">
 <img src="/volto-eea-design-system/assets/images/8px_spacing-216aca1233bcd12780f6b83abb6c6b41.png"></p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/iconography/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Iconography</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/Grid/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Grid<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Guidelines/typography/index.html b/docs/docs/Guidelines/typography/index.html
index 1b482e756e..dbc5d9543e 100644
--- a/docs/docs/Guidelines/typography/index.html
+++ b/docs/docs/Guidelines/typography/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Typography | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Guidelines/typography/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Typography | EEA Design System"><meta data-react-helmet="true" name="description" content="Primary Font: Roboto"><meta data-react-helmet="true" property="og:description" content="Primary Font: Roboto"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/typography/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/typography/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Guidelines/typography/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/intro/">Intro</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/typography/">Typography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/colours/">Colors</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/images/">Use of images</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/iconography/">Iconography</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Guidelines/spacing/">Spacing</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Typography</h1></header><h3 class="anchor anchorWithStickyNavbar_y2LR" id="primary-font-roboto">Primary Font: Roboto<a aria-hidden="true" class="hash-link" href="#primary-font-roboto" title="Direct link to heading">​</a></h3><p>We use Roboto as our Primary font. Roboto allows letters to take up as much space as it needs and ultimately, making for an improved experience for the reader.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="web-safe-font-arial">Web Safe Font: Arial<a aria-hidden="true" class="hash-link" href="#web-safe-font-arial" title="Direct link to heading">​</a></h3><p>We use Arial as an alternative font. It is similar in character and style to Roboto typeface and is a commonly available system font.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="base-font-size">Base Font Size<a aria-hidden="true" class="hash-link" href="#base-font-size" title="Direct link to heading">​</a></h3><p>We set 16px (1rem) as the base font size for body text to ensure readability. It is the default font size for most browsers.</p><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-1">Heading 1<a aria-hidden="true" class="hash-link" href="#heading-1" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>30px or 1.875rem</td><td>45px or 2.8rem</td><td><p style="font-size:1.875rem;line-height:2.8rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr><tr><td>mobile</td><td>Archivo</td><td>30px or 1.875rem</td><td>45px or 2.8rem</td><td><p style="font-size:1.875rem;line-height:2.8rem;font-family:Archivo">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>48px or 3rem</td><td>72px or 4.5rem</td><td><p style="font-size:3rem;line-height:4.5rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr><tr><td>desktop</td><td>Archivo</td><td>48px or 3rem</td><td>72px or 4.5rem</td><td><p style="font-size:3rem;line-height:4.5rem;font-family:Archivo">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-2">Heading 2<a aria-hidden="true" class="hash-link" href="#heading-2" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>24px or 1.5rem</td><td>36px or 2.25rem</td><td><p style="font-size:1.5rem;line-height:2.25rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>40px or 2.5rem</td><td>60px or 3.75rem</td><td><p style="font-size:2.5rem;line-height:3.75rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-3">Heading 3<a aria-hidden="true" class="hash-link" href="#heading-3" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>20px or 1.25rem</td><td>30px or 1.875rem</td><td><p style="font-size:1.25rem;line-height:1.875rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>36px or 2.25rem</td><td>54px or 3.375rem</td><td><p style="font-size:2.25rem;line-height:3.375rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-4">Heading 4<a aria-hidden="true" class="hash-link" href="#heading-4" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>18px or 1.125rem</td><td>27px or 1.7rem</td><td><p style="font-size:1.125rem;line-height:1.7rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>24px or 1.5rem</td><td>36px or 2.25rem</td><td><p style="font-size:1.5rem;line-height:2.25rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-5">Heading 5<a aria-hidden="true" class="hash-link" href="#heading-5" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>desktop</td><td>Roboto</td><td>20px or 1.25rem</td><td>30px or 1.875rem</td><td><p style="font-size:1.25rem;line-height:1.875rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="heading-6">Heading 6<a aria-hidden="true" class="hash-link" href="#heading-6" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>desktop</td><td>Roboto</td><td>18px or 1.125rem</td><td>27px or 1.7rem</td><td><p style="font-size:1.125rem;line-height:1.7rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="body">Body<a aria-hidden="true" class="hash-link" href="#body" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>16px or 1rem</td><td>24px or 1.5rem</td><td><p style="font-size:1rem;line-height:1.5rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>16px or 1rem</td><td>24px or 1.5rem</td><td><p style="font-size:1rem;line-height:1.5rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="caption">Caption<a aria-hidden="true" class="hash-link" href="#caption" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>14px or 0.875rem</td><td>21px or 1.3rem</td><td><p style="font-size:0.875rem;line-height:1.3rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>16px or 0.875rem</td><td>21px or 1.3rem</td><td><p style="font-size:0.875rem;line-height:1.3rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr></tbody></table><h4 class="anchor anchorWithStickyNavbar_y2LR" id="small-text">Small Text<a aria-hidden="true" class="hash-link" href="#small-text" title="Direct link to heading">​</a></h4><table><thead><tr><th></th><th>Font</th><th>Font size</th><th>Line height</th><th>Example</th></tr></thead><tbody><tr><td>mobile</td><td>Roboto</td><td>12px or 0.75rem</td><td>18px or 1.125rem</td><td><p style="font-size:0.75rem;line-height:1.125rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr><tr><td>desktop</td><td>Roboto</td><td>12px or 0.75rem</td><td>18px or 1.125rem</td><td><p style="font-size:0.75rem;line-height:1.125rem;font-family:Roboto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="weight">Weight<a aria-hidden="true" class="hash-link" href="#weight" title="Direct link to heading">​</a></h3><p>Font weight is the thickness of a font&#x27;s stroke, with various weights used to differentiate content hierarchy. The bold style emphasizes the importance in comparison with the regular font style in the font family. <strong>We use 400 for regular and 600 for bold</strong>. Usually, the bold style is assigned to headings. Regular text is used for body text.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="line-height">Line height<a aria-hidden="true" class="hash-link" href="#line-height" title="Direct link to heading">​</a></h3><p>Line spacing is commonly measured as a percentage of font size. Conventional wisdom is that line spacing of 130%-150% is ideal for readability. In fact, anything from about 120% up to 200% is acceptable, <strong>but 150% tends to be the most quoted sweet spot (and a WCAG recommendation)</strong>. You should experiment to see what looks best with your text. The line-height value is always divisible by 4 to support the grid.</p><table><tbody><tr><td><p style="line-height:100%;width:600px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p></td><td style="width:150px">100%</td></tr><tr><td><p style="line-height:150%;width:600px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td><td style="width:150px">150%</td></tr><tr><td><p style="line-height:250%;width:600px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <br> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td><td style="width:150px">250%</td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="line-length">Line length<a aria-hidden="true" class="hash-link" href="#line-length" title="Direct link to heading">​</a></h3><p>Line-length is the number of characters displayed in a single line. Lines that are too long or too short can distract readers. For readability, limit to <strong>no more than 80 characters including spaces for desktop</strong>. Line length <strong>for mobile is recommended to use 40 to 60 characters</strong> including space per line.</p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/intro/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Intro</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/colours/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Colors<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#primary-font-roboto" class="table-of-contents__link toc-highlight">Primary Font: Roboto</a></li><li><a href="#web-safe-font-arial" class="table-of-contents__link toc-highlight">Web Safe Font: Arial</a></li><li><a href="#base-font-size" class="table-of-contents__link toc-highlight">Base Font Size</a></li><li><a href="#weight" class="table-of-contents__link toc-highlight">Weight</a></li><li><a href="#line-height" class="table-of-contents__link toc-highlight">Line height</a></li><li><a href="#line-length" class="table-of-contents__link toc-highlight">Line length</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Resources/developer-guidelines/index.html b/docs/docs/Resources/developer-guidelines/index.html
index 3324225a26..7e4fd625d5 100644
--- a/docs/docs/Resources/developer-guidelines/index.html
+++ b/docs/docs/Resources/developer-guidelines/index.html
@@ -5,8 +5,8 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Developer Guidelines | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Resources/developer-guidelines/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Developer Guidelines | EEA Design System"><meta data-react-helmet="true" name="description" content="Several rules and guidelines for developers of the EEA Design System"><meta data-react-helmet="true" property="og:description" content="Several rules and guidelines for developers of the EEA Design System"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Resources/developer-guidelines/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Resources/developer-guidelines/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Resources/developer-guidelines/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
@@ -70,7 +70,7 @@
 guidelines as to what combinations of props and variations are allowed,
 to ensure a consistent look and feel. One place to document these constraints
 is in the control options we have in Storybook.</li></ul><h2></h2></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Utilities/intro/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Utilities</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Resources/theming-guidelines/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Theming Guidelines<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#react-components" class="table-of-contents__link toc-highlight">React components</a><ul><li><a href="#basic-rules" class="table-of-contents__link toc-highlight">Basic Rules</a></li><li><a href="#naming" class="table-of-contents__link toc-highlight">Naming</a></li><li><a href="#other" class="table-of-contents__link toc-highlight">Other</a></li></ul></li><li><a href="#storybook" class="table-of-contents__link toc-highlight">Storybook</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Resources/theming-guidelines/index.html b/docs/docs/Resources/theming-guidelines/index.html
index fc7faab67a..269a16c627 100644
--- a/docs/docs/Resources/theming-guidelines/index.html
+++ b/docs/docs/Resources/theming-guidelines/index.html
@@ -5,8 +5,8 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Theming Guidelines | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Resources/theming-guidelines/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Theming Guidelines | EEA Design System"><meta data-react-helmet="true" name="description" content="Several rules and guidelines for developers of the EEA Design System"><meta data-react-helmet="true" property="og:description" content="Several rules and guidelines for developers of the EEA Design System"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Resources/theming-guidelines/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Resources/theming-guidelines/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Resources/theming-guidelines/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
@@ -28,7 +28,7 @@
 it&#x27;s simply a job of changing one global variable:</p><div class="codeBlockContainer_J+bg language-less"><div class="codeBlockContent_csEI less"><pre tabindex="0" class="prism-code language-less codeBlock_rtdJ thin-scrollbar" style="color:#bfc7d5;background-color:#292d3e"><code class="codeBlockLines_1zSZ"><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">// site.variables</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">/* This adjusts the meta alignment across all elements */</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token variable" style="color:rgb(191, 199, 213)">@metaAlign</span><span class="token variable punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token plain"> right</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><br></span></code></pre><button type="button" aria-label="Copy code to clipboard" class="copyButton_M3SB clean-btn">Copy</button></div></div><p>The same is true with colors used in components, try to avoid custom values set on components only as they should be part of the <code>site.variables</code> color pallete.</p><h4 class="anchor anchorWithStickyNavbar_y2LR" id="semantic-ui-global-setting-example">Semantic UI global setting example<a aria-hidden="true" class="hash-link" href="#semantic-ui-global-setting-example" title="Direct link to heading">​</a></h4><p>We see this rule played out in many places within <code>site.variables</code>:</p><div class="codeBlockContainer_J+bg language-less"><div class="codeBlockContent_csEI less"><pre tabindex="0" class="prism-code language-less codeBlock_rtdJ thin-scrollbar" style="color:#bfc7d5;background-color:#292d3e"><code class="codeBlockLines_1zSZ"><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">// site.variables</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">/*--------------</span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">Form Input</span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">---------------*/</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">/* This adjusts the default form input across all elements */</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token variable" style="color:rgb(191, 199, 213)">@inputBackground        </span><span class="token variable punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token plain"> </span><span class="token variable" style="color:rgb(191, 199, 213)">@white</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><br></span></code></pre><button type="button" aria-label="Copy code to clipboard" class="copyButton_M3SB clean-btn">Copy</button></div></div><p>Then within <code>form.variables</code> we have several rules that make use of the global setting:</p><div class="codeBlockContainer_J+bg language-less"><div class="codeBlockContent_csEI less"><pre tabindex="0" class="prism-code language-less codeBlock_rtdJ thin-scrollbar" style="color:#bfc7d5;background-color:#292d3e"><code class="codeBlockLines_1zSZ"><span class="token-line" style="color:#bfc7d5"><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">// form.variables</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">/* Text Area */</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token variable" style="color:rgb(191, 199, 213)">@textAreaBackground</span><span class="token variable punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token plain"> </span><span class="token variable" style="color:rgb(191, 199, 213)">@inputBackground</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token comment" style="color:rgb(105, 112, 152);font-style:italic">/* Inverted */</span><span class="token plain"></span><br></span><span class="token-line" style="color:#bfc7d5"><span class="token plain"></span><span class="token variable" style="color:rgb(191, 199, 213)">@invertedInputBackground</span><span class="token variable punctuation" style="color:rgb(199, 146, 234)">:</span><span class="token plain"> </span><span class="token variable" style="color:rgb(191, 199, 213)">@inputBackground</span><span class="token punctuation" style="color:rgb(199, 146, 234)">;</span><br></span></code></pre><button type="button" aria-label="Copy code to clipboard" class="copyButton_M3SB clean-btn">Copy</button></div></div><h3 class="anchor anchorWithStickyNavbar_y2LR" id="check-components-design-when-having-odd-numbers-or-images">Check components design when having odd numbers or images<a aria-hidden="true" class="hash-link" href="#check-components-design-when-having-odd-numbers-or-images" title="Direct link to heading">​</a></h3><p>As written down in the <a href="https://github.com/eea/volto-eea-design-system/issues/13#issuecomment-1029066419" target="_blank" rel="noopener noreferrer">Card component issue</a>, if your component accepts images consider how
 they would adapt in case there is a mix between <code>portrait</code> and <code>landscapei</code> images.</p><p>What about situations where you have an odd number of elements or the body of the components differ in size?</p><p>The components need to be checked for such situations and to ensure they are flexible to deal with these mix and match elements.</p><p>Ex:</p><p>If the card is <code>flex</code> based and the parent <code>wrapper</code> is flex as well, consider adding a max-height to the card <code>body</code> or <code>image wrapper</code> so that they all keep a standard size.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="code-formatting">Code formatting<a aria-hidden="true" class="hash-link" href="#code-formatting" title="Direct link to heading">​</a></h3><ul><li>CSS and less files should be formatted using prettier. Indent space will be
 2 spaces.</li><li>Files should be edited as Unix files, with LF line endings.</li></ul></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Resources/developer-guidelines/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Developer Guidelines</div></a></div><div class="pagination-nav__item pagination-nav__item--next"></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#theming-best-practices" class="table-of-contents__link toc-highlight">Theming best practices</a><ul><li><a href="#style-directly-the-sui-components-without-introducing-new-markup-or-classes" class="table-of-contents__link toc-highlight">Style directly the SUI components without introducing new markup or classes</a></li><li><a href="#use-variables-everywhere-it-is-possible" class="table-of-contents__link toc-highlight">Use variables everywhere it is possible:</a></li><li><a href="#remove-or-customize-overrides" class="table-of-contents__link toc-highlight">Remove or customize overrides</a></li><li><a href="#ensure-that-text-is-a-minimum-of-16px" class="table-of-contents__link toc-highlight">Ensure that text is a minimum of 16px</a></li><li><a href="#consider-using-container-visibility-classes-for-hiding-elements" class="table-of-contents__link toc-highlight">Consider using container visibility classes for hiding elements</a></li><li><a href="#dont-add-html-tags-to-the-css-specificity-selector" class="table-of-contents__link toc-highlight">Don&#39;t add HTML tags to the css specificity selector</a></li><li><a href="#add-custom-classes-after-the-semantic-ui-classes" class="table-of-contents__link toc-highlight">Add custom classes after the semantic ui classes</a></li><li><a href="#use-semantic-ui-naming-style" class="table-of-contents__link toc-highlight">Use Semantic UI naming style</a></li><li><a href="#keep-important-rules-to-a-minimum-and-make-sure-they-are-well-documented" class="table-of-contents__link toc-highlight">Keep important rules to a minimum and make sure they are well documented</a></li><li><a href="#use-relative-units-in-general" class="table-of-contents__link toc-highlight">Use relative units in general</a></li><li><a href="#think-globally-act-locally" class="table-of-contents__link toc-highlight">Think globally, act locally</a></li><li><a href="#check-components-design-when-having-odd-numbers-or-images" class="table-of-contents__link toc-highlight">Check components design when having odd numbers or images</a></li><li><a href="#code-formatting" class="table-of-contents__link toc-highlight">Code formatting</a></li></ul></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Templates/Grid/index.html b/docs/docs/Templates/Grid/index.html
index 4fc4578d9c..6ec4eeaa2e 100644
--- a/docs/docs/Templates/Grid/index.html
+++ b/docs/docs/Templates/Grid/index.html
@@ -5,8 +5,8 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Grid | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Templates/Grid/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Grid | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Templates/Grid/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/Grid/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/Grid/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
@@ -16,7 +16,7 @@
 <img src="/volto-eea-design-system/assets/images/desktop-mid-grid-cf22e84cd5e2e398b4b0c3572af2f69c.png">   </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don’ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><p>Do not make gutters too large or the same width as the columns. Oversized gutters will not leave enough room for content and may prevent a layout from appearing unified.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="breakpoints">Breakpoints<a aria-hidden="true" class="hash-link" href="#breakpoints" title="Direct link to heading">​</a></h3><p>A breakpoint is the screen size threshold determined by specific layout requirements. At a given breakpoint range, the layout adjusts to suit the screen size and orientation.
 ΕΕΑ provides responsive layouts based on 4-column, 8-column, and 12-column grids, available for use across different screens, devices, and orientations.
 Each breakpoint range determines the number of columns, and recommended margins and gutters for each display size.</p><table style="text-align:center"><thead style="width:700px"><th></th><th>Breakpoints</th><th>Columns</th><th>Gutters</th><th>Margins</th></thead><tbody><tr><td style="font-weight:bold">Mobile</td><td>320-480px</td><td>4</td><td>20px or 1.25rem</td><td>30px or 1.875rem</td></tr><tr><td style="font-weight:bold">Tablet</td><td>481-835px</td><td>8 </td><td>20px or 1.25rem</td><td>40px or 2.5rem</td></tr><tr><td style="font-weight:bold">Desktop</td><td>1025px and above</td><td>12</td><td>20px or 1.25rem</td><td>140px or 8.75rem</td></tr></tbody></table></div><div role="tabpanel" hidden=""><h2 class="anchor anchorWithStickyNavbar_y2LR" id="columns-12">Columns 12<a aria-hidden="true" class="hash-link" href="#columns-12" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:300px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=layout-grid-component-grid--basic-12" title="description"></iframe></div><h2 class="anchor anchorWithStickyNavbar_y2LR" id="columns-12-with-col">Columns 12 With Col<a aria-hidden="true" class="hash-link" href="#columns-12-with-col" title="Direct link to heading">​</a></h2><div class="frameWrapper"><iframe style="height:700px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=layout-grid-component-grid--grid-examples" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/spacing/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Spacing</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/SiteHeader/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Site Header<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Templates/PageHeader/index.html b/docs/docs/Templates/PageHeader/index.html
index 8676805e46..53148d0c47 100644
--- a/docs/docs/Templates/PageHeader/index.html
+++ b/docs/docs/Templates/PageHeader/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Page Header | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Templates/PageHeader/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Page Header | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Templates/PageHeader/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/PageHeader/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/PageHeader/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/Grid/">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteHeader/">Site Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteFooter/">Site Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Templates/PageHeader/">Page Header</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Page Header</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The page header component provides users the context of the page. It is always placed just below the site header. </p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="anatomy">Anatomy<a aria-hidden="true" class="hash-link" href="#anatomy" title="Direct link to heading">​</a></h3><table><thead><tr><th><strong>Components</strong></th><th><strong>Mandatory</strong></th><th><strong>Optional</strong></th></tr></thead><tbody><tr><td><strong>Page title</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Meta( content type, published date, modified date, reading time )</strong></td><td>no</td><td>yes</td></tr><tr><td><strong>Download - Bookmark actions</strong></td><td>no</td><td>yes</td></tr><tr><td><strong>Breadcrumb</strong><br>Breadcrumb component provides information on the page and its relationship to the site&#x27;s hierarchy and structure.<br>It is optional if your website&#x27;s navigational structure has less than 3 levels.</td><td>no</td><td>yes</td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>ensure the pages contain all the components and elements in the anatomy table above</li><li>always use a page header when building your internal pages</li><li>when choosing a background image, make sure it highlights the main object related to the content, and it is meaningful</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use more than one page header per page</li><li>do not use a background image unless there is a communication need, as it might be a distraction</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>to highlight the topic of the page, or to show important information about the page</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>page header is not used for homepage of the website</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:600px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=components-page-header--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/SiteFooter/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Site Footer</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Accordion/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Accordion<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Templates/SiteFooter/index.html b/docs/docs/Templates/SiteFooter/index.html
index 74e4a9e433..f4ba096e00 100644
--- a/docs/docs/Templates/SiteFooter/index.html
+++ b/docs/docs/Templates/SiteFooter/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Site Footer | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteFooter/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Site Footer | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteFooter/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteFooter/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteFooter/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/Grid/">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteHeader/">Site Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteFooter/">Site Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/PageHeader/">Page Header</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Site Footer</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The core footer provides supplementary information such as copyright, legal, privacy, social media, contact information and links to other important sites within the EEA. It is always placed at the bottom of every page.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="anatomy">Anatomy<a aria-hidden="true" class="hash-link" href="#anatomy" title="Direct link to heading">​</a></h3><table><thead><tr><th>Components</th><th>Mandatory</th><th>Optional</th></tr></thead><tbody><tr><td><strong>EEA Network</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Content owner details</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Contact Information</strong><br></td><td>yes</td><td>no</td></tr><tr><td><strong>Legal navigation</strong></td><td>yes</td><td>no</td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do&#x27;s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>make sure the footer contain all the elements in the anatomy table above</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Don&#x27;ts<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>don&#x27;t use more than one footer per page</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-to-use">When to use<a aria-hidden="true" class="hash-link" href="#when-to-use" title="Direct link to heading">​</a></h3><ul><li>always use a footer when building your page</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="when-not-to-use">When not to use<a aria-hidden="true" class="hash-link" href="#when-not-to-use" title="Direct link to heading">​</a></h3><ul><li>do not follow these guidelines when you are updating sites that fall under a different category of the EEA portal</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:1000px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=layout-footer--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/SiteHeader/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Site Header</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/PageHeader/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Page Header<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Templates/SiteHeader/index.html b/docs/docs/Templates/SiteHeader/index.html
index 70238e07f3..ac10c47ae2 100644
--- a/docs/docs/Templates/SiteHeader/index.html
+++ b/docs/docs/Templates/SiteHeader/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Site Header | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteHeader/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Site Header | EEA Design System"><meta data-react-helmet="true" name="description" content="EEA Button Component"><meta data-react-helmet="true" property="og:description" content="EEA Button Component"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteHeader/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteHeader/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Templates/SiteHeader/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/Grid/">Grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteHeader/">Site Header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/SiteFooter/">Site Footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/volto-eea-design-system/docs/Templates/PageHeader/">Page Header</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Site Header</h1></header><div class="tabs-container"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_vU9c tabs__item--active">Usage</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_vU9c">Showcase</li></ul><div class="margin-vert--md"><div role="tabpanel"><p>The EEA header shows users that they are on EEA portal and which service they are using.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="anatomy">Anatomy<a aria-hidden="true" class="hash-link" href="#anatomy" title="Direct link to heading">​</a></h3><table><thead><th>Components</th><th>Mandatory</th><th>Optional</th></thead><tbody><tr><td><strong>An official website of the EU statement</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Environmental Information systems dropdown</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>European Environmental Agency logo</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Language select</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Search icon</strong></td><td>yes</td><td>no</td></tr><tr><td><strong>Menu</strong></td><td>yes</td><td>no</td></tr></tbody></table><h3 class="anchor anchorWithStickyNavbar_y2LR" id="dos">Do’s<a aria-hidden="true" class="hash-link" href="#dos" title="Direct link to heading">​</a></h3><ul><li>You must use the EEA header at the top of every page if your service is being hosted on one of these domains:<ul><li>Eea.europa.eu</li></ul></li><li>Make sure that contain all mandatory element from the Anatomy table</li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="donts">Dont’s<a aria-hidden="true" class="hash-link" href="#donts" title="Direct link to heading">​</a></h3><ul><li>You must not use the EEA header if your service is not being hosted in one of the above domains.</li></ul></div><div role="tabpanel" hidden=""><div class="frameWrapper"><iframe style="height:900px" src="https://eea.github.io/volto-kitkat-frontend//iframe.html?id=layout-header--default" title="description"></iframe></div></div><div role="tabpanel" hidden=""></div></div></div></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/Grid/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Grid</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Templates/SiteFooter/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Site Footer<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/Utilities/intro/index.html b/docs/docs/Utilities/intro/index.html
index 5acedee131..8bfe929027 100644
--- a/docs/docs/Utilities/intro/index.html
+++ b/docs/docs/Utilities/intro/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Utilities | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/Utilities/intro/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Utilities | EEA Design System"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/Utilities/intro/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Utilities/intro/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/Utilities/intro/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--active hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></li></ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Utilities</h1></header></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Components/Visuals/Maps/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Maps</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Resources/developer-guidelines/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Developer Guidelines<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/getting-started/index.html b/docs/docs/getting-started/index.html
index 03966c6062..53a391223a 100644
--- a/docs/docs/getting-started/index.html
+++ b/docs/docs/getting-started/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">Getting started | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/getting-started/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="Getting started | EEA Design System"><meta data-react-helmet="true" name="description" content="We provide design guidelines and code to help users create consistent and accessible web presence."><meta data-react-helmet="true" property="og:description" content="We provide design guidelines and code to help users create consistent and accessible web presence."><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/getting-started/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/getting-started/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/getting-started/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>Getting started</h1></header><p>We provide design guidelines and code to help users create consistent and accessible web presence.</p><p>All library elements are accompanied by:</p><ul><li>documentation explaining what the component is intended for and how it should be used</li><li>a visual demonstration of the component</li><li>HTML/CSS code for implementation</li></ul><p>New components are continuously being added to the library. The team is also constantly updating visual guidelines for designers in the Guidelines section, where we provide detailed information about design principles and resources.</p></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/intro/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->EEA Design System (under development)</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/whatsnew/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">What&#x27;s new<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/intro/index.html b/docs/docs/intro/index.html
index 543701a556..20d2809b19 100644
--- a/docs/docs/intro/index.html
+++ b/docs/docs/intro/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">EEA Design System (under development) | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/intro/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="EEA Design System (under development) | EEA Design System"><meta data-react-helmet="true" name="description" content="Welcome to the EEA Design System"><meta data-react-helmet="true" property="og:description" content="Welcome to the EEA Design System"><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/intro/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/intro/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/intro/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col"><div class="docItemContainer_oiyr"><article><div class="theme-doc-markdown markdown"><header><h1>EEA Design System (under development)</h1></header><h2 class="anchor anchorWithStickyNavbar_y2LR" id="welcome-to-the-eea-design-system">Welcome to the EEA Design System<a aria-hidden="true" class="hash-link" href="#welcome-to-the-eea-design-system" title="Direct link to heading">​</a></h2><p>We created the EEA Design System (EEA-DS) to standardize the visual language and user experience of the EEA’s online applications. </p><p>This also allows us to be more effecient when creating online applications instead of reinventing the wheel over and over.</p><p>EEA-DS was built by a multi-disciplinary team of developers, designers, UX researchers, writers and data scientists. Combining the expertise of all of these roles allowed us to create a design system with a wide range of elements and for various target users (Web Designer, Web Writer/Content manager, Web Developer and Data scientist).</p><h2 class="anchor anchorWithStickyNavbar_y2LR" id="what-is-a-design-system">What is a design system?<a aria-hidden="true" class="hash-link" href="#what-is-a-design-system" title="Direct link to heading">​</a></h2><p>A design system is a catalogue of everything that makes up your digital product including user interface elements, writing style, guiding principles, coding standards, visual design, etc. using reusable components for easy development.</p><p>All library elements are accompanied by:</p><ul><li>documentation explaining what a component is and how it should be used</li><li>a visual demonstration</li><li>HTML/CSS code for implementation</li></ul></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/getting-started/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Getting started<!-- --> »</div></a></div></nav></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/docs/whatsnew/index.html b/docs/docs/whatsnew/index.html
index 33a21d5e78..2e1f445d5c 100644
--- a/docs/docs/whatsnew/index.html
+++ b/docs/docs/whatsnew/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true">What&#x27;s new | EEA Design System</title><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:url" content="https://eea.github.io//volto-eea-design-system/docs/whatsnew/"><meta data-react-helmet="true" name="docusaurus_locale" content="en"><meta data-react-helmet="true" name="docusaurus_version" content="current"><meta data-react-helmet="true" name="docusaurus_tag" content="docs-default-current"><meta data-react-helmet="true" property="og:title" content="What&#x27;s new | EEA Design System"><meta data-react-helmet="true" name="description" content="All notable changes to this project will be documented in this file. Dates are displayed in UTC."><meta data-react-helmet="true" property="og:description" content="All notable changes to this project will be documented in this file. Dates are displayed in UTC."><link data-react-helmet="true" rel="icon" href="/volto-eea-design-system/img/eea_icon.png"><link data-react-helmet="true" rel="canonical" href="https://eea.github.io//volto-eea-design-system/docs/whatsnew/"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/whatsnew/" hreflang="en"><link data-react-helmet="true" rel="alternate" href="https://eea.github.io//volto-eea-design-system/docs/whatsnew/" hreflang="x-default"><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
-<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>What&#x27;s new</h1></header><p>All notable changes to this project will be documented in this file. Dates are displayed in UTC.</p><p>Generated by <a href="https://github.com/CookPete/auto-changelog" target="_blank" rel="noopener noreferrer"><code>auto-changelog</code></a>.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="unreleased---2022-04-08t131859059z"><a href="https://github.com/eea/volto-eea-design-system/compare/0.2.0...HEAD" target="_blank" rel="noopener noreferrer">Unreleased</a> - 2022-04-08T13:18:59.059Z<a aria-hidden="true" class="hash-link" href="#unreleased---2022-04-08t131859059z" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes" title="Direct link to heading">​</a></h4><ul><li>fix(version): Switch to 2.0.0.alpha.1 <a href="https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9" target="_blank" rel="noopener noreferrer"><code>83b8b8e</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others" title="Direct link to heading">​</a></h4><ul><li>cleanup(loader): Remove useless HTML <a href="https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22" target="_blank" rel="noopener noreferrer"><code>d1d180c</code></a></li><li>Release 0.2.1 <a href="https://github.com/eea/volto-eea-design-system/commit/9f89d9d60ef259c5b5a7300ccde1e524eb4fa4d7" target="_blank" rel="noopener noreferrer"><code>9f89d9d</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="020---2022-04-04"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0" target="_blank" rel="noopener noreferrer">0.2.0</a> - 2022-04-04<a aria-hidden="true" class="hash-link" href="#020---2022-04-04" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features" title="Direct link to heading">​</a></h4><ul><li>feat(card) : add new default card color-schme <a href="https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75" target="_blank" rel="noopener noreferrer"><code>965adea</code></a></li><li>feat(label): Handle slate links and footnotes <a href="https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068" target="_blank" rel="noopener noreferrer"><code>f382431</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-1">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-1" title="Direct link to heading">​</a></h4><ul><li>fix(buttons,toggles): border and background color when active 147629 #139 <a href="https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba" target="_blank" rel="noopener noreferrer"><code>ea36f31</code></a></li><li>fix(checkboxes): background color when they are toggles <a href="https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449" target="_blank" rel="noopener noreferrer"><code>4b6ab67</code></a></li><li>fix(buttons): border set on basic buttons appearing on svg elements of Volto UI <a href="https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951" target="_blank" rel="noopener noreferrer"><code>69ca73f</code></a></li><li>fix(label): Zotero/Footnotes inside label <a href="https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786" target="_blank" rel="noopener noreferrer"><code>0ee4d58</code></a></li><li>fix(card) : add control for image url in storybook <a href="https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1" target="_blank" rel="noopener noreferrer"><code>b28e530</code></a></li><li>fix(less variables):change font family <a href="https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1" target="_blank" rel="noopener noreferrer"><code>e4bca9e</code></a></li><li>fix(storybook):minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c" target="_blank" rel="noopener noreferrer"><code>9fc53bc</code></a></li><li>fix(tag): fixes merged theme config <a href="https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1" target="_blank" rel="noopener noreferrer"><code>eb30363</code></a></li><li>fix(Banner): prop types fix <a href="https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3" target="_blank" rel="noopener noreferrer"><code>a270e5b</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements" title="Direct link to heading">​</a></h4><ul><li>refactor(tag): splits Tags component to TagList and tag, changes default tags style <a href="https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445" target="_blank" rel="noopener noreferrer"><code>78a5f8c</code></a></li><li>refactor(Banner):add banner share pop up in banner story <a href="https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234" target="_blank" rel="noopener noreferrer"><code>c9688b2</code></a></li><li>refactor(tag): remove classes and actions that add background color <a href="https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406" target="_blank" rel="noopener noreferrer"><code>ce9b6f9</code></a></li><li>refactor(Banner):change banner&#x27;s image wrapper implementation <a href="https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc" target="_blank" rel="noopener noreferrer"><code>9153dd1</code></a></li><li>change(package): bump release version to 1.10.0 <a href="https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621" target="_blank" rel="noopener noreferrer"><code>7e984c1</code></a></li><li>refactor(card): align cards and images, update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98" target="_blank" rel="noopener noreferrer"><code>d47c978</code></a></li><li>refactor(card): add class inverted for default card <a href="https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f" target="_blank" rel="noopener noreferrer"><code>919a56e</code></a></li><li>refactor(tag): changes component name <a href="https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2" target="_blank" rel="noopener noreferrer"><code>e1db068</code></a></li><li>refactor(tag): changes color metallicBlue to bottleGreen <a href="https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c" target="_blank" rel="noopener noreferrer"><code>e4b68ac</code></a></li><li>refactor(less variables): change tag list mobile view <a href="https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13" target="_blank" rel="noopener noreferrer"><code>fcded3d</code></a></li><li>refactor(tagList): update story to not use tag color classes <a href="https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9" target="_blank" rel="noopener noreferrer"><code>8b5b61b</code></a></li><li>refactor(Banner):minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd" target="_blank" rel="noopener noreferrer"><code>ff8c352</code></a></li><li>refactor(Banner): add metadata field sub component <a href="https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5" target="_blank" rel="noopener noreferrer"><code>327b7e7</code></a></li><li>refactor(banner): add and adjust remix icon for banner action <a href="https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56" target="_blank" rel="noopener noreferrer"><code>1bf3ffa</code></a></li><li>refactor(banner): replace px with rem and adjust share popup padding <a href="https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c" target="_blank" rel="noopener noreferrer"><code>a568329</code></a></li><li>refactor(Banner):add type class to metadata field and apply styles to it <a href="https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23" target="_blank" rel="noopener noreferrer"><code>86a2866</code></a></li><li>refactor(less variables):change tag list styles <a href="https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b" target="_blank" rel="noopener noreferrer"><code>8670087</code></a></li><li>refactor(banner): share items display flex on desktop <a href="https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b" target="_blank" rel="noopener noreferrer"><code>3ff8684</code></a></li><li>change(banner): added background gradient, share popup, metadata show and hide  #136 <a href="https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518" target="_blank" rel="noopener noreferrer"><code>2f5dcca</code></a></li><li>refactor(banner): update gradient <a href="https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13" target="_blank" rel="noopener noreferrer"><code>570ee1e</code></a></li><li>refactor(tags): removes hardcoded &#x27;:&#x27; <a href="https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c" target="_blank" rel="noopener noreferrer"><code>ea58e86</code></a></li><li>refactor(card): remove card border <a href="https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb" target="_blank" rel="noopener noreferrer"><code>bc77739</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes" title="Direct link to heading">​</a></h4><ul><li>style(card) : add lint and prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156" target="_blank" rel="noopener noreferrer"><code>9d9a773</code></a></li><li>style(tag): remove comments <a href="https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286" target="_blank" rel="noopener noreferrer"><code>501fcdf</code></a></li><li>style(tag): stylelint and prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063" target="_blank" rel="noopener noreferrer"><code>08b6386</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-1">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-1" title="Direct link to heading">​</a></h4><ul><li>1.10 release #140 <a href="https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f" target="_blank" rel="noopener noreferrer"><code>88d3339</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7" target="_blank" rel="noopener noreferrer"><code>328ef2c</code></a></li><li>undo changes to Header.jsx committed wrongly in 4b6ab <a href="https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0" target="_blank" rel="noopener noreferrer"><code>bfc4c51</code></a></li><li>Update 0-intro.md <a href="https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924" target="_blank" rel="noopener noreferrer"><code>af75f81</code></a></li><li>perf(eol): lf fix <a href="https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125" target="_blank" rel="noopener noreferrer"><code>ecf474f</code></a></li><li>Update 0-intro.md <a href="https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4" target="_blank" rel="noopener noreferrer"><code>93a0732</code></a></li><li>modifies tags title <a href="https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e" target="_blank" rel="noopener noreferrer"><code>33c3714</code></a></li><li>reafactor(taglist): fixes tags root class <a href="https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53" target="_blank" rel="noopener noreferrer"><code>7d09959</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="019---2022-03-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9" target="_blank" rel="noopener noreferrer">0.1.9</a> - 2022-03-25<a aria-hidden="true" class="hash-link" href="#019---2022-03-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-1">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-1" title="Direct link to heading">​</a></h4><ul><li>feat(all): 1.9 release #124 <a href="https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869" target="_blank" rel="noopener noreferrer"><code>0d3f6fb</code></a></li><li>feat(callout): Align volto-slate callout with blockquote style <a href="https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058" target="_blank" rel="noopener noreferrer"><code>9e0bb49</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-2">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-2" title="Direct link to heading">​</a></h4><ul><li>fix(inpageNavigation): restore hidden on top functionality <a href="https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4" target="_blank" rel="noopener noreferrer"><code>c554e6e</code></a></li><li>fix(list): Fix TOC margin on 3rd level <a href="https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108" target="_blank" rel="noopener noreferrer"><code>f17da79</code></a></li><li>fix(inpageNavigation) : add smooth scroll animation <a href="https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee" target="_blank" rel="noopener noreferrer"><code>42f6564</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-1">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-1" title="Direct link to heading">​</a></h4><ul><li>refactor(footer): update visual and mobile margins <a href="https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347" target="_blank" rel="noopener noreferrer"><code>64f05af</code></a></li><li>refactor(header): restore union dropdown after implementation <a href="https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e" target="_blank" rel="noopener noreferrer"><code>a7029c5</code></a></li><li>refactor(pullquote): adjust to the new figma design <a href="https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f" target="_blank" rel="noopener noreferrer"><code>78e4606</code></a></li><li>refactor(breadcrumb): adjust font sizes and import remix divider <a href="https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2" target="_blank" rel="noopener noreferrer"><code>5fcabaf</code></a></li><li>change(header): use viewport width for changing mobile text in header dropdowns <a href="https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b" target="_blank" rel="noopener noreferrer"><code>5a7868e</code></a></li><li>refactor(inpageNavigation): adjust to the new figma design <a href="https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac" target="_blank" rel="noopener noreferrer"><code>4073acf</code></a></li><li>refactor(tab): add max width for tab items <a href="https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085" target="_blank" rel="noopener noreferrer"><code>366d279</code></a></li><li>refactor(less variables):change pullquote styles <a href="https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f" target="_blank" rel="noopener noreferrer"><code>9ad94bb</code></a></li><li>refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component <a href="https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b" target="_blank" rel="noopener noreferrer"><code>6bce35f</code></a></li><li>refactor(inpageNavigation): Update to remix icons <a href="https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d" target="_blank" rel="noopener noreferrer"><code>19a6061</code></a></li><li>refactor(inpageNavigation) : move icon &amp; text to be in column <a href="https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55" target="_blank" rel="noopener noreferrer"><code>0953910</code></a></li><li>change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template <a href="https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e" target="_blank" rel="noopener noreferrer"><code>490a559</code></a></li><li>change(package): bump release version to 1.9.0 <a href="https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938" target="_blank" rel="noopener noreferrer"><code>43a6e4b</code></a></li><li>refactor(breadcrumb): adjust font sizes and import remix divider #120 <a href="https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b" target="_blank" rel="noopener noreferrer"><code>09a3a01</code></a></li><li>change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 <a href="https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6" target="_blank" rel="noopener noreferrer"><code>ea138a1</code></a></li><li>refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 <a href="https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c" target="_blank" rel="noopener noreferrer"><code>fd740c9</code></a></li><li>refactor(footer):  updated visuals and gradients #117 <a href="https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32" target="_blank" rel="noopener noreferrer"><code>e5c6d18</code></a></li><li>change(scrollToTop): feature inpage navigation revamp #121 <a href="https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1" target="_blank" rel="noopener noreferrer"><code>3cf20a8</code></a></li><li>refactor(footer): update visual and gradient <a href="https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713" target="_blank" rel="noopener noreferrer"><code>764ec23</code></a></li><li>change(header): use 12px font size for mobile resolution dropdowns <a href="https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e" target="_blank" rel="noopener noreferrer"><code>6dad0fa</code></a></li><li>change(nav): added navDepth to 3 in order to enable mega menu integration <a href="https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76" target="_blank" rel="noopener noreferrer"><code>c4f73fd</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-1">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-1" title="Direct link to heading">​</a></h4><ul><li>style(inpageNavigation) : lint changes <a href="https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b" target="_blank" rel="noopener noreferrer"><code>3641d78</code></a></li><li>style(inpageNavigation) : add less variables <a href="https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c" target="_blank" rel="noopener noreferrer"><code>0699c70</code></a></li><li>style(pullquote): create variable for icon font size <a href="https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210" target="_blank" rel="noopener noreferrer"><code>fea9b0a</code></a></li><li>style(inpageNavigation) : add lint &amp; prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759" target="_blank" rel="noopener noreferrer"><code>f8dd012</code></a></li><li>style(inpageNavigation): remove comment <a href="https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18" target="_blank" rel="noopener noreferrer"><code>1aee011</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-2">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-2" title="Direct link to heading">​</a></h4><ul><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370" target="_blank" rel="noopener noreferrer"><code>85a3dc5</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741" target="_blank" rel="noopener noreferrer"><code>0077621</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255" target="_blank" rel="noopener noreferrer"><code>9f1bb1c</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43" target="_blank" rel="noopener noreferrer"><code>e2b19fe</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3" target="_blank" rel="noopener noreferrer"><code>03dbc9b</code></a></li><li>Hide breadcrumbs on homepage <a href="https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5" target="_blank" rel="noopener noreferrer"><code>3e2f609</code></a></li><li>bug(inpageNavigation): less layers structure fix <a href="https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81" target="_blank" rel="noopener noreferrer"><code>b8d34fb</code></a></li><li>prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41" target="_blank" rel="noopener noreferrer"><code>d4b1c57</code></a></li><li>fefactor(tab): add max width for tab items #118 <a href="https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c" target="_blank" rel="noopener noreferrer"><code>716c408</code></a></li><li>Add reversed option to Timeline grid <a href="https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264" target="_blank" rel="noopener noreferrer"><code>7c90232</code></a></li><li>doc(grid): update grid showcases <a href="https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e" target="_blank" rel="noopener noreferrer"><code>83671a3</code></a></li><li>End of line <a href="https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c" target="_blank" rel="noopener noreferrer"><code>7f46fb7</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="018---2022-03-18"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8" target="_blank" rel="noopener noreferrer">0.1.8</a> - 2022-03-18<a aria-hidden="true" class="hash-link" href="#018---2022-03-18" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-3">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-3" title="Direct link to heading">​</a></h4><ul><li>fix(card): avoid long links from spilling outside of card body area <a href="https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d" target="_blank" rel="noopener noreferrer"><code>95b8951</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-2">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-2" title="Direct link to heading">​</a></h4><ul><li>change(typography): set heading sizes as detailed in docusaurus typography section <a href="https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf" target="_blank" rel="noopener noreferrer"><code>189bf20</code></a></li><li>change(docusaurus):  content tweaks, inpage navigation section #112 <a href="https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89" target="_blank" rel="noopener noreferrer"><code>b62d1b1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-2">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-2" title="Direct link to heading">​</a></h4><ul><li>chore(docusaurus): fixed grid tablet breakpoint value <a href="https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40" target="_blank" rel="noopener noreferrer"><code>c7fbc09</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): capitalization remove <a href="https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7" target="_blank" rel="noopener noreferrer"><code>bf8fa44</code></a></li><li>docs(docusaurus): update <a href="https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840" target="_blank" rel="noopener noreferrer"><code>1c04976</code></a></li><li>docs(docusaurus): comment address on pr 112 <a href="https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb" target="_blank" rel="noopener noreferrer"><code>6e4fe3b</code></a></li><li>docs(docusaurus): color minor update <a href="https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a" target="_blank" rel="noopener noreferrer"><code>13f9fda</code></a></li><li>docs(docusaurus): tabs and breadcrump update <a href="https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694" target="_blank" rel="noopener noreferrer"><code>d0547e5</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-3">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-3" title="Direct link to heading">​</a></h4><ul><li>doc(colours): add more content <a href="https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b" target="_blank" rel="noopener noreferrer"><code>ec66248</code></a></li><li>Add divider content for metadata field in Banner <a href="https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860" target="_blank" rel="noopener noreferrer"><code>f1e34bd</code></a></li><li>Release 1.8.0 <a href="https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a" target="_blank" rel="noopener noreferrer"><code>fd6ba04</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="017---2022-03-15"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7" target="_blank" rel="noopener noreferrer">0.1.7</a> - 2022-03-15<a aria-hidden="true" class="hash-link" href="#017---2022-03-15" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-2">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-2" title="Direct link to heading">​</a></h4><ul><li>feat(less): add global gap sizes <a href="https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709" target="_blank" rel="noopener noreferrer"><code>3c83f20</code></a></li><li>feat(icons): import remix css <a href="https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3" target="_blank" rel="noopener noreferrer"><code>29967fb</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-4">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-4" title="Direct link to heading">​</a></h4><ul><li>fix(menu): fix border overflow for tabs and pagination <a href="https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9" target="_blank" rel="noopener noreferrer"><code>e88721f</code></a></li><li>fix(accordion): responsive and accessibility issues <a href="https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584" target="_blank" rel="noopener noreferrer"><code>c225935</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-3">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-3" title="Direct link to heading">​</a></h4><ul><li>refactor(menu): update paddings for tabs and pagination <a href="https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e" target="_blank" rel="noopener noreferrer"><code>533a509</code></a></li><li>refactor(accordion): import semantic icon for remix arrows <a href="https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf" target="_blank" rel="noopener noreferrer"><code>9aa77d8</code></a></li><li>refactor(all) icons, accordion, button and menu itml #108 <a href="https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d" target="_blank" rel="noopener noreferrer"><code>52ed2ca</code></a></li><li>change(storybook): segment stories now contain several elements <a href="https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d" target="_blank" rel="noopener noreferrer"><code>98a7654</code></a></li><li>change(table): inherit header alignment instead of hard-coding values <a href="https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd" target="_blank" rel="noopener noreferrer"><code>ebb5193</code></a></li><li>refactor(icons): add remix icons <a href="https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb" target="_blank" rel="noopener noreferrer"><code>c4c1a92</code></a></li><li>refactor(container): restore mobile width to auto <a href="https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74" target="_blank" rel="noopener noreferrer"><code>2df184c</code></a></li><li>refactor(button): update action button hover color <a href="https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96" target="_blank" rel="noopener noreferrer"><code>bb09d71</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-3">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-3" title="Direct link to heading">​</a></h4><ul><li>chore(docusaurus): docs delete <a href="https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7" target="_blank" rel="noopener noreferrer"><code>5f9d733</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-1">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-1" title="Direct link to heading">​</a></h4><ul><li>docs(colors): corrections <a href="https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28" target="_blank" rel="noopener noreferrer"><code>da64c4c</code></a></li><li>docs(list): default list showcase <a href="https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1" target="_blank" rel="noopener noreferrer"><code>8ded062</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-4">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-4" title="Direct link to heading">​</a></h4><ul><li>bug(form): input min-width more specific to not break volto interface <a href="https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11" target="_blank" rel="noopener noreferrer"><code>3f5b5d4</code></a></li><li>Update package.json <a href="https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0" target="_blank" rel="noopener noreferrer"><code>3dba28b</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="016---2022-03-11"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6" target="_blank" rel="noopener noreferrer">0.1.6</a> - 2022-03-11<a aria-hidden="true" class="hash-link" href="#016---2022-03-11" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-3">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-3" title="Direct link to heading">​</a></h4><ul><li>feat(cards): add custom display for volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5" target="_blank" rel="noopener noreferrer"><code>645096a</code></a></li><li>feat(PublicationCard):create publication card component &amp; styles <a href="https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae" target="_blank" rel="noopener noreferrer"><code>3e5f9b7</code></a></li><li>feat(PublicationCard):create publication card component &amp; styles <a href="https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75" target="_blank" rel="noopener noreferrer"><code>12cdd5d</code></a></li><li>feat(Related Content): create Related Content component <a href="https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0" target="_blank" rel="noopener noreferrer"><code>77eda95</code></a></li><li>feat(Related Content): create Related Content component <a href="https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb" target="_blank" rel="noopener noreferrer"><code>08d495b</code></a></li><li>feat(pagination,related) added several r3 components #105 <a href="https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91" target="_blank" rel="noopener noreferrer"><code>08d47c1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-5">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-5" title="Direct link to heading">​</a></h4><ul><li>fix(Related Content): limit publication card number to 4 <a href="https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d" target="_blank" rel="noopener noreferrer"><code>e7df032</code></a></li><li>fix(less variables):rename publication card variables <a href="https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184" target="_blank" rel="noopener noreferrer"><code>55c6fb8</code></a></li><li>fix(Publication Card): add link to card and arg name fix <a href="https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c" target="_blank" rel="noopener noreferrer"><code>36a7c96</code></a></li><li>fix(radio): fix bullet scaling issue with firefox <a href="https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49" target="_blank" rel="noopener noreferrer"><code>5f02c95</code></a></li><li>fix(radio): fix bullet scaling issue with firefox <a href="https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93" target="_blank" rel="noopener noreferrer"><code>dbb2e27</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-4">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-4" title="Direct link to heading">​</a></h4><ul><li>refactor(form): remove custom classes and add container to form items <a href="https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7" target="_blank" rel="noopener noreferrer"><code>6b5442a</code></a></li><li>refactor(form): remove custom classes and add container to form items <a href="https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e" target="_blank" rel="noopener noreferrer"><code>d1ec083</code></a></li><li>refactor(form): update form wrapper component <a href="https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a" target="_blank" rel="noopener noreferrer"><code>a719576</code></a></li><li>refactor(form): update form wrapper component <a href="https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2" target="_blank" rel="noopener noreferrer"><code>0736ec7</code></a></li><li>refactor(form): adjust form items to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74" target="_blank" rel="noopener noreferrer"><code>4213cfb</code></a></li><li>refactor(form): adjust form items to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b" target="_blank" rel="noopener noreferrer"><code>374ffbc</code></a></li><li>refactor(breadcrumb): remove custom class anf and new variables <a href="https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207" target="_blank" rel="noopener noreferrer"><code>b3cb83d</code></a></li><li>refactor(breadcrumb): remove custom class anf and new variables <a href="https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66" target="_blank" rel="noopener noreferrer"><code>d5808ad</code></a></li><li>refactor(storybook): clear up unnecessary form elements controls <a href="https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e" target="_blank" rel="noopener noreferrer"><code>f7e7d5b</code></a></li><li>refactor(storybook): small change in unordered list story <a href="https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931" target="_blank" rel="noopener noreferrer"><code>3ffd872</code></a></li><li>refactor(storybook): small change in unordered list story <a href="https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c" target="_blank" rel="noopener noreferrer"><code>6ce16e9</code></a></li><li>refactor(pagination): fix menu overrides for tabs that affects pagination <a href="https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5" target="_blank" rel="noopener noreferrer"><code>fe8c4ca</code></a></li><li>refactor(pagination): fix menu overrides for tabs that affects pagination <a href="https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c" target="_blank" rel="noopener noreferrer"><code>3f4b726</code></a></li><li>refactor(Loader):remove image &amp; add background image <a href="https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287" target="_blank" rel="noopener noreferrer"><code>70fe041</code></a></li><li>refactor(Loader):remove image &amp; add background image <a href="https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf" target="_blank" rel="noopener noreferrer"><code>ac38126</code></a></li><li>refactor(list): remove selection control <a href="https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a" target="_blank" rel="noopener noreferrer"><code>a09b179</code></a></li><li>refactor(list): remove selection control <a href="https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987" target="_blank" rel="noopener noreferrer"><code>17bf710</code></a></li><li>refactor(storybook):unordered list minor change <a href="https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b" target="_blank" rel="noopener noreferrer"><code>df2b727</code></a></li><li>refactor(storybook):unordered list minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e" target="_blank" rel="noopener noreferrer"><code>ef6db73</code></a></li><li>refactor(colors): remove metalic blue color <a href="https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2" target="_blank" rel="noopener noreferrer"><code>b2f95b6</code></a></li><li>refactor(colors): remove metalic blue color <a href="https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba" target="_blank" rel="noopener noreferrer"><code>1eea33f</code></a></li><li>refactor(button): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690" target="_blank" rel="noopener noreferrer"><code>b1774d8</code></a></li><li>refactor(button): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be" target="_blank" rel="noopener noreferrer"><code>061f3e3</code></a></li><li>change(blockquote): treat slate as a variation of blockquote component <a href="https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae" target="_blank" rel="noopener noreferrer"><code>19bd9a5</code></a></li><li>refactor(container): remove important from rules <a href="https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5" target="_blank" rel="noopener noreferrer"><code>e984771</code></a></li><li>refactor(storybook):add textarea control to add/remove fluid class <a href="https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909" target="_blank" rel="noopener noreferrer"><code>475f540</code></a></li><li>refactor(container): remove important from rules <a href="https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09" target="_blank" rel="noopener noreferrer"><code>1cc6984</code></a></li><li>refactor(storybook): add required attribute to form fields <a href="https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c" target="_blank" rel="noopener noreferrer"><code>fecee27</code></a></li><li>refactor(progressBar): update progress bar colors with vars <a href="https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e" target="_blank" rel="noopener noreferrer"><code>c4ef1f0</code></a></li><li>refactor(progressBar): update progress bar colors with vars <a href="https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958" target="_blank" rel="noopener noreferrer"><code>a44d73c</code></a></li><li>refactor(storybook): add required attribute to form fields <a href="https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450" target="_blank" rel="noopener noreferrer"><code>21da79e</code></a></li><li>refactor(list): adjust bullet size <a href="https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec" target="_blank" rel="noopener noreferrer"><code>2b29e4e</code></a></li><li>refactor(list): adjust bullet size <a href="https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16" target="_blank" rel="noopener noreferrer"><code>61c341c</code></a></li><li>refactor(statistic): add inverted background to global variables <a href="https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a" target="_blank" rel="noopener noreferrer"><code>1427e70</code></a></li><li>refactor(statistic): add inverted background to global variables <a href="https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167" target="_blank" rel="noopener noreferrer"><code>ea25dfa</code></a></li><li>refactor(statistic): remove custom class <a href="https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd" target="_blank" rel="noopener noreferrer"><code>46cc560</code></a></li><li>refactor(container): update mobile width <a href="https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4" target="_blank" rel="noopener noreferrer"><code>d548a44</code></a></li><li>refactor(grid): replace px with rem units <a href="https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1" target="_blank" rel="noopener noreferrer"><code>e792f51</code></a></li><li>refactor(statistic): remove custom class <a href="https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc" target="_blank" rel="noopener noreferrer"><code>b5c8e7c</code></a></li><li>change(docusaurus): updated template to change what&#x27;s new title <a href="https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041" target="_blank" rel="noopener noreferrer"><code>3e15f4d</code></a></li><li>change(footer): added display variable for footer site logos <a href="https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb" target="_blank" rel="noopener noreferrer"><code>d5b3c2f</code></a></li><li>refactor(grid): replace px with rem units <a href="https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86" target="_blank" rel="noopener noreferrer"><code>f0331d0</code></a></li><li>change(github): auto deploy only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb" target="_blank" rel="noopener noreferrer"><code>11d6b4e</code></a></li><li>refactor(header): implementation in preparation for Volto integration #20 #89 <a href="https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c" target="_blank" rel="noopener noreferrer"><code>95b136d</code></a></li><li>change(github): trigger autobuild when modifying templates contents <a href="https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af" target="_blank" rel="noopener noreferrer"><code>46094b1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-4">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-4" title="Direct link to heading">​</a></h4><ul><li>style(list): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f" target="_blank" rel="noopener noreferrer"><code>f9e3b05</code></a></li><li>style(list): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf" target="_blank" rel="noopener noreferrer"><code>8eb715b</code></a></li><li>chore(github): merge changes from develop to develop-itml <a href="https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e" target="_blank" rel="noopener noreferrer"><code>063bd6e</code></a></li><li>chore(github): build deployment only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222" target="_blank" rel="noopener noreferrer"><code>a5a1b08</code></a></li><li>chore(github): build deployment only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83" target="_blank" rel="noopener noreferrer"><code>bb455aa</code></a></li><li>chore(github): merge changes from develop to develop-itml <a href="https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499" target="_blank" rel="noopener noreferrer"><code>129c12f</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-5">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-5" title="Direct link to heading">​</a></h4><ul><li>Revert &quot;chore(github): merge changes from develop to develop-itml&quot; <a href="https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472" target="_blank" rel="noopener noreferrer"><code>ca9520f</code></a></li><li>refactor breadcrumbs component, make it functional and customizable <a href="https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf" target="_blank" rel="noopener noreferrer"><code>e902d69</code></a></li><li>rollback(cards): move custom display to volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006" target="_blank" rel="noopener noreferrer"><code>2564b1e</code></a></li><li>bring back segment wrapper and make it attached <a href="https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38" target="_blank" rel="noopener noreferrer"><code>8458f03</code></a></li><li>no <code>display: flex</code> for blockquote added from slate <a href="https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc" target="_blank" rel="noopener noreferrer"><code>5595ce1</code></a></li><li>Add rule about code length <a href="https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386" target="_blank" rel="noopener noreferrer"><code>a5f3652</code></a></li><li>Add indenting rule <a href="https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0" target="_blank" rel="noopener noreferrer"><code>15c44cb</code></a></li><li>fix warning related to proptype <a href="https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c" target="_blank" rel="noopener noreferrer"><code>946c6c6</code></a></li><li>fix profile section css overflow <a href="https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6" target="_blank" rel="noopener noreferrer"><code>db5126f</code></a></li><li>Add rule about import sorting <a href="https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b" target="_blank" rel="noopener noreferrer"><code>804e188</code></a></li><li>don&#x27;t use volto-slate <a href="https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a" target="_blank" rel="noopener noreferrer"><code>6a02976</code></a></li><li>remove segment custom width <a href="https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16" target="_blank" rel="noopener noreferrer"><code>1d3ea40</code></a></li><li>Add rule about naming vars <a href="https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74" target="_blank" rel="noopener noreferrer"><code>8f9020f</code></a></li><li>update style for accordion title <a href="https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192" target="_blank" rel="noopener noreferrer"><code>0b0d678</code></a></li><li>Release 1.6.0 <a href="https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c" target="_blank" rel="noopener noreferrer"><code>e771e65</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316" target="_blank" rel="noopener noreferrer"><code>bbcab87</code></a></li><li>add margin to <!-- -->&lt;<!-- -->br<!-- -->&gt;<!-- --> element to simulate gap as in design <a href="https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458" target="_blank" rel="noopener noreferrer"><code>c6685c1</code></a></li><li>make breadcrumbs default size as tiny <a href="https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f" target="_blank" rel="noopener noreferrer"><code>589581f</code></a></li><li>remove uneeded style <a href="https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c" target="_blank" rel="noopener noreferrer"><code>82a8fb1</code></a></li><li>Add rule about hardcoded values <a href="https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05" target="_blank" rel="noopener noreferrer"><code>e04e0df</code></a></li><li>Add file mode rule <a href="https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5" target="_blank" rel="noopener noreferrer"><code>65c9a93</code></a></li><li>Add DRY rule <a href="https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c" target="_blank" rel="noopener noreferrer"><code>66c9c3a</code></a></li><li>set profile section overflow to auto <a href="https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393" target="_blank" rel="noopener noreferrer"><code>71ab47f</code></a></li><li>Add Sonarqube tag using eea-website-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f" target="_blank" rel="noopener noreferrer"><code>647a6e3</code></a></li><li>removed override already present in card.less <a href="https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69" target="_blank" rel="noopener noreferrer"><code>50d2ab2</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea" target="_blank" rel="noopener noreferrer"><code>7a1d482</code></a></li><li>Add functional components rule; add classnames rule <a href="https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e" target="_blank" rel="noopener noreferrer"><code>91a0b06</code></a></li><li>added comment about need for removal of this fix later <a href="https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b" target="_blank" rel="noopener noreferrer"><code>65b8166</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="015---2022-03-08"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5" target="_blank" rel="noopener noreferrer">0.1.5</a> - 2022-03-08<a aria-hidden="true" class="hash-link" href="#015---2022-03-08" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-4">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-4" title="Direct link to heading">​</a></h4><ul><li>feat(cards): add custom display for volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5" target="_blank" rel="noopener noreferrer"><code>f49ffb6</code></a></li><li>feat(KeyContent): add new component <a href="https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4" target="_blank" rel="noopener noreferrer"><code>2534c54</code></a></li><li>feat(docusaurus): Updated developer guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa" target="_blank" rel="noopener noreferrer"><code>ca146ff</code></a></li><li>feat(storybook): add testimonial component <a href="https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c" target="_blank" rel="noopener noreferrer"><code>55d9747</code></a></li><li>feat(storybook): add AvatarGrid component <a href="https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93" target="_blank" rel="noopener noreferrer"><code>b668445</code></a></li><li>feat(storybook):add Loader component <a href="https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01" target="_blank" rel="noopener noreferrer"><code>f675834</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-6">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-6" title="Direct link to heading">​</a></h4><ul><li>fix(breakpoints): fix largest screen breakpoint bug on scaling <a href="https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff" target="_blank" rel="noopener noreferrer"><code>e4a11c8</code></a></li><li>fix(profile):  section css overflow and padding issues #95 <a href="https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653" target="_blank" rel="noopener noreferrer"><code>bb9eb0f</code></a></li><li>fix(storybook): lint auto changes for AvatarGrid <a href="https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6" target="_blank" rel="noopener noreferrer"><code>b8e74f1</code></a></li><li>fix(components): add grid structure to various components <a href="https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a" target="_blank" rel="noopener noreferrer"><code>cc33546</code></a></li><li>fix(header) re-added span tags removed in pull request #74 <a href="https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8" target="_blank" rel="noopener noreferrer"><code>00702d7</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-5">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-5" title="Direct link to heading">​</a></h4><ul><li>refactor(button): styling updates <a href="https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed" target="_blank" rel="noopener noreferrer"><code>37afda5</code></a></li><li>refactor(tab): updates on variables and overrides <a href="https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47" target="_blank" rel="noopener noreferrer"><code>54bf703</code></a></li><li>change(blockquote): treat slate as a variation of blockquote component <a href="https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701" target="_blank" rel="noopener noreferrer"><code>5e8a8b8</code></a></li><li>change(footer): added display variable for footer site logos <a href="https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea" target="_blank" rel="noopener noreferrer"><code>2f942b4</code></a></li><li>refactor(checkbox/radio): remove header from message and adjust top position of bullet <a href="https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6" target="_blank" rel="noopener noreferrer"><code>4a072b3</code></a></li><li>refactor(color): remove secondaryColorDarken variable <a href="https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb" target="_blank" rel="noopener noreferrer"><code>74c8ba0</code></a></li><li>change(docusaurus): updated template to change what&#x27;s new title <a href="https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2" target="_blank" rel="noopener noreferrer"><code>58f58c8</code></a></li><li>change(github): auto deploy only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5" target="_blank" rel="noopener noreferrer"><code>bfa35a3</code></a></li><li>refactor(header): implementation in preparation for Volto integration #20 #97 <a href="https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd" target="_blank" rel="noopener noreferrer"><code>cddda20</code></a></li><li>refactor(breadcrumbs): component, make it functional and pluggable #32 #94 <a href="https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b" target="_blank" rel="noopener noreferrer"><code>9f42e80</code></a></li><li>change(card): added styles for volto cards integration #92 <a href="https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6" target="_blank" rel="noopener noreferrer"><code>a46ac21</code></a></li><li>refactor(grid): remove column count from example <a href="https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262" target="_blank" rel="noopener noreferrer"><code>ac0e9cf</code></a></li><li>change(github): trigger autobuild when modifying templates contents <a href="https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c" target="_blank" rel="noopener noreferrer"><code>5f7d152</code></a></li><li>refactor(grid): remove custom grid <a href="https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf" target="_blank" rel="noopener noreferrer"><code>1d978a9</code></a></li><li>refactor(Form):change form field wrapper implementation <a href="https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228" target="_blank" rel="noopener noreferrer"><code>73cdd6d</code></a></li><li>refactor(message): update colors to match design <a href="https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4" target="_blank" rel="noopener noreferrer"><code>633ce31</code></a></li><li>refactor(checkbox/radio): update variables and remove important rules <a href="https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8" target="_blank" rel="noopener noreferrer"><code>ad533b4</code></a></li><li>refactor(less variables): add variables to less for new components <a href="https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34" target="_blank" rel="noopener noreferrer"><code>47df026</code></a></li><li>refactor(Tab): fix vertical tab alignment <a href="https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574" target="_blank" rel="noopener noreferrer"><code>401bdf2</code></a></li><li>refactor(lint changes): add lint changes <a href="https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04" target="_blank" rel="noopener noreferrer"><code>6f6847f</code></a></li><li>refactor(inpageNavigation): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5" target="_blank" rel="noopener noreferrer"><code>62f74ea</code></a></li><li>refactor(message): updates on styling <a href="https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b" target="_blank" rel="noopener noreferrer"><code>b4cf850</code></a></li><li>refactor(banner): update class name <a href="https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c" target="_blank" rel="noopener noreferrer"><code>ef0969b</code></a></li><li>change(github): use develop for auto pushing <a href="https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605" target="_blank" rel="noopener noreferrer"><code>a32a723</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-5">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-5" title="Direct link to heading">​</a></h4><ul><li>style(design-system): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34" target="_blank" rel="noopener noreferrer"><code>631fa90</code></a></li><li>style(checkbox/radio): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd" target="_blank" rel="noopener noreferrer"><code>a04939f</code></a></li><li>style(design-system): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296" target="_blank" rel="noopener noreferrer"><code>3c753f0</code></a></li><li>style(message): stylelint fix <a href="https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225" target="_blank" rel="noopener noreferrer"><code>5b75057</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-2">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-2" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): visuals guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379" target="_blank" rel="noopener noreferrer"><code>544a950</code></a></li><li>docs(docusaurus): search guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8" target="_blank" rel="noopener noreferrer"><code>0fb229d</code></a></li><li>docs(docusaurus): loader page <a href="https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402" target="_blank" rel="noopener noreferrer"><code>892a25d</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-6">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-6" title="Direct link to heading">​</a></h4><ul><li>Reformat header.less <a href="https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69" target="_blank" rel="noopener noreferrer"><code>1f99dfc</code></a></li><li>Close menu when changing path <a href="https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2" target="_blank" rel="noopener noreferrer"><code>65daea9</code></a></li><li>refactor breadcrumbs component, make it functional and customizable <a href="https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0" target="_blank" rel="noopener noreferrer"><code>4ec374e</code></a></li><li>rollback(cards): move custom display to volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1" target="_blank" rel="noopener noreferrer"><code>79d4c89</code></a></li><li>Open overlay menu on global menu click <a href="https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48" target="_blank" rel="noopener noreferrer"><code>cc749bc</code></a></li><li>bring back segment wrapper and make it attached <a href="https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238" target="_blank" rel="noopener noreferrer"><code>9f413ff</code></a></li><li>Use renderMenuItem also in mobile menu <a href="https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4" target="_blank" rel="noopener noreferrer"><code>02de0bb</code></a></li><li>Fix clicking outside closes menu <a href="https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c" target="_blank" rel="noopener noreferrer"><code>af52664</code></a></li><li>Cleanup args in header story <a href="https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d" target="_blank" rel="noopener noreferrer"><code>2bf6a30</code></a></li><li>fix warning related to proptype <a href="https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723" target="_blank" rel="noopener noreferrer"><code>824b9be</code></a></li><li>fix profile section css overflow <a href="https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f" target="_blank" rel="noopener noreferrer"><code>8fd2654</code></a></li><li>don&#x27;t use volto-slate <a href="https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82" target="_blank" rel="noopener noreferrer"><code>70ca3d4</code></a></li><li>remove segment custom width <a href="https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7" target="_blank" rel="noopener noreferrer"><code>4a60d84</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb" target="_blank" rel="noopener noreferrer"><code>96f4af0</code></a></li><li>Fix TopDropdownMenu component rendering in mobile <a href="https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b" target="_blank" rel="noopener noreferrer"><code>a4626de</code></a></li><li>Add usePrevious hook <a href="https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189" target="_blank" rel="noopener noreferrer"><code>797faba</code></a></li><li>make breadcrumbs default size as tiny <a href="https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6" target="_blank" rel="noopener noreferrer"><code>3c8e1c6</code></a></li><li>Update package.json <a href="https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af" target="_blank" rel="noopener noreferrer"><code>fa020cb</code></a></li><li>Add rule about hardcoded values <a href="https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407" target="_blank" rel="noopener noreferrer"><code>0c6912c</code></a></li><li>set profile section overflow to auto <a href="https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d" target="_blank" rel="noopener noreferrer"><code>8db62bb</code></a></li><li>added comment about need for removal of this fix later <a href="https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054" target="_blank" rel="noopener noreferrer"><code>6fdbd71</code></a></li><li>Add Sonarqube tag using eea-website-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0" target="_blank" rel="noopener noreferrer"><code>6051724</code></a></li><li>removed override already present in card.less <a href="https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc" target="_blank" rel="noopener noreferrer"><code>93c4e5a</code></a></li><li>Remove console.log calls <a href="https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23" target="_blank" rel="noopener noreferrer"><code>8a3a4cb</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a" target="_blank" rel="noopener noreferrer"><code>81bb7d4</code></a></li><li>Update comment <a href="https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea" target="_blank" rel="noopener noreferrer"><code>ffa2400</code></a></li><li>merge develop into this branch <a href="https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a" target="_blank" rel="noopener noreferrer"><code>ad5b388</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905" target="_blank" rel="noopener noreferrer"><code>a8d97f1</code></a></li><li>Use header.less from develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc" target="_blank" rel="noopener noreferrer"><code>99edbc6</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc" target="_blank" rel="noopener noreferrer"><code>57b5783</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f" target="_blank" rel="noopener noreferrer"><code>785da36</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d" target="_blank" rel="noopener noreferrer"><code>5d1eba9</code></a></li><li>adds Tags <a href="https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe" target="_blank" rel="noopener noreferrer"><code>e37fc19</code></a></li><li>Add useClickOutside hook <a href="https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f" target="_blank" rel="noopener noreferrer"><code>70364c8</code></a></li><li>Implement outside click handling <a href="https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec" target="_blank" rel="noopener noreferrer"><code>fa6f818</code></a></li><li>Simplify overlay menu template <a href="https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526" target="_blank" rel="noopener noreferrer"><code>28b0478</code></a></li><li>fixes less variables, fixes tags positioning <a href="https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7" target="_blank" rel="noopener noreferrer"><code>cc19b9b</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1" target="_blank" rel="noopener noreferrer"><code>15bc0f4</code></a></li><li>no <code>display: flex</code> for blockquote added from slate <a href="https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8" target="_blank" rel="noopener noreferrer"><code>312a893</code></a></li><li>Add rule about code length <a href="https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813" target="_blank" rel="noopener noreferrer"><code>318cd48</code></a></li><li>Add indenting rule <a href="https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103" target="_blank" rel="noopener noreferrer"><code>d589685</code></a></li><li>Add rule about import sorting <a href="https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8" target="_blank" rel="noopener noreferrer"><code>cd337c1</code></a></li><li>Add rule about naming vars <a href="https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42" target="_blank" rel="noopener noreferrer"><code>b112de0</code></a></li><li>Bring back classNames from header subpopup <a href="https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a" target="_blank" rel="noopener noreferrer"><code>e477a51</code></a></li><li>removes tags hashtag from jsx <a href="https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0" target="_blank" rel="noopener noreferrer"><code>6b8b3e9</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc" target="_blank" rel="noopener noreferrer"><code>d481324</code></a></li><li>fixes undefined on empty classes <a href="https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78" target="_blank" rel="noopener noreferrer"><code>4b29080</code></a></li><li>stylelint changes <a href="https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a" target="_blank" rel="noopener noreferrer"><code>a5ab830</code></a></li><li>Footer link color @white <a href="https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11" target="_blank" rel="noopener noreferrer"><code>578e4f7</code></a></li><li>add margin to <!-- -->&lt;<!-- -->br<!-- -->&gt;<!-- --> element to simulate gap as in design <a href="https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c" target="_blank" rel="noopener noreferrer"><code>9ab9a97</code></a></li><li>impors colors from site variables <a href="https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259" target="_blank" rel="noopener noreferrer"><code>6117267</code></a></li><li>small fix for the link in footer action <a href="https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb" target="_blank" rel="noopener noreferrer"><code>72df049</code></a></li><li>remove uneeded style <a href="https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406" target="_blank" rel="noopener noreferrer"><code>66e9064</code></a></li><li>use proper naming conventions for var naming <a href="https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684" target="_blank" rel="noopener noreferrer"><code>596e314</code></a></li><li>Add file mode rule <a href="https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8" target="_blank" rel="noopener noreferrer"><code>805baa7</code></a></li><li>use less variables <a href="https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329" target="_blank" rel="noopener noreferrer"><code>b43ac8d</code></a></li><li>Add DRY rule <a href="https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339" target="_blank" rel="noopener noreferrer"><code>2f1584e</code></a></li><li>Add functional components rule; add classnames rule <a href="https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630" target="_blank" rel="noopener noreferrer"><code>1b2915e</code></a></li><li>fix z-index of header <a href="https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300" target="_blank" rel="noopener noreferrer"><code>7d2a5d6</code></a></li><li>Remove comment <a href="https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0" target="_blank" rel="noopener noreferrer"><code>7d120b1</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="014---2022-03-01"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4" target="_blank" rel="noopener noreferrer">0.1.4</a> - 2022-03-01<a aria-hidden="true" class="hash-link" href="#014---2022-03-01" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-6">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-6" title="Direct link to heading">​</a></h4><ul><li>refactor(pagination): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7" target="_blank" rel="noopener noreferrer"><code>06cc3b6</code></a></li><li>refactor(Form):create form field wrapper file <a href="https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13" target="_blank" rel="noopener noreferrer"><code>95b9934</code></a></li><li>refactor(megaMenu): update margins for menu items <a href="https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f" target="_blank" rel="noopener noreferrer"><code>230e476</code></a></li><li>refactor(megaMenu): update gradient <a href="https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55" target="_blank" rel="noopener noreferrer"><code>47f2ea4</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-3">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-3" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): divider page <a href="https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4" target="_blank" rel="noopener noreferrer"><code>c6bb238</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-7">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-7" title="Direct link to heading">​</a></h4><ul><li>add footer links,align footer image <a href="https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1" target="_blank" rel="noopener noreferrer"><code>b039564</code></a></li><li>cosmetics: remove formatting <a href="https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29" target="_blank" rel="noopener noreferrer"><code>e02b08d</code></a></li><li>refactor Footer component to consume children and prop <a href="https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78" target="_blank" rel="noopener noreferrer"><code>faafcff</code></a></li><li>update footer stories <a href="https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637" target="_blank" rel="noopener noreferrer"><code>4e57428</code></a></li><li>update stories <a href="https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67" target="_blank" rel="noopener noreferrer"><code>81973ca</code></a></li><li>Small improvements to footer <a href="https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85" target="_blank" rel="noopener noreferrer"><code>f6d1fdc</code></a></li><li>fix header urls <a href="https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49" target="_blank" rel="noopener noreferrer"><code>e590891</code></a></li><li>Rename files in footer story <a href="https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a" target="_blank" rel="noopener noreferrer"><code>3de0c19</code></a></li><li>add style for accordion title input on edit mode <a href="https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e" target="_blank" rel="noopener noreferrer"><code>598aa12</code></a></li><li>remove comments <a href="https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87" target="_blank" rel="noopener noreferrer"><code>2db0d2c</code></a></li><li>Apply slate customization if volto-slate addon is used <a href="https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf" target="_blank" rel="noopener noreferrer"><code>c066701</code></a></li><li>use relative links <a href="https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2" target="_blank" rel="noopener noreferrer"><code>af91a20</code></a></li><li>make footer anchor links white <a href="https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10" target="_blank" rel="noopener noreferrer"><code>0c671e1</code></a></li><li>use custom var for line-height <a href="https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c" target="_blank" rel="noopener noreferrer"><code>f7f6c7e</code></a></li><li>Update semantic.less <a href="https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a" target="_blank" rel="noopener noreferrer"><code>a4a90ae</code></a></li><li>Bump release version <a href="https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1" target="_blank" rel="noopener noreferrer"><code>c41a42b</code></a></li><li>Update style <a href="https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5" target="_blank" rel="noopener noreferrer"><code>8968699</code></a></li><li>remove styling on header popups <a href="https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49" target="_blank" rel="noopener noreferrer"><code>86c499b</code></a></li><li>remove search icon styling <a href="https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31" target="_blank" rel="noopener noreferrer"><code>aca80fd</code></a></li><li>adjust popup height for computer screens <a href="https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf" target="_blank" rel="noopener noreferrer"><code>47c5edb</code></a></li><li>fix login container width <a href="https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81" target="_blank" rel="noopener noreferrer"><code>9a887e3</code></a></li><li>Typo <a href="https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894" target="_blank" rel="noopener noreferrer"><code>90da95c</code></a></li><li>fix search-input icon line-height <a href="https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c" target="_blank" rel="noopener noreferrer"><code>b087ff8</code></a></li><li>lint fix <a href="https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e" target="_blank" rel="noopener noreferrer"><code>e9790ca</code></a></li><li>Rename, reorganize logos <a href="https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d" target="_blank" rel="noopener noreferrer"><code>1ef8d22</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="014-beta0---2022-02-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0" target="_blank" rel="noopener noreferrer">0.1.4-beta.0</a> - 2022-02-25<a aria-hidden="true" class="hash-link" href="#014-beta0---2022-02-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-5">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-5" title="Direct link to heading">​</a></h4><ul><li>feat(github): added feature and bug reports templates with our guidelines as checkboxes <a href="https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823" target="_blank" rel="noopener noreferrer"><code>1549093</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="013---2022-02-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3" target="_blank" rel="noopener noreferrer">0.1.3</a> - 2022-02-25<a aria-hidden="true" class="hash-link" href="#013---2022-02-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-7">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-7" title="Direct link to heading">​</a></h4><ul><li>fix(all): change eol to unix <a href="https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a" target="_blank" rel="noopener noreferrer"><code>62e7224</code></a></li><li>fix(banner): separate url value <a href="https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8" target="_blank" rel="noopener noreferrer"><code>f9c9140</code></a></li><li>fix(all): merge eol <a href="https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28" target="_blank" rel="noopener noreferrer"><code>c68f6e0</code></a></li><li>fix(blockquote): align self property now uses a valid entry <a href="https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273" target="_blank" rel="noopener noreferrer"><code>ec76163</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-7">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-7" title="Direct link to heading">​</a></h4><ul><li>refactor(megaMenu): new implementation <a href="https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1" target="_blank" rel="noopener noreferrer"><code>ff013af</code></a></li><li>change(volto): removed customizations made for ims theme from volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a" target="_blank" rel="noopener noreferrer"><code>bc8d514</code></a></li><li>refactor(Timeline): divide to sub components and change files to .jsx <a href="https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849" target="_blank" rel="noopener noreferrer"><code>3e2bd3b</code></a></li><li>refactor(header): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9" target="_blank" rel="noopener noreferrer"><code>4e5d08d</code></a></li><li>refactor(Header): link header&#x27;s menu to mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32" target="_blank" rel="noopener noreferrer"><code>08406d8</code></a></li><li>refactor(Menu): change mega menu implementation <a href="https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7" target="_blank" rel="noopener noreferrer"><code>455a51b</code></a></li><li>refactor(Grid):minor changes and delete extra files <a href="https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f" target="_blank" rel="noopener noreferrer"><code>272585d</code></a></li><li>refactor(timeline): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387" target="_blank" rel="noopener noreferrer"><code>b98641a</code></a></li><li>refactor(megaMenu): fix link hover issue for tablet <a href="https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d" target="_blank" rel="noopener noreferrer"><code>564e972</code></a></li><li>refactor(header): add remix icons and minor updates <a href="https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af" target="_blank" rel="noopener noreferrer"><code>c9c97dd</code></a></li><li>refactor(Header): change header buttons implementation <a href="https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069" target="_blank" rel="noopener noreferrer"><code>6608b8c</code></a></li><li>refactor(Header): add sub components and change existing Main <a href="https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b" target="_blank" rel="noopener noreferrer"><code>74c35a3</code></a></li><li>refactor(table): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576" target="_blank" rel="noopener noreferrer"><code>ab7a0e8</code></a></li><li>refactor(Footer): delete Actions &amp; ThemeSites files and clear imports <a href="https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52" target="_blank" rel="noopener noreferrer"><code>7a78456</code></a></li><li>refactor(header): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702" target="_blank" rel="noopener noreferrer"><code>326655a</code></a></li><li>refactor(Breadcrumb): add react router link and minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9" target="_blank" rel="noopener noreferrer"><code>073a3a3</code></a></li><li>refactor(Header): show menu on search &amp; minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288" target="_blank" rel="noopener noreferrer"><code>4d49a8a</code></a></li><li>refactor(List): add extra default list story <a href="https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f" target="_blank" rel="noopener noreferrer"><code>95665cd</code></a></li><li>change(docusaurus) change generation of what&#x27;s new section and bump package version <a href="https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b" target="_blank" rel="noopener noreferrer"><code>6c35cff</code></a></li><li>refactor(Footer): minor code changes <a href="https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e" target="_blank" rel="noopener noreferrer"><code>67cb4bc</code></a></li><li>refactor(Menu): add class to mega menu items for styling <a href="https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee" target="_blank" rel="noopener noreferrer"><code>19baa34</code></a></li><li>change(accordion): modified default accordion stories titles with real accordion names <a href="https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7" target="_blank" rel="noopener noreferrer"><code>cf11cc8</code></a></li><li>refactor(Header): accessibility image alt fix <a href="https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75" target="_blank" rel="noopener noreferrer"><code>a7347a6</code></a></li><li>refactor(header): adjust to volto in progress <a href="https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509" target="_blank" rel="noopener noreferrer"><code>760beca</code></a></li><li>refactor(Header): header items as storybook arguments <a href="https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6" target="_blank" rel="noopener noreferrer"><code>388c752</code></a></li><li>refactor(banner): update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be" target="_blank" rel="noopener noreferrer"><code>35b0a98</code></a></li><li>refactor(banner): actions as buttons; don&#x27;t hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; <a href="https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1" target="_blank" rel="noopener noreferrer"><code>6dd5a41</code></a></li><li>refactor(blockquote): fix responsive margins and sizes rems <a href="https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34" target="_blank" rel="noopener noreferrer"><code>209f94f</code></a></li><li>refactor(Input): label position and style change <a href="https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd" target="_blank" rel="noopener noreferrer"><code>970074a</code></a></li><li>refactor(header): update dropdown menu <a href="https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea" target="_blank" rel="noopener noreferrer"><code>32eb0fa</code></a></li><li>refactor(timeline): theming updates <a href="https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8" target="_blank" rel="noopener noreferrer"><code>c80c9aa</code></a></li><li>refactor(Blockquote):remove image stories <a href="https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f" target="_blank" rel="noopener noreferrer"><code>a6357ca</code></a></li><li>change(docusaurus) proofread blockquote usage section and removed unused api section <a href="https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932" target="_blank" rel="noopener noreferrer"><code>0bb29fd</code></a></li><li>change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits <a href="https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1" target="_blank" rel="noopener noreferrer"><code>fc744cd</code></a></li><li>change(ci) build storybook and docusaurus only when pushing to develop-itml branch <a href="https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7" target="_blank" rel="noopener noreferrer"><code>4de0cbf</code></a></li><li>change(infrastructure): modify whats new doc when committing the auto deployment <a href="https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38" target="_blank" rel="noopener noreferrer"><code>39df33e</code></a></li><li>change(blockquote): introduce float argument for blockquote with image storybook <a href="https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c" target="_blank" rel="noopener noreferrer"><code>8fc7290</code></a></li><li>refactor(pullquote): add word break <a href="https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c" target="_blank" rel="noopener noreferrer"><code>2245e53</code></a></li><li>refactor(Banner): minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895" target="_blank" rel="noopener noreferrer"><code>b9073b6</code></a></li><li>refactor(table): fix th font weight <a href="https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87" target="_blank" rel="noopener noreferrer"><code>a96a0a7</code></a></li><li>refactor(comment): remove avatar border radius <a href="https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae" target="_blank" rel="noopener noreferrer"><code>d42c37b</code></a></li><li>refactor(banner): adjust title size <a href="https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504" target="_blank" rel="noopener noreferrer"><code>7a24d9c</code></a></li><li>refactor(Image): change image path <a href="https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5" target="_blank" rel="noopener noreferrer"><code>a580da6</code></a></li><li>change(infrastructure): specify that docs folder contains changes for deployment <a href="https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9" target="_blank" rel="noopener noreferrer"><code>a1ca915</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-6">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-6" title="Direct link to heading">​</a></h4><ul><li>style(input) prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9" target="_blank" rel="noopener noreferrer"><code>e83fa0c</code></a></li><li>chore(storybook): prettier fix <a href="https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8" target="_blank" rel="noopener noreferrer"><code>354c7b3</code></a></li><li>chore(design system): technical commit for edw integration tests <a href="https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2" target="_blank" rel="noopener noreferrer"><code>9f76035</code></a></li><li>style(storybook): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847" target="_blank" rel="noopener noreferrer"><code>3c9ad34</code></a></li><li>chore(infrastructure) updated branch with changes from bitbucket <a href="https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7" target="_blank" rel="noopener noreferrer"><code>77866f8</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-8">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-8" title="Direct link to heading">​</a></h4><ul><li>doc(colours):fix color to better show primary ones <a href="https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0" target="_blank" rel="noopener noreferrer"><code>705b789</code></a></li><li>doc(colours):change font size to fit text in one line <a href="https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82" target="_blank" rel="noopener noreferrer"><code>4ad7516</code></a></li><li>bump package release to 1.3.0 <a href="https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010" target="_blank" rel="noopener noreferrer"><code>f3cfe4f</code></a></li><li>Refactor banner into content subcomponent <a href="https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82" target="_blank" rel="noopener noreferrer"><code>f8df238</code></a></li><li>lint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1" target="_blank" rel="noopener noreferrer"><code>cda322d</code></a></li><li>rollback don&#x27;ts grammar change and disable unresolved import for Banner.stories.jsx <a href="https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67" target="_blank" rel="noopener noreferrer"><code>a1bd715</code></a></li><li>Add space line in component <a href="https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00" target="_blank" rel="noopener noreferrer"><code>d4d1a5f</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012---2022-02-17"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2" target="_blank" rel="noopener noreferrer">0.1.2</a> - 2022-02-17<a aria-hidden="true" class="hash-link" href="#012---2022-02-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-6">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-6" title="Direct link to heading">​</a></h4><ul><li>feat(blockquote) added blockquote styles as a custom module <a href="https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130" target="_blank" rel="noopener noreferrer"><code>d30662e</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-8">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-8" title="Direct link to heading">​</a></h4><ul><li>fix(inpageNavigation): hide at the top of the page <a href="https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4" target="_blank" rel="noopener noreferrer"><code>97ef500</code></a></li><li>fix(footer):missing image <a href="https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8" target="_blank" rel="noopener noreferrer"><code>ac91a29</code></a></li><li>fix(comment):fix broken image <a href="https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9" target="_blank" rel="noopener noreferrer"><code>8125dc1</code></a></li><li>fix(message): fix font loading <a href="https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402" target="_blank" rel="noopener noreferrer"><code>fdc498e</code></a></li><li>fix(logo): logo change <a href="https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b" target="_blank" rel="noopener noreferrer"><code>5f8c8af</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-8">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-8" title="Direct link to heading">​</a></h4><ul><li>refactor(storybook): multiple components fixes <a href="https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22" target="_blank" rel="noopener noreferrer"><code>4a3ff51</code></a></li><li>change(infrastructure) re-enable integration tests for auto release stack <a href="https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a" target="_blank" rel="noopener noreferrer"><code>ce8daf8</code></a></li><li>refactor(storybook): global site files styling update <a href="https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2" target="_blank" rel="noopener noreferrer"><code>f3770f1</code></a></li><li>refactor(storybook): multiple components <a href="https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23" target="_blank" rel="noopener noreferrer"><code>9277aac</code></a></li><li>refactor(footer) adjust to volto theming update <a href="https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209" target="_blank" rel="noopener noreferrer"><code>a59f1c3</code></a></li><li>refactor(header): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b" target="_blank" rel="noopener noreferrer"><code>dd6b55c</code></a></li><li>refactor(Header): change header mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5" target="_blank" rel="noopener noreferrer"><code>7559b57</code></a></li><li>refactor(banner): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1" target="_blank" rel="noopener noreferrer"><code>451b949</code></a></li><li>refactor(accordion): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e" target="_blank" rel="noopener noreferrer"><code>aeaf25f</code></a></li><li>refactor(footer): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7" target="_blank" rel="noopener noreferrer"><code>bdff176</code></a></li><li>refactor(footer):mobile responsiveness <a href="https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609" target="_blank" rel="noopener noreferrer"><code>14822be</code></a></li><li>refactor(storybook): main and custom less files update <a href="https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2" target="_blank" rel="noopener noreferrer"><code>1607760</code></a></li><li>refactor(timeline): update after removing timeline addon <a href="https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15" target="_blank" rel="noopener noreferrer"><code>f54d380</code></a></li><li>refactor(Footer): replace with subcomponents <a href="https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb" target="_blank" rel="noopener noreferrer"><code>378c652</code></a></li><li>refactor(Header): header change <a href="https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b" target="_blank" rel="noopener noreferrer"><code>029e850</code></a></li><li>refactor(Header): change header bar <a href="https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b" target="_blank" rel="noopener noreferrer"><code>2b766fd</code></a></li><li>change(docusaurus) use itml branch for docusaurus deployment <a href="https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927" target="_blank" rel="noopener noreferrer"><code>6e286c5</code></a></li><li>refactor(accordion): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6" target="_blank" rel="noopener noreferrer"><code>971fcb8</code></a></li><li>refactor(Header): add sub components <a href="https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0" target="_blank" rel="noopener noreferrer"><code>7f955db</code></a></li><li>change(docusaurus) tweak auto deployment to always commit changes from docs <a href="https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d" target="_blank" rel="noopener noreferrer"><code>a2940da</code></a></li><li>refactor(banner): less and variables files created <a href="https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd" target="_blank" rel="noopener noreferrer"><code>d5b1a8a</code></a></li><li>refactor(label): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6" target="_blank" rel="noopener noreferrer"><code>3c945e1</code></a></li><li>refactor(message): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738" target="_blank" rel="noopener noreferrer"><code>3e950fc</code></a></li><li>refactor(Footer): add sub components and props <a href="https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2" target="_blank" rel="noopener noreferrer"><code>c3d1487</code></a></li><li>refactor(modal): modal and confirm adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5" target="_blank" rel="noopener noreferrer"><code>83b60e9</code></a></li><li>refactor(comment): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46" target="_blank" rel="noopener noreferrer"><code>84348c3</code></a></li><li>refactor(storybook):adjust headings <a href="https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287" target="_blank" rel="noopener noreferrer"><code>32f64f9</code></a></li><li>refactor(Header): add comments to header menu <a href="https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de" target="_blank" rel="noopener noreferrer"><code>c2c83b2</code></a></li><li>refactor(Accordion): clear up accordion stories code <a href="https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077" target="_blank" rel="noopener noreferrer"><code>4e59b8f</code></a></li><li>refactor(segmant): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df" target="_blank" rel="noopener noreferrer"><code>3ab211e</code></a></li><li>refactor(button) minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682" target="_blank" rel="noopener noreferrer"><code>8782bb2</code></a></li><li>refactor(banner): change image position <a href="https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f" target="_blank" rel="noopener noreferrer"><code>cdd76d5</code></a></li><li>refactor(breadcrumbs): update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039" target="_blank" rel="noopener noreferrer"><code>640817e</code></a></li><li>refactor(list): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482" target="_blank" rel="noopener noreferrer"><code>1079c73</code></a></li><li>refactor(timeline):adjust timeline module <a href="https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4" target="_blank" rel="noopener noreferrer"><code>213eb11</code></a></li><li>refactor(blockquote):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d" target="_blank" rel="noopener noreferrer"><code>5eec87f</code></a></li><li>refactor(progress): add progress bar colors <a href="https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13" target="_blank" rel="noopener noreferrer"><code>ccf3c98</code></a></li><li>refactor(pullquote):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2" target="_blank" rel="noopener noreferrer"><code>fee4466</code></a></li><li>refactor(Header): change mobile mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e" target="_blank" rel="noopener noreferrer"><code>c7ecf18</code></a></li><li>refactor(statistic): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df" target="_blank" rel="noopener noreferrer"><code>b726e49</code></a></li><li>refactor(button) adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c" target="_blank" rel="noopener noreferrer"><code>eb257f8</code></a></li><li>refactor(form): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22" target="_blank" rel="noopener noreferrer"><code>79934b2</code></a></li><li>refactor(Footer): create Actions &amp; Sites sub components <a href="https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e" target="_blank" rel="noopener noreferrer"><code>446840b</code></a></li><li>refactor(inpageNavigation): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610" target="_blank" rel="noopener noreferrer"><code>85c631a</code></a></li><li>refactor(Inpage Navigation): changed button&#x27;s display <a href="https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2" target="_blank" rel="noopener noreferrer"><code>36e5b4f</code></a></li><li>enhancement(docusaurus) modified headings to be within release versions <a href="https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c" target="_blank" rel="noopener noreferrer"><code>19ace30</code></a></li><li>refactor(storybook): move components to ui folder <a href="https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb" target="_blank" rel="noopener noreferrer"><code>cb91f88</code></a></li><li>refactor(Header): change mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41" target="_blank" rel="noopener noreferrer"><code>de0fc6b</code></a></li><li>refactor(Pullquote): divide Pullquote to sub components <a href="https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb" target="_blank" rel="noopener noreferrer"><code>34413c4</code></a></li><li>enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 <a href="https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827" target="_blank" rel="noopener noreferrer"><code>da25c0e</code></a></li><li>refactor(popup): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55" target="_blank" rel="noopener noreferrer"><code>d0d192d</code></a></li><li>refactor(card):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00" target="_blank" rel="noopener noreferrer"><code>2ab6f91</code></a></li><li>refactor(item): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569" target="_blank" rel="noopener noreferrer"><code>89a16af</code></a></li><li>refactor(pullquotes) remove unnecessary variables <a href="https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9" target="_blank" rel="noopener noreferrer"><code>e0d20a3</code></a></li><li>refactor(progress):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d" target="_blank" rel="noopener noreferrer"><code>d1ab950</code></a></li><li>refactor(blockquote) change variables names <a href="https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76" target="_blank" rel="noopener noreferrer"><code>36fd5be</code></a></li><li>refactor(comment): adjust font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b" target="_blank" rel="noopener noreferrer"><code>0311ed1</code></a></li><li>refactor(InpageNavigation): clear up code <a href="https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619" target="_blank" rel="noopener noreferrer"><code>1d7afdc</code></a></li><li>refactor(container): change variable name for computer padding <a href="https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9" target="_blank" rel="noopener noreferrer"><code>26d123f</code></a></li><li>refactor(inpageNavigation): remove imports <a href="https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20" target="_blank" rel="noopener noreferrer"><code>25c1d1c</code></a></li><li>refactor(storybook): update ui index components exports <a href="https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec" target="_blank" rel="noopener noreferrer"><code>ce78d47</code></a></li><li>change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd" target="_blank" rel="noopener noreferrer"><code>e9aa5bc</code></a></li><li>refactor(storybook): delete demo stories <a href="https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01" target="_blank" rel="noopener noreferrer"><code>8b58d02</code></a></li><li>change(docusaurus) align deployment steps for building docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582" target="_blank" rel="noopener noreferrer"><code>37e4ce0</code></a></li><li>refactor(storybook): remove components from customizations folder <a href="https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b" target="_blank" rel="noopener noreferrer"><code>8930ede</code></a></li><li>refactor(tab): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e" target="_blank" rel="noopener noreferrer"><code>1252ad0</code></a></li><li>refactor(comment): change avatar src <a href="https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4" target="_blank" rel="noopener noreferrer"><code>e5f9c4c</code></a></li><li>refactor(banner) : change file type and folder <a href="https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43" target="_blank" rel="noopener noreferrer"><code>878742b</code></a></li><li>refactor(form elements):changed text <a href="https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230" target="_blank" rel="noopener noreferrer"><code>919beea</code></a></li><li>refactor(Image): change image src <a href="https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d" target="_blank" rel="noopener noreferrer"><code>b971084</code></a></li><li>refactor(Pullquote): add component propTypes <a href="https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc" target="_blank" rel="noopener noreferrer"><code>d32c5e6</code></a></li><li>refactor(blockquote): adjust font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e" target="_blank" rel="noopener noreferrer"><code>d71a3ce</code></a></li><li>refactor(footer): update font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14" target="_blank" rel="noopener noreferrer"><code>1c91c35</code></a></li><li>refactor(Blockquote): add component proTypes <a href="https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8" target="_blank" rel="noopener noreferrer"><code>ea02649</code></a></li><li>refactor(logo): update image <a href="https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e" target="_blank" rel="noopener noreferrer"><code>f611372</code></a></li><li>refactor(docusaurus): restore config <a href="https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87" target="_blank" rel="noopener noreferrer"><code>f2c5239</code></a></li><li>refactor(blockquote): update component name <a href="https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26" target="_blank" rel="noopener noreferrer"><code>572e655</code></a></li><li>refactor(header): fix story header import <a href="https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427" target="_blank" rel="noopener noreferrer"><code>ceda6c7</code></a></li><li>change(infrastructure) auto build docusaurus when pushing to develop-itml branch <a href="https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b" target="_blank" rel="noopener noreferrer"><code>7bebdf5</code></a></li><li>refactor(storybook): remove components from customization folder <a href="https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0" target="_blank" rel="noopener noreferrer"><code>4a9bb9b</code></a></li><li>refactor(banner):story rename <a href="https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717" target="_blank" rel="noopener noreferrer"><code>56ff603</code></a></li><li>change(testing) removed navigation from cypress tests until component is finished <a href="https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7" target="_blank" rel="noopener noreferrer"><code>5549f4c</code></a></li><li>refactor(Segment): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e" target="_blank" rel="noopener noreferrer"><code>5cb35d8</code></a></li><li>refactor(Pullquote): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47" target="_blank" rel="noopener noreferrer"><code>564cf7e</code></a></li><li>refactor(PopUp):change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0" target="_blank" rel="noopener noreferrer"><code>dcb24ff</code></a></li><li>refactor(InpageNavigation): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f" target="_blank" rel="noopener noreferrer"><code>dfefce3</code></a></li><li>refactor(Blockquote): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e" target="_blank" rel="noopener noreferrer"><code>44a1645</code></a></li><li>refactor(heading): story name update <a href="https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a" target="_blank" rel="noopener noreferrer"><code>aa10f34</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-7">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-7" title="Direct link to heading">​</a></h4><ul><li>style(footer): prettier fix <a href="https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f" target="_blank" rel="noopener noreferrer"><code>902c257</code></a></li><li>style(storybook): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae" target="_blank" rel="noopener noreferrer"><code>59f941d</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-4">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-4" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus):multiple page updates <a href="https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01" target="_blank" rel="noopener noreferrer"><code>2aba73e</code></a></li><li>docs(docusaurus):update page content <a href="https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e" target="_blank" rel="noopener noreferrer"><code>565697f</code></a></li><li>docs(grid):update components grid <a href="https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5" target="_blank" rel="noopener noreferrer"><code>60eb083</code></a></li><li>docs(docusaurus): page adjustments <a href="https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009" target="_blank" rel="noopener noreferrer"><code>0641eac</code></a></li><li>docs(docusaurus):updated various pages <a href="https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac" target="_blank" rel="noopener noreferrer"><code>f860176</code></a></li><li>docs(docusaurus): logo change <a href="https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee" target="_blank" rel="noopener noreferrer"><code>3af5e5c</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-9">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-9" title="Direct link to heading">​</a></h4><ul><li>added sortable table stories and descriptions <a href="https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c" target="_blank" rel="noopener noreferrer"><code>6d44dd7</code></a></li><li>Layout components theming <a href="https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938" target="_blank" rel="noopener noreferrer"><code>5861013</code></a></li><li>recovered files from origin <a href="https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a" target="_blank" rel="noopener noreferrer"><code>a4ac04f</code></a></li><li>grid component &amp; stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f" target="_blank" rel="noopener noreferrer"><code>4a5752e</code></a></li><li>Updated what&#x27;s new section with actual commits from volto-eea-design-system repo <a href="https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd" target="_blank" rel="noopener noreferrer"><code>fc5e3c3</code></a></li><li>Docusaurus title possible fix. <a href="https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8" target="_blank" rel="noopener noreferrer"><code>db699e7</code></a></li><li>form elements stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6" target="_blank" rel="noopener noreferrer"><code>6b4f6eb</code></a></li><li>removed API tabs <a href="https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3" target="_blank" rel="noopener noreferrer"><code>58aa928</code></a></li><li>Layout updates <a href="https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6" target="_blank" rel="noopener noreferrer"><code>854f388</code></a></li><li>Refs #142123 removed extra customization of semantic.less: <a href="https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c" target="_blank" rel="noopener noreferrer"><code>ab9de81</code></a></li><li>added page-header,footer and grid in docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6" target="_blank" rel="noopener noreferrer"><code>660c8e3</code></a></li><li>Manual docs build and commit <a href="https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35" target="_blank" rel="noopener noreferrer"><code>666eb6a</code></a></li><li>added svg &amp; png files <a href="https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9" target="_blank" rel="noopener noreferrer"><code>f1338d5</code></a></li><li>added missing components to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3" target="_blank" rel="noopener noreferrer"><code>934dfd8</code></a></li><li>Control descriptions updated <a href="https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe" target="_blank" rel="noopener noreferrer"><code>56581eb</code></a></li><li>Grid updates <a href="https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584" target="_blank" rel="noopener noreferrer"><code>700332d</code></a></li><li>Button theming update <a href="https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8" target="_blank" rel="noopener noreferrer"><code>0ec68b6</code></a></li><li>site variebales &amp; overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93" target="_blank" rel="noopener noreferrer"><code>7251162</code></a></li><li>Table and Tabs theming <a href="https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9" target="_blank" rel="noopener noreferrer"><code>49f0860</code></a></li><li>Responsiveness updates <a href="https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699" target="_blank" rel="noopener noreferrer"><code>48e1351</code></a></li><li>added various components to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd" target="_blank" rel="noopener noreferrer"><code>550d719</code></a></li><li>Checkbox and radio updates <a href="https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5" target="_blank" rel="noopener noreferrer"><code>24652a2</code></a></li><li>remove images from typography and colour docs <a href="https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6" target="_blank" rel="noopener noreferrer"><code>8493e92</code></a></li><li>added guidelines&#x27; text and finished all components <a href="https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506" target="_blank" rel="noopener noreferrer"><code>02d75fc</code></a></li><li>added more missing components in docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a" target="_blank" rel="noopener noreferrer"><code>8be8263</code></a></li><li>Prettier changes on docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167" target="_blank" rel="noopener noreferrer"><code>5f1e5eb</code></a></li><li>Grid updates <a href="https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd" target="_blank" rel="noopener noreferrer"><code>ae09945</code></a></li><li>Minor fixes for tests <a href="https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776" target="_blank" rel="noopener noreferrer"><code>3bdf306</code></a></li><li>Layout updates <a href="https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b" target="_blank" rel="noopener noreferrer"><code>8b7a4dc</code></a></li><li>Footer and TOC theming <a href="https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230" target="_blank" rel="noopener noreferrer"><code>bb3d3c4</code></a></li><li>Refs #145331 manually commit changelog until autobuild is stabilized <a href="https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42" target="_blank" rel="noopener noreferrer"><code>93168b0</code></a></li><li>label component changes <a href="https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b" target="_blank" rel="noopener noreferrer"><code>df8c0ff</code></a></li><li>added several sections to the theming guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0" target="_blank" rel="noopener noreferrer"><code>ff1a649</code></a></li><li>Updated removed files. <a href="https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be" target="_blank" rel="noopener noreferrer"><code>84f9b8c</code></a></li><li>added more docusaurus components <a href="https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb" target="_blank" rel="noopener noreferrer"><code>52a3b9e</code></a></li><li>Progress Bar <a href="https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37" target="_blank" rel="noopener noreferrer"><code>9f2efc9</code></a></li><li>Modal and Confirm updates <a href="https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234" target="_blank" rel="noopener noreferrer"><code>3b306c6</code></a></li><li>Add proper changes to whatsnew meant in previous commit <a href="https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11" target="_blank" rel="noopener noreferrer"><code>40f78e3</code></a></li><li>Form Descriptions <a href="https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3" target="_blank" rel="noopener noreferrer"><code>de0dfbc</code></a></li><li>Prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a" target="_blank" rel="noopener noreferrer"><code>1337e6f</code></a></li><li>Deleted files <a href="https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf" target="_blank" rel="noopener noreferrer"><code>b82f982</code></a></li><li>add new images for spacing <a href="https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9" target="_blank" rel="noopener noreferrer"><code>7b7b2c4</code></a></li><li>Messages Theming <a href="https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33" target="_blank" rel="noopener noreferrer"><code>ad621a3</code></a></li><li>added new content to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a" target="_blank" rel="noopener noreferrer"><code>1c83452</code></a></li><li>Minor less updates <a href="https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03" target="_blank" rel="noopener noreferrer"><code>a36a8bb</code></a></li><li>Tabs and lists updates <a href="https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127" target="_blank" rel="noopener noreferrer"><code>e37eef1</code></a></li><li>Inpage nav and timeline components <a href="https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4" target="_blank" rel="noopener noreferrer"><code>76f0f82</code></a></li><li>Prettier updated files <a href="https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e" target="_blank" rel="noopener noreferrer"><code>679b9d2</code></a></li><li>dropdown initial <a href="https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9" target="_blank" rel="noopener noreferrer"><code>d8aef26</code></a></li><li>Prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7" target="_blank" rel="noopener noreferrer"><code>f068af0</code></a></li><li>List initial <a href="https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf" target="_blank" rel="noopener noreferrer"><code>6d3b969</code></a></li><li>List story updated <a href="https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432" target="_blank" rel="noopener noreferrer"><code>e96a6f6</code></a></li><li>Statistics updates <a href="https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3" target="_blank" rel="noopener noreferrer"><code>74bf639</code></a></li><li>styling <a href="https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde" target="_blank" rel="noopener noreferrer"><code>c169cc0</code></a></li><li>timeline comp storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0" target="_blank" rel="noopener noreferrer"><code>1f42686</code></a></li><li>feature(docusaurus) added theming guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f" target="_blank" rel="noopener noreferrer"><code>ded1f04</code></a></li><li>Properly commented out integration tests. <a href="https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867" target="_blank" rel="noopener noreferrer"><code>48b3a15</code></a></li><li>Reattempting commented out integrations tests. <a href="https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05" target="_blank" rel="noopener noreferrer"><code>3dd8211</code></a></li><li>Button theming <a href="https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6" target="_blank" rel="noopener noreferrer"><code>4231e1c</code></a></li><li>Card initial <a href="https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947" target="_blank" rel="noopener noreferrer"><code>06dace5</code></a></li><li>form element storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af" target="_blank" rel="noopener noreferrer"><code>c4b06aa</code></a></li><li>Pagination theming <a href="https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e" target="_blank" rel="noopener noreferrer"><code>2a80175</code></a></li><li>Accordion theming <a href="https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9" target="_blank" rel="noopener noreferrer"><code>8061bf9</code></a></li><li>global var updates and radio story <a href="https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a" target="_blank" rel="noopener noreferrer"><code>9526ee2</code></a></li><li>created pullquote component &amp; stories <a href="https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736" target="_blank" rel="noopener noreferrer"><code>df35563</code></a></li><li>Item stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940" target="_blank" rel="noopener noreferrer"><code>9d459f2</code></a></li><li>storybook clean up code <a href="https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d" target="_blank" rel="noopener noreferrer"><code>bffd326</code></a></li><li>List updates <a href="https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106" target="_blank" rel="noopener noreferrer"><code>28f1b53</code></a></li><li>Button classes updates <a href="https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd" target="_blank" rel="noopener noreferrer"><code>788c289</code></a></li><li>Prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6" target="_blank" rel="noopener noreferrer"><code>678c9be</code></a></li><li>Removed header title from partial docusaurus components. <a href="https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952" target="_blank" rel="noopener noreferrer"><code>ed7c45e</code></a></li><li>created banner component and stories <a href="https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff" target="_blank" rel="noopener noreferrer"><code>9be170f</code></a></li><li>Breadcrumb stories description &amp; defaultValue -- clean up code <a href="https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43" target="_blank" rel="noopener noreferrer"><code>186ab65</code></a></li><li>Refs #142123 added customization of semantic.less: <a href="https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7" target="_blank" rel="noopener noreferrer"><code>1e02356</code></a></li><li>Card stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478" target="_blank" rel="noopener noreferrer"><code>f6b408f</code></a></li><li>Statistic and accordion updates <a href="https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f" target="_blank" rel="noopener noreferrer"><code>16064ce</code></a></li><li>breadcrumb component &amp; stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6" target="_blank" rel="noopener noreferrer"><code>5bceb98</code></a></li><li>Container initial <a href="https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2" target="_blank" rel="noopener noreferrer"><code>3eb7155</code></a></li><li>doc(docusaurus):Fix text for various parts <a href="https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e" target="_blank" rel="noopener noreferrer"><code>bfd3fa2</code></a></li><li>blockquote component &amp; stories <a href="https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8" target="_blank" rel="noopener noreferrer"><code>879b640</code></a></li><li>Refs #143412 removed doc comments breaking doc building <a href="https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad" target="_blank" rel="noopener noreferrer"><code>e6a6756</code></a></li><li>Popup updates <a href="https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7" target="_blank" rel="noopener noreferrer"><code>ce2d641</code></a></li><li>Global variables for colors and borders added <a href="https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21" target="_blank" rel="noopener noreferrer"><code>6e5fbd6</code></a></li><li>Tab stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8" target="_blank" rel="noopener noreferrer"><code>5429cfb</code></a></li><li>Confirm stories added description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd" target="_blank" rel="noopener noreferrer"><code>85cda14</code></a></li><li>Kebab case class names <a href="https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f" target="_blank" rel="noopener noreferrer"><code>b41cd07</code></a></li><li>Card and Comment class updates <a href="https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3" target="_blank" rel="noopener noreferrer"><code>3899465</code></a></li><li>Accordion updates <a href="https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927" target="_blank" rel="noopener noreferrer"><code>c97ba39</code></a></li><li>item stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9" target="_blank" rel="noopener noreferrer"><code>772e41f</code></a></li><li>Accordion class updates <a href="https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5" target="_blank" rel="noopener noreferrer"><code>9cdde86</code></a></li><li>Comment stories added description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da" target="_blank" rel="noopener noreferrer"><code>cb6f25b</code></a></li><li>Accrodion stories description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4" target="_blank" rel="noopener noreferrer"><code>ab8fb88</code></a></li><li>Pullquotes updates <a href="https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a" target="_blank" rel="noopener noreferrer"><code>c598421</code></a></li><li>Modal and confirm class updates <a href="https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852" target="_blank" rel="noopener noreferrer"><code>0ae47e6</code></a></li><li>Tab and paggination updates <a href="https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f" target="_blank" rel="noopener noreferrer"><code>96796ff</code></a></li><li>Form Updates <a href="https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232" target="_blank" rel="noopener noreferrer"><code>e986a9f</code></a></li><li>Classes renamed <a href="https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c" target="_blank" rel="noopener noreferrer"><code>73c8c3d</code></a></li><li>List and item less updates <a href="https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939" target="_blank" rel="noopener noreferrer"><code>ce0de17</code></a></li><li>Confirm theming <a href="https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9" target="_blank" rel="noopener noreferrer"><code>36e20ce</code></a></li><li>container overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719" target="_blank" rel="noopener noreferrer"><code>4b3970b</code></a></li><li>Docusaurus theming <a href="https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401" target="_blank" rel="noopener noreferrer"><code>fc4a8c5</code></a></li><li>refacto(headings): update mobile headings sizes <a href="https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0" target="_blank" rel="noopener noreferrer"><code>b2e9f83</code></a></li><li>list stories and style changes <a href="https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82" target="_blank" rel="noopener noreferrer"><code>c61db53</code></a></li><li>Tab theming <a href="https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d" target="_blank" rel="noopener noreferrer"><code>e31e6c3</code></a></li><li>Message and pagination classes updates <a href="https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa" target="_blank" rel="noopener noreferrer"><code>c230687</code></a></li><li>Segment initial <a href="https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5" target="_blank" rel="noopener noreferrer"><code>d5724fe</code></a></li><li>Refs #143412 removed doc comments from api_markdown breaking doc building <a href="https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35" target="_blank" rel="noopener noreferrer"><code>efeacba</code></a></li><li>Timeline and responsiveness updates <a href="https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373" target="_blank" rel="noopener noreferrer"><code>1ed1524</code></a></li><li>Refs #142123 use swap font-display for performance reasons <a href="https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef" target="_blank" rel="noopener noreferrer"><code>083738f</code></a></li><li>Breadcrumb stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13" target="_blank" rel="noopener noreferrer"><code>3d0d17c</code></a></li><li>Table component stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b" target="_blank" rel="noopener noreferrer"><code>0bf4083</code></a></li><li>List stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81" target="_blank" rel="noopener noreferrer"><code>a64b304</code></a></li><li>blockquote component minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09" target="_blank" rel="noopener noreferrer"><code>cdf71a8</code></a></li><li>ckeckbox stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950" target="_blank" rel="noopener noreferrer"><code>6d6e508</code></a></li><li>image component storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3" target="_blank" rel="noopener noreferrer"><code>91290ec</code></a></li><li>button overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93" target="_blank" rel="noopener noreferrer"><code>d5b78dd</code></a></li><li>accordion overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49" target="_blank" rel="noopener noreferrer"><code>fdcf7d5</code></a></li><li>Accordion component and stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38" target="_blank" rel="noopener noreferrer"><code>5079247</code></a></li><li>Card theming <a href="https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39" target="_blank" rel="noopener noreferrer"><code>23bbb9d</code></a></li><li>statistic overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc" target="_blank" rel="noopener noreferrer"><code>2b11cb5</code></a></li><li>Refs #143412 build docs only on pull request like we do with storybook <a href="https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385" target="_blank" rel="noopener noreferrer"><code>473bb87</code></a></li><li>Card component stories minor change | added link icon <a href="https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7" target="_blank" rel="noopener noreferrer"><code>deb423a</code></a></li><li>comment component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66" target="_blank" rel="noopener noreferrer"><code>f1c5e75</code></a></li><li>Accordion component bug fixed <a href="https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545" target="_blank" rel="noopener noreferrer"><code>815e91d</code></a></li><li>Refs #145331 use iso date to release so that we see also time <a href="https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883" target="_blank" rel="noopener noreferrer"><code>ceedf08</code></a></li><li>correct connfig for doco <a href="https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021" target="_blank" rel="noopener noreferrer"><code>93e1313</code></a></li><li>Item updates <a href="https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744" target="_blank" rel="noopener noreferrer"><code>fae93d4</code></a></li><li>added layout grid <a href="https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3" target="_blank" rel="noopener noreferrer"><code>2e6be55</code></a></li><li>tab overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a" target="_blank" rel="noopener noreferrer"><code>87aaf32</code></a></li><li>message overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c" target="_blank" rel="noopener noreferrer"><code>6dccfca</code></a></li><li>segment storie changes <a href="https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8" target="_blank" rel="noopener noreferrer"><code>296371f</code></a></li><li>progress component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5" target="_blank" rel="noopener noreferrer"><code>df10c2e</code></a></li><li>message comp storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f" target="_blank" rel="noopener noreferrer"><code>c86b405</code></a></li><li>Accordion cmponent stories | minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792" target="_blank" rel="noopener noreferrer"><code>6de0d81</code></a></li><li>Refs #145331 add all changes when auto building docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91" target="_blank" rel="noopener noreferrer"><code>ce11cce</code></a></li><li>perf(timeline):removed semantic timeline package <a href="https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301" target="_blank" rel="noopener noreferrer"><code>0aeb34a</code></a></li><li>Tablet Breakpoint update <a href="https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac" target="_blank" rel="noopener noreferrer"><code>b229c27</code></a></li><li>Refs #143412 set storyBook Url to eea.github.io <a href="https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74" target="_blank" rel="noopener noreferrer"><code>b7fdecb</code></a></li><li>bump package version to signaling of a major release <a href="https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321" target="_blank" rel="noopener noreferrer"><code>c835f1d</code></a></li><li>small commit to trigger deployment of storybook and docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71" target="_blank" rel="noopener noreferrer"><code>be46ea3</code></a></li><li>doc(accordion):revert previous change <a href="https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a" target="_blank" rel="noopener noreferrer"><code>3de02da</code></a></li><li>fix typo for caption @desktop line-height pixel number <a href="https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924" target="_blank" rel="noopener noreferrer"><code>1671552</code></a></li><li>Commented out integration tests. <a href="https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d" target="_blank" rel="noopener noreferrer"><code>574cfec</code></a></li><li>popup overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5" target="_blank" rel="noopener noreferrer"><code>a9555e3</code></a></li><li>container component stories fixes <a href="https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec" target="_blank" rel="noopener noreferrer"><code>692cfce</code></a></li><li>Added timeline to package json fixed <a href="https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c" target="_blank" rel="noopener noreferrer"><code>f2e93e0</code></a></li><li>Refs #142123 modified import of volto-eea-design-system icon.less: <a href="https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d" target="_blank" rel="noopener noreferrer"><code>a7fab7d</code></a></li><li>Refs #142123 reference icon.less from this package: <a href="https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921" target="_blank" rel="noopener noreferrer"><code>5616e6d</code></a></li><li>Menu component stories change <a href="https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be" target="_blank" rel="noopener noreferrer"><code>2797716</code></a></li><li>Image stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179" target="_blank" rel="noopener noreferrer"><code>ddb9f1d</code></a></li><li>card component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3" target="_blank" rel="noopener noreferrer"><code>6ccba1e</code></a></li><li>Added timeline to package json <a href="https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320" target="_blank" rel="noopener noreferrer"><code>93031d6</code></a></li><li>table stories code clean up <a href="https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3" target="_blank" rel="noopener noreferrer"><code>b7b2a56</code></a></li><li>Refs #143412  removed extra baseUrl from docusaurus config <a href="https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c" target="_blank" rel="noopener noreferrer"><code>79f36da</code></a></li><li>Accordion stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29" target="_blank" rel="noopener noreferrer"><code>ffe808a</code></a></li><li>Theme assets <a href="https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2" target="_blank" rel="noopener noreferrer"><code>3f4bea4</code></a></li><li>Merged with develop <a href="https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1" target="_blank" rel="noopener noreferrer"><code>167ec9f</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta2---2022-01-03"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2" target="_blank" rel="noopener noreferrer">0.1.2-beta.2</a> - 2022-01-03<a aria-hidden="true" class="hash-link" href="#012-beta2---2022-01-03" title="Direct link to heading">​</a></h3><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta1---2021-12-22"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1" target="_blank" rel="noopener noreferrer">0.1.2-beta.1</a> - 2021-12-22<a aria-hidden="true" class="hash-link" href="#012-beta1---2021-12-22" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-10">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-10" title="Direct link to heading">​</a></h4><ul><li>Tab component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8" target="_blank" rel="noopener noreferrer"><code>4690a6f</code></a></li><li>Comment component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e" target="_blank" rel="noopener noreferrer"><code>a87cb6a</code></a></li><li>Form stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae" target="_blank" rel="noopener noreferrer"><code>fc30c90</code></a></li><li>Grid component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f" target="_blank" rel="noopener noreferrer"><code>798fdd0</code></a></li><li>Image component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2" target="_blank" rel="noopener noreferrer"><code>be93385</code></a></li><li>Menu component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495" target="_blank" rel="noopener noreferrer"><code>cb1f9a8</code></a></li><li>Dropdown component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60" target="_blank" rel="noopener noreferrer"><code>57cf954</code></a></li><li>Header component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12" target="_blank" rel="noopener noreferrer"><code>264fd46</code></a></li><li>Confirn component minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790" target="_blank" rel="noopener noreferrer"><code>9a00bc1</code></a></li><li>Item component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32" target="_blank" rel="noopener noreferrer"><code>6994fa0</code></a></li><li>Label component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a" target="_blank" rel="noopener noreferrer"><code>5cc5843</code></a></li><li>Container component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6" target="_blank" rel="noopener noreferrer"><code>e6e40b3</code></a></li><li>Message component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca" target="_blank" rel="noopener noreferrer"><code>ba9d377</code></a></li><li>Breadcrumb component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df" target="_blank" rel="noopener noreferrer"><code>ff7a176</code></a></li><li>Modal component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04" target="_blank" rel="noopener noreferrer"><code>af1fe6a</code></a></li><li>List stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2" target="_blank" rel="noopener noreferrer"><code>0016042</code></a></li><li>Button component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9" target="_blank" rel="noopener noreferrer"><code>690dfd2</code></a></li><li>Radio component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2" target="_blank" rel="noopener noreferrer"><code>84eac30</code></a></li><li>Progress component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a" target="_blank" rel="noopener noreferrer"><code>e676357</code></a></li><li>Pagination component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6" target="_blank" rel="noopener noreferrer"><code>b1af226</code></a></li><li>Segment component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db" target="_blank" rel="noopener noreferrer"><code>5f8c7ef</code></a></li><li>Refs #143412 eslint fixes for component stories <a href="https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a" target="_blank" rel="noopener noreferrer"><code>badcb91</code></a></li><li>Table component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3" target="_blank" rel="noopener noreferrer"><code>7c104b8</code></a></li><li>Refs #143412 more eslint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c" target="_blank" rel="noopener noreferrer"><code>a88c091</code></a></li><li>Refs #143412 warn for broken links instead of throwing <a href="https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195" target="_blank" rel="noopener noreferrer"><code>bd5821c</code></a></li><li>Refs #143412  merge changes from develop-itml to develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666" target="_blank" rel="noopener noreferrer"><code>bca28b9</code></a></li><li>made tabs dynamic for api tab <a href="https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f" target="_blank" rel="noopener noreferrer"><code>ea37ecb</code></a></li><li>Basic storybook/Docusaurus components <a href="https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b" target="_blank" rel="noopener noreferrer"><code>840ab60</code></a></li><li>created List directory &amp; srories based on semantic-ui List component <a href="https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d" target="_blank" rel="noopener noreferrer"><code>51f1901</code></a></li><li>made tabs as component easy to call for other components <a href="https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba" target="_blank" rel="noopener noreferrer"><code>07bae49</code></a></li><li>Popup Component | minor fixes <a href="https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec" target="_blank" rel="noopener noreferrer"><code>2ff9908</code></a></li><li>created stories for Tab component <a href="https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0" target="_blank" rel="noopener noreferrer"><code>95e3a73</code></a></li><li>created Table directory and stories based on semantic-ui Table component <a href="https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388" target="_blank" rel="noopener noreferrer"><code>e16115d</code></a></li><li>List component stories - minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389" target="_blank" rel="noopener noreferrer"><code>de11343</code></a></li><li>created stories for Comment component <a href="https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11" target="_blank" rel="noopener noreferrer"><code>a20f884</code></a></li><li>created stories for Grid component <a href="https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d" target="_blank" rel="noopener noreferrer"><code>360d2a8</code></a></li><li>created stories for Image component <a href="https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5" target="_blank" rel="noopener noreferrer"><code>3c1d2bc</code></a></li><li>created stories for Menu component <a href="https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03" target="_blank" rel="noopener noreferrer"><code>17e3b37</code></a></li><li>Added untracked files <a href="https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674" target="_blank" rel="noopener noreferrer"><code>75f0afd</code></a></li><li>created Dropdown stories <a href="https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9" target="_blank" rel="noopener noreferrer"><code>d6a2538</code></a></li><li>created Header component stories <a href="https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3" target="_blank" rel="noopener noreferrer"><code>b833979</code></a></li><li>created stories for semantic-ui Confirm component <a href="https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42" target="_blank" rel="noopener noreferrer"><code>6fddccc</code></a></li><li>created Statistic directory and stories with semantic-ui Statistic component <a href="https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34" target="_blank" rel="noopener noreferrer"><code>cd62498</code></a></li><li>created Item component stories <a href="https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073" target="_blank" rel="noopener noreferrer"><code>90ec2be</code></a></li><li>created stories for Container component <a href="https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288" target="_blank" rel="noopener noreferrer"><code>41934f6</code></a></li><li>created Label component stories <a href="https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f" target="_blank" rel="noopener noreferrer"><code>71732f6</code></a></li><li>created Message component stories <a href="https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c" target="_blank" rel="noopener noreferrer"><code>adcbeab</code></a></li><li>created Modal component stories <a href="https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9" target="_blank" rel="noopener noreferrer"><code>c25409d</code></a></li><li>Breadcrumb component stories and minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e" target="_blank" rel="noopener noreferrer"><code>6264d92</code></a></li><li>created Pagination component stories <a href="https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242" target="_blank" rel="noopener noreferrer"><code>57cdad3</code></a></li><li>created Segment component stories <a href="https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a" target="_blank" rel="noopener noreferrer"><code>d8d01d7</code></a></li><li>created stories for Radio component <a href="https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c" target="_blank" rel="noopener noreferrer"><code>1fd062d</code></a></li><li>Menu stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de" target="_blank" rel="noopener noreferrer"><code>6ba5e0d</code></a></li><li>Statistic component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22" target="_blank" rel="noopener noreferrer"><code>3c874a5</code></a></li><li>Card component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2" target="_blank" rel="noopener noreferrer"><code>290bda8</code></a></li><li>Accrordion stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564" target="_blank" rel="noopener noreferrer"><code>2ee3f59</code></a></li><li>renamed Demo folder to Layout <a href="https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12" target="_blank" rel="noopener noreferrer"><code>b9f6d05</code></a></li><li>remove test exclusion <a href="https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25" target="_blank" rel="noopener noreferrer"><code>94dba3e</code></a></li><li>Accordion component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1" target="_blank" rel="noopener noreferrer"><code>e672d59</code></a></li><li>fix docusaurus url (removed trailing /) <a href="https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada" target="_blank" rel="noopener noreferrer"><code>b6c59fc</code></a></li><li>Item component stories - minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481" target="_blank" rel="noopener noreferrer"><code>f0a9902</code></a></li><li>eea logos and assets <a href="https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc" target="_blank" rel="noopener noreferrer"><code>b435b51</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta0---2021-12-18"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0" target="_blank" rel="noopener noreferrer">0.1.2-beta.0</a> - 2021-12-18<a aria-hidden="true" class="hash-link" href="#012-beta0---2021-12-18" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-11">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-11" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 added github action to build docusaurus to the develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677" target="_blank" rel="noopener noreferrer"><code>abe6a72</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="011---2021-12-16"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1" target="_blank" rel="noopener noreferrer">0.1.1</a> - 2021-12-16<a aria-hidden="true" class="hash-link" href="#011---2021-12-16" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-12">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-12" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 changed the following to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0" target="_blank" rel="noopener noreferrer"><code>6791d41</code></a></li><li>Refs #140454 corrected base url for docusaurus website build <a href="https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a" target="_blank" rel="noopener noreferrer"><code>98271b3</code></a></li><li>Initial test changes on design system/docusaurus. <a href="https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf" target="_blank" rel="noopener noreferrer"><code>9dad612</code></a></li><li>After prettier check <a href="https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a" target="_blank" rel="noopener noreferrer"><code>9ec40b4</code></a></li><li>Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page <a href="https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8" target="_blank" rel="noopener noreferrer"><code>7505df8</code></a></li><li>Refs #140454 added references to eea and the storybook in the docusaurus footer <a href="https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb" target="_blank" rel="noopener noreferrer"><code>42bbfcd</code></a></li><li>Refs #140454 lint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c" target="_blank" rel="noopener noreferrer"><code>9502f2b</code></a></li><li>Add SonarQube badges <a href="https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062" target="_blank" rel="noopener noreferrer"><code>a4e0a40</code></a></li><li>Refs #140454 brought changes from develop-itml and upgrades docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa" target="_blank" rel="noopener noreferrer"><code>207c873</code></a></li><li>Refs #140454 removed extra content not needed by the docusaurus site <a href="https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed" target="_blank" rel="noopener noreferrer"><code>bc68ebe</code></a></li><li>Refs #140454 updated docusaurus to latest beta <a href="https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9" target="_blank" rel="noopener noreferrer"><code>d68ed8a</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="011-beta0---2021-12-09"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0" target="_blank" rel="noopener noreferrer">0.1.1-beta.0</a> - 2021-12-09<a aria-hidden="true" class="hash-link" href="#011-beta0---2021-12-09" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-13">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-13" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 moved header and footer templates from volto-ims-theme: <a href="https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222" target="_blank" rel="noopener noreferrer"><code>e2d5e56</code></a></li><li>Refs #140454 added website folder with docusaurus site skeleton <a href="https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954" target="_blank" rel="noopener noreferrer"><code>6fd15f4</code></a></li><li>Refs #142794 added commented implementation of the header and footer area: <a href="https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39" target="_blank" rel="noopener noreferrer"><code>773ad87</code></a></li><li>Refs #140454 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3" target="_blank" rel="noopener noreferrer"><code>4137ec4</code></a></li><li>Refs #140454 removed storybook from volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418" target="_blank" rel="noopener noreferrer"><code>a129ffb</code></a></li><li>Refs #140454 added storybook as a dev dependency: <a href="https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f" target="_blank" rel="noopener noreferrer"><code>e04ae4e</code></a></li><li>Refs #140454 updated Breadcrumbs.jsx to latest version: <a href="https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476" target="_blank" rel="noopener noreferrer"><code>63fe507</code></a></li><li>Refs #140454 we should use jsx and not mdx for storybook tests <a href="https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394" target="_blank" rel="noopener noreferrer"><code>3668e66</code></a></li><li>Refs #140454  updated eea-design-system readme with extra info on package contents <a href="https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780" target="_blank" rel="noopener noreferrer"><code>d2efc3d</code></a></li><li>Refs #142010 - Optimize Volto-addons gitflow pipelines <a href="https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d" target="_blank" rel="noopener noreferrer"><code>3af46d2</code></a></li><li>Refs #140454 Renamed folders of docusaurus website: <a href="https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092" target="_blank" rel="noopener noreferrer"><code>15bca74</code></a></li><li>Add demo story <a href="https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66" target="_blank" rel="noopener noreferrer"><code>757c409</code></a></li><li>Refs #142794 enabled minimum css so that header looks decent <a href="https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4" target="_blank" rel="noopener noreferrer"><code>adbe233</code></a></li><li>Refs #140454 use the develop branch for the readme linking, it&#x27;s always more up to date <a href="https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3" target="_blank" rel="noopener noreferrer"><code>23dcf16</code></a></li><li>Refs #140454 added missing themes reference for the eea theme <a href="https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996" target="_blank" rel="noopener noreferrer"><code>e9ca244</code></a></li><li>Refs #140454 modified assets imports after move to volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8" target="_blank" rel="noopener noreferrer"><code>2250cc7</code></a></li><li>Load footer in segment <a href="https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55" target="_blank" rel="noopener noreferrer"><code>80d38a9</code></a></li><li>Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: <a href="https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae" target="_blank" rel="noopener noreferrer"><code>1314039</code></a></li><li>Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto <a href="https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620" target="_blank" rel="noopener noreferrer"><code>1a8b305</code></a></li><li>Refs #142794 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a" target="_blank" rel="noopener noreferrer"><code>fbb80b1</code></a></li><li>Refs #140454 moved storybook scripts to the scripts section <a href="https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d" target="_blank" rel="noopener noreferrer"><code>705c4c3</code></a></li><li>Refs #140454 removed dangling comma <a href="https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54" target="_blank" rel="noopener noreferrer"><code>514f24d</code></a></li><li>Refs #140454 changed link to the start of the docs <a href="https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf" target="_blank" rel="noopener noreferrer"><code>0e16fdf</code></a></li><li>Refs #140454 add h1 to the list of elements that are max 800px and centered <a href="https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e" target="_blank" rel="noopener noreferrer"><code>7d3c30f</code></a></li><li>Add Sonarqube tag using ims-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9" target="_blank" rel="noopener noreferrer"><code>8d657d0</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="010---2021-11-17"><a href="https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0" target="_blank" rel="noopener noreferrer">0.1.0</a> - 2021-11-17<a aria-hidden="true" class="hash-link" href="#010---2021-11-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-14">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-14" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 changed the following to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781" target="_blank" rel="noopener noreferrer"><code>40d2af6</code></a></li><li>Refs #141204 elements folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008" target="_blank" rel="noopener noreferrer"><code>595b4e6</code></a></li><li>Refs #141204 use font awesome from SemanticUI instead of Pastanaga: <a href="https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff" target="_blank" rel="noopener noreferrer"><code>4e273ca</code></a></li><li>Refs #141204 removed the components customizations from volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d" target="_blank" rel="noopener noreferrer"><code>c98c260</code></a></li><li>Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0" target="_blank" rel="noopener noreferrer"><code>ff4bf44</code></a></li><li>Refs #141204 modules folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974" target="_blank" rel="noopener noreferrer"><code>f2841b6</code></a></li><li>Refs #141204 customized Comments.jsx to remove unnecessary container <a href="https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff" target="_blank" rel="noopener noreferrer"><code>b2e95d7</code></a></li><li>Refs #132149 added initial commit for volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9" target="_blank" rel="noopener noreferrer"><code>2934b91</code></a></li><li>Refs #141204 collection folder now has the variables and overrides from pastanaga: <a href="https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050" target="_blank" rel="noopener noreferrer"><code>213d496</code></a></li><li>Refs #141204 removed search widget customization, we can use volto-ims-theme for that file <a href="https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7" target="_blank" rel="noopener noreferrer"><code>b7e8b0c</code></a></li><li>Refs #141204 stylelint quick fixes <a href="https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd" target="_blank" rel="noopener noreferrer"><code>5595925</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c" target="_blank" rel="noopener noreferrer"><code>769f4f9</code></a></li><li>Refs #141204 changed the following to the eea theme: <a href="https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab" target="_blank" rel="noopener noreferrer"><code>06d8d86</code></a></li><li>Refs #141204 eea site.variables now use all values from pastanaga&#x27;s site.variables <a href="https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88" target="_blank" rel="noopener noreferrer"><code>6535c0f</code></a></li><li>Refs #141204 simplified container overrides: <a href="https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06" target="_blank" rel="noopener noreferrer"><code>5125003</code></a></li><li>Release 1.0.0 <a href="https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa" target="_blank" rel="noopener noreferrer"><code>177d0ce</code></a></li><li>Refs #141204 globals folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734" target="_blank" rel="noopener noreferrer"><code>116a0c3</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d" target="_blank" rel="noopener noreferrer"><code>2e7f423</code></a></li><li>Refs #141204 modules folder now has the variables and overrides from pastanaga theme: <a href="https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d" target="_blank" rel="noopener noreferrer"><code>27a201d</code></a></li><li>Refs #141204 text elements are now with a max width and centered within content-area: <a href="https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d" target="_blank" rel="noopener noreferrer"><code>bbed7bb</code></a></li><li>Refs #141204 added main.variables entries from pastanaga to eea theme <a href="https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1" target="_blank" rel="noopener noreferrer"><code>1cbbc55</code></a></li><li>Refs #141204 modified theme image imports for component customizations <a href="https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4" target="_blank" rel="noopener noreferrer"><code>ef3238a</code></a></li><li>Refs #141204 modified container width to be auto: <a href="https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18" target="_blank" rel="noopener noreferrer"><code>2e8d2e0</code></a></li><li>Refs #141204 modified several icons to use the \f values instead of \e: <a href="https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6" target="_blank" rel="noopener noreferrer"><code>c397145</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0" target="_blank" rel="noopener noreferrer"><code>c518eda</code></a></li><li>Refs #141204 ensure that main column isn&#x27;t enlarged over the sidebar section on edit <a href="https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10" target="_blank" rel="noopener noreferrer"><code>f7a2868</code></a></li><li>Refs #141204 changed the following to the form styling: <a href="https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb" target="_blank" rel="noopener noreferrer"><code>eb92e05</code></a></li><li>Refs #141204 modified path of theme folder location for image selection <a href="https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4" target="_blank" rel="noopener noreferrer"><code>f8cca45</code></a></li><li>Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request <a href="https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977" target="_blank" rel="noopener noreferrer"><code>444c78d</code></a></li><li>Refs #140454 reference font and image path from ~volto-themes instead of relative <a href="https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca" target="_blank" rel="noopener noreferrer"><code>ec93ed3</code></a></li><li>Refs #141204 ensure that Volto doesn&#x27;t crash when site module is set to eea: <a href="https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e" target="_blank" rel="noopener noreferrer"><code>51f2f27</code></a></li><li>Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px <a href="https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7" target="_blank" rel="noopener noreferrer"><code>56a12e2</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="001---2021-11-17">0.0.1 - 2021-11-17<a aria-hidden="true" class="hash-link" href="#001---2021-11-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-15">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-15" title="Direct link to heading">​</a></h4><ul><li>Initial commit <a href="https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a" target="_blank" rel="noopener noreferrer"><code>b0bdd44</code></a></li></ul></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/getting-started/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Getting started</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/intro/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Intro<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#unreleased---2022-04-08t131859059z" class="table-of-contents__link toc-highlight">Unreleased - 2022-04-08T13:18:59.059Z</a></li><li><a href="#020---2022-04-04" class="table-of-contents__link toc-highlight">0.2.0 - 2022-04-04</a></li><li><a href="#019---2022-03-25" class="table-of-contents__link toc-highlight">0.1.9 - 2022-03-25</a></li><li><a href="#018---2022-03-18" class="table-of-contents__link toc-highlight">0.1.8 - 2022-03-18</a></li><li><a href="#017---2022-03-15" class="table-of-contents__link toc-highlight">0.1.7 - 2022-03-15</a></li><li><a href="#016---2022-03-11" class="table-of-contents__link toc-highlight">0.1.6 - 2022-03-11</a></li><li><a href="#015---2022-03-08" class="table-of-contents__link toc-highlight">0.1.5 - 2022-03-08</a></li><li><a href="#014---2022-03-01" class="table-of-contents__link toc-highlight">0.1.4 - 2022-03-01</a></li><li><a href="#014-beta0---2022-02-25" class="table-of-contents__link toc-highlight">0.1.4-beta.0 - 2022-02-25</a></li><li><a href="#013---2022-02-25" class="table-of-contents__link toc-highlight">0.1.3 - 2022-02-25</a></li><li><a href="#012---2022-02-17" class="table-of-contents__link toc-highlight">0.1.2 - 2022-02-17</a></li><li><a href="#012-beta2---2022-01-03" class="table-of-contents__link toc-highlight">0.1.2-beta.2 - 2022-01-03</a></li><li><a href="#012-beta1---2021-12-22" class="table-of-contents__link toc-highlight">0.1.2-beta.1 - 2021-12-22</a></li><li><a href="#012-beta0---2021-12-18" class="table-of-contents__link toc-highlight">0.1.2-beta.0 - 2021-12-18</a></li><li><a href="#011---2021-12-16" class="table-of-contents__link toc-highlight">0.1.1 - 2021-12-16</a></li><li><a href="#011-beta0---2021-12-09" class="table-of-contents__link toc-highlight">0.1.1-beta.0 - 2021-12-09</a></li><li><a href="#010---2021-11-17" class="table-of-contents__link toc-highlight">0.1.0 - 2021-11-17</a></li><li><a href="#001---2021-11-17" class="table-of-contents__link toc-highlight">0.0.1 - 2021-11-17</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<div><a href="#" class="skipToContent_OuoZ">Skip to main content</a></div><nav class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/volto-eea-design-system/"><div class="navbar__logo"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--light_4Vu1"><img src="/volto-eea-design-system/img/eea_icon.png" alt="EEA Design System Logo" class="themedImage_TMUO themedImage--dark_uzRr"></div><b class="navbar__title">EEA Design System</b></a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/eea/volto-eea-design-system" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link"><span>GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div class="main-wrapper docs-wrapper docs-doc-page"><div class="docPage_lDyR"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_i9tI" type="button"></button><aside class="docSidebarContainer_0YBq"><div class="sidebar_a3j0"><nav class="menu thin-scrollbar menu_cyFh"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/intro/">EEA Design System (under development)</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/volto-eea-design-system/docs/getting-started/">Getting started</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/volto-eea-design-system/docs/whatsnew/">What&#x27;s new</a></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Guidelines/intro/">Guidelines</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Templates/Grid/">Templates</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Components/Accordion/">Components</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Utilities/intro/">Utilities</a></div></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist hasHref_TwRn" href="/volto-eea-design-system/docs/Resources/developer-guidelines/">Resources</a></div></li></ul></nav></div></aside><main class="docMainContainer_r8cw"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_zHA2"><div class="docItemContainer_oiyr"><article><div class="tocCollapsible_aw-L theme-doc-toc-mobile tocMobile_Tx6Y"><button type="button" class="clean-btn tocCollapsibleButton_zr6a">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>What&#x27;s new</h1></header><p>All notable changes to this project will be documented in this file. Dates are displayed in UTC.</p><p>Generated by <a href="https://github.com/CookPete/auto-changelog" target="_blank" rel="noopener noreferrer"><code>auto-changelog</code></a>.</p><h3 class="anchor anchorWithStickyNavbar_y2LR" id="unreleased---2022-04-22t124432579z"><a href="https://github.com/eea/volto-eea-design-system/compare/0.2.1...HEAD" target="_blank" rel="noopener noreferrer">Unreleased</a> - 2022-04-22T12:44:32.579Z<a aria-hidden="true" class="hash-link" href="#unreleased---2022-04-22t124432579z" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes" title="Direct link to heading">​</a></h4><ul><li>fix(publicationCard): restore line endings <a href="https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a" target="_blank" rel="noopener noreferrer"><code>582859e</code></a></li><li>fix(form): added back overrides from Pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c" target="_blank" rel="noopener noreferrer"><code>a3f7ff8</code></a></li><li>fix(OrderedList) : add list only if sub list exists <a href="https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f" target="_blank" rel="noopener noreferrer"><code>8acbc8d</code></a></li><li>fix(label): update highlight label color <a href="https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748" target="_blank" rel="noopener noreferrer"><code>d55bbb0</code></a></li><li>fix(publication card): run prettier <a href="https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a" target="_blank" rel="noopener noreferrer"><code>81a5bfc</code></a></li><li>fix(avatar) : fix naming convention for arg <a href="https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26" target="_blank" rel="noopener noreferrer"><code>84fc5fa</code></a></li><li>fix(tab): restore mobile font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44" target="_blank" rel="noopener noreferrer"><code>58f39be</code></a></li><li>fix(addForm): add min height to add form and fixed block chooser overflow <a href="https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776" target="_blank" rel="noopener noreferrer"><code>ca4415d</code></a></li><li>fix(OrderedList): adjust margins to fourth sublists <a href="https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7" target="_blank" rel="noopener noreferrer"><code>663d384</code></a></li><li>fix(dropdown): being hidden because of third party css <a href="https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8" target="_blank" rel="noopener noreferrer"><code>7d353df</code></a></li><li>fix(modal): overflow hidden as clearfix of last child from modal <a href="https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909" target="_blank" rel="noopener noreferrer"><code>b4923f5</code></a></li><li>fix(RelatedContent):fix merge conflict <a href="https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f" target="_blank" rel="noopener noreferrer"><code>adc34bf</code></a></li><li>fix(button): labeled class needs to be placed after left or right keyword <a href="https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f" target="_blank" rel="noopener noreferrer"><code>53d1204</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements" title="Direct link to heading">​</a></h4><ul><li>refactor(card): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070" target="_blank" rel="noopener noreferrer"><code>e10e3d6</code></a></li><li>refactor(card): add card variations <a href="https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f" target="_blank" rel="noopener noreferrer"><code>e16d05b</code></a></li><li>refactor(card): remove stories <a href="https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f" target="_blank" rel="noopener noreferrer"><code>0deb0ca</code></a></li><li>refactor(card):delete primary and secondary card stories <a href="https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8" target="_blank" rel="noopener noreferrer"><code>1f95d22</code></a></li><li>refactor(Avatar) : remake avatar as card variant <a href="https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412" target="_blank" rel="noopener noreferrer"><code>ea77cdd</code></a></li><li>refactor(card): add styles for card variations <a href="https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996" target="_blank" rel="noopener noreferrer"><code>7407bd3</code></a></li><li>refactor(storybook): add story with related content inside of a tab <a href="https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357" target="_blank" rel="noopener noreferrer"><code>dca008a</code></a></li><li>refactor(card): Rename variables from avatar  to rounded <a href="https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46" target="_blank" rel="noopener noreferrer"><code>be01316</code></a></li><li>refactor(avatar): update less variables and layer structure <a href="https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91" target="_blank" rel="noopener noreferrer"><code>f965db1</code></a></li><li>refactor(PublicationCard):remake publication card to be a semantic card variation <a href="https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391" target="_blank" rel="noopener noreferrer"><code>5a0c6ab</code></a></li><li>change(button): simplified button styling <a href="https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021" target="_blank" rel="noopener noreferrer"><code>fe892d6</code></a></li><li>change(button): simplified storybook naming and examples <a href="https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b" target="_blank" rel="noopener noreferrer"><code>9a7df4f</code></a></li><li>refactor(Avatar) : convert avatar component to card variation <a href="https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8" target="_blank" rel="noopener noreferrer"><code>2004a94</code></a></li><li>refactor(Related Content): change in grid and add see all button <a href="https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705" target="_blank" rel="noopener noreferrer"><code>955450e</code></a></li><li>change(button): added back button.overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053" target="_blank" rel="noopener noreferrer"><code>3b55acb</code></a></li><li>refactor(card): add card class control <a href="https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698" target="_blank" rel="noopener noreferrer"><code>68c91a9</code></a></li><li>refactor(card):delete publication card variables &amp; overrides files <a href="https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0" target="_blank" rel="noopener noreferrer"><code>6be8a03</code></a></li><li>refactor(OrderedList): rename TOC to Ordered List and add container to the story <a href="https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b" target="_blank" rel="noopener noreferrer"><code>e00c4db</code></a></li><li>refactor(card): add card grid fluid story with no columns <a href="https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb" target="_blank" rel="noopener noreferrer"><code>f38251c</code></a></li><li>refactor(list): remove horizontal control <a href="https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad" target="_blank" rel="noopener noreferrer"><code>1f5e576</code></a></li><li>refactor(avatarGrid): update less variables and layer structure <a href="https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455" target="_blank" rel="noopener noreferrer"><code>db554a8</code></a></li><li>refactor(Related Content):show button when there are more hidden cards <a href="https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0" target="_blank" rel="noopener noreferrer"><code>57ff1c8</code></a></li><li>refactor(RelatedContent):change to use new card variant instead of publication card component <a href="https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905" target="_blank" rel="noopener noreferrer"><code>7cf424a</code></a></li><li>change(breadcrumb): brought back pastanaga overrides to breadcrumbs <a href="https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643" target="_blank" rel="noopener noreferrer"><code>bca1c93</code></a></li><li>refactor(card):delete publication card folder &amp; story <a href="https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2" target="_blank" rel="noopener noreferrer"><code>68bf773</code></a></li><li>change(buttons): modified basic and circular variant behavior <a href="https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8" target="_blank" rel="noopener noreferrer"><code>c06fed9</code></a></li><li>refactor(card):tertiary variation minor story update <a href="https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205" target="_blank" rel="noopener noreferrer"><code>87b8dca</code></a></li><li>refactor(DescriptionList): add container to story <a href="https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972" target="_blank" rel="noopener noreferrer"><code>d647c1a</code></a></li><li>refactor(List):render ordered list with ol,li tags <a href="https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0" target="_blank" rel="noopener noreferrer"><code>87813c1</code></a></li><li>refactor(OrderedList) : change table of contents story to ordered list <a href="https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959" target="_blank" rel="noopener noreferrer"><code>cb6197c</code></a></li><li>refactor(publicationCard): update tag and name variables <a href="https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d" target="_blank" rel="noopener noreferrer"><code>c109ad9</code></a></li><li>refactor(UnorderedList): update list as ul, list items as li and add container to strory <a href="https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c" target="_blank" rel="noopener noreferrer"><code>2c096e1</code></a></li><li>refactor(card):organize controls and minor bug fixes <a href="https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9" target="_blank" rel="noopener noreferrer"><code>f3f6e35</code></a></li><li>refactor(less variables): publication card style changes <a href="https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45" target="_blank" rel="noopener noreferrer"><code>c5a84e9</code></a></li><li>refactor(less variables): add less to related content <a href="https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d" target="_blank" rel="noopener noreferrer"><code>e1a5543</code></a></li><li>refactor(RelatedContent):delete publication card component <a href="https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea" target="_blank" rel="noopener noreferrer"><code>2ed0ed4</code></a></li><li>change(button): basic button is again without padding, border and background <a href="https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d" target="_blank" rel="noopener noreferrer"><code>5a907c7</code></a></li><li>refactor(PublicationCard):remove link wrapper <a href="https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa" target="_blank" rel="noopener noreferrer"><code>5911a0d</code></a></li><li>refactor(less variables): change publication card height per viewport <a href="https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd" target="_blank" rel="noopener noreferrer"><code>d7a5256</code></a></li><li>refactor(Timeline):change timeline icons <a href="https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472" target="_blank" rel="noopener noreferrer"><code>b2fe0bf</code></a></li><li>refactor(publicationCard): replace px with rems <a href="https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a" target="_blank" rel="noopener noreferrer"><code>53bf8da</code></a></li><li>refactor(Related Content): change in related content grid <a href="https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9" target="_blank" rel="noopener noreferrer"><code>bf856ce</code></a></li><li>refactor(List):render description list with dl,dt,dd tags <a href="https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb" target="_blank" rel="noopener noreferrer"><code>ec669a7</code></a></li><li>change(button): show only labeled variant for buttons with icons <a href="https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e" target="_blank" rel="noopener noreferrer"><code>bf49944</code></a></li><li>change(button): text button now has an underline with a focus border like other buttons <a href="https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89" target="_blank" rel="noopener noreferrer"><code>cdd9043</code></a></li><li>refactor(card): import image for rounded card <a href="https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f" target="_blank" rel="noopener noreferrer"><code>ca5a47e</code></a></li><li>refactor(progress): add container to story <a href="https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba" target="_blank" rel="noopener noreferrer"><code>dfb33bb</code></a></li><li>refactor(storybook): add publication card story with different description sizes <a href="https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5" target="_blank" rel="noopener noreferrer"><code>23af97b</code></a></li><li>refactor(List):render default list with dl &amp; dt tags <a href="https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f" target="_blank" rel="noopener noreferrer"><code>ece2280</code></a></li><li>refactor(storybook): add publication cards stories with longer description <a href="https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc" target="_blank" rel="noopener noreferrer"><code>37adefa</code></a></li><li>change(button): basic icon buttons no longer have box shadows <a href="https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7" target="_blank" rel="noopener noreferrer"><code>c2f3ea3</code></a></li><li>refactor(card): remove story <a href="https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740" target="_blank" rel="noopener noreferrer"><code>afc5f79</code></a></li><li>refactor(less variables): change card description line number per device <a href="https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290" target="_blank" rel="noopener noreferrer"><code>6946fda</code></a></li><li>refactor(card): update rounded card image path <a href="https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3" target="_blank" rel="noopener noreferrer"><code>8db3a85</code></a></li><li>refactor(DefaultList): add container to story <a href="https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69" target="_blank" rel="noopener noreferrer"><code>f971193</code></a></li><li>change(button): bumped z-index of sidenav expand button <a href="https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6" target="_blank" rel="noopener noreferrer"><code>445ed8a</code></a></li><li>change(progress,label): color accessibility fixes  #151 <a href="https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86" target="_blank" rel="noopener noreferrer"><code>09cf6e3</code></a></li><li>refactor(card): update card variation grids path <a href="https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903" target="_blank" rel="noopener noreferrer"><code>756589c</code></a></li><li>refactor(card): minor fixes <a href="https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939" target="_blank" rel="noopener noreferrer"><code>3a880d7</code></a></li><li>change(button): primary color is blue and secondary is green <a href="https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846" target="_blank" rel="noopener noreferrer"><code>53e0a0c</code></a></li><li>refactor(List):change styles to match with the tags lists are rendered <a href="https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7" target="_blank" rel="noopener noreferrer"><code>2673890</code></a></li><li>refactor(progress): update colors for accessibility <a href="https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c" target="_blank" rel="noopener noreferrer"><code>ea2f454</code></a></li><li>refactor(card): move avatarGrid &amp; relatedContent to Card folder <a href="https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd" target="_blank" rel="noopener noreferrer"><code>1959d52</code></a></li><li>refactor(Timeline): change storybook timeline colors to fix accessibility issues <a href="https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753" target="_blank" rel="noopener noreferrer"><code>79da8dc</code></a></li><li>change(segment): restore light grey background color for secondary segments <a href="https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c" target="_blank" rel="noopener noreferrer"><code>8716b08</code></a></li><li>refactor(relatedContent): adjust column paddings <a href="https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e" target="_blank" rel="noopener noreferrer"><code>8a1520d</code></a></li><li>refactor(storybook): clear up code <a href="https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594" target="_blank" rel="noopener noreferrer"><code>3ada154</code></a></li><li>refactor(card): use the rounded class for avatar grid <a href="https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442" target="_blank" rel="noopener noreferrer"><code>8c000f3</code></a></li><li>refactor(card) Update rounded card class <a href="https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4" target="_blank" rel="noopener noreferrer"><code>140b587</code></a></li><li>refactor(avatar): add variable for image border radius <a href="https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e" target="_blank" rel="noopener noreferrer"><code>c23341c</code></a></li><li>refactor(label): add container to story <a href="https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6" target="_blank" rel="noopener noreferrer"><code>565101f</code></a></li><li>refactor(progress): update value color for accessibility error <a href="https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef" target="_blank" rel="noopener noreferrer"><code>6fc76f8</code></a></li><li>refactor(card):use jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e" target="_blank" rel="noopener noreferrer"><code>413d328</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes" title="Direct link to heading">​</a></h4><ul><li>chore(Avatar) : add container to stories <a href="https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2" target="_blank" rel="noopener noreferrer"><code>41b748c</code></a></li><li>style(OrderedList): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d" target="_blank" rel="noopener noreferrer"><code>ed95e4d</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others" title="Direct link to heading">​</a></h4><ul><li>perf(eol): change to LF <a href="https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940" target="_blank" rel="noopener noreferrer"><code>c71e42e</code></a></li><li>perf(eol): linux eol <a href="https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425" target="_blank" rel="noopener noreferrer"><code>6e0bb30</code></a></li><li>lint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281" target="_blank" rel="noopener noreferrer"><code>a68866d</code></a></li><li>perf(eol): lf fix <a href="https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1" target="_blank" rel="noopener noreferrer"><code>7054b20</code></a></li><li>doco(list): update Ordered List showcase <a href="https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3" target="_blank" rel="noopener noreferrer"><code>75e40bf</code></a></li><li>perf(eol): lf fix <a href="https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900" target="_blank" rel="noopener noreferrer"><code>19235e5</code></a></li><li>fixed js syntax error from previous commit <a href="https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2" target="_blank" rel="noopener noreferrer"><code>37dc1f5</code></a></li><li>Next relese: 0.2.2 <a href="https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e" target="_blank" rel="noopener noreferrer"><code>b3fb40f</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="021---2022-04-08"><a href="https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1" target="_blank" rel="noopener noreferrer">0.2.1</a> - 2022-04-08<a aria-hidden="true" class="hash-link" href="#021---2022-04-08" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-1">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-1" title="Direct link to heading">​</a></h4><ul><li>fix(version): Switch to 2.0.0.alpha.1 <a href="https://github.com/eea/volto-eea-design-system/commit/83b8b8ebba4f1eb31514b16476ac23a5d2b03ea9" target="_blank" rel="noopener noreferrer"><code>83b8b8e</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-1">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-1" title="Direct link to heading">​</a></h4><ul><li>cleanup(loader): Remove useless HTML <a href="https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22" target="_blank" rel="noopener noreferrer"><code>d1d180c</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="020---2022-04-04"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0" target="_blank" rel="noopener noreferrer">0.2.0</a> - 2022-04-04<a aria-hidden="true" class="hash-link" href="#020---2022-04-04" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features" title="Direct link to heading">​</a></h4><ul><li>feat(card) : add new default card color-schme <a href="https://github.com/eea/volto-eea-design-system/commit/965adea8eef6d8729790f6d2bd5e71daeee15d75" target="_blank" rel="noopener noreferrer"><code>965adea</code></a></li><li>feat(label): Handle slate links and footnotes <a href="https://github.com/eea/volto-eea-design-system/commit/f382431219df29be498fe5063f3d579f0b918068" target="_blank" rel="noopener noreferrer"><code>f382431</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-2">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-2" title="Direct link to heading">​</a></h4><ul><li>fix(buttons,toggles): border and background color when active 147629 #139 <a href="https://github.com/eea/volto-eea-design-system/commit/ea36f31e986110d6c28c104d01666104ac38e2ba" target="_blank" rel="noopener noreferrer"><code>ea36f31</code></a></li><li>fix(checkboxes): background color when they are toggles <a href="https://github.com/eea/volto-eea-design-system/commit/4b6ab67085b7514c4f0ab2322e8f45de8bc09449" target="_blank" rel="noopener noreferrer"><code>4b6ab67</code></a></li><li>fix(buttons): border set on basic buttons appearing on svg elements of Volto UI <a href="https://github.com/eea/volto-eea-design-system/commit/69ca73f33b562b3f87bf11ce43a52ac01f83b951" target="_blank" rel="noopener noreferrer"><code>69ca73f</code></a></li><li>fix(label): Zotero/Footnotes inside label <a href="https://github.com/eea/volto-eea-design-system/commit/0ee4d584f2771b739ed5f2332cb33aad61391786" target="_blank" rel="noopener noreferrer"><code>0ee4d58</code></a></li><li>fix(card) : add control for image url in storybook <a href="https://github.com/eea/volto-eea-design-system/commit/b28e5303ba04c6aee673f1d7f98ce42037c672e1" target="_blank" rel="noopener noreferrer"><code>b28e530</code></a></li><li>fix(less variables):change font family <a href="https://github.com/eea/volto-eea-design-system/commit/e4bca9e0cb7ab9f1fd86e9f4c558382ec129e5a1" target="_blank" rel="noopener noreferrer"><code>e4bca9e</code></a></li><li>fix(storybook):minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/9fc53bcad61bbe0561d7a986dbba567d53777a8c" target="_blank" rel="noopener noreferrer"><code>9fc53bc</code></a></li><li>fix(tag): fixes merged theme config <a href="https://github.com/eea/volto-eea-design-system/commit/eb30363fda8a8a88155ee05268c4d7660fe99df1" target="_blank" rel="noopener noreferrer"><code>eb30363</code></a></li><li>fix(Banner): prop types fix <a href="https://github.com/eea/volto-eea-design-system/commit/a270e5b4d6e571f219b5da31ca8f883f74da05e3" target="_blank" rel="noopener noreferrer"><code>a270e5b</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-1">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-1" title="Direct link to heading">​</a></h4><ul><li>refactor(tag): splits Tags component to TagList and tag, changes default tags style <a href="https://github.com/eea/volto-eea-design-system/commit/78a5f8c245149706a1f7b825ef3e02da5ba86445" target="_blank" rel="noopener noreferrer"><code>78a5f8c</code></a></li><li>refactor(Banner):add banner share pop up in banner story <a href="https://github.com/eea/volto-eea-design-system/commit/c9688b2b697c879bbaed3cb3a688a0af7fc71234" target="_blank" rel="noopener noreferrer"><code>c9688b2</code></a></li><li>refactor(tag): remove classes and actions that add background color <a href="https://github.com/eea/volto-eea-design-system/commit/ce9b6f92589618f6cb1e839a2cddc44381ef7406" target="_blank" rel="noopener noreferrer"><code>ce9b6f9</code></a></li><li>refactor(Banner):change banner&#x27;s image wrapper implementation <a href="https://github.com/eea/volto-eea-design-system/commit/9153dd1073999e67c105b5ba90538bc963e17abc" target="_blank" rel="noopener noreferrer"><code>9153dd1</code></a></li><li>change(package): bump release version to 1.10.0 <a href="https://github.com/eea/volto-eea-design-system/commit/7e984c1e1a6ea481a58a5b7a783d077b5769a621" target="_blank" rel="noopener noreferrer"><code>7e984c1</code></a></li><li>refactor(card): align cards and images, update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/d47c9780bfbc23d1cba3578f181864074db97e98" target="_blank" rel="noopener noreferrer"><code>d47c978</code></a></li><li>refactor(card): add class inverted for default card <a href="https://github.com/eea/volto-eea-design-system/commit/919a56e79c0243fa567144fadd4b842f75f1cf8f" target="_blank" rel="noopener noreferrer"><code>919a56e</code></a></li><li>refactor(tag): changes component name <a href="https://github.com/eea/volto-eea-design-system/commit/e1db068bd7ac336a451a4514c61fe44557e14cc2" target="_blank" rel="noopener noreferrer"><code>e1db068</code></a></li><li>refactor(tag): changes color metallicBlue to bottleGreen <a href="https://github.com/eea/volto-eea-design-system/commit/e4b68acf95bb3e192914aab89b2122e0434bf72c" target="_blank" rel="noopener noreferrer"><code>e4b68ac</code></a></li><li>refactor(less variables): change tag list mobile view <a href="https://github.com/eea/volto-eea-design-system/commit/fcded3dbc67465eec6ef7f72d3fd599ec5cd3c13" target="_blank" rel="noopener noreferrer"><code>fcded3d</code></a></li><li>refactor(tagList): update story to not use tag color classes <a href="https://github.com/eea/volto-eea-design-system/commit/8b5b61bfad9225c0538b713937ed39bbd0bd14e9" target="_blank" rel="noopener noreferrer"><code>8b5b61b</code></a></li><li>refactor(Banner):minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/ff8c352b899b78528897547df0b20c357fd153cd" target="_blank" rel="noopener noreferrer"><code>ff8c352</code></a></li><li>refactor(Banner): add metadata field sub component <a href="https://github.com/eea/volto-eea-design-system/commit/327b7e77626c18ae783aea9efae0c7589f63d4f5" target="_blank" rel="noopener noreferrer"><code>327b7e7</code></a></li><li>refactor(banner): add and adjust remix icon for banner action <a href="https://github.com/eea/volto-eea-design-system/commit/1bf3ffaa16432746c5e5577f0b1643f6659b3f56" target="_blank" rel="noopener noreferrer"><code>1bf3ffa</code></a></li><li>refactor(banner): replace px with rem and adjust share popup padding <a href="https://github.com/eea/volto-eea-design-system/commit/a5683294570227d0b25a99e410eb824b2c6d643c" target="_blank" rel="noopener noreferrer"><code>a568329</code></a></li><li>refactor(Banner):add type class to metadata field and apply styles to it <a href="https://github.com/eea/volto-eea-design-system/commit/86a286699146c7dda9e288e2183ec8cc86f35a23" target="_blank" rel="noopener noreferrer"><code>86a2866</code></a></li><li>refactor(less variables):change tag list styles <a href="https://github.com/eea/volto-eea-design-system/commit/867008791545769aa003ef7a8a820a7e5a873e4b" target="_blank" rel="noopener noreferrer"><code>8670087</code></a></li><li>refactor(banner): share items display flex on desktop <a href="https://github.com/eea/volto-eea-design-system/commit/3ff86840e548f47cd597a0c76b23f996d4a9d74b" target="_blank" rel="noopener noreferrer"><code>3ff8684</code></a></li><li>change(banner): added background gradient, share popup, metadata show and hide  #136 <a href="https://github.com/eea/volto-eea-design-system/commit/2f5dccacf1e23f45f351b0be58c9bbda04da1518" target="_blank" rel="noopener noreferrer"><code>2f5dcca</code></a></li><li>refactor(banner): update gradient <a href="https://github.com/eea/volto-eea-design-system/commit/570ee1e1e9778cb98757804fbd8ad7d9dee9ad13" target="_blank" rel="noopener noreferrer"><code>570ee1e</code></a></li><li>refactor(tags): removes hardcoded &#x27;:&#x27; <a href="https://github.com/eea/volto-eea-design-system/commit/ea58e86a79b46b5150d84ff2fbb6a7b8ba47876c" target="_blank" rel="noopener noreferrer"><code>ea58e86</code></a></li><li>refactor(card): remove card border <a href="https://github.com/eea/volto-eea-design-system/commit/bc777397026f0efe8e569c8fd0e90d98b585b0eb" target="_blank" rel="noopener noreferrer"><code>bc77739</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-1">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-1" title="Direct link to heading">​</a></h4><ul><li>style(card) : add lint and prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/9d9a77363f7e4f7ec2ea4db5fa777dc97e086156" target="_blank" rel="noopener noreferrer"><code>9d9a773</code></a></li><li>style(tag): remove comments <a href="https://github.com/eea/volto-eea-design-system/commit/501fcdfb8271f4a3558dadb96c546e71cfdef286" target="_blank" rel="noopener noreferrer"><code>501fcdf</code></a></li><li>style(tag): stylelint and prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/08b63864e8394fd86ada78df0b441cda52cd8063" target="_blank" rel="noopener noreferrer"><code>08b6386</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-2">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-2" title="Direct link to heading">​</a></h4><ul><li>1.10 release #140 <a href="https://github.com/eea/volto-eea-design-system/commit/88d33396845f00830789867663a9cd66ad88920f" target="_blank" rel="noopener noreferrer"><code>88d3339</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/328ef2cda2d3470b5cb5ae2ef9854323f6b0f3c7" target="_blank" rel="noopener noreferrer"><code>328ef2c</code></a></li><li>undo changes to Header.jsx committed wrongly in 4b6ab <a href="https://github.com/eea/volto-eea-design-system/commit/bfc4c51d39cf9c5151c39b099071174897de10b0" target="_blank" rel="noopener noreferrer"><code>bfc4c51</code></a></li><li>Update 0-intro.md <a href="https://github.com/eea/volto-eea-design-system/commit/af75f81a84ddb9b78a77a96450976c6cd1223924" target="_blank" rel="noopener noreferrer"><code>af75f81</code></a></li><li>perf(eol): lf fix <a href="https://github.com/eea/volto-eea-design-system/commit/ecf474ffbaab6796434d49c30fb09deafe9d1125" target="_blank" rel="noopener noreferrer"><code>ecf474f</code></a></li><li>Update 0-intro.md <a href="https://github.com/eea/volto-eea-design-system/commit/93a073242693fa3c24c39532c2c462f58071e5c4" target="_blank" rel="noopener noreferrer"><code>93a0732</code></a></li><li>modifies tags title <a href="https://github.com/eea/volto-eea-design-system/commit/33c3714660aa6cfbca7e362fd7baa8c396b60a0e" target="_blank" rel="noopener noreferrer"><code>33c3714</code></a></li><li>reafactor(taglist): fixes tags root class <a href="https://github.com/eea/volto-eea-design-system/commit/7d09959f85d2d21cdc890a71457ed5840b5b2c53" target="_blank" rel="noopener noreferrer"><code>7d09959</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="019---2022-03-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.8...0.1.9" target="_blank" rel="noopener noreferrer">0.1.9</a> - 2022-03-25<a aria-hidden="true" class="hash-link" href="#019---2022-03-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-1">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-1" title="Direct link to heading">​</a></h4><ul><li>feat(all): 1.9 release #124 <a href="https://github.com/eea/volto-eea-design-system/commit/0d3f6fbf32a4948e00410d9d0943a077863cb869" target="_blank" rel="noopener noreferrer"><code>0d3f6fb</code></a></li><li>feat(callout): Align volto-slate callout with blockquote style <a href="https://github.com/eea/volto-eea-design-system/commit/9e0bb49ffe66ebb8b8173af411873ab887b91058" target="_blank" rel="noopener noreferrer"><code>9e0bb49</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-3">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-3" title="Direct link to heading">​</a></h4><ul><li>fix(inpageNavigation): restore hidden on top functionality <a href="https://github.com/eea/volto-eea-design-system/commit/c554e6e02e0c82b74653498e2f3fd32a982002a4" target="_blank" rel="noopener noreferrer"><code>c554e6e</code></a></li><li>fix(list): Fix TOC margin on 3rd level <a href="https://github.com/eea/volto-eea-design-system/commit/f17da79394e29baf62bae1247dd954cdd0362108" target="_blank" rel="noopener noreferrer"><code>f17da79</code></a></li><li>fix(inpageNavigation) : add smooth scroll animation <a href="https://github.com/eea/volto-eea-design-system/commit/42f6564276b9214257e2dbc1e2a8f7e501625aee" target="_blank" rel="noopener noreferrer"><code>42f6564</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-2">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-2" title="Direct link to heading">​</a></h4><ul><li>refactor(footer): update visual and mobile margins <a href="https://github.com/eea/volto-eea-design-system/commit/64f05af91638d91d2c07217b8edc2fb70a5e7347" target="_blank" rel="noopener noreferrer"><code>64f05af</code></a></li><li>refactor(header): restore union dropdown after implementation <a href="https://github.com/eea/volto-eea-design-system/commit/a7029c556a9adc1ab9b0269de666e0ed0530f67e" target="_blank" rel="noopener noreferrer"><code>a7029c5</code></a></li><li>refactor(pullquote): adjust to the new figma design <a href="https://github.com/eea/volto-eea-design-system/commit/78e4606ac299938021f9e525898ae7f5cede311f" target="_blank" rel="noopener noreferrer"><code>78e4606</code></a></li><li>refactor(breadcrumb): adjust font sizes and import remix divider <a href="https://github.com/eea/volto-eea-design-system/commit/5fcabaf589074716b34fb5d0904e14549d7f4ef2" target="_blank" rel="noopener noreferrer"><code>5fcabaf</code></a></li><li>change(header): use viewport width for changing mobile text in header dropdowns <a href="https://github.com/eea/volto-eea-design-system/commit/5a7868e1725f8766ae1be68d3c27b1313f79196b" target="_blank" rel="noopener noreferrer"><code>5a7868e</code></a></li><li>refactor(inpageNavigation): adjust to the new figma design <a href="https://github.com/eea/volto-eea-design-system/commit/4073acfb87378224d071079467bcfa195b1fc6ac" target="_blank" rel="noopener noreferrer"><code>4073acf</code></a></li><li>refactor(tab): add max width for tab items <a href="https://github.com/eea/volto-eea-design-system/commit/366d279a94d5f388c6167e7afb72d108c77c4085" target="_blank" rel="noopener noreferrer"><code>366d279</code></a></li><li>refactor(less variables):change pullquote styles <a href="https://github.com/eea/volto-eea-design-system/commit/9ad94bb424a14713ffa605c7497c95bdefeb6e5f" target="_blank" rel="noopener noreferrer"><code>9ad94bb</code></a></li><li>refactor(Pullquote):change quote positions and add Pullquote.Metadata sub component <a href="https://github.com/eea/volto-eea-design-system/commit/6bce35fa3cc158d9d18a07d0faf812c5c38bae0b" target="_blank" rel="noopener noreferrer"><code>6bce35f</code></a></li><li>refactor(inpageNavigation): Update to remix icons <a href="https://github.com/eea/volto-eea-design-system/commit/19a606170b4163cf4f751a419ca36a4c163b566d" target="_blank" rel="noopener noreferrer"><code>19a6061</code></a></li><li>refactor(inpageNavigation) : move icon &amp; text to be in column <a href="https://github.com/eea/volto-eea-design-system/commit/09539102489ec511cb2b6cd047d316ab8b87ed55" target="_blank" rel="noopener noreferrer"><code>0953910</code></a></li><li>change(breadcrumbs): modified breadcrumbs template to behave like breadrumb template <a href="https://github.com/eea/volto-eea-design-system/commit/490a559bc99f3a9d174a344cf0be85086293578e" target="_blank" rel="noopener noreferrer"><code>490a559</code></a></li><li>change(package): bump release version to 1.9.0 <a href="https://github.com/eea/volto-eea-design-system/commit/43a6e4b92fd05ca272fb140922213834ee426938" target="_blank" rel="noopener noreferrer"><code>43a6e4b</code></a></li><li>refactor(breadcrumb): adjust font sizes and import remix divider #120 <a href="https://github.com/eea/volto-eea-design-system/commit/09a3a01910ed898b62a9535fe5d2a41cfdb3a91b" target="_blank" rel="noopener noreferrer"><code>09a3a01</code></a></li><li>change(menu): modified secondaryPointingItemMaxWidth to a value that equals to 250 <a href="https://github.com/eea/volto-eea-design-system/commit/ea138a10257206fae32c4e9a30233a3ddfd424b6" target="_blank" rel="noopener noreferrer"><code>ea138a1</code></a></li><li>refactor(pullquote): introduce meta section, use remix icons, integrate slate callouts #119 <a href="https://github.com/eea/volto-eea-design-system/commit/fd740c9e72b2defa5cc858ac020f0cb051aa527c" target="_blank" rel="noopener noreferrer"><code>fd740c9</code></a></li><li>refactor(footer):  updated visuals and gradients #117 <a href="https://github.com/eea/volto-eea-design-system/commit/e5c6d18dc3fb33e5dfa654ecebdc12c6f5f0cf32" target="_blank" rel="noopener noreferrer"><code>e5c6d18</code></a></li><li>change(scrollToTop): feature inpage navigation revamp #121 <a href="https://github.com/eea/volto-eea-design-system/commit/3cf20a82b723b8df0b53f16c737e5c8990f891f1" target="_blank" rel="noopener noreferrer"><code>3cf20a8</code></a></li><li>refactor(footer): update visual and gradient <a href="https://github.com/eea/volto-eea-design-system/commit/764ec23a456397b478456f7d628baa4e6c0b4713" target="_blank" rel="noopener noreferrer"><code>764ec23</code></a></li><li>change(header): use 12px font size for mobile resolution dropdowns <a href="https://github.com/eea/volto-eea-design-system/commit/6dad0fab24f37f87696bb50f5a592e88510d053e" target="_blank" rel="noopener noreferrer"><code>6dad0fa</code></a></li><li>change(nav): added navDepth to 3 in order to enable mega menu integration <a href="https://github.com/eea/volto-eea-design-system/commit/c4f73fdd0dfadcd63b2f4be7a691bf12dcd9bb76" target="_blank" rel="noopener noreferrer"><code>c4f73fd</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-2">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-2" title="Direct link to heading">​</a></h4><ul><li>style(inpageNavigation) : lint changes <a href="https://github.com/eea/volto-eea-design-system/commit/3641d78374063904c00f1ba19f2f234f7a43892b" target="_blank" rel="noopener noreferrer"><code>3641d78</code></a></li><li>style(inpageNavigation) : add less variables <a href="https://github.com/eea/volto-eea-design-system/commit/0699c70c66403ff75bf41ba252a74e9f4379671c" target="_blank" rel="noopener noreferrer"><code>0699c70</code></a></li><li>style(pullquote): create variable for icon font size <a href="https://github.com/eea/volto-eea-design-system/commit/fea9b0a7c33237ad036522b4dde567718d640210" target="_blank" rel="noopener noreferrer"><code>fea9b0a</code></a></li><li>style(inpageNavigation) : add lint &amp; prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/f8dd012a964e0c1f0bc22c36826a4a94bd052759" target="_blank" rel="noopener noreferrer"><code>f8dd012</code></a></li><li>style(inpageNavigation): remove comment <a href="https://github.com/eea/volto-eea-design-system/commit/1aee011d032c1a2b7fe564a40688bc39ca457c18" target="_blank" rel="noopener noreferrer"><code>1aee011</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-3">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-3" title="Direct link to heading">​</a></h4><ul><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/85a3dc55c7676c0feb8dd5b39fe0cbb9d66a9370" target="_blank" rel="noopener noreferrer"><code>85a3dc5</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/00776211ccfa1cb90d9fa0e5269f47f5b3845741" target="_blank" rel="noopener noreferrer"><code>0077621</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/9f1bb1c630edb669b03929a978cc116bae012255" target="_blank" rel="noopener noreferrer"><code>9f1bb1c</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/e2b19fec30d6086f486bdca631a9114d8369fe43" target="_blank" rel="noopener noreferrer"><code>e2b19fe</code></a></li><li>perf(eol): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/03dbc9b027578934f89d9480d981e1bc28f38aa3" target="_blank" rel="noopener noreferrer"><code>03dbc9b</code></a></li><li>Hide breadcrumbs on homepage <a href="https://github.com/eea/volto-eea-design-system/commit/3e2f609df8d4b6bdb826e539fc0c613406d357a5" target="_blank" rel="noopener noreferrer"><code>3e2f609</code></a></li><li>bug(inpageNavigation): less layers structure fix <a href="https://github.com/eea/volto-eea-design-system/commit/b8d34fbdd5130ed36157db1ff70e8b039faa9f81" target="_blank" rel="noopener noreferrer"><code>b8d34fb</code></a></li><li>prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/d4b1c572411cbc58dec51d5eeefe9847675c2e41" target="_blank" rel="noopener noreferrer"><code>d4b1c57</code></a></li><li>fefactor(tab): add max width for tab items #118 <a href="https://github.com/eea/volto-eea-design-system/commit/716c408fa4c73f3feb8e36e35fb1f6bb50ac264c" target="_blank" rel="noopener noreferrer"><code>716c408</code></a></li><li>Add reversed option to Timeline grid <a href="https://github.com/eea/volto-eea-design-system/commit/7c9023245f2fc943380f79743b5f10c6b6f65264" target="_blank" rel="noopener noreferrer"><code>7c90232</code></a></li><li>doc(grid): update grid showcases <a href="https://github.com/eea/volto-eea-design-system/commit/83671a382e39a2736c2c1353098d5f4fc2a0e67e" target="_blank" rel="noopener noreferrer"><code>83671a3</code></a></li><li>End of line <a href="https://github.com/eea/volto-eea-design-system/commit/7f46fb752ec8918325ebadd386ee88248e02566c" target="_blank" rel="noopener noreferrer"><code>7f46fb7</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="018---2022-03-18"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.7...0.1.8" target="_blank" rel="noopener noreferrer">0.1.8</a> - 2022-03-18<a aria-hidden="true" class="hash-link" href="#018---2022-03-18" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-4">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-4" title="Direct link to heading">​</a></h4><ul><li>fix(card): avoid long links from spilling outside of card body area <a href="https://github.com/eea/volto-eea-design-system/commit/95b8951ab87bfab7a68cc20b89b25aa15113aa9d" target="_blank" rel="noopener noreferrer"><code>95b8951</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-3">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-3" title="Direct link to heading">​</a></h4><ul><li>change(typography): set heading sizes as detailed in docusaurus typography section <a href="https://github.com/eea/volto-eea-design-system/commit/189bf20409581587061ffa30ff2bf04d97f284cf" target="_blank" rel="noopener noreferrer"><code>189bf20</code></a></li><li>change(docusaurus):  content tweaks, inpage navigation section #112 <a href="https://github.com/eea/volto-eea-design-system/commit/b62d1b1def7c3d8890ffbba30950e8e422e9ed89" target="_blank" rel="noopener noreferrer"><code>b62d1b1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-3">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-3" title="Direct link to heading">​</a></h4><ul><li>chore(docusaurus): fixed grid tablet breakpoint value <a href="https://github.com/eea/volto-eea-design-system/commit/c7fbc0912131396e3a1e35803968eda1eff77d40" target="_blank" rel="noopener noreferrer"><code>c7fbc09</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): capitalization remove <a href="https://github.com/eea/volto-eea-design-system/commit/bf8fa4407e7110da1c6a911506d56800bd5c32d7" target="_blank" rel="noopener noreferrer"><code>bf8fa44</code></a></li><li>docs(docusaurus): update <a href="https://github.com/eea/volto-eea-design-system/commit/1c04976a141324f0dde01b139a77f611e6f51840" target="_blank" rel="noopener noreferrer"><code>1c04976</code></a></li><li>docs(docusaurus): comment address on pr 112 <a href="https://github.com/eea/volto-eea-design-system/commit/6e4fe3bed285eae8b2cff03b1ef558debc0b4edb" target="_blank" rel="noopener noreferrer"><code>6e4fe3b</code></a></li><li>docs(docusaurus): color minor update <a href="https://github.com/eea/volto-eea-design-system/commit/13f9fda09287da5b8733d17f9c7567b6b7df750a" target="_blank" rel="noopener noreferrer"><code>13f9fda</code></a></li><li>docs(docusaurus): tabs and breadcrump update <a href="https://github.com/eea/volto-eea-design-system/commit/d0547e5ad09a8608335b1e77e24c891e49213694" target="_blank" rel="noopener noreferrer"><code>d0547e5</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-4">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-4" title="Direct link to heading">​</a></h4><ul><li>doc(colours): add more content <a href="https://github.com/eea/volto-eea-design-system/commit/ec66248f1290369dcf63ee12f7b71a1630df887b" target="_blank" rel="noopener noreferrer"><code>ec66248</code></a></li><li>Add divider content for metadata field in Banner <a href="https://github.com/eea/volto-eea-design-system/commit/f1e34bd6a199f6418fba909e9dfdf50b0100e860" target="_blank" rel="noopener noreferrer"><code>f1e34bd</code></a></li><li>Release 1.8.0 <a href="https://github.com/eea/volto-eea-design-system/commit/fd6ba047e8f8b257c3c75d07a6caefad376f888a" target="_blank" rel="noopener noreferrer"><code>fd6ba04</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="017---2022-03-15"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.6...0.1.7" target="_blank" rel="noopener noreferrer">0.1.7</a> - 2022-03-15<a aria-hidden="true" class="hash-link" href="#017---2022-03-15" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-2">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-2" title="Direct link to heading">​</a></h4><ul><li>feat(less): add global gap sizes <a href="https://github.com/eea/volto-eea-design-system/commit/3c83f20280b8a7ab0b5c78e3df7646beebe08709" target="_blank" rel="noopener noreferrer"><code>3c83f20</code></a></li><li>feat(icons): import remix css <a href="https://github.com/eea/volto-eea-design-system/commit/29967fb39034910dce286880f347a670f77421b3" target="_blank" rel="noopener noreferrer"><code>29967fb</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-5">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-5" title="Direct link to heading">​</a></h4><ul><li>fix(menu): fix border overflow for tabs and pagination <a href="https://github.com/eea/volto-eea-design-system/commit/e88721f916affa2a6d2f03930eb4266f9a2b0fb9" target="_blank" rel="noopener noreferrer"><code>e88721f</code></a></li><li>fix(accordion): responsive and accessibility issues <a href="https://github.com/eea/volto-eea-design-system/commit/c225935ceb9fdba45c6f94086a35e177495fe584" target="_blank" rel="noopener noreferrer"><code>c225935</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-4">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-4" title="Direct link to heading">​</a></h4><ul><li>refactor(menu): update paddings for tabs and pagination <a href="https://github.com/eea/volto-eea-design-system/commit/533a5093e6c306034cb16e0a88e045019677951e" target="_blank" rel="noopener noreferrer"><code>533a509</code></a></li><li>refactor(accordion): import semantic icon for remix arrows <a href="https://github.com/eea/volto-eea-design-system/commit/9aa77d856d1e43f4ec3daaab37f06fa91ebd1eaf" target="_blank" rel="noopener noreferrer"><code>9aa77d8</code></a></li><li>refactor(all) icons, accordion, button and menu itml #108 <a href="https://github.com/eea/volto-eea-design-system/commit/52ed2ca19b5e8dea60f1ee7bfd9c3b6b49a49f7d" target="_blank" rel="noopener noreferrer"><code>52ed2ca</code></a></li><li>change(storybook): segment stories now contain several elements <a href="https://github.com/eea/volto-eea-design-system/commit/98a7654b0d4a7c30c7a2df35103ddb2740f3ca2d" target="_blank" rel="noopener noreferrer"><code>98a7654</code></a></li><li>change(table): inherit header alignment instead of hard-coding values <a href="https://github.com/eea/volto-eea-design-system/commit/ebb5193babfe8b99094db6778afdaf2d91b2c4dd" target="_blank" rel="noopener noreferrer"><code>ebb5193</code></a></li><li>refactor(icons): add remix icons <a href="https://github.com/eea/volto-eea-design-system/commit/c4c1a92b671b52c509386addc02e8919c93391fb" target="_blank" rel="noopener noreferrer"><code>c4c1a92</code></a></li><li>refactor(container): restore mobile width to auto <a href="https://github.com/eea/volto-eea-design-system/commit/2df184c19a8685c69e6b9a55b147a97853cc6b74" target="_blank" rel="noopener noreferrer"><code>2df184c</code></a></li><li>refactor(button): update action button hover color <a href="https://github.com/eea/volto-eea-design-system/commit/bb09d718433f93091ca1b325471d48741825ca96" target="_blank" rel="noopener noreferrer"><code>bb09d71</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-4">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-4" title="Direct link to heading">​</a></h4><ul><li>chore(docusaurus): docs delete <a href="https://github.com/eea/volto-eea-design-system/commit/5f9d733287902ccb096f5a976a2928e43a43a8e7" target="_blank" rel="noopener noreferrer"><code>5f9d733</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-1">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-1" title="Direct link to heading">​</a></h4><ul><li>docs(colors): corrections <a href="https://github.com/eea/volto-eea-design-system/commit/da64c4c6b58e8840ea98be75d442b90911197e28" target="_blank" rel="noopener noreferrer"><code>da64c4c</code></a></li><li>docs(list): default list showcase <a href="https://github.com/eea/volto-eea-design-system/commit/8ded06231c14d1394f77559aeb2d5a7e3a0c1bf1" target="_blank" rel="noopener noreferrer"><code>8ded062</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-5">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-5" title="Direct link to heading">​</a></h4><ul><li>bug(form): input min-width more specific to not break volto interface <a href="https://github.com/eea/volto-eea-design-system/commit/3f5b5d498ea1a0e3bb6fd62af5930f6579029b11" target="_blank" rel="noopener noreferrer"><code>3f5b5d4</code></a></li><li>Update package.json <a href="https://github.com/eea/volto-eea-design-system/commit/3dba28b5a3d28adbf946a8df3d9cc9b8ef4c68e0" target="_blank" rel="noopener noreferrer"><code>3dba28b</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="016---2022-03-11"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.5...0.1.6" target="_blank" rel="noopener noreferrer">0.1.6</a> - 2022-03-11<a aria-hidden="true" class="hash-link" href="#016---2022-03-11" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-3">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-3" title="Direct link to heading">​</a></h4><ul><li>feat(cards): add custom display for volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/645096ac5a0aa3326834191f56ee8a77db0464f5" target="_blank" rel="noopener noreferrer"><code>645096a</code></a></li><li>feat(PublicationCard):create publication card component &amp; styles <a href="https://github.com/eea/volto-eea-design-system/commit/3e5f9b7a9bb301f446b232b99f7db54e6a7470ae" target="_blank" rel="noopener noreferrer"><code>3e5f9b7</code></a></li><li>feat(PublicationCard):create publication card component &amp; styles <a href="https://github.com/eea/volto-eea-design-system/commit/12cdd5d50dc4c05f2c2b83586df90c7b91c11a75" target="_blank" rel="noopener noreferrer"><code>12cdd5d</code></a></li><li>feat(Related Content): create Related Content component <a href="https://github.com/eea/volto-eea-design-system/commit/77eda953196f9e686d4ec2c996d6902a614af4a0" target="_blank" rel="noopener noreferrer"><code>77eda95</code></a></li><li>feat(Related Content): create Related Content component <a href="https://github.com/eea/volto-eea-design-system/commit/08d495baeae575a07813056176ac940d7edc91eb" target="_blank" rel="noopener noreferrer"><code>08d495b</code></a></li><li>feat(pagination,related) added several r3 components #105 <a href="https://github.com/eea/volto-eea-design-system/commit/08d47c199286402c31a0ff0de38fd08533d2cd91" target="_blank" rel="noopener noreferrer"><code>08d47c1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-6">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-6" title="Direct link to heading">​</a></h4><ul><li>fix(Related Content): limit publication card number to 4 <a href="https://github.com/eea/volto-eea-design-system/commit/e7df03214824a85911c26499c8975f88ffa9fe4d" target="_blank" rel="noopener noreferrer"><code>e7df032</code></a></li><li>fix(less variables):rename publication card variables <a href="https://github.com/eea/volto-eea-design-system/commit/55c6fb8e5e9660352ce1bf2bd38c4ef8834ce184" target="_blank" rel="noopener noreferrer"><code>55c6fb8</code></a></li><li>fix(Publication Card): add link to card and arg name fix <a href="https://github.com/eea/volto-eea-design-system/commit/36a7c961639b2ff07acd455ccf277dd0a93f753c" target="_blank" rel="noopener noreferrer"><code>36a7c96</code></a></li><li>fix(radio): fix bullet scaling issue with firefox <a href="https://github.com/eea/volto-eea-design-system/commit/5f02c95f18c77527f949f115471cf24302df4d49" target="_blank" rel="noopener noreferrer"><code>5f02c95</code></a></li><li>fix(radio): fix bullet scaling issue with firefox <a href="https://github.com/eea/volto-eea-design-system/commit/dbb2e27b43e6d267a436a8475107ad01e940ec93" target="_blank" rel="noopener noreferrer"><code>dbb2e27</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-5">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-5" title="Direct link to heading">​</a></h4><ul><li>refactor(form): remove custom classes and add container to form items <a href="https://github.com/eea/volto-eea-design-system/commit/6b5442a3c56854bf30269f235099d8507ba588f7" target="_blank" rel="noopener noreferrer"><code>6b5442a</code></a></li><li>refactor(form): remove custom classes and add container to form items <a href="https://github.com/eea/volto-eea-design-system/commit/d1ec083647f854c09d8a64dffa6a5c829321049e" target="_blank" rel="noopener noreferrer"><code>d1ec083</code></a></li><li>refactor(form): update form wrapper component <a href="https://github.com/eea/volto-eea-design-system/commit/a7195768bbe86121fc82bebca29abfb20b50d77a" target="_blank" rel="noopener noreferrer"><code>a719576</code></a></li><li>refactor(form): update form wrapper component <a href="https://github.com/eea/volto-eea-design-system/commit/0736ec7d671d756c13a69bd8bf93488805da27e2" target="_blank" rel="noopener noreferrer"><code>0736ec7</code></a></li><li>refactor(form): adjust form items to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/4213cfb79430273e637b06a76af28c9cd660aa74" target="_blank" rel="noopener noreferrer"><code>4213cfb</code></a></li><li>refactor(form): adjust form items to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/374ffbc1c380df1b1a5f9939fc658d9ecca4ae1b" target="_blank" rel="noopener noreferrer"><code>374ffbc</code></a></li><li>refactor(breadcrumb): remove custom class anf and new variables <a href="https://github.com/eea/volto-eea-design-system/commit/b3cb83d90e0be7f8a80f619d57bc90cae4f8f207" target="_blank" rel="noopener noreferrer"><code>b3cb83d</code></a></li><li>refactor(breadcrumb): remove custom class anf and new variables <a href="https://github.com/eea/volto-eea-design-system/commit/d5808ad3576439df010bebfb8fd423858ffc4e66" target="_blank" rel="noopener noreferrer"><code>d5808ad</code></a></li><li>refactor(storybook): clear up unnecessary form elements controls <a href="https://github.com/eea/volto-eea-design-system/commit/f7e7d5bc285ea5115bc8770c7471729f06da891e" target="_blank" rel="noopener noreferrer"><code>f7e7d5b</code></a></li><li>refactor(storybook): small change in unordered list story <a href="https://github.com/eea/volto-eea-design-system/commit/3ffd87246df9dffcc064683e93d6f3aff35b3931" target="_blank" rel="noopener noreferrer"><code>3ffd872</code></a></li><li>refactor(storybook): small change in unordered list story <a href="https://github.com/eea/volto-eea-design-system/commit/6ce16e990f15ef8c61493359815405517756c32c" target="_blank" rel="noopener noreferrer"><code>6ce16e9</code></a></li><li>refactor(pagination): fix menu overrides for tabs that affects pagination <a href="https://github.com/eea/volto-eea-design-system/commit/fe8c4ca32072518820ad38f8b334b38f52ef2df5" target="_blank" rel="noopener noreferrer"><code>fe8c4ca</code></a></li><li>refactor(pagination): fix menu overrides for tabs that affects pagination <a href="https://github.com/eea/volto-eea-design-system/commit/3f4b726c2a2047f6f9a65375074dd7ea38717f5c" target="_blank" rel="noopener noreferrer"><code>3f4b726</code></a></li><li>refactor(Loader):remove image &amp; add background image <a href="https://github.com/eea/volto-eea-design-system/commit/70fe041e06cfee946bb9557f9fcb5ff49d08c287" target="_blank" rel="noopener noreferrer"><code>70fe041</code></a></li><li>refactor(Loader):remove image &amp; add background image <a href="https://github.com/eea/volto-eea-design-system/commit/ac3812684ee4377914801cd770890c78bdeecedf" target="_blank" rel="noopener noreferrer"><code>ac38126</code></a></li><li>refactor(list): remove selection control <a href="https://github.com/eea/volto-eea-design-system/commit/a09b1798a62a6e192deb1d217d0c44b4b881ce6a" target="_blank" rel="noopener noreferrer"><code>a09b179</code></a></li><li>refactor(list): remove selection control <a href="https://github.com/eea/volto-eea-design-system/commit/17bf710d00a91acd35356dbaa9d5093ca80a8987" target="_blank" rel="noopener noreferrer"><code>17bf710</code></a></li><li>refactor(storybook):unordered list minor change <a href="https://github.com/eea/volto-eea-design-system/commit/df2b72730500aee5d0bbc82185222edacad38b2b" target="_blank" rel="noopener noreferrer"><code>df2b727</code></a></li><li>refactor(storybook):unordered list minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ef6db73ce2236d0f653212d2f57c336f1f8d806e" target="_blank" rel="noopener noreferrer"><code>ef6db73</code></a></li><li>refactor(colors): remove metalic blue color <a href="https://github.com/eea/volto-eea-design-system/commit/b2f95b6dc3b1d8314827d56e88efa0dfc719aca2" target="_blank" rel="noopener noreferrer"><code>b2f95b6</code></a></li><li>refactor(colors): remove metalic blue color <a href="https://github.com/eea/volto-eea-design-system/commit/1eea33f71fdde5834f82d244224c185fde3ab8ba" target="_blank" rel="noopener noreferrer"><code>1eea33f</code></a></li><li>refactor(button): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/b1774d8c7f32ded2eff654b0d16e45d944fe5690" target="_blank" rel="noopener noreferrer"><code>b1774d8</code></a></li><li>refactor(button): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/061f3e3042f28575dbb1a70f09a62bda728815be" target="_blank" rel="noopener noreferrer"><code>061f3e3</code></a></li><li>change(blockquote): treat slate as a variation of blockquote component <a href="https://github.com/eea/volto-eea-design-system/commit/19bd9a5f67e573b71531fe34b29d2e08e0856eae" target="_blank" rel="noopener noreferrer"><code>19bd9a5</code></a></li><li>refactor(container): remove important from rules <a href="https://github.com/eea/volto-eea-design-system/commit/e984771ed59fe849246ae8a01d9d84f3f2f232c5" target="_blank" rel="noopener noreferrer"><code>e984771</code></a></li><li>refactor(storybook):add textarea control to add/remove fluid class <a href="https://github.com/eea/volto-eea-design-system/commit/475f540efa76d0993c3f7bd72d4c646385f4c909" target="_blank" rel="noopener noreferrer"><code>475f540</code></a></li><li>refactor(container): remove important from rules <a href="https://github.com/eea/volto-eea-design-system/commit/1cc69848705d3d592221bf7fa7d43c8b0eb37f09" target="_blank" rel="noopener noreferrer"><code>1cc6984</code></a></li><li>refactor(storybook): add required attribute to form fields <a href="https://github.com/eea/volto-eea-design-system/commit/fecee278b920c44dd0dd34ace81f9606258c8f7c" target="_blank" rel="noopener noreferrer"><code>fecee27</code></a></li><li>refactor(progressBar): update progress bar colors with vars <a href="https://github.com/eea/volto-eea-design-system/commit/c4ef1f0f6eba9792901bc9e0ec5b01877e9da96e" target="_blank" rel="noopener noreferrer"><code>c4ef1f0</code></a></li><li>refactor(progressBar): update progress bar colors with vars <a href="https://github.com/eea/volto-eea-design-system/commit/a44d73c48b6ccc988508fed5c3fb585353fe0958" target="_blank" rel="noopener noreferrer"><code>a44d73c</code></a></li><li>refactor(storybook): add required attribute to form fields <a href="https://github.com/eea/volto-eea-design-system/commit/21da79eafa9f23dcf01cac7e096da7fab2187450" target="_blank" rel="noopener noreferrer"><code>21da79e</code></a></li><li>refactor(list): adjust bullet size <a href="https://github.com/eea/volto-eea-design-system/commit/2b29e4e429f939500bc7d7ebd5836b8bc24090ec" target="_blank" rel="noopener noreferrer"><code>2b29e4e</code></a></li><li>refactor(list): adjust bullet size <a href="https://github.com/eea/volto-eea-design-system/commit/61c341cfdad3fccdd7499f6957f91ab99159ea16" target="_blank" rel="noopener noreferrer"><code>61c341c</code></a></li><li>refactor(statistic): add inverted background to global variables <a href="https://github.com/eea/volto-eea-design-system/commit/1427e70f2b208531bbb91ab1a708430f1c03ea3a" target="_blank" rel="noopener noreferrer"><code>1427e70</code></a></li><li>refactor(statistic): add inverted background to global variables <a href="https://github.com/eea/volto-eea-design-system/commit/ea25dfa5589181b7d23bef153bae3ab279e70167" target="_blank" rel="noopener noreferrer"><code>ea25dfa</code></a></li><li>refactor(statistic): remove custom class <a href="https://github.com/eea/volto-eea-design-system/commit/46cc5601e378c7bfcf927b7c25dae2a2d3f795fd" target="_blank" rel="noopener noreferrer"><code>46cc560</code></a></li><li>refactor(container): update mobile width <a href="https://github.com/eea/volto-eea-design-system/commit/d548a44d86745270778134028be597f559d7a0b4" target="_blank" rel="noopener noreferrer"><code>d548a44</code></a></li><li>refactor(grid): replace px with rem units <a href="https://github.com/eea/volto-eea-design-system/commit/e792f51e4f41b8f3f53e297b9e5a01d5e2d9bfb1" target="_blank" rel="noopener noreferrer"><code>e792f51</code></a></li><li>refactor(statistic): remove custom class <a href="https://github.com/eea/volto-eea-design-system/commit/b5c8e7c2aeb2751d4b981eacc51e3dda58a922dc" target="_blank" rel="noopener noreferrer"><code>b5c8e7c</code></a></li><li>change(docusaurus): updated template to change what&#x27;s new title <a href="https://github.com/eea/volto-eea-design-system/commit/3e15f4d3c3e5d4199886bb4cfeda8dce6a4bf041" target="_blank" rel="noopener noreferrer"><code>3e15f4d</code></a></li><li>change(footer): added display variable for footer site logos <a href="https://github.com/eea/volto-eea-design-system/commit/d5b3c2f6d85b3a42eefa8521a074a7581bfbd8fb" target="_blank" rel="noopener noreferrer"><code>d5b3c2f</code></a></li><li>refactor(grid): replace px with rem units <a href="https://github.com/eea/volto-eea-design-system/commit/f0331d00f537cf41ca184796386f60a88bfe6c86" target="_blank" rel="noopener noreferrer"><code>f0331d0</code></a></li><li>change(github): auto deploy only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/11d6b4e9059674b6dd1fe655995231be03a910fb" target="_blank" rel="noopener noreferrer"><code>11d6b4e</code></a></li><li>refactor(header): implementation in preparation for Volto integration #20 #89 <a href="https://github.com/eea/volto-eea-design-system/commit/95b136d51ddbc5632c0fa1cc696c2297a8c4695c" target="_blank" rel="noopener noreferrer"><code>95b136d</code></a></li><li>change(github): trigger autobuild when modifying templates contents <a href="https://github.com/eea/volto-eea-design-system/commit/46094b1427793cd88da6f615b16b70e6cfaee9af" target="_blank" rel="noopener noreferrer"><code>46094b1</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-5">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-5" title="Direct link to heading">​</a></h4><ul><li>style(list): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/f9e3b05effc0afeddc234b491bc86f2ec82a764f" target="_blank" rel="noopener noreferrer"><code>f9e3b05</code></a></li><li>style(list): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/8eb715b05b3bef2795d2485084386c6e910392cf" target="_blank" rel="noopener noreferrer"><code>8eb715b</code></a></li><li>chore(github): merge changes from develop to develop-itml <a href="https://github.com/eea/volto-eea-design-system/commit/063bd6ecc5e47321854ca4994a91bf0a43ab3e3e" target="_blank" rel="noopener noreferrer"><code>063bd6e</code></a></li><li>chore(github): build deployment only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/a5a1b0802b46d674d04ae099afc8510e3cb62222" target="_blank" rel="noopener noreferrer"><code>a5a1b08</code></a></li><li>chore(github): build deployment only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bb455aa4308e6593c45bcb3a62b8058709d74f83" target="_blank" rel="noopener noreferrer"><code>bb455aa</code></a></li><li>chore(github): merge changes from develop to develop-itml <a href="https://github.com/eea/volto-eea-design-system/commit/129c12f60025db50bac5b2d3dd36e04a97d49499" target="_blank" rel="noopener noreferrer"><code>129c12f</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-6">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-6" title="Direct link to heading">​</a></h4><ul><li>Revert &quot;chore(github): merge changes from develop to develop-itml&quot; <a href="https://github.com/eea/volto-eea-design-system/commit/ca9520fe8d91f8924ea203eb32001e3e6518e472" target="_blank" rel="noopener noreferrer"><code>ca9520f</code></a></li><li>refactor breadcrumbs component, make it functional and customizable <a href="https://github.com/eea/volto-eea-design-system/commit/e902d6931060c5676d67842f95391379fcb3cccf" target="_blank" rel="noopener noreferrer"><code>e902d69</code></a></li><li>rollback(cards): move custom display to volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/2564b1ec2cc52670c0f2abc92c49161f5cd1b006" target="_blank" rel="noopener noreferrer"><code>2564b1e</code></a></li><li>bring back segment wrapper and make it attached <a href="https://github.com/eea/volto-eea-design-system/commit/8458f0321f44f22a605e7179485d97f41a0afa38" target="_blank" rel="noopener noreferrer"><code>8458f03</code></a></li><li>no <code>display: flex</code> for blockquote added from slate <a href="https://github.com/eea/volto-eea-design-system/commit/5595ce1b8173e6952ab3926dc5f3c988279a42dc" target="_blank" rel="noopener noreferrer"><code>5595ce1</code></a></li><li>Add rule about code length <a href="https://github.com/eea/volto-eea-design-system/commit/a5f36523682dde8d1e16f416a07cd0c8c615a386" target="_blank" rel="noopener noreferrer"><code>a5f3652</code></a></li><li>Add indenting rule <a href="https://github.com/eea/volto-eea-design-system/commit/15c44cbcb6a52d0fd0438ff9b5d0e5963a4b53a0" target="_blank" rel="noopener noreferrer"><code>15c44cb</code></a></li><li>fix warning related to proptype <a href="https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c" target="_blank" rel="noopener noreferrer"><code>946c6c6</code></a></li><li>fix profile section css overflow <a href="https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6" target="_blank" rel="noopener noreferrer"><code>db5126f</code></a></li><li>Add rule about import sorting <a href="https://github.com/eea/volto-eea-design-system/commit/804e188eea30427053111310ad2d3edf6a4ec78b" target="_blank" rel="noopener noreferrer"><code>804e188</code></a></li><li>don&#x27;t use volto-slate <a href="https://github.com/eea/volto-eea-design-system/commit/6a029765d3a59ac65b3b5dd18c1a9624bae1d52a" target="_blank" rel="noopener noreferrer"><code>6a02976</code></a></li><li>remove segment custom width <a href="https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16" target="_blank" rel="noopener noreferrer"><code>1d3ea40</code></a></li><li>Add rule about naming vars <a href="https://github.com/eea/volto-eea-design-system/commit/8f9020fa3073190681de36cf1dcdf62e69ac2c74" target="_blank" rel="noopener noreferrer"><code>8f9020f</code></a></li><li>update style for accordion title <a href="https://github.com/eea/volto-eea-design-system/commit/0b0d678c69d8b0765ff015b0355c01d57c643192" target="_blank" rel="noopener noreferrer"><code>0b0d678</code></a></li><li>Release 1.6.0 <a href="https://github.com/eea/volto-eea-design-system/commit/e771e657e5bedca3630d05cda643c45da5369d4c" target="_blank" rel="noopener noreferrer"><code>e771e65</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316" target="_blank" rel="noopener noreferrer"><code>bbcab87</code></a></li><li>add margin to <!-- -->&lt;<!-- -->br<!-- -->&gt;<!-- --> element to simulate gap as in design <a href="https://github.com/eea/volto-eea-design-system/commit/c6685c11a14febfc9b6c592a9adc9a25a0b80458" target="_blank" rel="noopener noreferrer"><code>c6685c1</code></a></li><li>make breadcrumbs default size as tiny <a href="https://github.com/eea/volto-eea-design-system/commit/589581fa29a7e249e59393bebe9dfe284090db6f" target="_blank" rel="noopener noreferrer"><code>589581f</code></a></li><li>remove uneeded style <a href="https://github.com/eea/volto-eea-design-system/commit/82a8fb1eb3a359d54bc59234e498eb122d07223c" target="_blank" rel="noopener noreferrer"><code>82a8fb1</code></a></li><li>Add rule about hardcoded values <a href="https://github.com/eea/volto-eea-design-system/commit/e04e0df7cd47d575e649d1995ea5c64b2a431b05" target="_blank" rel="noopener noreferrer"><code>e04e0df</code></a></li><li>Add file mode rule <a href="https://github.com/eea/volto-eea-design-system/commit/65c9a9357a82a39bf54862eff9231264a6277ab5" target="_blank" rel="noopener noreferrer"><code>65c9a93</code></a></li><li>Add DRY rule <a href="https://github.com/eea/volto-eea-design-system/commit/66c9c3a6b05bf3395f5bda1a7c5af26a9962e66c" target="_blank" rel="noopener noreferrer"><code>66c9c3a</code></a></li><li>set profile section overflow to auto <a href="https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393" target="_blank" rel="noopener noreferrer"><code>71ab47f</code></a></li><li>Add Sonarqube tag using eea-website-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f" target="_blank" rel="noopener noreferrer"><code>647a6e3</code></a></li><li>removed override already present in card.less <a href="https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69" target="_blank" rel="noopener noreferrer"><code>50d2ab2</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/7a1d482aa875ab2669ed688663228d79ce9b7bea" target="_blank" rel="noopener noreferrer"><code>7a1d482</code></a></li><li>Add functional components rule; add classnames rule <a href="https://github.com/eea/volto-eea-design-system/commit/91a0b067c7a36002a6d49c5c0238f593b5a6ac6e" target="_blank" rel="noopener noreferrer"><code>91a0b06</code></a></li><li>added comment about need for removal of this fix later <a href="https://github.com/eea/volto-eea-design-system/commit/65b81665c1cc41991b4903bb44a5eb7fb8ec5f3b" target="_blank" rel="noopener noreferrer"><code>65b8166</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="015---2022-03-08"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.4...0.1.5" target="_blank" rel="noopener noreferrer">0.1.5</a> - 2022-03-08<a aria-hidden="true" class="hash-link" href="#015---2022-03-08" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-4">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-4" title="Direct link to heading">​</a></h4><ul><li>feat(cards): add custom display for volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/f49ffb65f41c78499f56251c2de267ce5617b4c5" target="_blank" rel="noopener noreferrer"><code>f49ffb6</code></a></li><li>feat(KeyContent): add new component <a href="https://github.com/eea/volto-eea-design-system/commit/2534c542c2fd729b31a9064a21dae2bd3cacb2e4" target="_blank" rel="noopener noreferrer"><code>2534c54</code></a></li><li>feat(docusaurus): Updated developer guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ca146ffd42cb31286a5c49fa09390d0a93270cfa" target="_blank" rel="noopener noreferrer"><code>ca146ff</code></a></li><li>feat(storybook): add testimonial component <a href="https://github.com/eea/volto-eea-design-system/commit/55d97472d82f3819674e78f684e197625c9f854c" target="_blank" rel="noopener noreferrer"><code>55d9747</code></a></li><li>feat(storybook): add AvatarGrid component <a href="https://github.com/eea/volto-eea-design-system/commit/b6684456ea6fa17695734b5179b39be77644da93" target="_blank" rel="noopener noreferrer"><code>b668445</code></a></li><li>feat(storybook):add Loader component <a href="https://github.com/eea/volto-eea-design-system/commit/f6758346a516f7c4be5d66dfdf198dbe2ffe3f01" target="_blank" rel="noopener noreferrer"><code>f675834</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-7">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-7" title="Direct link to heading">​</a></h4><ul><li>fix(breakpoints): fix largest screen breakpoint bug on scaling <a href="https://github.com/eea/volto-eea-design-system/commit/e4a11c876c20187351fa9454b4fbf0de3e502bff" target="_blank" rel="noopener noreferrer"><code>e4a11c8</code></a></li><li>fix(profile):  section css overflow and padding issues #95 <a href="https://github.com/eea/volto-eea-design-system/commit/bb9eb0f83307524bda5cf86aa0dfd678c65da653" target="_blank" rel="noopener noreferrer"><code>bb9eb0f</code></a></li><li>fix(storybook): lint auto changes for AvatarGrid <a href="https://github.com/eea/volto-eea-design-system/commit/b8e74f17df77f8f9f96bf442dc178417bbfc04c6" target="_blank" rel="noopener noreferrer"><code>b8e74f1</code></a></li><li>fix(components): add grid structure to various components <a href="https://github.com/eea/volto-eea-design-system/commit/cc33546deda634cee6031bd6cde6eef3eaacb76a" target="_blank" rel="noopener noreferrer"><code>cc33546</code></a></li><li>fix(header) re-added span tags removed in pull request #74 <a href="https://github.com/eea/volto-eea-design-system/commit/00702d7831b84aad52f10368dbef740baf581ab8" target="_blank" rel="noopener noreferrer"><code>00702d7</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-6">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-6" title="Direct link to heading">​</a></h4><ul><li>refactor(button): styling updates <a href="https://github.com/eea/volto-eea-design-system/commit/37afda5b00797d456e303fb585dad145b575b2ed" target="_blank" rel="noopener noreferrer"><code>37afda5</code></a></li><li>refactor(tab): updates on variables and overrides <a href="https://github.com/eea/volto-eea-design-system/commit/54bf703f9f34f2f945f4635cd4bc4728174c7d47" target="_blank" rel="noopener noreferrer"><code>54bf703</code></a></li><li>change(blockquote): treat slate as a variation of blockquote component <a href="https://github.com/eea/volto-eea-design-system/commit/5e8a8b8220c7c25a266f045442aae44303eb8701" target="_blank" rel="noopener noreferrer"><code>5e8a8b8</code></a></li><li>change(footer): added display variable for footer site logos <a href="https://github.com/eea/volto-eea-design-system/commit/2f942b4a80c3ed9eb94e8b71299f4ebf33501eea" target="_blank" rel="noopener noreferrer"><code>2f942b4</code></a></li><li>refactor(checkbox/radio): remove header from message and adjust top position of bullet <a href="https://github.com/eea/volto-eea-design-system/commit/4a072b30bb01cf59339960cfd3254584cfae57c6" target="_blank" rel="noopener noreferrer"><code>4a072b3</code></a></li><li>refactor(color): remove secondaryColorDarken variable <a href="https://github.com/eea/volto-eea-design-system/commit/74c8ba073cc92af3987d81d484768235b95fcffb" target="_blank" rel="noopener noreferrer"><code>74c8ba0</code></a></li><li>change(docusaurus): updated template to change what&#x27;s new title <a href="https://github.com/eea/volto-eea-design-system/commit/58f58c887560e707ced47ccbac6897d8ebcf45d2" target="_blank" rel="noopener noreferrer"><code>58f58c8</code></a></li><li>change(github): auto deploy only on develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bfa35a32bf0fefd4433aec4f7f8ee2cfe53eaae5" target="_blank" rel="noopener noreferrer"><code>bfa35a3</code></a></li><li>refactor(header): implementation in preparation for Volto integration #20 #97 <a href="https://github.com/eea/volto-eea-design-system/commit/cddda2090d3d17c086dfd0cdb8a4dab3f886bfcd" target="_blank" rel="noopener noreferrer"><code>cddda20</code></a></li><li>refactor(breadcrumbs): component, make it functional and pluggable #32 #94 <a href="https://github.com/eea/volto-eea-design-system/commit/9f42e802bdf29d02c76131379b168c8c2119864b" target="_blank" rel="noopener noreferrer"><code>9f42e80</code></a></li><li>change(card): added styles for volto cards integration #92 <a href="https://github.com/eea/volto-eea-design-system/commit/a46ac21e6229059fb982174610a733c44000a2b6" target="_blank" rel="noopener noreferrer"><code>a46ac21</code></a></li><li>refactor(grid): remove column count from example <a href="https://github.com/eea/volto-eea-design-system/commit/ac0e9cf8e9f6ea99ddf8d5a92e49903999cde262" target="_blank" rel="noopener noreferrer"><code>ac0e9cf</code></a></li><li>change(github): trigger autobuild when modifying templates contents <a href="https://github.com/eea/volto-eea-design-system/commit/5f7d1523e92c1c4b3e6285a48d5f8c776aecfa9c" target="_blank" rel="noopener noreferrer"><code>5f7d152</code></a></li><li>refactor(grid): remove custom grid <a href="https://github.com/eea/volto-eea-design-system/commit/1d978a96a464b3285961d54cb1cbc7c9eaf35faf" target="_blank" rel="noopener noreferrer"><code>1d978a9</code></a></li><li>refactor(Form):change form field wrapper implementation <a href="https://github.com/eea/volto-eea-design-system/commit/73cdd6daba19aefce091552a62a528a42b323228" target="_blank" rel="noopener noreferrer"><code>73cdd6d</code></a></li><li>refactor(message): update colors to match design <a href="https://github.com/eea/volto-eea-design-system/commit/633ce311dc5a6a141ee514a9108753531aa661e4" target="_blank" rel="noopener noreferrer"><code>633ce31</code></a></li><li>refactor(checkbox/radio): update variables and remove important rules <a href="https://github.com/eea/volto-eea-design-system/commit/ad533b4e3e821c126f62b558523057720d2573c8" target="_blank" rel="noopener noreferrer"><code>ad533b4</code></a></li><li>refactor(less variables): add variables to less for new components <a href="https://github.com/eea/volto-eea-design-system/commit/47df026655748865bc7af8f44d51e5a9fcf7ee34" target="_blank" rel="noopener noreferrer"><code>47df026</code></a></li><li>refactor(Tab): fix vertical tab alignment <a href="https://github.com/eea/volto-eea-design-system/commit/401bdf2868e8c8305ad2c3cefa3188b730348574" target="_blank" rel="noopener noreferrer"><code>401bdf2</code></a></li><li>refactor(lint changes): add lint changes <a href="https://github.com/eea/volto-eea-design-system/commit/6f6847fc19db7922c93cb5f52e50db845d053e04" target="_blank" rel="noopener noreferrer"><code>6f6847f</code></a></li><li>refactor(inpageNavigation): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/62f74ea3c08069da8615516a52df8415d50048d5" target="_blank" rel="noopener noreferrer"><code>62f74ea</code></a></li><li>refactor(message): updates on styling <a href="https://github.com/eea/volto-eea-design-system/commit/b4cf8501de961794baf5a8ecec99e4bcddc2d71b" target="_blank" rel="noopener noreferrer"><code>b4cf850</code></a></li><li>refactor(banner): update class name <a href="https://github.com/eea/volto-eea-design-system/commit/ef0969bd873e9fdd0eb32593f7c3f995270ef44c" target="_blank" rel="noopener noreferrer"><code>ef0969b</code></a></li><li>change(github): use develop for auto pushing <a href="https://github.com/eea/volto-eea-design-system/commit/a32a723f8126292f62a71cb4c4f94a2c7dec7605" target="_blank" rel="noopener noreferrer"><code>a32a723</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-6">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-6" title="Direct link to heading">​</a></h4><ul><li>style(design-system): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/631fa90e2ec5352c01e2ee0824de4a45cc33de34" target="_blank" rel="noopener noreferrer"><code>631fa90</code></a></li><li>style(checkbox/radio): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/a04939fdb530ed998a40aeb5b85a748d5dace0cd" target="_blank" rel="noopener noreferrer"><code>a04939f</code></a></li><li>style(design-system): unix eol <a href="https://github.com/eea/volto-eea-design-system/commit/3c753f0b378384150597283c97f657eafbfff296" target="_blank" rel="noopener noreferrer"><code>3c753f0</code></a></li><li>style(message): stylelint fix <a href="https://github.com/eea/volto-eea-design-system/commit/5b75057cb3a7b366a940ca9d1ba577cd09dc7225" target="_blank" rel="noopener noreferrer"><code>5b75057</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-2">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-2" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): visuals guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/544a9502dc046d7e8bc635c19480a8deb2b31379" target="_blank" rel="noopener noreferrer"><code>544a950</code></a></li><li>docs(docusaurus): search guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/0fb229d8b6a042bd716a093faaf8a1461b70cdb8" target="_blank" rel="noopener noreferrer"><code>0fb229d</code></a></li><li>docs(docusaurus): loader page <a href="https://github.com/eea/volto-eea-design-system/commit/892a25dba66f3557af22f8f0f96db695ddf1b402" target="_blank" rel="noopener noreferrer"><code>892a25d</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-7">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-7" title="Direct link to heading">​</a></h4><ul><li>Reformat header.less <a href="https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69" target="_blank" rel="noopener noreferrer"><code>1f99dfc</code></a></li><li>Close menu when changing path <a href="https://github.com/eea/volto-eea-design-system/commit/65daea9ee34c64bd5e51104077bc745b68169cd2" target="_blank" rel="noopener noreferrer"><code>65daea9</code></a></li><li>refactor breadcrumbs component, make it functional and customizable <a href="https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0" target="_blank" rel="noopener noreferrer"><code>4ec374e</code></a></li><li>rollback(cards): move custom display to volto-block-image-cards <a href="https://github.com/eea/volto-eea-design-system/commit/79d4c8914b7184d559465135f046b60ee96301e1" target="_blank" rel="noopener noreferrer"><code>79d4c89</code></a></li><li>Open overlay menu on global menu click <a href="https://github.com/eea/volto-eea-design-system/commit/cc749bc4266aae793b85d72c43c8a08b0c2fec48" target="_blank" rel="noopener noreferrer"><code>cc749bc</code></a></li><li>bring back segment wrapper and make it attached <a href="https://github.com/eea/volto-eea-design-system/commit/9f413ffaf641c161e8ff0f8010759cffd7e30238" target="_blank" rel="noopener noreferrer"><code>9f413ff</code></a></li><li>Use renderMenuItem also in mobile menu <a href="https://github.com/eea/volto-eea-design-system/commit/02de0bb4750062a310109256b6c6d29120287fd4" target="_blank" rel="noopener noreferrer"><code>02de0bb</code></a></li><li>Fix clicking outside closes menu <a href="https://github.com/eea/volto-eea-design-system/commit/af526646559d1a00ade04dc24def26e5665a5a8c" target="_blank" rel="noopener noreferrer"><code>af52664</code></a></li><li>Cleanup args in header story <a href="https://github.com/eea/volto-eea-design-system/commit/2bf6a304b1149ec1204f08f318248ed52ad8fa3d" target="_blank" rel="noopener noreferrer"><code>2bf6a30</code></a></li><li>fix warning related to proptype <a href="https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723" target="_blank" rel="noopener noreferrer"><code>824b9be</code></a></li><li>fix profile section css overflow <a href="https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f" target="_blank" rel="noopener noreferrer"><code>8fd2654</code></a></li><li>don&#x27;t use volto-slate <a href="https://github.com/eea/volto-eea-design-system/commit/70ca3d4ec4e8e4dc633e957b842d94b708af8b82" target="_blank" rel="noopener noreferrer"><code>70ca3d4</code></a></li><li>remove segment custom width <a href="https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7" target="_blank" rel="noopener noreferrer"><code>4a60d84</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/96f4af0fb22605fd294472eb18f7f62e4bd7b0fb" target="_blank" rel="noopener noreferrer"><code>96f4af0</code></a></li><li>Fix TopDropdownMenu component rendering in mobile <a href="https://github.com/eea/volto-eea-design-system/commit/a4626def4e1f97f323f3fef130f5d531925ba15b" target="_blank" rel="noopener noreferrer"><code>a4626de</code></a></li><li>Add usePrevious hook <a href="https://github.com/eea/volto-eea-design-system/commit/797faba3cad73288755f6c6e685448d780905189" target="_blank" rel="noopener noreferrer"><code>797faba</code></a></li><li>make breadcrumbs default size as tiny <a href="https://github.com/eea/volto-eea-design-system/commit/3c8e1c64f27596421e78927f11616093667b04c6" target="_blank" rel="noopener noreferrer"><code>3c8e1c6</code></a></li><li>Update package.json <a href="https://github.com/eea/volto-eea-design-system/commit/fa020cb5dd85e28d0713b3e8a11aff5b2c1060af" target="_blank" rel="noopener noreferrer"><code>fa020cb</code></a></li><li>Add rule about hardcoded values <a href="https://github.com/eea/volto-eea-design-system/commit/0c6912c82625c2e389fd75f0d0a051348781d407" target="_blank" rel="noopener noreferrer"><code>0c6912c</code></a></li><li>set profile section overflow to auto <a href="https://github.com/eea/volto-eea-design-system/commit/8db62bbcd0258fee16411e94888c732a29b1949d" target="_blank" rel="noopener noreferrer"><code>8db62bb</code></a></li><li>added comment about need for removal of this fix later <a href="https://github.com/eea/volto-eea-design-system/commit/6fdbd713dbfe795e7e81cfa37398774fad71c054" target="_blank" rel="noopener noreferrer"><code>6fdbd71</code></a></li><li>Add Sonarqube tag using eea-website-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0" target="_blank" rel="noopener noreferrer"><code>6051724</code></a></li><li>removed override already present in card.less <a href="https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc" target="_blank" rel="noopener noreferrer"><code>93c4e5a</code></a></li><li>Remove console.log calls <a href="https://github.com/eea/volto-eea-design-system/commit/8a3a4cb32bfed2daa86339b15c0301eb01e19f23" target="_blank" rel="noopener noreferrer"><code>8a3a4cb</code></a></li><li>update <a href="https://github.com/eea/volto-eea-design-system/commit/81bb7d4a02576887b80e978c32724580b772d57a" target="_blank" rel="noopener noreferrer"><code>81bb7d4</code></a></li><li>Update comment <a href="https://github.com/eea/volto-eea-design-system/commit/ffa24001728f824b8e7154c93c5aad8196bd92ea" target="_blank" rel="noopener noreferrer"><code>ffa2400</code></a></li><li>merge develop into this branch <a href="https://github.com/eea/volto-eea-design-system/commit/ad5b388957b7d67f1b7ae06f2b80b1c30868d72a" target="_blank" rel="noopener noreferrer"><code>ad5b388</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/a8d97f10b9768894a135549e9dc8f938b663f905" target="_blank" rel="noopener noreferrer"><code>a8d97f1</code></a></li><li>Use header.less from develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/99edbc6ccd6023162dcce75b36d6b9451b06f6dc" target="_blank" rel="noopener noreferrer"><code>99edbc6</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/57b5783e2b03859f89c5926951ea232547b455cc" target="_blank" rel="noopener noreferrer"><code>57b5783</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/785da36b725bf14bff28a67da799c51bc5b4f20f" target="_blank" rel="noopener noreferrer"><code>785da36</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/5d1eba9a1df2d2bb078f119ee99b0627ac55ae1d" target="_blank" rel="noopener noreferrer"><code>5d1eba9</code></a></li><li>adds Tags <a href="https://github.com/eea/volto-eea-design-system/commit/e37fc1957ed8357bc2190239da4440bb98b0dabe" target="_blank" rel="noopener noreferrer"><code>e37fc19</code></a></li><li>Add useClickOutside hook <a href="https://github.com/eea/volto-eea-design-system/commit/70364c88631cbfa6e6854a99dde42ea2ad73221f" target="_blank" rel="noopener noreferrer"><code>70364c8</code></a></li><li>Implement outside click handling <a href="https://github.com/eea/volto-eea-design-system/commit/fa6f81823c47ca32209f3f1c8b1810b5447f97ec" target="_blank" rel="noopener noreferrer"><code>fa6f818</code></a></li><li>Simplify overlay menu template <a href="https://github.com/eea/volto-eea-design-system/commit/28b04784cf32ed4393e452c56680bffda411d526" target="_blank" rel="noopener noreferrer"><code>28b0478</code></a></li><li>fixes less variables, fixes tags positioning <a href="https://github.com/eea/volto-eea-design-system/commit/cc19b9b537b5f21ceaba986bbd0182bb3b867ac7" target="_blank" rel="noopener noreferrer"><code>cc19b9b</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/15bc0f4287b705839f6fd5ac8835f03e2e99f1f1" target="_blank" rel="noopener noreferrer"><code>15bc0f4</code></a></li><li>no <code>display: flex</code> for blockquote added from slate <a href="https://github.com/eea/volto-eea-design-system/commit/312a893e924dea4e7aed182be4a615bc3c4f04f8" target="_blank" rel="noopener noreferrer"><code>312a893</code></a></li><li>Add rule about code length <a href="https://github.com/eea/volto-eea-design-system/commit/318cd48f8116a49897590137eebe2ce35285b813" target="_blank" rel="noopener noreferrer"><code>318cd48</code></a></li><li>Add indenting rule <a href="https://github.com/eea/volto-eea-design-system/commit/d58968522ef82a7d5381fc4958ae2049562b7103" target="_blank" rel="noopener noreferrer"><code>d589685</code></a></li><li>Add rule about import sorting <a href="https://github.com/eea/volto-eea-design-system/commit/cd337c16650ae169e4b634b034f40f3cd887ceb8" target="_blank" rel="noopener noreferrer"><code>cd337c1</code></a></li><li>Add rule about naming vars <a href="https://github.com/eea/volto-eea-design-system/commit/b112de0dcaa4209cfe143dcd26ba929b4cbe0a42" target="_blank" rel="noopener noreferrer"><code>b112de0</code></a></li><li>Bring back classNames from header subpopup <a href="https://github.com/eea/volto-eea-design-system/commit/e477a5150bee569fadca300a3ccc3586e7d7ef4a" target="_blank" rel="noopener noreferrer"><code>e477a51</code></a></li><li>removes tags hashtag from jsx <a href="https://github.com/eea/volto-eea-design-system/commit/6b8b3e94a6a1060304c1e5b228806985343ef6a0" target="_blank" rel="noopener noreferrer"><code>6b8b3e9</code></a></li><li>WIP <a href="https://github.com/eea/volto-eea-design-system/commit/d481324ff7a63e3cb0847b89fa188cc8781de4dc" target="_blank" rel="noopener noreferrer"><code>d481324</code></a></li><li>fixes undefined on empty classes <a href="https://github.com/eea/volto-eea-design-system/commit/4b29080d646c44b02a28c4619f5285227fa2bf78" target="_blank" rel="noopener noreferrer"><code>4b29080</code></a></li><li>stylelint changes <a href="https://github.com/eea/volto-eea-design-system/commit/a5ab83018bccd8fbfcf2160fe9c6c4fc24abe83a" target="_blank" rel="noopener noreferrer"><code>a5ab830</code></a></li><li>Footer link color @white <a href="https://github.com/eea/volto-eea-design-system/commit/578e4f7bb174cd46d50a8b5c5a97f8bbff510f11" target="_blank" rel="noopener noreferrer"><code>578e4f7</code></a></li><li>add margin to <!-- -->&lt;<!-- -->br<!-- -->&gt;<!-- --> element to simulate gap as in design <a href="https://github.com/eea/volto-eea-design-system/commit/9ab9a97dc231fd3b704fedd99c742f425be4578c" target="_blank" rel="noopener noreferrer"><code>9ab9a97</code></a></li><li>impors colors from site variables <a href="https://github.com/eea/volto-eea-design-system/commit/6117267716b76b17379ae989911c5d5f00e63259" target="_blank" rel="noopener noreferrer"><code>6117267</code></a></li><li>small fix for the link in footer action <a href="https://github.com/eea/volto-eea-design-system/commit/72df049aa644ac2a675057bf3a96440144acabfb" target="_blank" rel="noopener noreferrer"><code>72df049</code></a></li><li>remove uneeded style <a href="https://github.com/eea/volto-eea-design-system/commit/66e9064de395b37caef1436aaee3a164b53ae406" target="_blank" rel="noopener noreferrer"><code>66e9064</code></a></li><li>use proper naming conventions for var naming <a href="https://github.com/eea/volto-eea-design-system/commit/596e3143e28f23e60f20becd97276831c89d9684" target="_blank" rel="noopener noreferrer"><code>596e314</code></a></li><li>Add file mode rule <a href="https://github.com/eea/volto-eea-design-system/commit/805baa7db5ae1863bc85687f8f872c74a26647c8" target="_blank" rel="noopener noreferrer"><code>805baa7</code></a></li><li>use less variables <a href="https://github.com/eea/volto-eea-design-system/commit/b43ac8d3bfc0231313f3d8bc719e373a127c6329" target="_blank" rel="noopener noreferrer"><code>b43ac8d</code></a></li><li>Add DRY rule <a href="https://github.com/eea/volto-eea-design-system/commit/2f1584e769d0462c0385847630e3bbfe48a52339" target="_blank" rel="noopener noreferrer"><code>2f1584e</code></a></li><li>Add functional components rule; add classnames rule <a href="https://github.com/eea/volto-eea-design-system/commit/1b2915ed3a4a3446e11058ac7de8937cf5755630" target="_blank" rel="noopener noreferrer"><code>1b2915e</code></a></li><li>fix z-index of header <a href="https://github.com/eea/volto-eea-design-system/commit/7d2a5d6bb822a298367ce58d867939318171a300" target="_blank" rel="noopener noreferrer"><code>7d2a5d6</code></a></li><li>Remove comment <a href="https://github.com/eea/volto-eea-design-system/commit/7d120b16491406ea7cc26428dcf13ec2565868d0" target="_blank" rel="noopener noreferrer"><code>7d120b1</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="014---2022-03-01"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.4-beta.0...0.1.4" target="_blank" rel="noopener noreferrer">0.1.4</a> - 2022-03-01<a aria-hidden="true" class="hash-link" href="#014---2022-03-01" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-7">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-7" title="Direct link to heading">​</a></h4><ul><li>refactor(pagination): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/06cc3b6db6f56040264e4c70fe2e39ace14499d7" target="_blank" rel="noopener noreferrer"><code>06cc3b6</code></a></li><li>refactor(Form):create form field wrapper file <a href="https://github.com/eea/volto-eea-design-system/commit/95b9934a75ffd6b254b7bb9c119b8087c7565c13" target="_blank" rel="noopener noreferrer"><code>95b9934</code></a></li><li>refactor(megaMenu): update margins for menu items <a href="https://github.com/eea/volto-eea-design-system/commit/230e476d133b3f7853a73f3f2ee372c6306bd43f" target="_blank" rel="noopener noreferrer"><code>230e476</code></a></li><li>refactor(megaMenu): update gradient <a href="https://github.com/eea/volto-eea-design-system/commit/47f2ea40c4f214a41af58ceb90839a05932b0b55" target="_blank" rel="noopener noreferrer"><code>47f2ea4</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-3">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-3" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus): divider page <a href="https://github.com/eea/volto-eea-design-system/commit/c6bb2389f819a9ebd8e34db0e825f3e5f62130d4" target="_blank" rel="noopener noreferrer"><code>c6bb238</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-8">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-8" title="Direct link to heading">​</a></h4><ul><li>add footer links,align footer image <a href="https://github.com/eea/volto-eea-design-system/commit/b039564e8cd3a0319ebe07f434f20bb7d7827fe1" target="_blank" rel="noopener noreferrer"><code>b039564</code></a></li><li>cosmetics: remove formatting <a href="https://github.com/eea/volto-eea-design-system/commit/e02b08dc2adc8b89a5b9117b5a572c7080248c29" target="_blank" rel="noopener noreferrer"><code>e02b08d</code></a></li><li>refactor Footer component to consume children and prop <a href="https://github.com/eea/volto-eea-design-system/commit/faafcffe07383ba55f5746cb971cdf706d988f78" target="_blank" rel="noopener noreferrer"><code>faafcff</code></a></li><li>update footer stories <a href="https://github.com/eea/volto-eea-design-system/commit/4e5742872f21d9737f3de443fa0e9d1b6ba02637" target="_blank" rel="noopener noreferrer"><code>4e57428</code></a></li><li>update stories <a href="https://github.com/eea/volto-eea-design-system/commit/81973cac96ee48e9b294c45e32c0ec3d2956fe67" target="_blank" rel="noopener noreferrer"><code>81973ca</code></a></li><li>Small improvements to footer <a href="https://github.com/eea/volto-eea-design-system/commit/f6d1fdc000ab83932df62244142068f097aeeb85" target="_blank" rel="noopener noreferrer"><code>f6d1fdc</code></a></li><li>fix header urls <a href="https://github.com/eea/volto-eea-design-system/commit/e5908916823a1f5771ddbeb51b3e8af026425c49" target="_blank" rel="noopener noreferrer"><code>e590891</code></a></li><li>Rename files in footer story <a href="https://github.com/eea/volto-eea-design-system/commit/3de0c19d1ddeb69d8567026e1532fceb9221049a" target="_blank" rel="noopener noreferrer"><code>3de0c19</code></a></li><li>add style for accordion title input on edit mode <a href="https://github.com/eea/volto-eea-design-system/commit/598aa129f2dff0a2cb2ec57f551fa72481aa911e" target="_blank" rel="noopener noreferrer"><code>598aa12</code></a></li><li>remove comments <a href="https://github.com/eea/volto-eea-design-system/commit/2db0d2c2bbebe8bab8cf9801c5ea2650dde96b87" target="_blank" rel="noopener noreferrer"><code>2db0d2c</code></a></li><li>Apply slate customization if volto-slate addon is used <a href="https://github.com/eea/volto-eea-design-system/commit/c066701dc359c6daf01703dac8fa61c2314c11cf" target="_blank" rel="noopener noreferrer"><code>c066701</code></a></li><li>use relative links <a href="https://github.com/eea/volto-eea-design-system/commit/af91a203bb30f5c9aa1335bfa8cdaa7857d577e2" target="_blank" rel="noopener noreferrer"><code>af91a20</code></a></li><li>make footer anchor links white <a href="https://github.com/eea/volto-eea-design-system/commit/0c671e1bf52268505a5dc58196c285c04da33b10" target="_blank" rel="noopener noreferrer"><code>0c671e1</code></a></li><li>use custom var for line-height <a href="https://github.com/eea/volto-eea-design-system/commit/f7f6c7ea605014741b9426b19008a4e6eda6704c" target="_blank" rel="noopener noreferrer"><code>f7f6c7e</code></a></li><li>Update semantic.less <a href="https://github.com/eea/volto-eea-design-system/commit/a4a90aed030a8927fa2ea949e4f44d23638c751a" target="_blank" rel="noopener noreferrer"><code>a4a90ae</code></a></li><li>Bump release version <a href="https://github.com/eea/volto-eea-design-system/commit/c41a42bc2fd8174a2554e6dce1a1090eff4f3bd1" target="_blank" rel="noopener noreferrer"><code>c41a42b</code></a></li><li>Update style <a href="https://github.com/eea/volto-eea-design-system/commit/89686990b2481f339c9bec7e7f9d35d9caab94c5" target="_blank" rel="noopener noreferrer"><code>8968699</code></a></li><li>remove styling on header popups <a href="https://github.com/eea/volto-eea-design-system/commit/86c499be61c0d2df46cb3469a47f0afae2e46c49" target="_blank" rel="noopener noreferrer"><code>86c499b</code></a></li><li>remove search icon styling <a href="https://github.com/eea/volto-eea-design-system/commit/aca80fdc78859461cfee1d902b1d122d4a189b31" target="_blank" rel="noopener noreferrer"><code>aca80fd</code></a></li><li>adjust popup height for computer screens <a href="https://github.com/eea/volto-eea-design-system/commit/47c5edb06c8d8cdb9af8ac64f68be0e0360eccaf" target="_blank" rel="noopener noreferrer"><code>47c5edb</code></a></li><li>fix login container width <a href="https://github.com/eea/volto-eea-design-system/commit/9a887e3b15aa63aab9be8738f599febcfe245b81" target="_blank" rel="noopener noreferrer"><code>9a887e3</code></a></li><li>Typo <a href="https://github.com/eea/volto-eea-design-system/commit/90da95c67e965124da7f431e464bcbc15fa67894" target="_blank" rel="noopener noreferrer"><code>90da95c</code></a></li><li>fix search-input icon line-height <a href="https://github.com/eea/volto-eea-design-system/commit/b087ff86d7753f3ee0bf90a9b07c4ee7ef5e336c" target="_blank" rel="noopener noreferrer"><code>b087ff8</code></a></li><li>lint fix <a href="https://github.com/eea/volto-eea-design-system/commit/e9790ca72b8d3caf114c1b80b9c5837fb6a1a56e" target="_blank" rel="noopener noreferrer"><code>e9790ca</code></a></li><li>Rename, reorganize logos <a href="https://github.com/eea/volto-eea-design-system/commit/1ef8d22df5a757258d8610818f44362046bc828d" target="_blank" rel="noopener noreferrer"><code>1ef8d22</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="014-beta0---2022-02-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.3...0.1.4-beta.0" target="_blank" rel="noopener noreferrer">0.1.4-beta.0</a> - 2022-02-25<a aria-hidden="true" class="hash-link" href="#014-beta0---2022-02-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-5">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-5" title="Direct link to heading">​</a></h4><ul><li>feat(github): added feature and bug reports templates with our guidelines as checkboxes <a href="https://github.com/eea/volto-eea-design-system/commit/15490937382ced93f5ac69cc1939256c0a468823" target="_blank" rel="noopener noreferrer"><code>1549093</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="013---2022-02-25"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2...0.1.3" target="_blank" rel="noopener noreferrer">0.1.3</a> - 2022-02-25<a aria-hidden="true" class="hash-link" href="#013---2022-02-25" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-8">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-8" title="Direct link to heading">​</a></h4><ul><li>fix(all): change eol to unix <a href="https://github.com/eea/volto-eea-design-system/commit/62e72244f78d43ce1c7b1a5ceb8405e4a617c88a" target="_blank" rel="noopener noreferrer"><code>62e7224</code></a></li><li>fix(banner): separate url value <a href="https://github.com/eea/volto-eea-design-system/commit/f9c9140a6f8640bbb83a08f9c5c268f31ff7b6a8" target="_blank" rel="noopener noreferrer"><code>f9c9140</code></a></li><li>fix(all): merge eol <a href="https://github.com/eea/volto-eea-design-system/commit/c68f6e0e7ab11d7451c8aabf194f62da0b6adb28" target="_blank" rel="noopener noreferrer"><code>c68f6e0</code></a></li><li>fix(blockquote): align self property now uses a valid entry <a href="https://github.com/eea/volto-eea-design-system/commit/ec761634765105694386ce48153fb95c09339273" target="_blank" rel="noopener noreferrer"><code>ec76163</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-8">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-8" title="Direct link to heading">​</a></h4><ul><li>refactor(megaMenu): new implementation <a href="https://github.com/eea/volto-eea-design-system/commit/ff013afc68fed97d085e3930f6d728b266786dc1" target="_blank" rel="noopener noreferrer"><code>ff013af</code></a></li><li>change(volto): removed customizations made for ims theme from volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/bc8d514d82da0811c10eefe6dde16e0846497a4a" target="_blank" rel="noopener noreferrer"><code>bc8d514</code></a></li><li>refactor(Timeline): divide to sub components and change files to .jsx <a href="https://github.com/eea/volto-eea-design-system/commit/3e2bd3b6c8dd064e7269819ce465b961a0cee849" target="_blank" rel="noopener noreferrer"><code>3e2bd3b</code></a></li><li>refactor(header): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/4e5d08d565ef08e4e390ede4a611145a16ca2fa9" target="_blank" rel="noopener noreferrer"><code>4e5d08d</code></a></li><li>refactor(Header): link header&#x27;s menu to mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/08406d84e5bc1c7eb1358baff19ff6731f124b32" target="_blank" rel="noopener noreferrer"><code>08406d8</code></a></li><li>refactor(Menu): change mega menu implementation <a href="https://github.com/eea/volto-eea-design-system/commit/455a51b9a9fbb00c6a89c42de226787c143176f7" target="_blank" rel="noopener noreferrer"><code>455a51b</code></a></li><li>refactor(Grid):minor changes and delete extra files <a href="https://github.com/eea/volto-eea-design-system/commit/272585dfed0c0e82b26c1e6843484ad0981ba75f" target="_blank" rel="noopener noreferrer"><code>272585d</code></a></li><li>refactor(timeline): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/b98641af00f23302b728094ed00a4563b6813387" target="_blank" rel="noopener noreferrer"><code>b98641a</code></a></li><li>refactor(megaMenu): fix link hover issue for tablet <a href="https://github.com/eea/volto-eea-design-system/commit/564e9721aea7d4ed998d88764e37454bc3154d3d" target="_blank" rel="noopener noreferrer"><code>564e972</code></a></li><li>refactor(header): add remix icons and minor updates <a href="https://github.com/eea/volto-eea-design-system/commit/c9c97dd719187e996efabaee28ccbf23d43f03af" target="_blank" rel="noopener noreferrer"><code>c9c97dd</code></a></li><li>refactor(Header): change header buttons implementation <a href="https://github.com/eea/volto-eea-design-system/commit/6608b8cfffb75dda90b01728dc4fe657cbd84069" target="_blank" rel="noopener noreferrer"><code>6608b8c</code></a></li><li>refactor(Header): add sub components and change existing Main <a href="https://github.com/eea/volto-eea-design-system/commit/74c35a3fe462bdad7b9b2a5a6e969043439fdf5b" target="_blank" rel="noopener noreferrer"><code>74c35a3</code></a></li><li>refactor(table): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/ab7a0e8d9e83edb3035d57285a5f85557bcd7576" target="_blank" rel="noopener noreferrer"><code>ab7a0e8</code></a></li><li>refactor(Footer): delete Actions &amp; ThemeSites files and clear imports <a href="https://github.com/eea/volto-eea-design-system/commit/7a78456f55742a1b356070303218342876641e52" target="_blank" rel="noopener noreferrer"><code>7a78456</code></a></li><li>refactor(header): update variables <a href="https://github.com/eea/volto-eea-design-system/commit/326655a48aeac65b32beadb48707d0193c952702" target="_blank" rel="noopener noreferrer"><code>326655a</code></a></li><li>refactor(Breadcrumb): add react router link and minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/073a3a36215427dce274a533b10d2d0bb3526de9" target="_blank" rel="noopener noreferrer"><code>073a3a3</code></a></li><li>refactor(Header): show menu on search &amp; minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/4d49a8ae6958b84bd2dbaf7bd5f62310037eb288" target="_blank" rel="noopener noreferrer"><code>4d49a8a</code></a></li><li>refactor(List): add extra default list story <a href="https://github.com/eea/volto-eea-design-system/commit/95665cdca945cba104a25d5efcbc56436dffbd7f" target="_blank" rel="noopener noreferrer"><code>95665cd</code></a></li><li>change(docusaurus) change generation of what&#x27;s new section and bump package version <a href="https://github.com/eea/volto-eea-design-system/commit/6c35cff4d65bb44755376c85ff4de8c6b39af00b" target="_blank" rel="noopener noreferrer"><code>6c35cff</code></a></li><li>refactor(Footer): minor code changes <a href="https://github.com/eea/volto-eea-design-system/commit/67cb4bc5f9d341da78e7816ed89f219d8ac2836e" target="_blank" rel="noopener noreferrer"><code>67cb4bc</code></a></li><li>refactor(Menu): add class to mega menu items for styling <a href="https://github.com/eea/volto-eea-design-system/commit/19baa342c29322d11371303dc0092f472da1eeee" target="_blank" rel="noopener noreferrer"><code>19baa34</code></a></li><li>change(accordion): modified default accordion stories titles with real accordion names <a href="https://github.com/eea/volto-eea-design-system/commit/cf11cc81d7096d338c565180597822e51fcaa8b7" target="_blank" rel="noopener noreferrer"><code>cf11cc8</code></a></li><li>refactor(Header): accessibility image alt fix <a href="https://github.com/eea/volto-eea-design-system/commit/a7347a688c2f37f08390b189f8bfa990c26c7f75" target="_blank" rel="noopener noreferrer"><code>a7347a6</code></a></li><li>refactor(header): adjust to volto in progress <a href="https://github.com/eea/volto-eea-design-system/commit/760becabf40dbbaed36dac6c37275c7e31aa2509" target="_blank" rel="noopener noreferrer"><code>760beca</code></a></li><li>refactor(Header): header items as storybook arguments <a href="https://github.com/eea/volto-eea-design-system/commit/388c752aa0694e78f5306c2b2efa4a34df4b9ca6" target="_blank" rel="noopener noreferrer"><code>388c752</code></a></li><li>refactor(banner): update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/35b0a98eced49212bb08c3c7d2ac6987a16ec6be" target="_blank" rel="noopener noreferrer"><code>35b0a98</code></a></li><li>refactor(banner): actions as buttons; don&#x27;t hardcode url for banner image; subcomponentize Banner, add Banner.Action; add developer guidelines on inline styles and line endings; <a href="https://github.com/eea/volto-eea-design-system/commit/6dd5a41248e8bf4095744bd89217707f3ad820a1" target="_blank" rel="noopener noreferrer"><code>6dd5a41</code></a></li><li>refactor(blockquote): fix responsive margins and sizes rems <a href="https://github.com/eea/volto-eea-design-system/commit/209f94f5535d83678af5fd650dcc3892a94c8a34" target="_blank" rel="noopener noreferrer"><code>209f94f</code></a></li><li>refactor(Input): label position and style change <a href="https://github.com/eea/volto-eea-design-system/commit/970074aacae0c1ffabe88be58779b332993a37fd" target="_blank" rel="noopener noreferrer"><code>970074a</code></a></li><li>refactor(header): update dropdown menu <a href="https://github.com/eea/volto-eea-design-system/commit/32eb0fa5dbb431c5d8e74e4c3e28b0555dab8aea" target="_blank" rel="noopener noreferrer"><code>32eb0fa</code></a></li><li>refactor(timeline): theming updates <a href="https://github.com/eea/volto-eea-design-system/commit/c80c9aa5eb08c3b58199c6f6faca06445640f9f8" target="_blank" rel="noopener noreferrer"><code>c80c9aa</code></a></li><li>refactor(Blockquote):remove image stories <a href="https://github.com/eea/volto-eea-design-system/commit/a6357caa641e18e7a19b834cd907ba8c7117367f" target="_blank" rel="noopener noreferrer"><code>a6357ca</code></a></li><li>change(docusaurus) proofread blockquote usage section and removed unused api section <a href="https://github.com/eea/volto-eea-design-system/commit/0bb29fdb73bce90f842748abd978a388fff93932" target="_blank" rel="noopener noreferrer"><code>0bb29fd</code></a></li><li>change(infrastructure) cherry-pick fix 9639243 skipping jenkins on auto commits <a href="https://github.com/eea/volto-eea-design-system/commit/fc744cda5a4e6d9da0ab6e7f92868d53f28f53c1" target="_blank" rel="noopener noreferrer"><code>fc744cd</code></a></li><li>change(ci) build storybook and docusaurus only when pushing to develop-itml branch <a href="https://github.com/eea/volto-eea-design-system/commit/4de0cbf9bfc4ecb46605dca1048a38db844880e7" target="_blank" rel="noopener noreferrer"><code>4de0cbf</code></a></li><li>change(infrastructure): modify whats new doc when committing the auto deployment <a href="https://github.com/eea/volto-eea-design-system/commit/39df33ed946a8167e4954cffb676144700e0ec38" target="_blank" rel="noopener noreferrer"><code>39df33e</code></a></li><li>change(blockquote): introduce float argument for blockquote with image storybook <a href="https://github.com/eea/volto-eea-design-system/commit/8fc72906c264b5e96702f8518e81d5724b494a5c" target="_blank" rel="noopener noreferrer"><code>8fc7290</code></a></li><li>refactor(pullquote): add word break <a href="https://github.com/eea/volto-eea-design-system/commit/2245e53dde6dd8abf437afa94e92bbedc60c9f8c" target="_blank" rel="noopener noreferrer"><code>2245e53</code></a></li><li>refactor(Banner): minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/b9073b60e337eab40a992283b5b9e75d5cffe895" target="_blank" rel="noopener noreferrer"><code>b9073b6</code></a></li><li>refactor(table): fix th font weight <a href="https://github.com/eea/volto-eea-design-system/commit/a96a0a7a4cb450b5f947bc397495a2a41c605c87" target="_blank" rel="noopener noreferrer"><code>a96a0a7</code></a></li><li>refactor(comment): remove avatar border radius <a href="https://github.com/eea/volto-eea-design-system/commit/d42c37bb8f71e20e1d0ec438c14e3c7ac00cf0ae" target="_blank" rel="noopener noreferrer"><code>d42c37b</code></a></li><li>refactor(banner): adjust title size <a href="https://github.com/eea/volto-eea-design-system/commit/7a24d9c07a5994fa46c39fdf1e827e0d1ae5e504" target="_blank" rel="noopener noreferrer"><code>7a24d9c</code></a></li><li>refactor(Image): change image path <a href="https://github.com/eea/volto-eea-design-system/commit/a580da68a45bbe68d314f60e9495fc321489caf5" target="_blank" rel="noopener noreferrer"><code>a580da6</code></a></li><li>change(infrastructure): specify that docs folder contains changes for deployment <a href="https://github.com/eea/volto-eea-design-system/commit/a1ca9153b70e3525cd73423d059a8607f63fc2b9" target="_blank" rel="noopener noreferrer"><code>a1ca915</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-7">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-7" title="Direct link to heading">​</a></h4><ul><li>style(input) prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/e83fa0c3e95e33d89ab668de38e6b0b12d9fb0d9" target="_blank" rel="noopener noreferrer"><code>e83fa0c</code></a></li><li>chore(storybook): prettier fix <a href="https://github.com/eea/volto-eea-design-system/commit/354c7b33c92a9f48ca9cbb0b96b6cec213e465c8" target="_blank" rel="noopener noreferrer"><code>354c7b3</code></a></li><li>chore(design system): technical commit for edw integration tests <a href="https://github.com/eea/volto-eea-design-system/commit/9f76035122d647e14b5151af3b39f0ab3e199af2" target="_blank" rel="noopener noreferrer"><code>9f76035</code></a></li><li>style(storybook): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/3c9ad345268335c42e41d13b35c0da93e9770847" target="_blank" rel="noopener noreferrer"><code>3c9ad34</code></a></li><li>chore(infrastructure) updated branch with changes from bitbucket <a href="https://github.com/eea/volto-eea-design-system/commit/77866f8c7ac203db0645a74b7a7456b5c4de5dd7" target="_blank" rel="noopener noreferrer"><code>77866f8</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-9">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-9" title="Direct link to heading">​</a></h4><ul><li>doc(colours):fix color to better show primary ones <a href="https://github.com/eea/volto-eea-design-system/commit/705b7899f9d687747d2deb27ac4d8b4429878de0" target="_blank" rel="noopener noreferrer"><code>705b789</code></a></li><li>doc(colours):change font size to fit text in one line <a href="https://github.com/eea/volto-eea-design-system/commit/4ad751660ec832e67a0c858e75685259b9ef8d82" target="_blank" rel="noopener noreferrer"><code>4ad7516</code></a></li><li>bump package release to 1.3.0 <a href="https://github.com/eea/volto-eea-design-system/commit/f3cfe4f5232ff96a9845d12da72008cf838c1010" target="_blank" rel="noopener noreferrer"><code>f3cfe4f</code></a></li><li>Refactor banner into content subcomponent <a href="https://github.com/eea/volto-eea-design-system/commit/f8df238b4db90fdb841cdd5436a644e582f73b82" target="_blank" rel="noopener noreferrer"><code>f8df238</code></a></li><li>lint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/cda322d8c013ef303b93b4b8d29594aa3bbd0bc1" target="_blank" rel="noopener noreferrer"><code>cda322d</code></a></li><li>rollback don&#x27;ts grammar change and disable unresolved import for Banner.stories.jsx <a href="https://github.com/eea/volto-eea-design-system/commit/a1bd7154fa64451b6a521743955a57405dc7fb67" target="_blank" rel="noopener noreferrer"><code>a1bd715</code></a></li><li>Add space line in component <a href="https://github.com/eea/volto-eea-design-system/commit/d4d1a5fbe9a9ea53701702d7ce33622795f5ab00" target="_blank" rel="noopener noreferrer"><code>d4d1a5f</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012---2022-02-17"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.2...0.1.2" target="_blank" rel="noopener noreferrer">0.1.2</a> - 2022-02-17<a aria-hidden="true" class="hash-link" href="#012---2022-02-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-new-features-6">🚀 New Features<a aria-hidden="true" class="hash-link" href="#-new-features-6" title="Direct link to heading">​</a></h4><ul><li>feat(blockquote) added blockquote styles as a custom module <a href="https://github.com/eea/volto-eea-design-system/commit/d30662e23176cf7a5ab64aa322acd5a09a0c4130" target="_blank" rel="noopener noreferrer"><code>d30662e</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-bug-fixes-9">🐛 Bug Fixes<a aria-hidden="true" class="hash-link" href="#-bug-fixes-9" title="Direct link to heading">​</a></h4><ul><li>fix(inpageNavigation): hide at the top of the page <a href="https://github.com/eea/volto-eea-design-system/commit/97ef50069cd9b29345fb68ce8b557a47577669a4" target="_blank" rel="noopener noreferrer"><code>97ef500</code></a></li><li>fix(footer):missing image <a href="https://github.com/eea/volto-eea-design-system/commit/ac91a29a134c97af842c6be4987c60c44c4c96d8" target="_blank" rel="noopener noreferrer"><code>ac91a29</code></a></li><li>fix(comment):fix broken image <a href="https://github.com/eea/volto-eea-design-system/commit/8125dc179923f652ecd25003df8ecb4fb0aeffb9" target="_blank" rel="noopener noreferrer"><code>8125dc1</code></a></li><li>fix(message): fix font loading <a href="https://github.com/eea/volto-eea-design-system/commit/fdc498e178a04315c88e005fbc1371ba954ff402" target="_blank" rel="noopener noreferrer"><code>fdc498e</code></a></li><li>fix(logo): logo change <a href="https://github.com/eea/volto-eea-design-system/commit/5f8c8af4453774386d5d0432a078b049416d034b" target="_blank" rel="noopener noreferrer"><code>5f8c8af</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-enhancements-9">💅 Enhancements<a aria-hidden="true" class="hash-link" href="#-enhancements-9" title="Direct link to heading">​</a></h4><ul><li>refactor(storybook): multiple components fixes <a href="https://github.com/eea/volto-eea-design-system/commit/4a3ff518323a3eab18edc5057c6f1233e5422a22" target="_blank" rel="noopener noreferrer"><code>4a3ff51</code></a></li><li>change(infrastructure) re-enable integration tests for auto release stack <a href="https://github.com/eea/volto-eea-design-system/commit/ce8daf8abc6eb9a6b7fd8579904a3e5642896e3a" target="_blank" rel="noopener noreferrer"><code>ce8daf8</code></a></li><li>refactor(storybook): global site files styling update <a href="https://github.com/eea/volto-eea-design-system/commit/f3770f1756bca3898e2a67fa532a9d97b0fd1ef2" target="_blank" rel="noopener noreferrer"><code>f3770f1</code></a></li><li>refactor(storybook): multiple components <a href="https://github.com/eea/volto-eea-design-system/commit/9277aaccb09aa03575b95851d55fc69b1f530e23" target="_blank" rel="noopener noreferrer"><code>9277aac</code></a></li><li>refactor(footer) adjust to volto theming update <a href="https://github.com/eea/volto-eea-design-system/commit/a59f1c354ceea661c60faabfdb6226c9f4ba1209" target="_blank" rel="noopener noreferrer"><code>a59f1c3</code></a></li><li>refactor(header): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/dd6b55c6c5331383a42f6865bd9bd0641feb9a3b" target="_blank" rel="noopener noreferrer"><code>dd6b55c</code></a></li><li>refactor(Header): change header mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/7559b57a08c2f0e9f3eb95167479ca041b998bc5" target="_blank" rel="noopener noreferrer"><code>7559b57</code></a></li><li>refactor(banner): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/451b9493b100dae80bed4b6629da725195dddff1" target="_blank" rel="noopener noreferrer"><code>451b949</code></a></li><li>refactor(accordion): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/aeaf25f585c1379a2bd40de1c1bf03fee00ef76e" target="_blank" rel="noopener noreferrer"><code>aeaf25f</code></a></li><li>refactor(footer): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/bdff1768096443f2f453d76bf9958adabd309cb7" target="_blank" rel="noopener noreferrer"><code>bdff176</code></a></li><li>refactor(footer):mobile responsiveness <a href="https://github.com/eea/volto-eea-design-system/commit/14822bec78feebc2b06fc26d6992a481be2e3609" target="_blank" rel="noopener noreferrer"><code>14822be</code></a></li><li>refactor(storybook): main and custom less files update <a href="https://github.com/eea/volto-eea-design-system/commit/1607760bb1582c63ab1a6b978ac13bb0ca51b0c2" target="_blank" rel="noopener noreferrer"><code>1607760</code></a></li><li>refactor(timeline): update after removing timeline addon <a href="https://github.com/eea/volto-eea-design-system/commit/f54d3806eb0a60379b46b03a04a6602ed465cd15" target="_blank" rel="noopener noreferrer"><code>f54d380</code></a></li><li>refactor(Footer): replace with subcomponents <a href="https://github.com/eea/volto-eea-design-system/commit/378c652265213bafac9de1d946cb328fa2fe90cb" target="_blank" rel="noopener noreferrer"><code>378c652</code></a></li><li>refactor(Header): header change <a href="https://github.com/eea/volto-eea-design-system/commit/029e85039bb3f35a6ba4ff2870d98e1faa23661b" target="_blank" rel="noopener noreferrer"><code>029e850</code></a></li><li>refactor(Header): change header bar <a href="https://github.com/eea/volto-eea-design-system/commit/2b766fd62c86d22f01278c54d3a1dbfb696b095b" target="_blank" rel="noopener noreferrer"><code>2b766fd</code></a></li><li>change(docusaurus) use itml branch for docusaurus deployment <a href="https://github.com/eea/volto-eea-design-system/commit/6e286c50056aa6d0d5735cb330789b4e48a1f927" target="_blank" rel="noopener noreferrer"><code>6e286c5</code></a></li><li>refactor(accordion): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/971fcb824f6aa55ac28b4b275927b202d2c08ca6" target="_blank" rel="noopener noreferrer"><code>971fcb8</code></a></li><li>refactor(Header): add sub components <a href="https://github.com/eea/volto-eea-design-system/commit/7f955dbafa94c13e71ff587af70aa84d18da8da0" target="_blank" rel="noopener noreferrer"><code>7f955db</code></a></li><li>change(docusaurus) tweak auto deployment to always commit changes from docs <a href="https://github.com/eea/volto-eea-design-system/commit/a2940daef1cf281bac87dec3cec68337053cc52d" target="_blank" rel="noopener noreferrer"><code>a2940da</code></a></li><li>refactor(banner): less and variables files created <a href="https://github.com/eea/volto-eea-design-system/commit/d5b1a8aaf7f678dd60fb88149284058fcab617fd" target="_blank" rel="noopener noreferrer"><code>d5b1a8a</code></a></li><li>refactor(label): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3c945e1600b4beb3667b389542adade317d285c6" target="_blank" rel="noopener noreferrer"><code>3c945e1</code></a></li><li>refactor(message): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3e950fc56461540be24d9e5b2ff3c0bf8ad53738" target="_blank" rel="noopener noreferrer"><code>3e950fc</code></a></li><li>refactor(Footer): add sub components and props <a href="https://github.com/eea/volto-eea-design-system/commit/c3d14871887a83fb91792fbc8977c0439bcb16f2" target="_blank" rel="noopener noreferrer"><code>c3d1487</code></a></li><li>refactor(modal): modal and confirm adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/83b60e94bdd3203a92a1b9038f9cc45011ba72a5" target="_blank" rel="noopener noreferrer"><code>83b60e9</code></a></li><li>refactor(comment): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/84348c36b5b750c324c89b5e3c462319bb9ebf46" target="_blank" rel="noopener noreferrer"><code>84348c3</code></a></li><li>refactor(storybook):adjust headings <a href="https://github.com/eea/volto-eea-design-system/commit/32f64f9b71d1cb8c96c9c37ba1850a2278f95287" target="_blank" rel="noopener noreferrer"><code>32f64f9</code></a></li><li>refactor(Header): add comments to header menu <a href="https://github.com/eea/volto-eea-design-system/commit/c2c83b202e5117d8e0013101d8e922e9d93d21de" target="_blank" rel="noopener noreferrer"><code>c2c83b2</code></a></li><li>refactor(Accordion): clear up accordion stories code <a href="https://github.com/eea/volto-eea-design-system/commit/4e59b8fa961b878591e9806e1ebbfdb841523077" target="_blank" rel="noopener noreferrer"><code>4e59b8f</code></a></li><li>refactor(segmant): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/3ab211e868296f377fddba203847549f0e5e07df" target="_blank" rel="noopener noreferrer"><code>3ab211e</code></a></li><li>refactor(button) minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/8782bb27c789a4aac97b380d718f4de129fdf682" target="_blank" rel="noopener noreferrer"><code>8782bb2</code></a></li><li>refactor(banner): change image position <a href="https://github.com/eea/volto-eea-design-system/commit/cdd76d59ade86f3f989bf7d94e45e4d9b439115f" target="_blank" rel="noopener noreferrer"><code>cdd76d5</code></a></li><li>refactor(breadcrumbs): update less variables <a href="https://github.com/eea/volto-eea-design-system/commit/640817ee904f88a04f0e8f11b258f95b8db97039" target="_blank" rel="noopener noreferrer"><code>640817e</code></a></li><li>refactor(list): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/1079c733e6ec634fedaab5b4630888a52b28e482" target="_blank" rel="noopener noreferrer"><code>1079c73</code></a></li><li>refactor(timeline):adjust timeline module <a href="https://github.com/eea/volto-eea-design-system/commit/213eb11e8e87940c18d81738609b4684329a5ce4" target="_blank" rel="noopener noreferrer"><code>213eb11</code></a></li><li>refactor(blockquote):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/5eec87fc1b3017011266241c20b31217ac27c12d" target="_blank" rel="noopener noreferrer"><code>5eec87f</code></a></li><li>refactor(progress): add progress bar colors <a href="https://github.com/eea/volto-eea-design-system/commit/ccf3c9823b2583fc70183554df7c4588fbf9ca13" target="_blank" rel="noopener noreferrer"><code>ccf3c98</code></a></li><li>refactor(pullquote):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/fee446668a8d65a717b42667af825cb5cec836b2" target="_blank" rel="noopener noreferrer"><code>fee4466</code></a></li><li>refactor(Header): change mobile mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/c7ecf18a81024121218d580f201f324cf990829e" target="_blank" rel="noopener noreferrer"><code>c7ecf18</code></a></li><li>refactor(statistic): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/b726e49519914b02766bcd993b94ce9ff164e1df" target="_blank" rel="noopener noreferrer"><code>b726e49</code></a></li><li>refactor(button) adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/eb257f83541871ccc635842664722b914661770c" target="_blank" rel="noopener noreferrer"><code>eb257f8</code></a></li><li>refactor(form): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/79934b2cde2e806418a6422df2914321181f7a22" target="_blank" rel="noopener noreferrer"><code>79934b2</code></a></li><li>refactor(Footer): create Actions &amp; Sites sub components <a href="https://github.com/eea/volto-eea-design-system/commit/446840b99abd6897c1b59a9462d72b1f06f1dd4e" target="_blank" rel="noopener noreferrer"><code>446840b</code></a></li><li>refactor(inpageNavigation): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/85c631a9e9c1454f1f2530e4f1851089663dd610" target="_blank" rel="noopener noreferrer"><code>85c631a</code></a></li><li>refactor(Inpage Navigation): changed button&#x27;s display <a href="https://github.com/eea/volto-eea-design-system/commit/36e5b4f107ce3535b607f7ed169c723a66ce6ac2" target="_blank" rel="noopener noreferrer"><code>36e5b4f</code></a></li><li>enhancement(docusaurus) modified headings to be within release versions <a href="https://github.com/eea/volto-eea-design-system/commit/19ace3038d6b4535b29634209e4d506e7dca2c2c" target="_blank" rel="noopener noreferrer"><code>19ace30</code></a></li><li>refactor(storybook): move components to ui folder <a href="https://github.com/eea/volto-eea-design-system/commit/cb91f88f628580f565eb01ea8627763bc2243dfb" target="_blank" rel="noopener noreferrer"><code>cb91f88</code></a></li><li>refactor(Header): change mega menu <a href="https://github.com/eea/volto-eea-design-system/commit/de0fc6b3862a88ac04058b56020af23c1946ce41" target="_blank" rel="noopener noreferrer"><code>de0fc6b</code></a></li><li>refactor(Pullquote): divide Pullquote to sub components <a href="https://github.com/eea/volto-eea-design-system/commit/34413c44ab9e318d67408f7497782b7de693deeb" target="_blank" rel="noopener noreferrer"><code>34413c4</code></a></li><li>enhancement(docusaurus) replace changelog when auto-building docs Refs #145331 <a href="https://github.com/eea/volto-eea-design-system/commit/da25c0e25ffa80131ab4b5503b28e43385d9f827" target="_blank" rel="noopener noreferrer"><code>da25c0e</code></a></li><li>refactor(popup): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/d0d192dc2b2a5edd422cf6a7b359c384ec4b1d55" target="_blank" rel="noopener noreferrer"><code>d0d192d</code></a></li><li>refactor(card):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/2ab6f914f487bea0df299de7da0bbd917733ee00" target="_blank" rel="noopener noreferrer"><code>2ab6f91</code></a></li><li>refactor(item): adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/89a16af86a165d7798b68b95ff3de215a92f0569" target="_blank" rel="noopener noreferrer"><code>89a16af</code></a></li><li>refactor(pullquotes) remove unnecessary variables <a href="https://github.com/eea/volto-eea-design-system/commit/e0d20a3febec060ac24c5498846e768d7068e8b9" target="_blank" rel="noopener noreferrer"><code>e0d20a3</code></a></li><li>refactor(progress):adjust to volto theming <a href="https://github.com/eea/volto-eea-design-system/commit/d1ab950ee9cc14bbe95869d4f143fc428aad5a8d" target="_blank" rel="noopener noreferrer"><code>d1ab950</code></a></li><li>refactor(blockquote) change variables names <a href="https://github.com/eea/volto-eea-design-system/commit/36fd5be9bde1a3ceb8390639414f254fc26b8e76" target="_blank" rel="noopener noreferrer"><code>36fd5be</code></a></li><li>refactor(comment): adjust font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/0311ed14c951eb9cba18a58f6f954c19601d838b" target="_blank" rel="noopener noreferrer"><code>0311ed1</code></a></li><li>refactor(InpageNavigation): clear up code <a href="https://github.com/eea/volto-eea-design-system/commit/1d7afdc8d751e61c3eef75360555807fdbef8619" target="_blank" rel="noopener noreferrer"><code>1d7afdc</code></a></li><li>refactor(container): change variable name for computer padding <a href="https://github.com/eea/volto-eea-design-system/commit/26d123f3e7e30a706b09efc10773694af79377f9" target="_blank" rel="noopener noreferrer"><code>26d123f</code></a></li><li>refactor(inpageNavigation): remove imports <a href="https://github.com/eea/volto-eea-design-system/commit/25c1d1c3016695d92d104a12b22a6a9254f41b20" target="_blank" rel="noopener noreferrer"><code>25c1d1c</code></a></li><li>refactor(storybook): update ui index components exports <a href="https://github.com/eea/volto-eea-design-system/commit/ce78d47880cab5849f4c01785cdd97a9b26771ec" target="_blank" rel="noopener noreferrer"><code>ce78d47</code></a></li><li>change(infrastructure) auto build storybook when pushing to develop-itml branch of volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/e9aa5bc3de9c2e1c5dc55b5d317679bc14dd1cbd" target="_blank" rel="noopener noreferrer"><code>e9aa5bc</code></a></li><li>refactor(storybook): delete demo stories <a href="https://github.com/eea/volto-eea-design-system/commit/8b58d0245f5bda7e2022a2ef9ace11015f13da01" target="_blank" rel="noopener noreferrer"><code>8b58d02</code></a></li><li>change(docusaurus) align deployment steps for building docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/37e4ce05d2772ac320a7ad561536189c5ea0a582" target="_blank" rel="noopener noreferrer"><code>37e4ce0</code></a></li><li>refactor(storybook): remove components from customizations folder <a href="https://github.com/eea/volto-eea-design-system/commit/8930edeaf064ec316f1d086e1301a7e5269bfe4b" target="_blank" rel="noopener noreferrer"><code>8930ede</code></a></li><li>refactor(tab): minor styling update <a href="https://github.com/eea/volto-eea-design-system/commit/1252ad0317ecf7e583dbb975b29a4c8e4c75330e" target="_blank" rel="noopener noreferrer"><code>1252ad0</code></a></li><li>refactor(comment): change avatar src <a href="https://github.com/eea/volto-eea-design-system/commit/e5f9c4c02f5de5ae6480eedb45730bb76efbf7b4" target="_blank" rel="noopener noreferrer"><code>e5f9c4c</code></a></li><li>refactor(banner) : change file type and folder <a href="https://github.com/eea/volto-eea-design-system/commit/878742ba0f95440ffbb5aec33f2cc4201dfacd43" target="_blank" rel="noopener noreferrer"><code>878742b</code></a></li><li>refactor(form elements):changed text <a href="https://github.com/eea/volto-eea-design-system/commit/919beea9deccec68ac0cdbbc1249ef4ab4c12230" target="_blank" rel="noopener noreferrer"><code>919beea</code></a></li><li>refactor(Image): change image src <a href="https://github.com/eea/volto-eea-design-system/commit/b9710849adf0cf4f10815186b6293bcc3881d68d" target="_blank" rel="noopener noreferrer"><code>b971084</code></a></li><li>refactor(Pullquote): add component propTypes <a href="https://github.com/eea/volto-eea-design-system/commit/d32c5e69e76d7f369a286d29e49d767125550ebc" target="_blank" rel="noopener noreferrer"><code>d32c5e6</code></a></li><li>refactor(blockquote): adjust font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/d71a3cef7bfd4109c56b7fe8c07271c60a4bd19e" target="_blank" rel="noopener noreferrer"><code>d71a3ce</code></a></li><li>refactor(footer): update font sizes <a href="https://github.com/eea/volto-eea-design-system/commit/1c91c357a59669df0da0f4fc70d3aa420db27a14" target="_blank" rel="noopener noreferrer"><code>1c91c35</code></a></li><li>refactor(Blockquote): add component proTypes <a href="https://github.com/eea/volto-eea-design-system/commit/ea02649f92b0e41b1eb62a771330c2e53b3960e8" target="_blank" rel="noopener noreferrer"><code>ea02649</code></a></li><li>refactor(logo): update image <a href="https://github.com/eea/volto-eea-design-system/commit/f6113728e248c3e0fd0a467bb34406aa4403399e" target="_blank" rel="noopener noreferrer"><code>f611372</code></a></li><li>refactor(docusaurus): restore config <a href="https://github.com/eea/volto-eea-design-system/commit/f2c5239d92abe6be70b092e7e43f195308800f87" target="_blank" rel="noopener noreferrer"><code>f2c5239</code></a></li><li>refactor(blockquote): update component name <a href="https://github.com/eea/volto-eea-design-system/commit/572e655c033d93b32a48a61b1bf6383f6c993b26" target="_blank" rel="noopener noreferrer"><code>572e655</code></a></li><li>refactor(header): fix story header import <a href="https://github.com/eea/volto-eea-design-system/commit/ceda6c7790964b150b95daf161d10364d6b67427" target="_blank" rel="noopener noreferrer"><code>ceda6c7</code></a></li><li>change(infrastructure) auto build docusaurus when pushing to develop-itml branch <a href="https://github.com/eea/volto-eea-design-system/commit/7bebdf5e58f37400a8ae3d5f816c64c6b9ca3a5b" target="_blank" rel="noopener noreferrer"><code>7bebdf5</code></a></li><li>refactor(storybook): remove components from customization folder <a href="https://github.com/eea/volto-eea-design-system/commit/4a9bb9b34e6961eaf16e54ed6f6ca4942944e8a0" target="_blank" rel="noopener noreferrer"><code>4a9bb9b</code></a></li><li>refactor(banner):story rename <a href="https://github.com/eea/volto-eea-design-system/commit/56ff603d6c9cec7c22483a088624f5bd7911f717" target="_blank" rel="noopener noreferrer"><code>56ff603</code></a></li><li>change(testing) removed navigation from cypress tests until component is finished <a href="https://github.com/eea/volto-eea-design-system/commit/5549f4c07cb0ffd725342f365aae07745d7e25f7" target="_blank" rel="noopener noreferrer"><code>5549f4c</code></a></li><li>refactor(Segment): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/5cb35d81e8628832bab2e6ad50de6892e7e4370e" target="_blank" rel="noopener noreferrer"><code>5cb35d8</code></a></li><li>refactor(Pullquote): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/564cf7ea379703315f179ab922b4e0a02df63e47" target="_blank" rel="noopener noreferrer"><code>564cf7e</code></a></li><li>refactor(PopUp):change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/dcb24ff252665a79fda2fec645e6f2a48ff71fd0" target="_blank" rel="noopener noreferrer"><code>dcb24ff</code></a></li><li>refactor(InpageNavigation): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/dfefce3ebe55f8eb6f67974ccc33b0cb0bb13d9f" target="_blank" rel="noopener noreferrer"><code>dfefce3</code></a></li><li>refactor(Blockquote): change to .jsx extension <a href="https://github.com/eea/volto-eea-design-system/commit/44a164532c1ae969e4411e0cfb68b705ff2bfc1e" target="_blank" rel="noopener noreferrer"><code>44a1645</code></a></li><li>refactor(heading): story name update <a href="https://github.com/eea/volto-eea-design-system/commit/aa10f3412323321650e20401038d44b9bfdb507a" target="_blank" rel="noopener noreferrer"><code>aa10f34</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-internal-changes-8">🏠 Internal changes<a aria-hidden="true" class="hash-link" href="#-internal-changes-8" title="Direct link to heading">​</a></h4><ul><li>style(footer): prettier fix <a href="https://github.com/eea/volto-eea-design-system/commit/902c25712c88330db841240c9f1d6004e3e2674f" target="_blank" rel="noopener noreferrer"><code>902c257</code></a></li><li>style(storybook): prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/59f941dea9bf05f31257230f1a871c6eb0e98aae" target="_blank" rel="noopener noreferrer"><code>59f941d</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="-documentation-changes-4">🏠 Documentation changes<a aria-hidden="true" class="hash-link" href="#-documentation-changes-4" title="Direct link to heading">​</a></h4><ul><li>docs(docusaurus):multiple page updates <a href="https://github.com/eea/volto-eea-design-system/commit/2aba73ea6ff86c5a94789c707d98699fc1397e01" target="_blank" rel="noopener noreferrer"><code>2aba73e</code></a></li><li>docs(docusaurus):update page content <a href="https://github.com/eea/volto-eea-design-system/commit/565697fecb4528cc5b4a6a43ca3ab9b026a2779e" target="_blank" rel="noopener noreferrer"><code>565697f</code></a></li><li>docs(grid):update components grid <a href="https://github.com/eea/volto-eea-design-system/commit/60eb083aa5d00840642caf73f6e0bb86b814aed5" target="_blank" rel="noopener noreferrer"><code>60eb083</code></a></li><li>docs(docusaurus): page adjustments <a href="https://github.com/eea/volto-eea-design-system/commit/0641eacf9f4715acd4baaa651335ff84ac418009" target="_blank" rel="noopener noreferrer"><code>0641eac</code></a></li><li>docs(docusaurus):updated various pages <a href="https://github.com/eea/volto-eea-design-system/commit/f860176a5f755d75d7b9558661e675fc678fe7ac" target="_blank" rel="noopener noreferrer"><code>f860176</code></a></li><li>docs(docusaurus): logo change <a href="https://github.com/eea/volto-eea-design-system/commit/3af5e5c3acbf7ba4e152ca6944c500dbb0cf10ee" target="_blank" rel="noopener noreferrer"><code>3af5e5c</code></a></li></ul><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-10">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-10" title="Direct link to heading">​</a></h4><ul><li>added sortable table stories and descriptions <a href="https://github.com/eea/volto-eea-design-system/commit/6d44dd7c651abe46c380b62efd3258c92223e99c" target="_blank" rel="noopener noreferrer"><code>6d44dd7</code></a></li><li>Layout components theming <a href="https://github.com/eea/volto-eea-design-system/commit/586101341f713bb072f2753d8df6e8b2ad6e4938" target="_blank" rel="noopener noreferrer"><code>5861013</code></a></li><li>recovered files from origin <a href="https://github.com/eea/volto-eea-design-system/commit/a4ac04fde9c4297b09c834385f772e955b7f3b4a" target="_blank" rel="noopener noreferrer"><code>a4ac04f</code></a></li><li>grid component &amp; stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/4a5752e49aac05251905f7355234c3f9bc6b798f" target="_blank" rel="noopener noreferrer"><code>4a5752e</code></a></li><li>Updated what&#x27;s new section with actual commits from volto-eea-design-system repo <a href="https://github.com/eea/volto-eea-design-system/commit/fc5e3c385d82ff7eccbd5841736f3ce292b2b7fd" target="_blank" rel="noopener noreferrer"><code>fc5e3c3</code></a></li><li>Docusaurus title possible fix. <a href="https://github.com/eea/volto-eea-design-system/commit/db699e771b13bbd7e75c3bd84bb91ecf5d0459d8" target="_blank" rel="noopener noreferrer"><code>db699e7</code></a></li><li>form elements stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/6b4f6ebeed275a86f5ef6dafb13219db0c0fbbc6" target="_blank" rel="noopener noreferrer"><code>6b4f6eb</code></a></li><li>removed API tabs <a href="https://github.com/eea/volto-eea-design-system/commit/58aa9286eb5d8cc520239aa6ee424ee5cd5446c3" target="_blank" rel="noopener noreferrer"><code>58aa928</code></a></li><li>Layout updates <a href="https://github.com/eea/volto-eea-design-system/commit/854f388c5b049e41217ddb444bc7bd0f2c61cdf6" target="_blank" rel="noopener noreferrer"><code>854f388</code></a></li><li>Refs #142123 removed extra customization of semantic.less: <a href="https://github.com/eea/volto-eea-design-system/commit/ab9de811b20b20a9f91ddc8b45b4de2eb9c47f6c" target="_blank" rel="noopener noreferrer"><code>ab9de81</code></a></li><li>added page-header,footer and grid in docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/660c8e382068c179ca66831ae23588a4fb67cde6" target="_blank" rel="noopener noreferrer"><code>660c8e3</code></a></li><li>Manual docs build and commit <a href="https://github.com/eea/volto-eea-design-system/commit/666eb6aff8535bb586a49579152fcf8a88961f35" target="_blank" rel="noopener noreferrer"><code>666eb6a</code></a></li><li>added svg &amp; png files <a href="https://github.com/eea/volto-eea-design-system/commit/f1338d5bb02e17e402cea4b1584c7d01896097f9" target="_blank" rel="noopener noreferrer"><code>f1338d5</code></a></li><li>added missing components to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/934dfd8a98942c247deb2b5b8693604ad77cafa3" target="_blank" rel="noopener noreferrer"><code>934dfd8</code></a></li><li>Control descriptions updated <a href="https://github.com/eea/volto-eea-design-system/commit/56581ebc86a91fd012a98984b20f6daad25900fe" target="_blank" rel="noopener noreferrer"><code>56581eb</code></a></li><li>Grid updates <a href="https://github.com/eea/volto-eea-design-system/commit/700332d354aea84526ff22acf3bc2f8903c0f584" target="_blank" rel="noopener noreferrer"><code>700332d</code></a></li><li>Button theming update <a href="https://github.com/eea/volto-eea-design-system/commit/0ec68b6bd1ab060ac224a859180b9f750834c0b8" target="_blank" rel="noopener noreferrer"><code>0ec68b6</code></a></li><li>site variebales &amp; overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/7251162f182f1528d72070aae8a5a14e9ec5ee93" target="_blank" rel="noopener noreferrer"><code>7251162</code></a></li><li>Table and Tabs theming <a href="https://github.com/eea/volto-eea-design-system/commit/49f08608e8be8475d561e1ce5c1bfbcfd21001f9" target="_blank" rel="noopener noreferrer"><code>49f0860</code></a></li><li>Responsiveness updates <a href="https://github.com/eea/volto-eea-design-system/commit/48e1351104249fea610941793ff8ec3bf35d0699" target="_blank" rel="noopener noreferrer"><code>48e1351</code></a></li><li>added various components to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/550d71963b0957b1c5597bbdb2c699c411c649bd" target="_blank" rel="noopener noreferrer"><code>550d719</code></a></li><li>Checkbox and radio updates <a href="https://github.com/eea/volto-eea-design-system/commit/24652a238f2c98fe5d8e8032e3320e0b3b4753e5" target="_blank" rel="noopener noreferrer"><code>24652a2</code></a></li><li>remove images from typography and colour docs <a href="https://github.com/eea/volto-eea-design-system/commit/8493e924f5af4ba7c2ed478d7bae6992b4ef6ed6" target="_blank" rel="noopener noreferrer"><code>8493e92</code></a></li><li>added guidelines&#x27; text and finished all components <a href="https://github.com/eea/volto-eea-design-system/commit/02d75fcdc5a98633e4d563c7ec2863a9588b5506" target="_blank" rel="noopener noreferrer"><code>02d75fc</code></a></li><li>added more missing components in docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/8be82634c681a073b13a5a90ee2b699bd25b422a" target="_blank" rel="noopener noreferrer"><code>8be8263</code></a></li><li>Prettier changes on docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/5f1e5eb796f2072e3b816a39a35cf48523405167" target="_blank" rel="noopener noreferrer"><code>5f1e5eb</code></a></li><li>Grid updates <a href="https://github.com/eea/volto-eea-design-system/commit/ae099453e280de800a5a06c6fcbe074acc1f7bfd" target="_blank" rel="noopener noreferrer"><code>ae09945</code></a></li><li>Minor fixes for tests <a href="https://github.com/eea/volto-eea-design-system/commit/3bdf3063d9bbc101f4b83c6aa4fc5fef5e87c776" target="_blank" rel="noopener noreferrer"><code>3bdf306</code></a></li><li>Layout updates <a href="https://github.com/eea/volto-eea-design-system/commit/8b7a4dc8731cb02946e604a0dd73d2a45f61cd8b" target="_blank" rel="noopener noreferrer"><code>8b7a4dc</code></a></li><li>Footer and TOC theming <a href="https://github.com/eea/volto-eea-design-system/commit/bb3d3c486f64e123b9009a76c6f054a8e2973230" target="_blank" rel="noopener noreferrer"><code>bb3d3c4</code></a></li><li>Refs #145331 manually commit changelog until autobuild is stabilized <a href="https://github.com/eea/volto-eea-design-system/commit/93168b096b60fc6a208b20d1cbe610384be62f42" target="_blank" rel="noopener noreferrer"><code>93168b0</code></a></li><li>label component changes <a href="https://github.com/eea/volto-eea-design-system/commit/df8c0ff2d9646e4dcc7ed1a25a80712ca9ea2c9b" target="_blank" rel="noopener noreferrer"><code>df8c0ff</code></a></li><li>added several sections to the theming guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ff1a649d9c83794024e2db4f6349b3cac4fe79a0" target="_blank" rel="noopener noreferrer"><code>ff1a649</code></a></li><li>Updated removed files. <a href="https://github.com/eea/volto-eea-design-system/commit/84f9b8cf7c469525367764909fa0d322532a13be" target="_blank" rel="noopener noreferrer"><code>84f9b8c</code></a></li><li>added more docusaurus components <a href="https://github.com/eea/volto-eea-design-system/commit/52a3b9edd4c751225609dcaf2d16f08688e9cfeb" target="_blank" rel="noopener noreferrer"><code>52a3b9e</code></a></li><li>Progress Bar <a href="https://github.com/eea/volto-eea-design-system/commit/9f2efc9ded5a766df0c611a15f6a93f27bd14a37" target="_blank" rel="noopener noreferrer"><code>9f2efc9</code></a></li><li>Modal and Confirm updates <a href="https://github.com/eea/volto-eea-design-system/commit/3b306c6fa5631e1e4e37456d483a69bc8cc3b234" target="_blank" rel="noopener noreferrer"><code>3b306c6</code></a></li><li>Add proper changes to whatsnew meant in previous commit <a href="https://github.com/eea/volto-eea-design-system/commit/40f78e362ca607ef3893fff3d03c8ed1b4447c11" target="_blank" rel="noopener noreferrer"><code>40f78e3</code></a></li><li>Form Descriptions <a href="https://github.com/eea/volto-eea-design-system/commit/de0dfbcb3a0a9610f1cbf7337f598b0c5338f2a3" target="_blank" rel="noopener noreferrer"><code>de0dfbc</code></a></li><li>Prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/1337e6fffb13fa8447488129d5dcd5af9e35e46a" target="_blank" rel="noopener noreferrer"><code>1337e6f</code></a></li><li>Deleted files <a href="https://github.com/eea/volto-eea-design-system/commit/b82f982fbfbaff4e74e35424c6122410e3830faf" target="_blank" rel="noopener noreferrer"><code>b82f982</code></a></li><li>add new images for spacing <a href="https://github.com/eea/volto-eea-design-system/commit/7b7b2c48317c45e3ff89162d703434f615c840e9" target="_blank" rel="noopener noreferrer"><code>7b7b2c4</code></a></li><li>Messages Theming <a href="https://github.com/eea/volto-eea-design-system/commit/ad621a38c121f585125d5934c1939ba6a7198b33" target="_blank" rel="noopener noreferrer"><code>ad621a3</code></a></li><li>added new content to docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/1c83452be983d46f4128c33c25e69afef333f82a" target="_blank" rel="noopener noreferrer"><code>1c83452</code></a></li><li>Minor less updates <a href="https://github.com/eea/volto-eea-design-system/commit/a36a8bbfeb201049fa13987894a5ec2ec167ed03" target="_blank" rel="noopener noreferrer"><code>a36a8bb</code></a></li><li>Tabs and lists updates <a href="https://github.com/eea/volto-eea-design-system/commit/e37eef19e67c3c5720d5a9565e9884dc5c19f127" target="_blank" rel="noopener noreferrer"><code>e37eef1</code></a></li><li>Inpage nav and timeline components <a href="https://github.com/eea/volto-eea-design-system/commit/76f0f82dc3a8f683268a4df7580b8f73a0cc1cb4" target="_blank" rel="noopener noreferrer"><code>76f0f82</code></a></li><li>Prettier updated files <a href="https://github.com/eea/volto-eea-design-system/commit/679b9d2026091685d6982ab68e5088544ea0941e" target="_blank" rel="noopener noreferrer"><code>679b9d2</code></a></li><li>dropdown initial <a href="https://github.com/eea/volto-eea-design-system/commit/d8aef26dc905adbb0fb72c73d6188b50944931c9" target="_blank" rel="noopener noreferrer"><code>d8aef26</code></a></li><li>Prettier changes <a href="https://github.com/eea/volto-eea-design-system/commit/f068af0b307d85146e1d8a529947c98988c506f7" target="_blank" rel="noopener noreferrer"><code>f068af0</code></a></li><li>List initial <a href="https://github.com/eea/volto-eea-design-system/commit/6d3b96974bc35ad958b8cfc7921c1fbe345e5ebf" target="_blank" rel="noopener noreferrer"><code>6d3b969</code></a></li><li>List story updated <a href="https://github.com/eea/volto-eea-design-system/commit/e96a6f6cff9a4db994df7cbf584842b18ca1c432" target="_blank" rel="noopener noreferrer"><code>e96a6f6</code></a></li><li>Statistics updates <a href="https://github.com/eea/volto-eea-design-system/commit/74bf63999cfeb0791b9475d3895a49a245be2cd3" target="_blank" rel="noopener noreferrer"><code>74bf639</code></a></li><li>styling <a href="https://github.com/eea/volto-eea-design-system/commit/c169cc026189ca71e6e9cad17bde9d65d93ffbde" target="_blank" rel="noopener noreferrer"><code>c169cc0</code></a></li><li>timeline comp storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/1f42686ae19b619fa659730567bdceb369ecd4b0" target="_blank" rel="noopener noreferrer"><code>1f42686</code></a></li><li>feature(docusaurus) added theming guidelines <a href="https://github.com/eea/volto-eea-design-system/commit/ded1f04a3197ac34640f98bcfe363c75a0a3745f" target="_blank" rel="noopener noreferrer"><code>ded1f04</code></a></li><li>Properly commented out integration tests. <a href="https://github.com/eea/volto-eea-design-system/commit/48b3a15f426db52b9fa27f6d7792c424b4939867" target="_blank" rel="noopener noreferrer"><code>48b3a15</code></a></li><li>Reattempting commented out integrations tests. <a href="https://github.com/eea/volto-eea-design-system/commit/3dd8211ecfca6c7891ef6851d0dc82899ab50f05" target="_blank" rel="noopener noreferrer"><code>3dd8211</code></a></li><li>Button theming <a href="https://github.com/eea/volto-eea-design-system/commit/4231e1c264165ef6f7e2f2cd6fbd7c51159330b6" target="_blank" rel="noopener noreferrer"><code>4231e1c</code></a></li><li>Card initial <a href="https://github.com/eea/volto-eea-design-system/commit/06dace5c4aa54d90ec4bcdc0b3fbc0883f825947" target="_blank" rel="noopener noreferrer"><code>06dace5</code></a></li><li>form element storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/c4b06aabddedbc281f23fc75a1e56476c4d1c1af" target="_blank" rel="noopener noreferrer"><code>c4b06aa</code></a></li><li>Pagination theming <a href="https://github.com/eea/volto-eea-design-system/commit/2a80175762fbab23691d52f89cd38eb6f7740c4e" target="_blank" rel="noopener noreferrer"><code>2a80175</code></a></li><li>Accordion theming <a href="https://github.com/eea/volto-eea-design-system/commit/8061bf90823a9172cfccb0ea1ed544ceda1c3fe9" target="_blank" rel="noopener noreferrer"><code>8061bf9</code></a></li><li>global var updates and radio story <a href="https://github.com/eea/volto-eea-design-system/commit/9526ee2fc8269db60ce912bfd4edfadbb55fed3a" target="_blank" rel="noopener noreferrer"><code>9526ee2</code></a></li><li>created pullquote component &amp; stories <a href="https://github.com/eea/volto-eea-design-system/commit/df35563fb7ba2be403461c120b32ebffaa391736" target="_blank" rel="noopener noreferrer"><code>df35563</code></a></li><li>Item stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/9d459f2cd92e419813e7edf0f28dec4c750a5940" target="_blank" rel="noopener noreferrer"><code>9d459f2</code></a></li><li>storybook clean up code <a href="https://github.com/eea/volto-eea-design-system/commit/bffd32603a70cf6cafa4874937f3fe218ba5de9d" target="_blank" rel="noopener noreferrer"><code>bffd326</code></a></li><li>List updates <a href="https://github.com/eea/volto-eea-design-system/commit/28f1b5352d83e144acdaae694cf20755a3b04106" target="_blank" rel="noopener noreferrer"><code>28f1b53</code></a></li><li>Button classes updates <a href="https://github.com/eea/volto-eea-design-system/commit/788c289549490d9ac5f1c40f1e39124349e1dbcd" target="_blank" rel="noopener noreferrer"><code>788c289</code></a></li><li>Prettier fixes <a href="https://github.com/eea/volto-eea-design-system/commit/678c9be717468fd2c8c425bec5999e81a66dabf6" target="_blank" rel="noopener noreferrer"><code>678c9be</code></a></li><li>Removed header title from partial docusaurus components. <a href="https://github.com/eea/volto-eea-design-system/commit/ed7c45e458504fa76ad500ab26f59a442b3c6952" target="_blank" rel="noopener noreferrer"><code>ed7c45e</code></a></li><li>created banner component and stories <a href="https://github.com/eea/volto-eea-design-system/commit/9be170f2ccb20218a7bdae48c85f77acd69427ff" target="_blank" rel="noopener noreferrer"><code>9be170f</code></a></li><li>Breadcrumb stories description &amp; defaultValue -- clean up code <a href="https://github.com/eea/volto-eea-design-system/commit/186ab65ca8635c853c919fc645c1ef0486e22a43" target="_blank" rel="noopener noreferrer"><code>186ab65</code></a></li><li>Refs #142123 added customization of semantic.less: <a href="https://github.com/eea/volto-eea-design-system/commit/1e02356722fcb7528883b6dc3bf71279343fd1f7" target="_blank" rel="noopener noreferrer"><code>1e02356</code></a></li><li>Card stories added description &amp; default values <a href="https://github.com/eea/volto-eea-design-system/commit/f6b408f1ed24ee69ad8faacc6b36cf06e9917478" target="_blank" rel="noopener noreferrer"><code>f6b408f</code></a></li><li>Statistic and accordion updates <a href="https://github.com/eea/volto-eea-design-system/commit/16064ceeb6e1a7f097979365473c6a86ced4056f" target="_blank" rel="noopener noreferrer"><code>16064ce</code></a></li><li>breadcrumb component &amp; stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5bceb980502828c182a3998943ab086159c3fcb6" target="_blank" rel="noopener noreferrer"><code>5bceb98</code></a></li><li>Container initial <a href="https://github.com/eea/volto-eea-design-system/commit/3eb7155332f83bb8896a831e24cbae028413aba2" target="_blank" rel="noopener noreferrer"><code>3eb7155</code></a></li><li>doc(docusaurus):Fix text for various parts <a href="https://github.com/eea/volto-eea-design-system/commit/bfd3fa2584a6e7aa2c26f3502b1ede912682905e" target="_blank" rel="noopener noreferrer"><code>bfd3fa2</code></a></li><li>blockquote component &amp; stories <a href="https://github.com/eea/volto-eea-design-system/commit/879b6402f08112fedfffe6d66e72c37750593bb8" target="_blank" rel="noopener noreferrer"><code>879b640</code></a></li><li>Refs #143412 removed doc comments breaking doc building <a href="https://github.com/eea/volto-eea-design-system/commit/e6a6756b0533e6dbfdb636f9a9e6485e30187cad" target="_blank" rel="noopener noreferrer"><code>e6a6756</code></a></li><li>Popup updates <a href="https://github.com/eea/volto-eea-design-system/commit/ce2d641d8f5d940cbb93deefdabbbfb85ad20ad7" target="_blank" rel="noopener noreferrer"><code>ce2d641</code></a></li><li>Global variables for colors and borders added <a href="https://github.com/eea/volto-eea-design-system/commit/6e5fbd619d163acae03d3d1bb26e082390f90c21" target="_blank" rel="noopener noreferrer"><code>6e5fbd6</code></a></li><li>Tab stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5429cfb7751d6ad31231f9cc19d8bd7e8d24d0b8" target="_blank" rel="noopener noreferrer"><code>5429cfb</code></a></li><li>Confirm stories added description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/85cda14b1338dc986bbab5aa7846b4ef3ec8d0bd" target="_blank" rel="noopener noreferrer"><code>85cda14</code></a></li><li>Kebab case class names <a href="https://github.com/eea/volto-eea-design-system/commit/b41cd078ab5b349dc1d15769832913dcc8e6786f" target="_blank" rel="noopener noreferrer"><code>b41cd07</code></a></li><li>Card and Comment class updates <a href="https://github.com/eea/volto-eea-design-system/commit/389946540d3def2ea81c5c7c489e79dc24d4efb3" target="_blank" rel="noopener noreferrer"><code>3899465</code></a></li><li>Accordion updates <a href="https://github.com/eea/volto-eea-design-system/commit/c97ba39cc7823cb72180a858c0b8a69cc9434927" target="_blank" rel="noopener noreferrer"><code>c97ba39</code></a></li><li>item stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/772e41f3d90034827afcb118c38ab075d3bb7bb9" target="_blank" rel="noopener noreferrer"><code>772e41f</code></a></li><li>Accordion class updates <a href="https://github.com/eea/volto-eea-design-system/commit/9cdde86f14a17701d66b3d2850980251094934b5" target="_blank" rel="noopener noreferrer"><code>9cdde86</code></a></li><li>Comment stories added description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/cb6f25bc1452330f4155ccf6a64df491740ed8da" target="_blank" rel="noopener noreferrer"><code>cb6f25b</code></a></li><li>Accrodion stories description &amp; default value <a href="https://github.com/eea/volto-eea-design-system/commit/ab8fb883c3cbfeea1807bf1aaf72f5d8424933f4" target="_blank" rel="noopener noreferrer"><code>ab8fb88</code></a></li><li>Pullquotes updates <a href="https://github.com/eea/volto-eea-design-system/commit/c5984213ba9397ddb4c1932394a5cc368336cf0a" target="_blank" rel="noopener noreferrer"><code>c598421</code></a></li><li>Modal and confirm class updates <a href="https://github.com/eea/volto-eea-design-system/commit/0ae47e6f55645c0d6318123a5783648326c16852" target="_blank" rel="noopener noreferrer"><code>0ae47e6</code></a></li><li>Tab and paggination updates <a href="https://github.com/eea/volto-eea-design-system/commit/96796fffb189d2fa3628423280f3622dcacb449f" target="_blank" rel="noopener noreferrer"><code>96796ff</code></a></li><li>Form Updates <a href="https://github.com/eea/volto-eea-design-system/commit/e986a9f0fc48ddcbc17488a8bbbaec82cee92232" target="_blank" rel="noopener noreferrer"><code>e986a9f</code></a></li><li>Classes renamed <a href="https://github.com/eea/volto-eea-design-system/commit/73c8c3d622bb3b9c0b5cf09e340de4df6606a14c" target="_blank" rel="noopener noreferrer"><code>73c8c3d</code></a></li><li>List and item less updates <a href="https://github.com/eea/volto-eea-design-system/commit/ce0de1708ca410c7839f3ce9b5b3cfbdb6979939" target="_blank" rel="noopener noreferrer"><code>ce0de17</code></a></li><li>Confirm theming <a href="https://github.com/eea/volto-eea-design-system/commit/36e20ce0dd6cd159e9f8e519d22ab696a622efd9" target="_blank" rel="noopener noreferrer"><code>36e20ce</code></a></li><li>container overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/4b3970bd28df5939fd438f7fc58b5d1dfbe33719" target="_blank" rel="noopener noreferrer"><code>4b3970b</code></a></li><li>Docusaurus theming <a href="https://github.com/eea/volto-eea-design-system/commit/fc4a8c5534b6eb85192a687890846b3a4bed9401" target="_blank" rel="noopener noreferrer"><code>fc4a8c5</code></a></li><li>refacto(headings): update mobile headings sizes <a href="https://github.com/eea/volto-eea-design-system/commit/b2e9f838766ffd73095ecf7eccc71629c09d6bc0" target="_blank" rel="noopener noreferrer"><code>b2e9f83</code></a></li><li>list stories and style changes <a href="https://github.com/eea/volto-eea-design-system/commit/c61db53b153f8f0e51eddd6a6c82dd38e6278c82" target="_blank" rel="noopener noreferrer"><code>c61db53</code></a></li><li>Tab theming <a href="https://github.com/eea/volto-eea-design-system/commit/e31e6c3b1f0d6b4dbd63425a1846914d8dfa318d" target="_blank" rel="noopener noreferrer"><code>e31e6c3</code></a></li><li>Message and pagination classes updates <a href="https://github.com/eea/volto-eea-design-system/commit/c230687c48953208461aa92376588246d49dadaa" target="_blank" rel="noopener noreferrer"><code>c230687</code></a></li><li>Segment initial <a href="https://github.com/eea/volto-eea-design-system/commit/d5724fe639e0f2aecbb1c633fe7e69b742ddfaf5" target="_blank" rel="noopener noreferrer"><code>d5724fe</code></a></li><li>Refs #143412 removed doc comments from api_markdown breaking doc building <a href="https://github.com/eea/volto-eea-design-system/commit/efeacba82875c6b36ee1ef76792e86ca03ee6f35" target="_blank" rel="noopener noreferrer"><code>efeacba</code></a></li><li>Timeline and responsiveness updates <a href="https://github.com/eea/volto-eea-design-system/commit/1ed152476e33bc41fdf9d89a6bc80f83af538373" target="_blank" rel="noopener noreferrer"><code>1ed1524</code></a></li><li>Refs #142123 use swap font-display for performance reasons <a href="https://github.com/eea/volto-eea-design-system/commit/083738f0834982b5684d67d75c080dc50b1c74ef" target="_blank" rel="noopener noreferrer"><code>083738f</code></a></li><li>Breadcrumb stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/3d0d17ca4f04123d55fda64c516b8f867ee1bd13" target="_blank" rel="noopener noreferrer"><code>3d0d17c</code></a></li><li>Table component stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/0bf40835204f57ab300e2c325309fddf5279d76b" target="_blank" rel="noopener noreferrer"><code>0bf4083</code></a></li><li>List stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/a64b304a3aa025873643d592de03cbfbc0d02d81" target="_blank" rel="noopener noreferrer"><code>a64b304</code></a></li><li>blockquote component minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/cdf71a883d3778e1bde25ec0b4a2f3e370b98b09" target="_blank" rel="noopener noreferrer"><code>cdf71a8</code></a></li><li>ckeckbox stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/6d6e508f73a18d7ce9fcdb779026113659ce8950" target="_blank" rel="noopener noreferrer"><code>6d6e508</code></a></li><li>image component storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/91290ec540ae913fff76f0dbed6c310668a2eeb3" target="_blank" rel="noopener noreferrer"><code>91290ec</code></a></li><li>button overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/d5b78dd7b794e2e0ece2d5af9eb171e73b77ee93" target="_blank" rel="noopener noreferrer"><code>d5b78dd</code></a></li><li>accordion overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/fdcf7d58eea3ce9e68c49649fb4a788c8a801b49" target="_blank" rel="noopener noreferrer"><code>fdcf7d5</code></a></li><li>Accordion component and stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5079247b2d4b96b2a7252692ea538ca620cbec38" target="_blank" rel="noopener noreferrer"><code>5079247</code></a></li><li>Card theming <a href="https://github.com/eea/volto-eea-design-system/commit/23bbb9d1b5751bc4877d02ae1c676ea28463ec39" target="_blank" rel="noopener noreferrer"><code>23bbb9d</code></a></li><li>statistic overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/2b11cb5ffb9c907563b37a3db8fea3b1ef3584bc" target="_blank" rel="noopener noreferrer"><code>2b11cb5</code></a></li><li>Refs #143412 build docs only on pull request like we do with storybook <a href="https://github.com/eea/volto-eea-design-system/commit/473bb87be53610a654d35c9b399de14824301385" target="_blank" rel="noopener noreferrer"><code>473bb87</code></a></li><li>Card component stories minor change | added link icon <a href="https://github.com/eea/volto-eea-design-system/commit/deb423af02643697c3781212b177487174d341f7" target="_blank" rel="noopener noreferrer"><code>deb423a</code></a></li><li>comment component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/f1c5e75f1af24c5b39a2e61cf07c773abfa96f66" target="_blank" rel="noopener noreferrer"><code>f1c5e75</code></a></li><li>Accordion component bug fixed <a href="https://github.com/eea/volto-eea-design-system/commit/815e91df66ed738f3d91cadc8df151782829f545" target="_blank" rel="noopener noreferrer"><code>815e91d</code></a></li><li>Refs #145331 use iso date to release so that we see also time <a href="https://github.com/eea/volto-eea-design-system/commit/ceedf08937ab683c3e624cd3c909bf4a4788f883" target="_blank" rel="noopener noreferrer"><code>ceedf08</code></a></li><li>correct connfig for doco <a href="https://github.com/eea/volto-eea-design-system/commit/93e13135e7f00fe32f4db2d720db4159970da021" target="_blank" rel="noopener noreferrer"><code>93e1313</code></a></li><li>Item updates <a href="https://github.com/eea/volto-eea-design-system/commit/fae93d43a0ad56c4c9b8ce7bf436ad4f47421744" target="_blank" rel="noopener noreferrer"><code>fae93d4</code></a></li><li>added layout grid <a href="https://github.com/eea/volto-eea-design-system/commit/2e6be557bcd3bef836338380ef68acade1c6b3e3" target="_blank" rel="noopener noreferrer"><code>2e6be55</code></a></li><li>tab overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/87aaf32cac5a0dee0da5833217de68da62327f5a" target="_blank" rel="noopener noreferrer"><code>87aaf32</code></a></li><li>message overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/6dccfca52d9673f394d81bd40da0af1b1504af0c" target="_blank" rel="noopener noreferrer"><code>6dccfca</code></a></li><li>segment storie changes <a href="https://github.com/eea/volto-eea-design-system/commit/296371fa71e43c2341bee8069f66d5cd1f7aa5f8" target="_blank" rel="noopener noreferrer"><code>296371f</code></a></li><li>progress component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/df10c2ed1289ae770008c71e1545c1ac0a223fc5" target="_blank" rel="noopener noreferrer"><code>df10c2e</code></a></li><li>message comp storybook changes <a href="https://github.com/eea/volto-eea-design-system/commit/c86b40563f655fd5833dd05119f04d0e4256e75f" target="_blank" rel="noopener noreferrer"><code>c86b405</code></a></li><li>Accordion cmponent stories | minor bug fix <a href="https://github.com/eea/volto-eea-design-system/commit/6de0d816287a9beeb9e8a5a890a2e14f3457a792" target="_blank" rel="noopener noreferrer"><code>6de0d81</code></a></li><li>Refs #145331 add all changes when auto building docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/ce11cce4fe3dadc16a0da56c36bc5db480e4ff91" target="_blank" rel="noopener noreferrer"><code>ce11cce</code></a></li><li>perf(timeline):removed semantic timeline package <a href="https://github.com/eea/volto-eea-design-system/commit/0aeb34a189eb53a5fc0fc45d716da515b7ed0301" target="_blank" rel="noopener noreferrer"><code>0aeb34a</code></a></li><li>Tablet Breakpoint update <a href="https://github.com/eea/volto-eea-design-system/commit/b229c2739e75a00e403dd07c31eb0dac7700baac" target="_blank" rel="noopener noreferrer"><code>b229c27</code></a></li><li>Refs #143412 set storyBook Url to eea.github.io <a href="https://github.com/eea/volto-eea-design-system/commit/b7fdecbb5e9e6e7db0b128ab7fd3a98dd1dbbc74" target="_blank" rel="noopener noreferrer"><code>b7fdecb</code></a></li><li>bump package version to signaling of a major release <a href="https://github.com/eea/volto-eea-design-system/commit/c835f1d8193685153b8a9b54edbc2e8d3d095321" target="_blank" rel="noopener noreferrer"><code>c835f1d</code></a></li><li>small commit to trigger deployment of storybook and docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/be46ea3b581cccc82369c9cf6d4e29b02822cd71" target="_blank" rel="noopener noreferrer"><code>be46ea3</code></a></li><li>doc(accordion):revert previous change <a href="https://github.com/eea/volto-eea-design-system/commit/3de02da26472c17389366d933f3293f658fd783a" target="_blank" rel="noopener noreferrer"><code>3de02da</code></a></li><li>fix typo for caption @desktop line-height pixel number <a href="https://github.com/eea/volto-eea-design-system/commit/167155234a897334a03a4f3eadc71701185bb924" target="_blank" rel="noopener noreferrer"><code>1671552</code></a></li><li>Commented out integration tests. <a href="https://github.com/eea/volto-eea-design-system/commit/574cfec852f39bdd30430d2ca3a466aec417180d" target="_blank" rel="noopener noreferrer"><code>574cfec</code></a></li><li>popup overrides changes <a href="https://github.com/eea/volto-eea-design-system/commit/a9555e3128bd0c92691410c202d9b26dd5a5e0c5" target="_blank" rel="noopener noreferrer"><code>a9555e3</code></a></li><li>container component stories fixes <a href="https://github.com/eea/volto-eea-design-system/commit/692cfce5e795ac718855349424e7e8eb9c7518ec" target="_blank" rel="noopener noreferrer"><code>692cfce</code></a></li><li>Added timeline to package json fixed <a href="https://github.com/eea/volto-eea-design-system/commit/f2e93e0478a1502cccb8d7f866cef337a2546b6c" target="_blank" rel="noopener noreferrer"><code>f2e93e0</code></a></li><li>Refs #142123 modified import of volto-eea-design-system icon.less: <a href="https://github.com/eea/volto-eea-design-system/commit/a7fab7d2871f153c2db139e3258da071ace7c09d" target="_blank" rel="noopener noreferrer"><code>a7fab7d</code></a></li><li>Refs #142123 reference icon.less from this package: <a href="https://github.com/eea/volto-eea-design-system/commit/5616e6d730f1a8cbc04784230c35f3490fd0f921" target="_blank" rel="noopener noreferrer"><code>5616e6d</code></a></li><li>Menu component stories change <a href="https://github.com/eea/volto-eea-design-system/commit/2797716aa050a8f70d2b6f0f19b7d01e5cd035be" target="_blank" rel="noopener noreferrer"><code>2797716</code></a></li><li>Image stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ddb9f1dd56fe42e17df1eac5bfd93ee6eaac3179" target="_blank" rel="noopener noreferrer"><code>ddb9f1d</code></a></li><li>card component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/6ccba1ec4a388ced5a3671bf88d4f18aefc8cff3" target="_blank" rel="noopener noreferrer"><code>6ccba1e</code></a></li><li>Added timeline to package json <a href="https://github.com/eea/volto-eea-design-system/commit/93031d6b6b3215e98074700554d7546f9f17f320" target="_blank" rel="noopener noreferrer"><code>93031d6</code></a></li><li>table stories code clean up <a href="https://github.com/eea/volto-eea-design-system/commit/b7b2a56e37b847a3a3fc3d78f2099aba052826c3" target="_blank" rel="noopener noreferrer"><code>b7b2a56</code></a></li><li>Refs #143412  removed extra baseUrl from docusaurus config <a href="https://github.com/eea/volto-eea-design-system/commit/79f36da6a38866765025cedd4f5eeb63e273785c" target="_blank" rel="noopener noreferrer"><code>79f36da</code></a></li><li>Accordion stories minor change <a href="https://github.com/eea/volto-eea-design-system/commit/ffe808aabc77c6cb324e8fe097a97bb82c291c29" target="_blank" rel="noopener noreferrer"><code>ffe808a</code></a></li><li>Theme assets <a href="https://github.com/eea/volto-eea-design-system/commit/3f4bea4b53e393bc3d926b63683265c0b5df32c2" target="_blank" rel="noopener noreferrer"><code>3f4bea4</code></a></li><li>Merged with develop <a href="https://github.com/eea/volto-eea-design-system/commit/167ec9f7847162965ad045259989cc31abaad7f1" target="_blank" rel="noopener noreferrer"><code>167ec9f</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta2---2022-01-03"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.1...0.1.2-beta.2" target="_blank" rel="noopener noreferrer">0.1.2-beta.2</a> - 2022-01-03<a aria-hidden="true" class="hash-link" href="#012-beta2---2022-01-03" title="Direct link to heading">​</a></h3><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta1---2021-12-22"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.2-beta.0...0.1.2-beta.1" target="_blank" rel="noopener noreferrer">0.1.2-beta.1</a> - 2021-12-22<a aria-hidden="true" class="hash-link" href="#012-beta1---2021-12-22" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-11">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-11" title="Direct link to heading">​</a></h4><ul><li>Tab component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/4690a6fc1e739eeeeaa3dc90ee35e05a22875bf8" target="_blank" rel="noopener noreferrer"><code>4690a6f</code></a></li><li>Comment component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/a87cb6ad7959ce939c9decbfaa08026d4f00a10e" target="_blank" rel="noopener noreferrer"><code>a87cb6a</code></a></li><li>Form stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/fc30c900e5adf5a27930aa64a79a632e2b7d84ae" target="_blank" rel="noopener noreferrer"><code>fc30c90</code></a></li><li>Grid component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/798fdd0d0fecb7980308c831fc9dc111a36c5d9f" target="_blank" rel="noopener noreferrer"><code>798fdd0</code></a></li><li>Image component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/be93385f1ea29846512eb7762d69bb98f33be7f2" target="_blank" rel="noopener noreferrer"><code>be93385</code></a></li><li>Menu component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/cb1f9a82843bb4e3011be9813ae692c94d986495" target="_blank" rel="noopener noreferrer"><code>cb1f9a8</code></a></li><li>Dropdown component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/57cf954599292e6a2f8a1644c6b6d61706ecaf60" target="_blank" rel="noopener noreferrer"><code>57cf954</code></a></li><li>Header component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/264fd463734c9587e3a820f4d14527af89274e12" target="_blank" rel="noopener noreferrer"><code>264fd46</code></a></li><li>Confirn component minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/9a00bc174fb676e626d6cc93fac225e8a6165790" target="_blank" rel="noopener noreferrer"><code>9a00bc1</code></a></li><li>Item component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6994fa00c0f91550f64d7345503df7f562480d32" target="_blank" rel="noopener noreferrer"><code>6994fa0</code></a></li><li>Label component stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/5cc5843327deeaa5ae2cedc03e6f0c314be6586a" target="_blank" rel="noopener noreferrer"><code>5cc5843</code></a></li><li>Container component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e6e40b3a505c2e2fe88a36d74ea4e9728e3491f6" target="_blank" rel="noopener noreferrer"><code>e6e40b3</code></a></li><li>Message component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/ba9d377fd5b04274f1d42065eafa2401a1b0bbca" target="_blank" rel="noopener noreferrer"><code>ba9d377</code></a></li><li>Breadcrumb component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/ff7a176141c3a59d71df98a0ed0b23b8c08787df" target="_blank" rel="noopener noreferrer"><code>ff7a176</code></a></li><li>Modal component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/af1fe6a84d058fb937b555f4dc3e0efceebefa04" target="_blank" rel="noopener noreferrer"><code>af1fe6a</code></a></li><li>List stories changes <a href="https://github.com/eea/volto-eea-design-system/commit/0016042856fa2275aed373eebd6f996b837619a2" target="_blank" rel="noopener noreferrer"><code>0016042</code></a></li><li>Button component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/690dfd234bee017c1f1cda7077265e6cf4a870e9" target="_blank" rel="noopener noreferrer"><code>690dfd2</code></a></li><li>Radio component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/84eac30ab5b523ed09c56b9cca41b058cee3e5d2" target="_blank" rel="noopener noreferrer"><code>84eac30</code></a></li><li>Progress component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e6763571afe637375e8260babd9f2219f29b432a" target="_blank" rel="noopener noreferrer"><code>e676357</code></a></li><li>Pagination component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/b1af226b9bd42097dc3c74be3d9ca3fab29b80f6" target="_blank" rel="noopener noreferrer"><code>b1af226</code></a></li><li>Segment component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/5f8c7efcb9b1de209ff146dd315ea9d43b16f4db" target="_blank" rel="noopener noreferrer"><code>5f8c7ef</code></a></li><li>Refs #143412 eslint fixes for component stories <a href="https://github.com/eea/volto-eea-design-system/commit/badcb9158cb4a847380f66592b22c78b5117626a" target="_blank" rel="noopener noreferrer"><code>badcb91</code></a></li><li>Table component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/7c104b8e89272b0e2505d165184093ee2680c6f3" target="_blank" rel="noopener noreferrer"><code>7c104b8</code></a></li><li>Refs #143412 more eslint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/a88c091723af0b87cfa85c83307d9510d2bae65c" target="_blank" rel="noopener noreferrer"><code>a88c091</code></a></li><li>Refs #143412 warn for broken links instead of throwing <a href="https://github.com/eea/volto-eea-design-system/commit/bd5821cb78e030aaf69de73dc4d3bdadbe320195" target="_blank" rel="noopener noreferrer"><code>bd5821c</code></a></li><li>Refs #143412  merge changes from develop-itml to develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/bca28b968bc88720aff9e29e1a94a597a7375666" target="_blank" rel="noopener noreferrer"><code>bca28b9</code></a></li><li>made tabs dynamic for api tab <a href="https://github.com/eea/volto-eea-design-system/commit/ea37ecb3ec9fe0ace41d7650d59e209929d8e95f" target="_blank" rel="noopener noreferrer"><code>ea37ecb</code></a></li><li>Basic storybook/Docusaurus components <a href="https://github.com/eea/volto-eea-design-system/commit/840ab60f22f7b73d8742fa7452f198d486c6ec5b" target="_blank" rel="noopener noreferrer"><code>840ab60</code></a></li><li>created List directory &amp; srories based on semantic-ui List component <a href="https://github.com/eea/volto-eea-design-system/commit/51f19016b27228a4d391c88b7eee27357d6fdc0d" target="_blank" rel="noopener noreferrer"><code>51f1901</code></a></li><li>made tabs as component easy to call for other components <a href="https://github.com/eea/volto-eea-design-system/commit/07bae4900a4076f3429d3a26978b92aabf6b23ba" target="_blank" rel="noopener noreferrer"><code>07bae49</code></a></li><li>Popup Component | minor fixes <a href="https://github.com/eea/volto-eea-design-system/commit/2ff9908a9374f93b9eaf4d8ee8de24acdf5be3ec" target="_blank" rel="noopener noreferrer"><code>2ff9908</code></a></li><li>created stories for Tab component <a href="https://github.com/eea/volto-eea-design-system/commit/95e3a733921b42fbe2540fa39548284abff9fdc0" target="_blank" rel="noopener noreferrer"><code>95e3a73</code></a></li><li>created Table directory and stories based on semantic-ui Table component <a href="https://github.com/eea/volto-eea-design-system/commit/e16115daa000962ccd8d141e3c11fd099446a388" target="_blank" rel="noopener noreferrer"><code>e16115d</code></a></li><li>List component stories - minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/de113430b487297417c4697178f9ee37412a5389" target="_blank" rel="noopener noreferrer"><code>de11343</code></a></li><li>created stories for Comment component <a href="https://github.com/eea/volto-eea-design-system/commit/a20f8842e8cb5c937dfc450030ac9afcf78ffe11" target="_blank" rel="noopener noreferrer"><code>a20f884</code></a></li><li>created stories for Grid component <a href="https://github.com/eea/volto-eea-design-system/commit/360d2a897f36e86c58b0ba6ac3d4fc852d10287d" target="_blank" rel="noopener noreferrer"><code>360d2a8</code></a></li><li>created stories for Image component <a href="https://github.com/eea/volto-eea-design-system/commit/3c1d2bcaf886c96052af45fcce98243ea56c98a5" target="_blank" rel="noopener noreferrer"><code>3c1d2bc</code></a></li><li>created stories for Menu component <a href="https://github.com/eea/volto-eea-design-system/commit/17e3b37ae447d8cc86228fa6c0c48a8fd8be9d03" target="_blank" rel="noopener noreferrer"><code>17e3b37</code></a></li><li>Added untracked files <a href="https://github.com/eea/volto-eea-design-system/commit/75f0afda10114e70348e23d480f8f74528531674" target="_blank" rel="noopener noreferrer"><code>75f0afd</code></a></li><li>created Dropdown stories <a href="https://github.com/eea/volto-eea-design-system/commit/d6a25381078e0b3cabdb9270d5224b3886ab6af9" target="_blank" rel="noopener noreferrer"><code>d6a2538</code></a></li><li>created Header component stories <a href="https://github.com/eea/volto-eea-design-system/commit/b8339798f3e7d40f1b5a033bf4d7303c756c38d3" target="_blank" rel="noopener noreferrer"><code>b833979</code></a></li><li>created stories for semantic-ui Confirm component <a href="https://github.com/eea/volto-eea-design-system/commit/6fddccc6cf97f9929da52064ceb379f9fc427b42" target="_blank" rel="noopener noreferrer"><code>6fddccc</code></a></li><li>created Statistic directory and stories with semantic-ui Statistic component <a href="https://github.com/eea/volto-eea-design-system/commit/cd62498dbd75d5dff0adf849ff95d22bb9dc3b34" target="_blank" rel="noopener noreferrer"><code>cd62498</code></a></li><li>created Item component stories <a href="https://github.com/eea/volto-eea-design-system/commit/90ec2be7eede347352e318c70615c30e7d422073" target="_blank" rel="noopener noreferrer"><code>90ec2be</code></a></li><li>created stories for Container component <a href="https://github.com/eea/volto-eea-design-system/commit/41934f6c5961ae0ac034a496ac169a191c7a5288" target="_blank" rel="noopener noreferrer"><code>41934f6</code></a></li><li>created Label component stories <a href="https://github.com/eea/volto-eea-design-system/commit/71732f68b3153320710fbf7fb78dac460b8a084f" target="_blank" rel="noopener noreferrer"><code>71732f6</code></a></li><li>created Message component stories <a href="https://github.com/eea/volto-eea-design-system/commit/adcbeabe6d4e8c1bbd7bd925c5f7fd3109fb407c" target="_blank" rel="noopener noreferrer"><code>adcbeab</code></a></li><li>created Modal component stories <a href="https://github.com/eea/volto-eea-design-system/commit/c25409d8901ad4eba66fa66a9f5c34b0353569b9" target="_blank" rel="noopener noreferrer"><code>c25409d</code></a></li><li>Breadcrumb component stories and minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6264d92bcf6565e284ae9dc0c7a918652bb3959e" target="_blank" rel="noopener noreferrer"><code>6264d92</code></a></li><li>created Pagination component stories <a href="https://github.com/eea/volto-eea-design-system/commit/57cdad35e21fdacf303e407abcb8988e97e87242" target="_blank" rel="noopener noreferrer"><code>57cdad3</code></a></li><li>created Segment component stories <a href="https://github.com/eea/volto-eea-design-system/commit/d8d01d70dab9359be46eb1629b3198f871091c7a" target="_blank" rel="noopener noreferrer"><code>d8d01d7</code></a></li><li>created stories for Radio component <a href="https://github.com/eea/volto-eea-design-system/commit/1fd062d8a08cbe8507f5154201632ea96f765a2c" target="_blank" rel="noopener noreferrer"><code>1fd062d</code></a></li><li>Menu stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/6ba5e0d00a26ffd4625fb51f759af3764cef28de" target="_blank" rel="noopener noreferrer"><code>6ba5e0d</code></a></li><li>Statistic component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/3c874a520c9959b7673b5c86f63e53e90f006f22" target="_blank" rel="noopener noreferrer"><code>3c874a5</code></a></li><li>Card component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/290bda8dac4c9bb4476108c2e4969fa283f935e2" target="_blank" rel="noopener noreferrer"><code>290bda8</code></a></li><li>Accrordion stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/2ee3f592fbfaead01506fb6a4dbfb36d06269564" target="_blank" rel="noopener noreferrer"><code>2ee3f59</code></a></li><li>renamed Demo folder to Layout <a href="https://github.com/eea/volto-eea-design-system/commit/b9f6d05708310889dd018961bf5df9d5edd66e12" target="_blank" rel="noopener noreferrer"><code>b9f6d05</code></a></li><li>remove test exclusion <a href="https://github.com/eea/volto-eea-design-system/commit/94dba3eaa864e25d34bcc33ab19494f83ecabb25" target="_blank" rel="noopener noreferrer"><code>94dba3e</code></a></li><li>Accordion component stories minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/e672d59f86a79e69f15b5212e2953aa7c5fea1d1" target="_blank" rel="noopener noreferrer"><code>e672d59</code></a></li><li>fix docusaurus url (removed trailing /) <a href="https://github.com/eea/volto-eea-design-system/commit/b6c59fc7733b3df47dca797906e8f7e40a2f4ada" target="_blank" rel="noopener noreferrer"><code>b6c59fc</code></a></li><li>Item component stories - minor changes <a href="https://github.com/eea/volto-eea-design-system/commit/f0a99025b9093ecf2eb25fd4b4e401b5b532a481" target="_blank" rel="noopener noreferrer"><code>f0a9902</code></a></li><li>eea logos and assets <a href="https://github.com/eea/volto-eea-design-system/commit/b435b511d64b0ca99bfd310d66bdbfd5985390cc" target="_blank" rel="noopener noreferrer"><code>b435b51</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="012-beta0---2021-12-18"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.1...0.1.2-beta.0" target="_blank" rel="noopener noreferrer">0.1.2-beta.0</a> - 2021-12-18<a aria-hidden="true" class="hash-link" href="#012-beta0---2021-12-18" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-12">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-12" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 added github action to build docusaurus to the develop branch <a href="https://github.com/eea/volto-eea-design-system/commit/abe6a72882a41c9bca3649a3a6697619038e1677" target="_blank" rel="noopener noreferrer"><code>abe6a72</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="011---2021-12-16"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.1-beta.0...0.1.1" target="_blank" rel="noopener noreferrer">0.1.1</a> - 2021-12-16<a aria-hidden="true" class="hash-link" href="#011---2021-12-16" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-13">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-13" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 changed the following to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/6791d413cf1b9e434970564d9e59ed56b41907f0" target="_blank" rel="noopener noreferrer"><code>6791d41</code></a></li><li>Refs #140454 corrected base url for docusaurus website build <a href="https://github.com/eea/volto-eea-design-system/commit/98271b3d39e2e21dfb4a0e31c334dc9e87811e4a" target="_blank" rel="noopener noreferrer"><code>98271b3</code></a></li><li>Initial test changes on design system/docusaurus. <a href="https://github.com/eea/volto-eea-design-system/commit/9dad612f385cc9fde712809f07dbe2b7111432cf" target="_blank" rel="noopener noreferrer"><code>9dad612</code></a></li><li>After prettier check <a href="https://github.com/eea/volto-eea-design-system/commit/9ec40b4fe9d8a18e99f774e1a96a55b286a9733a" target="_blank" rel="noopener noreferrer"><code>9ec40b4</code></a></li><li>Refs #140454 restore SearchWidget.jsx content and removed dummy text from docs intro page <a href="https://github.com/eea/volto-eea-design-system/commit/7505df89d93ac99156834a0c50a8e2b174c506f8" target="_blank" rel="noopener noreferrer"><code>7505df8</code></a></li><li>Refs #140454 added references to eea and the storybook in the docusaurus footer <a href="https://github.com/eea/volto-eea-design-system/commit/42bbfcdd67888c3a7a55875d67acae9f7eb753bb" target="_blank" rel="noopener noreferrer"><code>42bbfcd</code></a></li><li>Refs #140454 lint fixes <a href="https://github.com/eea/volto-eea-design-system/commit/9502f2bdbd45262b38926def5b7b55efabf4c32c" target="_blank" rel="noopener noreferrer"><code>9502f2b</code></a></li><li>Add SonarQube badges <a href="https://github.com/eea/volto-eea-design-system/commit/a4e0a4053ff2313fc3939caab80d874470aca062" target="_blank" rel="noopener noreferrer"><code>a4e0a40</code></a></li><li>Refs #140454 brought changes from develop-itml and upgrades docusaurus <a href="https://github.com/eea/volto-eea-design-system/commit/207c873532e38fb7909cdc32a02bf50e575b66fa" target="_blank" rel="noopener noreferrer"><code>207c873</code></a></li><li>Refs #140454 removed extra content not needed by the docusaurus site <a href="https://github.com/eea/volto-eea-design-system/commit/bc68ebe8259c9b8ed6bc73df8102885554bbc4ed" target="_blank" rel="noopener noreferrer"><code>bc68ebe</code></a></li><li>Refs #140454 updated docusaurus to latest beta <a href="https://github.com/eea/volto-eea-design-system/commit/d68ed8a1660910067a09550626a5f0e8fbbeeac9" target="_blank" rel="noopener noreferrer"><code>d68ed8a</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="011-beta0---2021-12-09"><a href="https://github.com/eea/volto-eea-design-system/compare/0.1.0...0.1.1-beta.0" target="_blank" rel="noopener noreferrer">0.1.1-beta.0</a> - 2021-12-09<a aria-hidden="true" class="hash-link" href="#011-beta0---2021-12-09" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-14">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-14" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 moved header and footer templates from volto-ims-theme: <a href="https://github.com/eea/volto-eea-design-system/commit/e2d5e56045c0b7d917153d95492dd340668b6222" target="_blank" rel="noopener noreferrer"><code>e2d5e56</code></a></li><li>Refs #140454 added website folder with docusaurus site skeleton <a href="https://github.com/eea/volto-eea-design-system/commit/6fd15f4365a207308c068fe7eb197c0717e93954" target="_blank" rel="noopener noreferrer"><code>6fd15f4</code></a></li><li>Refs #142794 added commented implementation of the header and footer area: <a href="https://github.com/eea/volto-eea-design-system/commit/773ad8784f4a03e4b600406999d3a274a3984d39" target="_blank" rel="noopener noreferrer"><code>773ad87</code></a></li><li>Refs #140454 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/4137ec42270c28cbe036ba11e9475f00a7a5cba3" target="_blank" rel="noopener noreferrer"><code>4137ec4</code></a></li><li>Refs #140454 removed storybook from volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/a129ffb485c4c55f19129a209d920da8f8f52418" target="_blank" rel="noopener noreferrer"><code>a129ffb</code></a></li><li>Refs #140454 added storybook as a dev dependency: <a href="https://github.com/eea/volto-eea-design-system/commit/e04ae4e0294fbb4a09f367d1693a158d5a1e8f2f" target="_blank" rel="noopener noreferrer"><code>e04ae4e</code></a></li><li>Refs #140454 updated Breadcrumbs.jsx to latest version: <a href="https://github.com/eea/volto-eea-design-system/commit/63fe5076781f3cf2ce5c79641a5f1b45f298b476" target="_blank" rel="noopener noreferrer"><code>63fe507</code></a></li><li>Refs #140454 we should use jsx and not mdx for storybook tests <a href="https://github.com/eea/volto-eea-design-system/commit/3668e667f857cb3052b9d63cf27ec629fe1c8394" target="_blank" rel="noopener noreferrer"><code>3668e66</code></a></li><li>Refs #140454  updated eea-design-system readme with extra info on package contents <a href="https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780" target="_blank" rel="noopener noreferrer"><code>d2efc3d</code></a></li><li>Refs #142010 - Optimize Volto-addons gitflow pipelines <a href="https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d" target="_blank" rel="noopener noreferrer"><code>3af46d2</code></a></li><li>Refs #140454 Renamed folders of docusaurus website: <a href="https://github.com/eea/volto-eea-design-system/commit/15bca7462ba1b3c626e2bf76597f6436aa5e9092" target="_blank" rel="noopener noreferrer"><code>15bca74</code></a></li><li>Add demo story <a href="https://github.com/eea/volto-eea-design-system/commit/757c409271eb70baa54bff8bd7c71ba29aaa4f66" target="_blank" rel="noopener noreferrer"><code>757c409</code></a></li><li>Refs #142794 enabled minimum css so that header looks decent <a href="https://github.com/eea/volto-eea-design-system/commit/adbe2335bacf5ae09541c3679a246a5ec28376a4" target="_blank" rel="noopener noreferrer"><code>adbe233</code></a></li><li>Refs #140454 use the develop branch for the readme linking, it&#x27;s always more up to date <a href="https://github.com/eea/volto-eea-design-system/commit/23dcf166d5d633df2a63ab6fa5bac4be086e99a3" target="_blank" rel="noopener noreferrer"><code>23dcf16</code></a></li><li>Refs #140454 added missing themes reference for the eea theme <a href="https://github.com/eea/volto-eea-design-system/commit/e9ca244fcedf0be420748b3e5347e98309b5d996" target="_blank" rel="noopener noreferrer"><code>e9ca244</code></a></li><li>Refs #140454 modified assets imports after move to volto-eea-design-system <a href="https://github.com/eea/volto-eea-design-system/commit/2250cc7ba4155c328837cea09e2e7d94afc984f8" target="_blank" rel="noopener noreferrer"><code>2250cc7</code></a></li><li>Load footer in segment <a href="https://github.com/eea/volto-eea-design-system/commit/80d38a96284e7fa9416ba327a43e29eb94bebe55" target="_blank" rel="noopener noreferrer"><code>80d38a9</code></a></li><li>Refs #140454 bump package version to 1.1.0 from 0.1.1 from develop branch: <a href="https://github.com/eea/volto-eea-design-system/commit/1314039ceb45d405af6bc4698b489bbd6562c6ae" target="_blank" rel="noopener noreferrer"><code>1314039</code></a></li><li>Refs #142794 keep toolbalWidth variables in case design system runs in an older version of Volto <a href="https://github.com/eea/volto-eea-design-system/commit/1a8b30562e4167fe36b095877db0b215d10cb620" target="_blank" rel="noopener noreferrer"><code>1a8b305</code></a></li><li>Refs #142794 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/fbb80b1dbd0e3078777b8b3496d4b207ba25639a" target="_blank" rel="noopener noreferrer"><code>fbb80b1</code></a></li><li>Refs #140454 moved storybook scripts to the scripts section <a href="https://github.com/eea/volto-eea-design-system/commit/705c4c365d26152d917c62991f3f8202bc75287d" target="_blank" rel="noopener noreferrer"><code>705c4c3</code></a></li><li>Refs #140454 removed dangling comma <a href="https://github.com/eea/volto-eea-design-system/commit/514f24d503a1f05497696c22c7fdbf7bc19d4e54" target="_blank" rel="noopener noreferrer"><code>514f24d</code></a></li><li>Refs #140454 changed link to the start of the docs <a href="https://github.com/eea/volto-eea-design-system/commit/0e16fdfc77e119da4e1f15183d9cb95ef9b4b6cf" target="_blank" rel="noopener noreferrer"><code>0e16fdf</code></a></li><li>Refs #140454 add h1 to the list of elements that are max 800px and centered <a href="https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e" target="_blank" rel="noopener noreferrer"><code>7d3c30f</code></a></li><li>Add Sonarqube tag using ims-frontend addons list <a href="https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9" target="_blank" rel="noopener noreferrer"><code>8d657d0</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="010---2021-11-17"><a href="https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0" target="_blank" rel="noopener noreferrer">0.1.0</a> - 2021-11-17<a aria-hidden="true" class="hash-link" href="#010---2021-11-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-15">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-15" title="Direct link to heading">​</a></h4><ul><li>Refs #140454 changed the following to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/40d2af693e35abdda3ededc7aabcb17e9a12e781" target="_blank" rel="noopener noreferrer"><code>40d2af6</code></a></li><li>Refs #141204 elements folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/595b4e60816d3e24950ede3afea6e5f2aa2d7008" target="_blank" rel="noopener noreferrer"><code>595b4e6</code></a></li><li>Refs #141204 use font awesome from SemanticUI instead of Pastanaga: <a href="https://github.com/eea/volto-eea-design-system/commit/4e273ca1b9a2be1f169d12258ac2335c3ebeefff" target="_blank" rel="noopener noreferrer"><code>4e273ca</code></a></li><li>Refs #141204 removed the components customizations from volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/c98c260b549cd1db48bfe556e994692a4855b95d" target="_blank" rel="noopener noreferrer"><code>c98c260</code></a></li><li>Refs #141204 added customizations folder from volto-ims-theme to volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/ff4bf44bd648ff179bd7c82d0cf80da968b291b0" target="_blank" rel="noopener noreferrer"><code>ff4bf44</code></a></li><li>Refs #141204 modules folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/f2841b62c87e3242423bca1117c7e1793baa7974" target="_blank" rel="noopener noreferrer"><code>f2841b6</code></a></li><li>Refs #141204 customized Comments.jsx to remove unnecessary container <a href="https://github.com/eea/volto-eea-design-system/commit/b2e95d7ae875a7fc85366c76ef35ce215dd7b5ff" target="_blank" rel="noopener noreferrer"><code>b2e95d7</code></a></li><li>Refs #132149 added initial commit for volto-eea-design-system: <a href="https://github.com/eea/volto-eea-design-system/commit/2934b911d589fde126f70363a61cbdd2e3dcf7c9" target="_blank" rel="noopener noreferrer"><code>2934b91</code></a></li><li>Refs #141204 collection folder now has the variables and overrides from pastanaga: <a href="https://github.com/eea/volto-eea-design-system/commit/213d4968e4efa380a389fb7ab40ec3196f030050" target="_blank" rel="noopener noreferrer"><code>213d496</code></a></li><li>Refs #141204 removed search widget customization, we can use volto-ims-theme for that file <a href="https://github.com/eea/volto-eea-design-system/commit/b7e8b0c4821584a84f940d8f780057122321aae7" target="_blank" rel="noopener noreferrer"><code>b7e8b0c</code></a></li><li>Refs #141204 stylelint quick fixes <a href="https://github.com/eea/volto-eea-design-system/commit/5595925f68871135a07d703c8ba009b0172c7ccd" target="_blank" rel="noopener noreferrer"><code>5595925</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/769f4f9eca0ed9fffe0c8c49c56bcb123a203f3c" target="_blank" rel="noopener noreferrer"><code>769f4f9</code></a></li><li>Refs #141204 changed the following to the eea theme: <a href="https://github.com/eea/volto-eea-design-system/commit/06d8d86a7be81fd3feadf034eacfa61eb69743ab" target="_blank" rel="noopener noreferrer"><code>06d8d86</code></a></li><li>Refs #141204 eea site.variables now use all values from pastanaga&#x27;s site.variables <a href="https://github.com/eea/volto-eea-design-system/commit/6535c0f4e1968822a232b017a55babd280716d88" target="_blank" rel="noopener noreferrer"><code>6535c0f</code></a></li><li>Refs #141204 simplified container overrides: <a href="https://github.com/eea/volto-eea-design-system/commit/51250038527f2e4b1135a2b5bfc6adccc3f77a06" target="_blank" rel="noopener noreferrer"><code>5125003</code></a></li><li>Release 1.0.0 <a href="https://github.com/eea/volto-eea-design-system/commit/177d0ce854a8a963faa2aae9481cbcc7e340e0fa" target="_blank" rel="noopener noreferrer"><code>177d0ce</code></a></li><li>Refs #141204 globals folder now has the variables and overrides from pastanaga theme <a href="https://github.com/eea/volto-eea-design-system/commit/116a0c338bd92dd14636a649476b4f00951e3734" target="_blank" rel="noopener noreferrer"><code>116a0c3</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/2e7f42381b63e65bafac3b754d49b65daca9663d" target="_blank" rel="noopener noreferrer"><code>2e7f423</code></a></li><li>Refs #141204 modules folder now has the variables and overrides from pastanaga theme: <a href="https://github.com/eea/volto-eea-design-system/commit/27a201d57024a7c621f4943b8eb59a3247b6c89d" target="_blank" rel="noopener noreferrer"><code>27a201d</code></a></li><li>Refs #141204 text elements are now with a max width and centered within content-area: <a href="https://github.com/eea/volto-eea-design-system/commit/bbed7bbfb3e79a371b7bf7dea2206cdbdcdfe76d" target="_blank" rel="noopener noreferrer"><code>bbed7bb</code></a></li><li>Refs #141204 added main.variables entries from pastanaga to eea theme <a href="https://github.com/eea/volto-eea-design-system/commit/1cbbc550436c889d1b297ae9e6880167fce28fe1" target="_blank" rel="noopener noreferrer"><code>1cbbc55</code></a></li><li>Refs #141204 modified theme image imports for component customizations <a href="https://github.com/eea/volto-eea-design-system/commit/ef3238a4d615fa1b496e83f4e6c4c0d27f3d68f4" target="_blank" rel="noopener noreferrer"><code>ef3238a</code></a></li><li>Refs #141204 modified container width to be auto: <a href="https://github.com/eea/volto-eea-design-system/commit/2e8d2e0ebb3e4a55b7cf1b66c3dff222ef12aa18" target="_blank" rel="noopener noreferrer"><code>2e8d2e0</code></a></li><li>Refs #141204 modified several icons to use the \f values instead of \e: <a href="https://github.com/eea/volto-eea-design-system/commit/c397145bc1e76916ae72a94faaf33f49bd9ca5a6" target="_blank" rel="noopener noreferrer"><code>c397145</code></a></li><li>Refs #141204 changed the following: <a href="https://github.com/eea/volto-eea-design-system/commit/c518edacad9b8bed61ea50d318d8d43bf7f483a0" target="_blank" rel="noopener noreferrer"><code>c518eda</code></a></li><li>Refs #141204 ensure that main column isn&#x27;t enlarged over the sidebar section on edit <a href="https://github.com/eea/volto-eea-design-system/commit/f7a28684223494933bcd8ec1f6d86b1b3da17e10" target="_blank" rel="noopener noreferrer"><code>f7a2868</code></a></li><li>Refs #141204 changed the following to the form styling: <a href="https://github.com/eea/volto-eea-design-system/commit/eb92e054fe330730c1a44737cbbdf33985216cbb" target="_blank" rel="noopener noreferrer"><code>eb92e05</code></a></li><li>Refs #141204 modified path of theme folder location for image selection <a href="https://github.com/eea/volto-eea-design-system/commit/f8cca4594857ab4afd654f35e4ec97e4d3e04be4" target="_blank" rel="noopener noreferrer"><code>f8cca45</code></a></li><li>Refs #141204 added missing mobileScrollbarWidth variables introduced as part of the mobile navigation pull request <a href="https://github.com/eea/volto-eea-design-system/commit/444c78d998199e703d7ecde01b3feb0d44c60977" target="_blank" rel="noopener noreferrer"><code>444c78d</code></a></li><li>Refs #140454 reference font and image path from ~volto-themes instead of relative <a href="https://github.com/eea/volto-eea-design-system/commit/ec93ed3a496673eed7d7ec07a2f76aaa6a29d7ca" target="_blank" rel="noopener noreferrer"><code>ec93ed3</code></a></li><li>Refs #141204 ensure that Volto doesn&#x27;t crash when site module is set to eea: <a href="https://github.com/eea/volto-eea-design-system/commit/51f2f27f5ba947b49b4b69fcf9b8890676cd1d7e" target="_blank" rel="noopener noreferrer"><code>51f2f27</code></a></li><li>Refs #141204 added tiny size prop to Breadcrumbs in order to have it as 12px <a href="https://github.com/eea/volto-eea-design-system/commit/56a12e200c27c3a1826fa3088c34f762ed74dff7" target="_blank" rel="noopener noreferrer"><code>56a12e2</code></a></li></ul><h3 class="anchor anchorWithStickyNavbar_y2LR" id="001---2021-11-17">0.0.1 - 2021-11-17<a aria-hidden="true" class="hash-link" href="#001---2021-11-17" title="Direct link to heading">​</a></h3><h4 class="anchor anchorWithStickyNavbar_y2LR" id="️-others-16">🛠️ Others<a aria-hidden="true" class="hash-link" href="#️-others-16" title="Direct link to heading">​</a></h4><ul><li>Initial commit <a href="https://github.com/eea/volto-eea-design-system/commit/b0bdd445c95a20d088e00469f81028c16482640a" target="_blank" rel="noopener noreferrer"><code>b0bdd44</code></a></li></ul></div></article><nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/getting-started/"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« <!-- -->Getting started</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/volto-eea-design-system/docs/Guidelines/intro/"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Intro<!-- --> »</div></a></div></nav></div></div><div class="col col--3"><div class="tableOfContents_vrFS thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#unreleased---2022-04-22t124432579z" class="table-of-contents__link toc-highlight">Unreleased - 2022-04-22T12:44:32.579Z</a></li><li><a href="#021---2022-04-08" class="table-of-contents__link toc-highlight">0.2.1 - 2022-04-08</a></li><li><a href="#020---2022-04-04" class="table-of-contents__link toc-highlight">0.2.0 - 2022-04-04</a></li><li><a href="#019---2022-03-25" class="table-of-contents__link toc-highlight">0.1.9 - 2022-03-25</a></li><li><a href="#018---2022-03-18" class="table-of-contents__link toc-highlight">0.1.8 - 2022-03-18</a></li><li><a href="#017---2022-03-15" class="table-of-contents__link toc-highlight">0.1.7 - 2022-03-15</a></li><li><a href="#016---2022-03-11" class="table-of-contents__link toc-highlight">0.1.6 - 2022-03-11</a></li><li><a href="#015---2022-03-08" class="table-of-contents__link toc-highlight">0.1.5 - 2022-03-08</a></li><li><a href="#014---2022-03-01" class="table-of-contents__link toc-highlight">0.1.4 - 2022-03-01</a></li><li><a href="#014-beta0---2022-02-25" class="table-of-contents__link toc-highlight">0.1.4-beta.0 - 2022-02-25</a></li><li><a href="#013---2022-02-25" class="table-of-contents__link toc-highlight">0.1.3 - 2022-02-25</a></li><li><a href="#012---2022-02-17" class="table-of-contents__link toc-highlight">0.1.2 - 2022-02-17</a></li><li><a href="#012-beta2---2022-01-03" class="table-of-contents__link toc-highlight">0.1.2-beta.2 - 2022-01-03</a></li><li><a href="#012-beta1---2021-12-22" class="table-of-contents__link toc-highlight">0.1.2-beta.1 - 2021-12-22</a></li><li><a href="#012-beta0---2021-12-18" class="table-of-contents__link toc-highlight">0.1.2-beta.0 - 2021-12-18</a></li><li><a href="#011---2021-12-16" class="table-of-contents__link toc-highlight">0.1.1 - 2021-12-16</a></li><li><a href="#011-beta0---2021-12-09" class="table-of-contents__link toc-highlight">0.1.1-beta.0 - 2021-12-09</a></li><li><a href="#010---2021-11-17" class="table-of-contents__link toc-highlight">0.1.0 - 2021-11-17</a></li><li><a href="#001---2021-11-17" class="table-of-contents__link toc-highlight">0.0.1 - 2021-11-17</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items"><li class="footer__item"><a href="https://www.eea.europa.eu" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Website<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li><li class="footer__item"><a href="https://eea.github.io/volto-kitkat-frontend/" target="_blank" rel="noopener noreferrer" class="footer__link-item"><span>EEA Storybook<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_wgqa"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></span></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2022 EEA. Built with Docusaurus.</div></div></div></footer></div>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 0038c08235..35e31483ac 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5,13 +5,13 @@
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <meta name="generator" content="Docusaurus v2.0.0-beta.13">
 <title data-react-helmet="true"></title><script data-react-helmet="true">function maybeInsertBanner(){window.__DOCUSAURUS_INSERT_BASEURL_BANNER&&insertBanner()}function insertBanner(){var n=document.getElementById("docusaurus-base-url-issue-banner-container");if(n){n.innerHTML='\n<div id="docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n   <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n   <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseurl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n   <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/volto-eea-design-system/</span> </p>\n   <p>We suggest trying baseUrl = <span id="docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n';var e=document.getElementById("docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}}window.__DOCUSAURUS_INSERT_BASEURL_BANNER=!0,document.addEventListener("DOMContentLoaded",maybeInsertBanner)</script><link rel="stylesheet" href="/volto-eea-design-system/assets/css/styles.63ef231d.css">
-<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8621415a.js" as="script">
-<link rel="preload" href="/volto-eea-design-system/assets/js/main.976825f3.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js" as="script">
+<link rel="preload" href="/volto-eea-design-system/assets/js/main.9497beb3.js" as="script">
 </head>
 <body>
 <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
 <div id="docusaurus-base-url-issue-banner-container"></div></div>
-<script src="/volto-eea-design-system/assets/js/runtime~main.8621415a.js"></script>
-<script src="/volto-eea-design-system/assets/js/main.976825f3.js"></script>
+<script src="/volto-eea-design-system/assets/js/runtime~main.8da4b2fa.js"></script>
+<script src="/volto-eea-design-system/assets/js/main.9497beb3.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/package.json b/package.json
index 547697ae9c..27a78aa1fa 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
diff --git a/src/semantic.less b/src/semantic.less
index 6ac8bac941..fdb6f8f5ef 100644
--- a/src/semantic.less
+++ b/src/semantic.less
@@ -229,10 +229,6 @@
   @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/inpageNavigation';
 }
 
-& {
-  @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/avatar';
-}
-
 & {
   @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/divider';
 }
@@ -258,5 +254,5 @@
 }
 
 & {
-  @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/publicationCard';
+  @import '@eeacms/volto-eea-design-system/../theme/themes/eea/extras/relatedContent';
 }
diff --git a/src/ui/Avatar/Avatar.jsx b/src/ui/Avatar/Avatar.jsx
deleted file mode 100644
index 87c3d6146b..0000000000
--- a/src/ui/Avatar/Avatar.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-Avatar.propTypes = {
-  title: PropTypes.string,
-  info: PropTypes.string,
-};
-
-function Avatar({ image_url, children, ...rest }) {
-  return (
-    <div className={`eea avatar  ${rest.avatarSize}`} {...rest}>
-      <div className="wrapper">
-        <div className="image-wrapper">
-          <div
-            className="image"
-            style={{ backgroundImage: `url(${image_url})` }}
-          ></div>
-        </div>
-        <div className="content-wrapper">{children}</div>
-      </div>
-    </div>
-  );
-}
-
-Avatar.Content = ({ children }) => {
-  return <div className="content">{children}</div>;
-};
-
-Avatar.Title = ({ children }) => <p className="title">{children}</p>;
-Avatar.Metadata = ({ children }) => <p className="metadata">{children}</p>;
-
-export default Avatar;
diff --git a/src/ui/Avatar/Avatar.stories.jsx b/src/ui/Avatar/Avatar.stories.jsx
deleted file mode 100644
index 93b6bb05ee..0000000000
--- a/src/ui/Avatar/Avatar.stories.jsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-import Avatar from './Avatar';
-// eslint-disable-next-line import/no-unresolved
-import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/avatar.png';
-
-export default {
-  title: 'Components/Avatar',
-  component: Avatar,
-  argTypes: {
-    title: {
-      description: 'avatar title',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    info: {
-      description: 'avatar secondary info',
-      table: {
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
-      },
-    },
-    image: {
-      description: 'avatar image',
-      table: {
-        defaultValue: { summary: '""' },
-      },
-    },
-  },
-};
-
-const DefaultTemplate = (args) => (
-  <Avatar avatarSize="big" {...args} image_url={imgUrl}>
-    <Avatar.Content>
-      <Avatar.Title>{args.title}</Avatar.Title>
-      <Avatar.Metadata>{args.info}</Avatar.Metadata>
-    </Avatar.Content>
-  </Avatar>
-);
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {
-  title: 'Lorem ipsum',
-  info: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-};
-
-const SmallTemplate = (args) => (
-  <Avatar avatarSize="small" {...args} image_url={imgUrl}>
-    <Avatar.Content>
-      <Avatar.Title>{args.title}</Avatar.Title>
-      <Avatar.Metadata>{args.info}</Avatar.Metadata>
-    </Avatar.Content>
-  </Avatar>
-);
-
-export const Small = SmallTemplate.bind({});
-Small.args = {
-  title: 'Lorem ipsum',
-  info: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
-};
diff --git a/src/ui/Button/Button.stories.jsx b/src/ui/Button/Button.stories.jsx
index 3a4969b9a2..450a558678 100644
--- a/src/ui/Button/Button.stories.jsx
+++ b/src/ui/Button/Button.stories.jsx
@@ -30,6 +30,19 @@ export default {
   },
 };
 
+//Default Button
+export const Default = (args) => {
+  return <Button disabled={args.disabled}>{args.label}</Button>;
+};
+Default.args = {
+  label: 'Default Button',
+  disabled: false,
+};
+Default.parameters = {
+  controls: { exclude: ['animated', 'variant'] },
+  hideNoControlsWarning: true,
+};
+
 //Primary button
 export const Primary = (args) => {
   return (
@@ -65,54 +78,68 @@ Secondary.parameters = {
 };
 
 //secondary Button Inverted
-export const SecondaryInverted = (args) => {
+export const Inverted = (args) => {
   return (
     <Segment inverted compact>
+      <Button primary inverted disabled={args.disabled}>
+        {args.button1}
+      </Button>
       <Button secondary inverted disabled={args.disabled}>
-        {args.label}
+        {args.button2}
+      </Button>
+      <Button inverted disabled={args.disabled}>
+        {args.button3}
       </Button>
     </Segment>
   );
 };
-SecondaryInverted.args = {
-  label: 'Secondary Button',
+Inverted.args = {
+  button1: 'Primary Inverted',
+  button2: 'Secondary Inverted',
+  button3: 'Default Inverted',
   disabled: false,
 };
-SecondaryInverted.parameters = {
-  controls: { exclude: ['animated', 'variant'] },
+Inverted.parameters = {
+  controls: { exclude: ['animated', 'variant', 'label'] },
   hideNoControlsWarning: true,
 };
 
 //Call to action button
-export const CallToAction = (args) => {
+export const Labeled = (args) => {
   return (
-    <Button
-      icon
-      labelPosition="right"
-      className="action"
-      disabled={args.disabled}
-    >
-      {args.label}
-      <Icon name={args.icon} />
-    </Button>
+    <div className="eea">
+      <Button
+        className={args.variant + ' icon ' + args.icon_position + ' labeled'}
+        disabled={args.disabled}
+      >
+        {args.label}
+        <Icon name={args.icon + args.icon_position} />
+      </Button>
+    </div>
   );
 };
-CallToAction.args = {
+Labeled.args = {
   label: 'CALL TO ACTION BUTTON',
   icon: 'chevron right',
   disabled: false,
 };
-CallToAction.parameters = {
-  controls: { exclude: ['animated', 'variant'] },
+Labeled.parameters = {
+  controls: { exclude: ['animated'] },
   hideNoControlsWarning: true,
 };
-CallToAction.argTypes = {
+Labeled.argTypes = {
+  variant: {
+    options: ['primary', 'secondary', 'default'],
+    control: { type: 'radio' },
+    defaultValue: 'secondary',
+  },
+
   label: {
-    name: 'button label',
-    type: { name: 'string', required: true },
+    name: 'label',
+    type: { name: 'string', required: false },
   },
   icon: {
-    name: 'button icon',
+    name: 'icon',
     type: { name: 'string', required: false },
     defaultValue: 'chevron  right',
     options: [
@@ -136,6 +163,12 @@ CallToAction.argTypes = {
       defaultValue: { summary: 'chevron right' },
     },
   },
+
+  icon_position: {
+    options: [' left', ' right'],
+    control: { type: 'radio' },
+    defaultValue: ' left',
+  },
 };
 
 //Text Button - can also play with text class
@@ -154,16 +187,3 @@ Text.parameters = {
   controls: { exclude: ['animated', 'variant'] },
   hideNoControlsWarning: true,
 };
-
-//Cancel Button
-export const Cancel = (args) => {
-  return <Button disabled={args.disabled}>{args.label}</Button>;
-};
-Cancel.args = {
-  label: 'Cancel Button',
-  disabled: false,
-};
-Cancel.parameters = {
-  controls: { exclude: ['animated', 'variant'] },
-  hideNoControlsWarning: true,
-};
diff --git a/src/ui/AvatarGrid/AvatarGrid.jsx b/src/ui/Card/AvatarGrid/AvatarGrid.jsx
similarity index 53%
rename from src/ui/AvatarGrid/AvatarGrid.jsx
rename to src/ui/Card/AvatarGrid/AvatarGrid.jsx
index 90fcd9333c..95e3ef7d0b 100644
--- a/src/ui/AvatarGrid/AvatarGrid.jsx
+++ b/src/ui/Card/AvatarGrid/AvatarGrid.jsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Avatar from '../Avatar/Avatar';
-import { Grid } from 'semantic-ui-react';
+import { Grid, Card, Image } from 'semantic-ui-react';
 
 AvatarGrid.propTypes = {
   title: PropTypes.string,
@@ -20,25 +19,26 @@ AvatarGrid.Content = ({ children }) => {
 };
 
 AvatarGrid.Title = ({ children, ...rest }) => (
-  <p className={`grid-title  ${rest.showTitle ? '' : 'hidden'}`}>{children}</p>
+  <h3 className={`grid-title  ${rest.showTitle ? '' : 'hidden'}`}>
+    {children}
+  </h3>
 );
 AvatarGrid.Group = ({ children, ...rest }) => {
   let avatars = rest.avatars;
-  if (rest.avatars.length > 3) {
-    avatars = avatars.slice(0, 3);
-  }
+
   return (
     <div className="avatar group">
       <Grid>
-        {avatars.map((avatar) => (
-          <Grid.Column mobile={12} tablet={4} computer={4}>
+        {avatars.map((avatar, index) => (
+          <Grid.Column key={index} mobile={12} tablet={4} computer={4}>
             <div className="avatar-wrapper">
-              <Avatar {...rest} image_url={avatar.image_url} avatarSize="big">
-                <Avatar.Content>
-                  <Avatar.Title>{avatar.title}</Avatar.Title>
-                  <Avatar.Metadata>{avatar.metadata}</Avatar.Metadata>
-                </Avatar.Content>
-              </Avatar>
+              <Card className={`eea rounded big`} fluid={avatar.fluid}>
+                <Image src={avatar.src} wrapped ui={false} alt="card image" />
+                <Card.Content>
+                  <Card.Header>{avatar.title}</Card.Header>
+                  <Card.Description>{avatar.description}</Card.Description>
+                </Card.Content>
+              </Card>
             </div>
           </Grid.Column>
         ))}
diff --git a/src/ui/AvatarGrid/AvatarGrid.stories.jsx b/src/ui/Card/AvatarGrid/AvatarGrid.stories.jsx
similarity index 52%
rename from src/ui/AvatarGrid/AvatarGrid.stories.jsx
rename to src/ui/Card/AvatarGrid/AvatarGrid.stories.jsx
index d1ca073c34..1bb6466109 100644
--- a/src/ui/AvatarGrid/AvatarGrid.stories.jsx
+++ b/src/ui/Card/AvatarGrid/AvatarGrid.stories.jsx
@@ -1,10 +1,11 @@
 import React from 'react';
 // eslint-disable-next-line import/no-unresolved
-import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/avatar.png';
 import AvatarGrid from './AvatarGrid';
+import { Container } from 'semantic-ui-react';
+import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/avatar.png';
 
 export default {
-  title: 'Components/Avatar Grid',
+  title: 'Components/Card/Rounded Card',
   component: AvatarGrid,
   argTypes: {
     showTitle: {
@@ -32,35 +33,37 @@ export default {
 };
 
 const GridTemplate = (args) => (
-  <AvatarGrid>
-    <AvatarGrid.Content>
-      <AvatarGrid.Title showTitle={args.showTitle}>
-        {args.title}
-      </AvatarGrid.Title>
-      <AvatarGrid.Group avatars={args.avatars}></AvatarGrid.Group>
-    </AvatarGrid.Content>
-  </AvatarGrid>
+  <Container>
+    <AvatarGrid>
+      <AvatarGrid.Content>
+        <AvatarGrid.Title showTitle={args.showTitle}>
+          {args.title}
+        </AvatarGrid.Title>
+        <AvatarGrid.Group avatars={args.avatars}></AvatarGrid.Group>
+      </AvatarGrid.Content>
+    </AvatarGrid>
+  </Container>
 );
 
-export const Default = GridTemplate.bind({});
-Default.args = {
+export const RoundedGrid = GridTemplate.bind({});
+RoundedGrid.args = {
   title: 'Amet - Lorem ipsum dolor sit amet',
   showTitle: true,
   avatars: [
     {
-      image_url: imgUrl,
-      title: 'Lorem ipsum',
-      metadata: 'Urna auctor pharetra aenean sed gravida quam',
+      src: imgUrl,
+      title: 'Lorem Ipsum',
+      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     },
     {
-      image_url: imgUrl,
-      title: 'Lorem ipsum',
-      metadata: 'Duis vel eu placerat proin diam id enim suspendisse erat',
+      src: imgUrl,
+      title: 'Lorem Ipsum',
+      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     },
     {
-      image_url: imgUrl,
-      title: 'Lorem ipsum',
-      metadata: 'Egetisi gravida pellentesque volutpat diamon',
+      src: imgUrl,
+      title: 'Lorem Ipsum',
+      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
     },
   ],
 };
diff --git a/src/ui/Card/Card.stories.js b/src/ui/Card/Card.stories.js
deleted file mode 100644
index b7aaef213a..0000000000
--- a/src/ui/Card/Card.stories.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from 'react';
-import { Card, Image, Grid } from 'semantic-ui-react';
-
-export default {
-  title: 'Components/Card',
-  component: Card,
-  parameters: {
-    actions: {
-      handles: ['click'],
-    },
-  },
-  argTypes: {
-    imgUrl:
-      'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
-    hasImage: {
-      description: 'true if card contains image',
-      table: {
-        type: {
-          summary: 'boolean',
-        },
-        defaultValue: { summary: true },
-      },
-    },
-    title: {
-      description: 'card header',
-      table: {
-        type: {
-          summary: 'string',
-        },
-        defaultValue: { summary: ' "" ' },
-      },
-    },
-    description: {
-      description: 'card main content',
-      table: {
-        type: {
-          summary: 'string',
-        },
-        defaultValue: { summary: ' "" ' },
-      },
-    },
-    fluid: {
-      description: 'take up the width of its container',
-      table: {
-        type: {
-          summary: 'boolean',
-        },
-        defaultValue: { summary: false },
-      },
-    },
-    links: {
-      description: 'array with links to other content',
-      table: {
-        type: {
-          summary: 'Object',
-        },
-        defaultValue: { summary: ' "" ' },
-      },
-    },
-  },
-};
-
-const Template = (args) => (
-  <Card fluid={args.fluid} className="inverted">
-    {args.hasImage && (
-      <Image src={args.imgUrl} wrapped ui={false} alt="card image" />
-    )}
-    <Card.Content>
-      <Card.Header>{args.title}</Card.Header>
-      <Card.Description>{args.description}</Card.Description>
-    </Card.Content>
-    {args.links !== null &&
-      args.links.map((item, index) => (
-        <Card.Content extra key={index}>
-          <a href="/#">{item.linkName}</a>
-        </Card.Content>
-      ))}
-  </Card>
-);
-
-export const Default = Template.bind({});
-Default.args = {
-  imgUrl:
-    'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
-  title: 'Lorem Ipsum',
-  description:
-    'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-  hasImage: true,
-  fluid: false,
-  links: [{ linkName: 'Link 1' }],
-};
-
-const GridTemplate = (args) => (
-  <Grid>
-    {args.cards.map((card) => (
-      <Grid.Column mobile={12} tablet={6} computer={2}>
-        <Card fluid={card.fluid} className="inverted">
-          {card.hasImage && (
-            <Image src={card.imgUrl} wrapped ui={false} alt="card image" />
-          )}
-          <Card.Content>
-            <Card.Header>{card.title}</Card.Header>
-            <Card.Description>{card.description}</Card.Description>
-          </Card.Content>
-          {card.links !== null &&
-            card.links.map((item, index) => (
-              <Card.Content extra key={index}>
-                <a href="/#">{item.linkName}</a>
-              </Card.Content>
-            ))}
-        </Card>
-      </Grid.Column>
-    ))}
-  </Grid>
-);
-
-export const CardGrid = GridTemplate.bind({});
-CardGrid.args = {
-  cards: [
-    {
-      title: 'Lorem Ipsum',
-      imgUrl:
-        'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      hasImage: true,
-      fluid: true,
-      links: [{ linkName: 'Link 1' }],
-    },
-    {
-      title: 'Suspendisse iaculis feugiat',
-      imgUrl:
-        'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      hasImage: true,
-      fluid: true,
-      links: [{ linkName: 'Link 1' }],
-    },
-    {
-      title: 'Eget tellus blandit aenean mattis.',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      hasImage: false,
-      fluid: true,
-      links: [{ linkName: 'Link 1' }],
-    },
-  ],
-};
diff --git a/src/ui/Card/Card.stories.jsx b/src/ui/Card/Card.stories.jsx
new file mode 100644
index 0000000000..4cc2d272ed
--- /dev/null
+++ b/src/ui/Card/Card.stories.jsx
@@ -0,0 +1,249 @@
+import React from 'react';
+import { Card, Image, Grid, Container } from 'semantic-ui-react';
+
+export default {
+  title: 'Components/Card/Default',
+  component: Card,
+  parameters: {
+    actions: {
+      handles: ['click'],
+    },
+  },
+  argTypes: {
+    class: {
+      options: [null, 'primary', 'secondary', 'tertiary'],
+      control: { type: 'select' },
+      description: 'card variation class',
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: { summary: 'null' },
+      },
+    },
+  },
+};
+
+const Template = (args) => (
+  <Container>
+    <Card fluid={args.fluid} className={args.class}>
+      {args.hasImage && (
+        <Image src={args.imgUrl} wrapped ui={false} alt="card image" />
+      )}
+      <Card.Content>
+        <Card.Header>{args.title}</Card.Header>
+        <Card.Description>{args.description}</Card.Description>
+      </Card.Content>
+      {args.links !== null &&
+        args.links.map((item, index) => (
+          <Card.Content extra key={index}>
+            <a href="/#">{item.linkName}</a>
+          </Card.Content>
+        ))}
+    </Card>
+  </Container>
+);
+
+export const Default = Template.bind({});
+Default.args = {
+  class: null,
+  imgUrl:
+    'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
+  title: 'Lorem Ipsum',
+  description:
+    'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+  hasImage: true,
+  fluid: false,
+  links: [{ linkName: 'Link 1' }],
+};
+Default.argTypes = {
+  imgUrl:
+    'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
+  hasImage: {
+    description: 'true if card contains image',
+    table: {
+      type: {
+        summary: 'boolean',
+      },
+      defaultValue: { summary: true },
+    },
+  },
+  title: {
+    description: 'card header',
+    table: {
+      type: {
+        summary: 'string',
+      },
+      defaultValue: { summary: ' "" ' },
+    },
+  },
+  description: {
+    description: 'card main content',
+    table: {
+      type: {
+        summary: 'string',
+      },
+      defaultValue: { summary: ' "" ' },
+    },
+  },
+  fluid: {
+    description: 'take up the width of its container',
+    table: {
+      type: {
+        summary: 'boolean',
+      },
+      defaultValue: { summary: false },
+    },
+  },
+  links: {
+    description: 'array with links to other content',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: { summary: ' "" ' },
+    },
+  },
+};
+
+const GridTemplate = (args) => (
+  <Container>
+    <Grid>
+      {args.cards.map((card) => (
+        <Grid.Column mobile={12} tablet={6} computer={4}>
+          <Card fluid={card.fluid} className={args.class}>
+            {card.hasImage && (
+              <Image src={card.imgUrl} wrapped ui={false} alt="card image" />
+            )}
+            <Card.Content>
+              <Card.Header>{card.title}</Card.Header>
+              <Card.Description>{card.description}</Card.Description>
+            </Card.Content>
+            {card.links !== null &&
+              card.links.map((item, index) => (
+                <Card.Content extra key={index}>
+                  <a href="/#">{item.linkName}</a>
+                </Card.Content>
+              ))}
+          </Card>
+        </Grid.Column>
+      ))}
+    </Grid>
+  </Container>
+);
+
+export const CardGrid = GridTemplate.bind({});
+CardGrid.args = {
+  class: null,
+  cards: [
+    {
+      title: 'Lorem Ipsum',
+      imgUrl:
+        'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: true,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+    {
+      title: 'Suspendisse iaculis feugiat',
+      imgUrl:
+        'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: true,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+    {
+      title: 'Eget tellus blandit aenean mattis.',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: false,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+  ],
+};
+CardGrid.argTypes = {
+  cards: {
+    description: 'array with cards data',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: { summary: ' "" ' },
+    },
+  },
+};
+
+const FluidGridTemplate = (args) => (
+  <Container>
+    <div className="fluid-card-row">
+      {args.cards.map((card) => (
+        <Card fluid={card.fluid} className={args.class}>
+          {card.hasImage && (
+            <Image src={card.imgUrl} wrapped ui={false} alt="card image" />
+          )}
+          <Card.Content>
+            <Card.Header>{card.title}</Card.Header>
+            <Card.Description>{card.description}</Card.Description>
+          </Card.Content>
+          {card.links !== null &&
+            card.links.map((item, index) => (
+              <Card.Content extra key={index}>
+                <a href="/#">{item.linkName}</a>
+              </Card.Content>
+            ))}
+        </Card>
+      ))}
+    </div>
+  </Container>
+);
+
+export const FluidGrid = FluidGridTemplate.bind({});
+FluidGrid.args = {
+  class: null,
+  cards: [
+    {
+      title: 'Lorem Ipsum',
+      imgUrl:
+        'https://www.eea.europa.eu/media/pictures/european-environment-agency-building-with/image_large',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: true,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+    {
+      title: 'Suspendisse iaculis feugiat',
+      imgUrl:
+        'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: true,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+    {
+      title: 'Eget tellus blandit aenean mattis.',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      hasImage: false,
+      fluid: true,
+      links: [{ linkName: 'Link 1' }],
+    },
+  ],
+};
+CardGrid.argTypes = {
+  cards: {
+    description: 'array with cards data',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: { summary: ' "" ' },
+    },
+  },
+};
diff --git a/src/ui/Card/PublicationCard.stories.jsx b/src/ui/Card/PublicationCard.stories.jsx
new file mode 100644
index 0000000000..bd762f540d
--- /dev/null
+++ b/src/ui/Card/PublicationCard.stories.jsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { Card, Image, Container } from 'semantic-ui-react';
+
+const imageUrl =
+  'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini';
+
+export default {
+  title: 'Components/Card/Publication',
+  component: Card,
+  argTypes: {
+    tag: {
+      description: 'publication card tags',
+      table: {
+        type: { summary: 'string' },
+        defaultValue: { summary: '' },
+      },
+    },
+    description: {
+      description: 'publication card description',
+      table: {
+        type: { summary: 'string' },
+        defaultValue: { summary: '' },
+      },
+    },
+  },
+};
+
+const Template = (args) => (
+  <Container>
+    <Card className="publication tertiary">
+      <Image src={args.image} wrapped ui={false} alt="card image" />
+      <Card.Content>
+        <Card.Meta>{args.tag}</Card.Meta>
+        <Card.Description>{args.description}</Card.Description>
+      </Card.Content>
+    </Card>
+  </Container>
+);
+
+export const PublicationCard = Template.bind({});
+PublicationCard.args = {
+  tag: '#Publication',
+  description:
+    'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+  image: imageUrl,
+};
diff --git a/src/ui/Card/RelatedContent/RelatedContent.jsx b/src/ui/Card/RelatedContent/RelatedContent.jsx
new file mode 100644
index 0000000000..c564d72dee
--- /dev/null
+++ b/src/ui/Card/RelatedContent/RelatedContent.jsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { Grid, Button, Card, Image } from 'semantic-ui-react';
+
+function RelatedContent({ children, ...rest }) {
+  return (
+    <div className="related-content-wrapper">
+      <Grid>{children}</Grid>
+    </div>
+  );
+}
+
+RelatedContent.Grid = ({ children, ...rest }) => {
+  let cards = rest.publicationCards;
+  if (rest.publicationCards.length > 4) {
+    cards = cards.slice(0, 4);
+  }
+  const rows = cards.reduce(function (rows, key, index) {
+    return (
+      (index % 2 === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) &&
+      rows
+    );
+  }, []);
+  return (
+    <>
+      {cards.length > 2
+        ? rows.map((row, rowIndex) => (
+            <Grid.Column
+              key={rowIndex}
+              stretched
+              computer={6}
+              tablet={12}
+              mobile={12}
+            >
+              {row.map((item, index) => (
+                <Card className="publication" key={index}>
+                  <Image src={item.image} wrapped ui={false} alt="card image" />
+                  <Card.Content>
+                    <Card.Meta>{item.tag}</Card.Meta>
+                    <Card.Description>{item.description}</Card.Description>
+                  </Card.Content>
+                </Card>
+              ))}
+            </Grid.Column>
+          ))
+        : cards.map((item, index) => (
+            <Grid.Column
+              key={index}
+              stretched
+              computer={6}
+              tablet={12}
+              mobile={12}
+            >
+              <Card className="publication">
+                <Image src={item.image} wrapped ui={false} alt="card image" />
+                <Card.Content>
+                  <Card.Meta>{item.tag}</Card.Meta>
+                  <Card.Description>{item.description}</Card.Description>
+                </Card.Content>
+              </Card>
+            </Grid.Column>
+          ))}
+
+      {rest.showButton && rest.publicationCards.length > 4 && (
+        <Grid.Row className={!rest.showButton ? 'hidden' : null}>
+          <Grid.Column>
+            <div className="button-wrapper">
+              <Button secondary>{rest.buttonText}</Button>
+            </div>
+          </Grid.Column>
+        </Grid.Row>
+      )}
+    </>
+  );
+};
+
+export default RelatedContent;
diff --git a/src/ui/Card/RelatedContent/RelatedContent.stories.jsx b/src/ui/Card/RelatedContent/RelatedContent.stories.jsx
new file mode 100644
index 0000000000..b62b245ca5
--- /dev/null
+++ b/src/ui/Card/RelatedContent/RelatedContent.stories.jsx
@@ -0,0 +1,313 @@
+import React from 'react';
+import RelatedContent from './RelatedContent';
+import { Container, Tab } from 'semantic-ui-react';
+
+const imageUrl =
+  'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini';
+
+export default {
+  title: 'Components/Card/Publication',
+  component: RelatedContent,
+  argTypes: {},
+};
+
+const Template = (args) => (
+  <Container>
+    <RelatedContent>
+      <RelatedContent.Grid
+        publicationCards={args.publicationCards}
+        showButton={args.showButton}
+        buttonText={args.buttonText}
+      ></RelatedContent.Grid>
+    </RelatedContent>
+  </Container>
+);
+
+export const DefaultEven = Template.bind({});
+DefaultEven.args = {
+  publicationCards: [
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description: 'Leo fermentum sollicitudin suspendisse iaculis feugiat.',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. ',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. ',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      image: imageUrl,
+    },
+  ],
+  buttonText: 'See All',
+  showButton: true,
+};
+
+DefaultEven.argTypes = {
+  publicationCards: {
+    description: 'publication cards data',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: {
+        summary: '',
+      },
+    },
+  },
+  buttonText: {
+    description: 'related content button text',
+    table: {
+      type: {
+        summary: 'string',
+      },
+      defaultValue: {
+        summary: '',
+      },
+    },
+  },
+  showButton: {
+    description: 'show/hide related content button',
+    table: {
+      type: {
+        summary: 'boolean',
+      },
+      defaultValue: {
+        summary: 'false',
+      },
+    },
+  },
+};
+
+export const DefaultOdd = Template.bind({});
+DefaultOdd.args = {
+  publicationCards: [
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description: 'Leo fermentum sollicitudin suspendisse iaculis feugiat.',
+      image: imageUrl,
+    },
+    {
+      tag: '#Publication',
+      description:
+        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. ',
+      image: imageUrl,
+    },
+  ],
+  buttonText: 'See All',
+  showButton: true,
+};
+
+DefaultOdd.argTypes = {
+  publicationCards: {
+    description: 'publication cards data',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: {
+        summary: '',
+      },
+    },
+  },
+  buttonText: {
+    description: 'related content button text',
+    table: {
+      type: {
+        summary: 'string',
+      },
+      defaultValue: {
+        summary: '',
+      },
+    },
+  },
+  showButton: {
+    description: 'show/hide related content button',
+    table: {
+      type: {
+        summary: 'boolean',
+      },
+      defaultValue: {
+        summary: 'false',
+      },
+    },
+  },
+};
+
+const TabTemplate = (args) => (
+  <RelatedContent>
+    <RelatedContent.Grid
+      publicationCards={args.publicationCards}
+      showButton={args.showButton}
+      buttonText={args.buttonText}
+    ></RelatedContent.Grid>
+  </RelatedContent>
+);
+
+function TabWithRelatedContent({ panes }) {
+  let panesToUse = [];
+  if (panes) {
+    panesToUse = panes.map((pane) => {
+      let args = {
+        publicationCards: pane.publicationCards,
+        buttonText: pane.buttonText,
+        showButton: pane.showButton,
+      };
+      return {
+        menuItem: pane.menuItem,
+        render: () => <Tab.Pane>{TabTemplate(args)}</Tab.Pane>,
+      };
+    });
+  }
+
+  return (
+    <Container>
+      <Tab
+        panes={panesToUse}
+        menu={{
+          secondary: true,
+          pointing: true,
+        }}
+      />
+    </Container>
+  );
+}
+
+export const RelatedContentInTab = (args) => (
+  <TabWithRelatedContent {...args}></TabWithRelatedContent>
+);
+RelatedContentInTab.args = {
+  panes: [
+    {
+      menuItem: 'Briefings',
+      publicationCards: [
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+          image: imageUrl,
+        },
+      ],
+      buttonText: 'See All',
+      showButton: true,
+    },
+    {
+      menuItem: 'News and articles',
+      publicationCards: [
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat.',
+          image: imageUrl,
+        },
+      ],
+      buttonText: 'See All',
+      showButton: true,
+    },
+    {
+      menuItem: 'Publications',
+      publicationCards: [
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat.',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. ',
+          image: imageUrl,
+        },
+      ],
+      buttonText: 'See All',
+      showButton: true,
+    },
+    {
+      menuItem: 'See also',
+      publicationCards: [
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat.',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. ',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis. ',
+          image: imageUrl,
+        },
+        {
+          tag: '#Publication',
+          description:
+            'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
+          image: imageUrl,
+        },
+      ],
+      buttonText: 'See All',
+      showButton: true,
+    },
+  ],
+};
+
+RelatedContentInTab.argTypes = {
+  panes: {
+    description: 'tab menu items and content data',
+    table: {
+      type: {
+        summary: 'Object',
+      },
+      defaultValue: {
+        summary: '',
+      },
+    },
+  },
+};
diff --git a/src/ui/Card/RoundedCard.stories.jsx b/src/ui/Card/RoundedCard.stories.jsx
new file mode 100644
index 0000000000..143226af36
--- /dev/null
+++ b/src/ui/Card/RoundedCard.stories.jsx
@@ -0,0 +1,96 @@
+import React from 'react';
+import { Card, Image, Container } from 'semantic-ui-react';
+import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/avatar.png';
+
+export default {
+  title: 'Components/Card/Rounded Card',
+  component: Card,
+  parameters: {
+    actions: {
+      handles: ['click'],
+    },
+  },
+  argTypes: {
+    hasImage: {
+      description: 'true if card contains image',
+      table: {
+        type: {
+          summary: 'boolean',
+        },
+        defaultValue: { summary: true },
+      },
+    },
+    title: {
+      description: 'card header',
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    description: {
+      description: 'card main content',
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    fluid: {
+      description: 'take up the width of its container',
+      table: {
+        type: {
+          summary: 'boolean',
+        },
+        defaultValue: { summary: false },
+      },
+    },
+    avatarVariant: {
+      options: ['big', 'small'],
+      control: { type: 'inline-radio' },
+      defaultValue: 'big',
+      description: 'rounded card size class',
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    src: {
+      description: 'rounded card image url',
+      table: {
+        type: {
+          summary: 'string',
+        },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+  },
+};
+
+const AvatarTemplate = (args) => (
+  <Container>
+    <Card className={`rounded ${args.avatarVariant}`} fluid={args.fluid}>
+      {args.hasImage && (
+        <Image src={args.src} wrapped ui={false} alt="card image" />
+      )}
+      <Card.Content>
+        <Card.Header>{args.title}</Card.Header>
+        <Card.Description>{args.description}</Card.Description>
+      </Card.Content>
+    </Card>
+  </Container>
+);
+
+export const Default = AvatarTemplate.bind({});
+Default.args = {
+  avatarVariant: 'big',
+  src: imgUrl,
+  title: 'Lorem Ipsum',
+  description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
+  hasImage: true,
+  fluid: false,
+};
diff --git a/src/ui/Form/Toggle.stories.js b/src/ui/Form/Toggle.stories.js
new file mode 100644
index 0000000000..466b4d196e
--- /dev/null
+++ b/src/ui/Form/Toggle.stories.js
@@ -0,0 +1,68 @@
+import React from 'react';
+import { Checkbox, Container } from 'semantic-ui-react';
+
+export default {
+  title: 'Components/Forms/Toggle',
+  component: Toggle,
+  parameters: {
+    actions: {
+      handles: ['click'],
+    },
+  },
+  argTypes: {
+    label: {
+      description: 'Label of the toggle',
+      table: {
+        type: { summary: 'string' },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    name: {
+      description: 'name for the toggle input',
+      table: {
+        type: { summary: 'string' },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    id: {
+      description: 'id for the toggle input, also controls label for attribute',
+      table: {
+        type: { summary: 'string' },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+    disabled: {
+      description: 'controls the state of the toggle',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: false },
+      },
+    },
+  },
+};
+
+function Toggle({ ...args }) {
+  return (
+    <Container>
+      <Checkbox toggle {...args}></Checkbox>
+    </Container>
+  );
+}
+
+const Template = (args) => <Toggle {...args}></Toggle>;
+
+export const Default = Template.bind({});
+Default.args = {
+  id: 'example',
+  label: 'Toggle label',
+  name: 'example',
+  disabled: false,
+};
+
+export const Disabled = Template.bind({});
+Disabled.args = {
+  id: 'disabled',
+  label: 'Disabled Toggle',
+  name: 'disabled',
+  disabled: true,
+};
diff --git a/src/ui/KeyContent/KeyContent.jsx b/src/ui/KeyContent/KeyContent.jsx
index dfc9204eff..6e23183d0e 100644
--- a/src/ui/KeyContent/KeyContent.jsx
+++ b/src/ui/KeyContent/KeyContent.jsx
@@ -8,15 +8,21 @@ KeyContent.propTypes = {
 
 function KeyContent({ children, ...rest }) {
   return (
-    <div className={`eea key-content ${rest.variant}`} {...rest}>
+    <div className="eea key-content" {...rest}>
       {children}
     </div>
   );
 }
 
-KeyContent.Title = ({ children }) => <p className="title">{children}</p>;
+KeyContent.Title = ({ children }) => <h2 className="title">{children}</h2>;
 KeyContent.List = ({ children, ...rest }) => (
-  <List bulleted horizontal={false} items={rest.items}></List>
+  <List as="ul" bulleted horizontal={false}>
+    {rest.items.map((item, index) => (
+      <List.Item as="li" className="item" key={index}>
+        {item}
+      </List.Item>
+    ))}
+  </List>
 );
 
 export default KeyContent;
diff --git a/src/ui/KeyContent/KeyContent.stories.jsx b/src/ui/KeyContent/KeyContent.stories.jsx
index ac0ae29659..14c2c265b9 100644
--- a/src/ui/KeyContent/KeyContent.stories.jsx
+++ b/src/ui/KeyContent/KeyContent.stories.jsx
@@ -24,7 +24,7 @@ export default {
 };
 
 const DefaultTemplate = (args) => (
-  <KeyContent variant="colored" {...args}>
+  <KeyContent {...args}>
     <KeyContent.Title>{args.title}</KeyContent.Title>
     <KeyContent.List {...args}></KeyContent.List>
   </KeyContent>
@@ -39,24 +39,3 @@ Default.args = {
     'Felis malesuada in elementum turpis. Enim, eu adipiscing sit fames ornare amet, suscipit. Neque, faucibus facilisi egestas vitae viverra tristique cum viverra elit. Nunc fermentum bibendum fames ultricies turpis habitant. ',
   ],
 };
-
-const SecondaryTemplate = (args) => (
-  <KeyContent {...args}>
-    <KeyContent.Title>{args.title}</KeyContent.Title>
-    <KeyContent.List {...args}></KeyContent.List>
-  </KeyContent>
-);
-
-export const Secondary = SecondaryTemplate.bind({});
-Secondary.args = {
-  title: 'Lorem ipsum',
-  items: [
-    'Sed pulvinar nisi, convallis sed non non eu, erat.',
-    'Consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis',
-    'Lorem ipsum dolor sit amet, consectetur',
-    'Purus sit amet luctus venenatis, lectus',
-    'Sed placerat sit erat sed massa in leo sit in ac vivamus tincidunt tincidunt tristique mi molestie dictum faucibus mauris',
-    'Luctus malesuada non in adipiscing convallis consectetur egestas sed',
-    'Vulputate gravida amet amet convallis quis',
-  ],
-};
diff --git a/src/ui/Label/Label.stories.js b/src/ui/Label/Label.stories.js
index c9c6b5bdb2..bb2fa33ee1 100644
--- a/src/ui/Label/Label.stories.js
+++ b/src/ui/Label/Label.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Label } from 'semantic-ui-react';
+import { Label, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Label',
@@ -32,7 +32,11 @@ export default {
   },
 };
 
-const Template = (args) => <Label {...args}></Label>;
+const Template = (args) => (
+  <Container>
+    <Label {...args}></Label>
+  </Container>
+);
 
 export const Default = Template.bind({});
 Default.args = {
@@ -41,7 +45,9 @@ Default.args = {
 };
 
 export const MediumImportance = (args) => (
-  <Label className="medium" {...args}></Label>
+  <Container>
+    <Label className="medium" {...args}></Label>
+  </Container>
 );
 MediumImportance.args = {
   content: 'Label',
@@ -49,7 +55,9 @@ MediumImportance.args = {
 };
 
 export const HighImportance = (args) => (
-  <Label className="high" {...args}></Label>
+  <Container>
+    <Label className="high" {...args}></Label>
+  </Container>
 );
 HighImportance.args = {
   content: 'Label',
@@ -57,7 +65,9 @@ HighImportance.args = {
 };
 
 export const Highlight = (args) => (
-  <Label className="highlight" {...args}></Label>
+  <Container>
+    <Label className="highlight" {...args}></Label>
+  </Container>
 );
 Highlight.args = {
   content: 'Label',
diff --git a/src/ui/List/DefaultList.stories.js b/src/ui/List/DefaultList.stories.js
index c87ab99057..f596203ba3 100644
--- a/src/ui/List/DefaultList.stories.js
+++ b/src/ui/List/DefaultList.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { List } from 'semantic-ui-react';
+import { List, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/List',
@@ -7,13 +7,27 @@ export default {
   argTypes: {},
 };
 
-const Template = (args) => <List {...args}></List>;
+const Template = (args) => (
+  <Container>
+    <List
+      floated={args.floated}
+      animated={args.animated}
+      divided={args.divided}
+      as="dl"
+    >
+      {args.items.map((item, index) => (
+        <List.Item className="item" key={index} as="dt">
+          {item}
+        </List.Item>
+      ))}
+    </List>
+  </Container>
+);
 
 export const Default = Template.bind({});
 Default.args = {
   floated: 'left',
   animated: false,
   divided: false,
-  horizontal: false,
   items: ['List Item 1', 'List Item 2', 'List Item 3', 'List Item 4'],
 };
diff --git a/src/ui/List/DescriptionList.stories.js b/src/ui/List/DescriptionList.stories.js
index e1629ec185..30db51857e 100644
--- a/src/ui/List/DescriptionList.stories.js
+++ b/src/ui/List/DescriptionList.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { List } from 'semantic-ui-react';
+import { List, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/List/Description list',
@@ -31,13 +31,6 @@ export default {
         defaultValue: { summary: false },
       },
     },
-    horizontal: {
-      description: 'a list can be formatted to have items appear horizontally',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
     items: {
       description: 'array of list content',
       table: {
@@ -48,42 +41,37 @@ export default {
   },
 };
 
-function DescriptionList(items, floated, animated, divided, horizontal) {
+function DescriptionList(items, floated, animated, divided) {
   return (
-    <List animated={animated} divided={divided} horizontal={horizontal}>
-      {items.map((item, index) => (
-        <List.Item key={index}>
-          <List.Content>
-            <List.Header>{item.header}</List.Header>
-            <List.Description floated={floated}>
+    <Container>
+      <List animated={animated} divided={divided} as="dl">
+        {items.map((item, index) => (
+          <React.Fragment key={index}>
+            <List.Header as="dt" className="item">
+              {item.header}
+            </List.Header>
+            <List.Description floated={floated} as="dd">
               {item.content}
             </List.Description>
-          </List.Content>
-        </List.Item>
-      ))}
-    </List>
+          </React.Fragment>
+        ))}
+      </List>
+    </Container>
   );
 }
 
 export const Default = (args) => {
-  return DescriptionList(
-    args.items,
-    args.floated,
-    args.animated,
-    args.divided,
-    args.horizontal,
-  );
+  return DescriptionList(args.items, args.floated, args.animated, args.divided);
 };
 
 Default.args = {
   floated: 'right',
   animated: false,
   divided: false,
-  horizontal: false,
   items: [
-    { header: 'Header 1', content: 'Content 1' },
-    { header: 'Header 2', content: 'Content 2' },
-    { header: 'Header 3', content: 'Content 3' },
-    { header: 'Header 4', content: 'Content 4' },
+    { header: 'Header 1', content: 'Description content 1' },
+    { header: 'Header 2', content: 'Description content 2' },
+    { header: 'Header 3', content: 'Description content 3' },
+    { header: 'Header 4', content: 'Description content 4' },
   ],
 };
diff --git a/src/ui/List/OrderedList.stories.js b/src/ui/List/OrderedList.stories.js
new file mode 100644
index 0000000000..4c8720c83c
--- /dev/null
+++ b/src/ui/List/OrderedList.stories.js
@@ -0,0 +1,151 @@
+import React from 'react';
+import { List, Container } from 'semantic-ui-react';
+
+export default {
+  title: 'Components/List/Ordered List',
+  component: List,
+  argTypes: {
+    animated: {
+      description:
+        'a list can animate to set the current item apart from the list',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: false },
+      },
+    },
+    divided: {
+      description: 'a list can show divisions between conten',
+      table: {
+        type: { summary: 'boolean' },
+        defaultValue: { summary: false },
+      },
+    },
+    items: {
+      description: 'array of list content',
+      table: {
+        type: { summary: 'object' },
+        defaultValue: { summary: ' "" ' },
+      },
+    },
+  },
+};
+
+function OrderedList(items, animated, divided, horizontal) {
+  return (
+    <Container>
+      <List as="ol" ordered animated={animated} divided={divided}>
+        {items.map((item, index) => (
+          <List.Item as="li" key={index} className="item">
+            <a href="/#">{item.content}</a>
+            {item.subList && (
+              <List.List role="list" as="ol" className="list">
+                {item.subList.map((sub, subIndex) => (
+                  <List.Item
+                    key={subIndex}
+                    as="li"
+                    role="listitem"
+                    className="item"
+                  >
+                    <a href="/#">{sub.content}</a>
+                    {sub.subList && (
+                      <List.List role="list" as="ol" className="list">
+                        {sub.subList.map((sub1, subIndex) => (
+                          <List.Item
+                            key={subIndex}
+                            as="li"
+                            role="listitem"
+                            className="item"
+                          >
+                            <a href="/#">{sub1.content}</a>
+                            {sub1.subList && (
+                              <List.List role="list" as="ol" className="list">
+                                {sub1.subList.map((sub2, subIndex) => (
+                                  <List.Item
+                                    key={subIndex}
+                                    as="li"
+                                    role="listitem"
+                                    className="item"
+                                  >
+                                    <a href="/#">{sub2.content}</a>
+                                  </List.Item>
+                                ))}
+                              </List.List>
+                            )}
+                          </List.Item>
+                        ))}
+                      </List.List>
+                    )}
+                  </List.Item>
+                ))}
+              </List.List>
+            )}
+          </List.Item>
+        ))}
+      </List>
+    </Container>
+  );
+}
+
+export const Default = (args) => {
+  return OrderedList(args.items, args.animated, args.divided);
+};
+
+Default.args = {
+  items: [
+    {
+      header: 'header 1',
+      content: 'Content 1',
+      subList: [
+        {
+          header: 'Sub header 1',
+          content: 'Content second level',
+          subList: [
+            { header: 'Sub header 1', content: 'Content third level' },
+            { header: 'Sub header ', content: 'Content third level' },
+          ],
+        },
+        { header: 'Sub header ', content: 'Content second level' },
+      ],
+    },
+    {
+      header: 'header 2',
+      content: 'Content 2',
+      subList: [
+        {
+          header: 'Sub header 1',
+          content: 'Content second level',
+          subList: [
+            {
+              header: 'Sub header 1',
+              content: 'Content third level',
+              subList: [
+                { header: 'Sub header 1', content: 'Content fourth level' },
+                { header: 'Sub header ', content: 'Content fourth level' },
+              ],
+            },
+            { header: 'Sub header ', content: 'Content third level' },
+          ],
+        },
+        { header: 'Sub header ', content: 'Content second level' },
+      ],
+    },
+    {
+      header: 'header 3',
+      content: 'Content 3',
+      subList: [
+        { header: 'Sub header 1', content: 'Content second level' },
+        { header: 'Sub header ', content: 'Content second level' },
+      ],
+    },
+    {
+      header: 'header 4',
+      content: 'Content 4',
+      subList: [
+        { header: 'Sub header 1', content: 'Content second level' },
+        { header: 'Sub header ', content: 'Content second level' },
+      ],
+    },
+  ],
+  animated: false,
+  divided: false,
+};
diff --git a/src/ui/List/TableOfContents.stories.js b/src/ui/List/TableOfContents.stories.js
deleted file mode 100644
index 77653119e1..0000000000
--- a/src/ui/List/TableOfContents.stories.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from 'react';
-import { List } from 'semantic-ui-react';
-
-export default {
-  title: 'Components/List/Table of contents',
-  component: List,
-  argTypes: {
-    animated: {
-      description:
-        'a list can animate to set the current item apart from the list',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
-    divided: {
-      description: 'a list can show divisions between conten',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
-    horizontal: {
-      description: 'a list can be formatted to have items appear horizontally',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
-    items: {
-      description: 'array of list content',
-      table: {
-        type: { summary: 'object' },
-        defaultValue: { summary: ' "" ' },
-      },
-    },
-  },
-};
-
-function TableOfContents(items, animated, divided, horizontal) {
-  return (
-    <List ordered animated={animated} divided={divided} horizontal={horizontal}>
-      {items.map((item, index) => (
-        <List.Item as="a" key={index}>
-          {item.content}
-          <List.List role="list">
-            {item.subList.map((sub, subIndex) => (
-              <List.Item key={subIndex} as="a" role="listitem">
-                {sub.content}
-              </List.Item>
-            ))}
-          </List.List>
-        </List.Item>
-      ))}
-    </List>
-  );
-}
-
-export const Default = (args) => {
-  return TableOfContents(
-    args.items,
-    args.animated,
-    args.divided,
-    args.horizontal,
-  );
-};
-
-Default.args = {
-  items: [
-    {
-      header: 'header 1',
-      content: 'Content 1',
-      subList: [
-        { header: 'Sub header 1', content: 'content' },
-        { header: 'Sub header ', content: 'content' },
-      ],
-    },
-    {
-      header: 'header 2',
-      content: 'Content 2',
-      subList: [
-        { header: 'Sub header 1', content: 'content' },
-        { header: 'Sub header ', content: 'content' },
-      ],
-    },
-    {
-      header: 'header 3',
-      content: 'Content 3',
-      subList: [
-        { header: 'Sub header 1', content: 'content' },
-        { header: 'Sub header ', content: 'content' },
-      ],
-    },
-    {
-      header: 'header 4',
-      content: 'Content 4',
-      subList: [
-        { header: 'Sub header 1', content: 'content' },
-        { header: 'Sub header ', content: 'content' },
-      ],
-    },
-  ],
-  animated: false,
-  divided: false,
-  horizontal: false,
-};
diff --git a/src/ui/List/UnorderedList.stories.js b/src/ui/List/UnorderedList.stories.js
index 6fbba796bc..82765ceb1d 100644
--- a/src/ui/List/UnorderedList.stories.js
+++ b/src/ui/List/UnorderedList.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { List } from 'semantic-ui-react';
+import { List, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/List/Unordered list',
@@ -20,13 +20,6 @@ export default {
         defaultValue: { summary: false },
       },
     },
-    horizontal: {
-      description: 'a list can be formatted to have items appear horizontally',
-      table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: false },
-      },
-    },
     items: {
       description: 'array of list content',
       table: {
@@ -37,35 +30,28 @@ export default {
   },
 };
 
-function UnorderedList(animated, divided, horizontal, items) {
+function UnorderedList(animated, divided, items) {
   return (
-    <List
-      bulleted
-      animated={animated}
-      divided={divided}
-      horizontal={horizontal}
-    >
-      {items &&
-        items.map((item, index) => (
-          <List.Item key={index}>{item.content}</List.Item>
-        ))}
-    </List>
+    <Container>
+      <List bulleted animated={animated} divided={divided} as="ul">
+        {items &&
+          items.map((item, index) => (
+            <List.Item as="li" key={index}>
+              {item.content}
+            </List.Item>
+          ))}
+      </List>
+    </Container>
   );
 }
 
 export const Default = (args) => {
-  return UnorderedList(
-    args.animated,
-    args.divided,
-    args.horizontal,
-    args.items,
-  );
+  return UnorderedList(args.animated, args.divided, args.items);
 };
 
 Default.args = {
   animated: false,
   divided: false,
-  horizontal: false,
   items: [
     {
       header: 'header 1',
diff --git a/src/ui/Loader/Loader.stories.jsx b/src/ui/Loader/Loader.stories.jsx
index 5020701468..367a3b695e 100644
--- a/src/ui/Loader/Loader.stories.jsx
+++ b/src/ui/Loader/Loader.stories.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Loader } from 'semantic-ui-react';
+import { Dimmer, Loader, Image, Segment } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Loader',
@@ -19,9 +19,22 @@ export default {
   },
 };
 
-const Template = (args) => <Loader {...args} inline="centered" />;
+const DefaultTemplate = (args) => <Loader {...args} inline="centered" />;
 
-export const Default = Template.bind({});
+const FullPageTemplate = (args) => (
+  <Segment>
+    <Dimmer active>
+      <Loader {...args} className="eea-loader" />
+    </Dimmer>
+
+    <Image
+      src="https://react.semantic-ui.com/images/wireframe/short-paragraph.png"
+      alt="paragraph"
+    />
+  </Segment>
+);
+
+export const Default = DefaultTemplate.bind({});
 Default.args = {
   active: true,
   content: '',
@@ -43,3 +56,8 @@ Default.argTypes = {
     control: { type: 'select' },
   },
 };
+
+export const FullPageLoader = FullPageTemplate.bind({});
+FullPageLoader.args = {
+  content: 'Loading...',
+};
diff --git a/src/ui/Progress/Progress.stories.js b/src/ui/Progress/Progress.stories.js
index a1384b8bb8..49de3a96f8 100644
--- a/src/ui/Progress/Progress.stories.js
+++ b/src/ui/Progress/Progress.stories.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Progress } from 'semantic-ui-react';
+import { Progress, Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Progress',
@@ -57,7 +57,11 @@ export default {
   },
 };
 
-const Template = (args) => <Progress {...args}></Progress>;
+const Template = (args) => (
+  <Container>
+    <Progress {...args}></Progress>
+  </Container>
+);
 
 // export const Default = Template.bind({});
 // Default.args = {
@@ -150,7 +154,11 @@ ProgressWithValue.argTypes = {
   },
 };
 
-export const CustomColor = (args) => <Progress {...args}></Progress>;
+export const CustomColor = (args) => (
+  <Container>
+    <Progress {...args}></Progress>
+  </Container>
+);
 CustomColor.args = {
   value: 80,
   total: 100,
diff --git a/src/ui/PublicationCard/PublicationCard.jsx b/src/ui/PublicationCard/PublicationCard.jsx
deleted file mode 100644
index 2961a138f4..0000000000
--- a/src/ui/PublicationCard/PublicationCard.jsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-
-function PublicationCard({ children, ...rest }) {
-  return (
-    <div className="eea publication card">
-      <a href={rest.href}>{children}</a>
-    </div>
-  );
-}
-
-PublicationCard.Header = ({ children, ...rest }) => (
-  <div
-    className="header"
-    style={rest.image ? { backgroundImage: `url(${rest.image_url})` } : {}}
-  >
-    {children}
-  </div>
-);
-
-PublicationCard.Info = ({ children, ...rest }) => (
-  <div className="description">
-    <div className="tag">#{rest.tag}</div>
-    <p className="text">{rest.description}</p>
-  </div>
-);
-
-export default PublicationCard;
diff --git a/src/ui/PublicationCard/PublicationCard.stories.jsx b/src/ui/PublicationCard/PublicationCard.stories.jsx
deleted file mode 100644
index 5a046b525f..0000000000
--- a/src/ui/PublicationCard/PublicationCard.stories.jsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import React from 'react';
-import PublicationCard from './PublicationCard';
-
-const imageUrl =
-  'https://www.eea.europa.eu/publications/eea-eionet-strategy-2021-2030/image_mini';
-
-export default {
-  title: 'Components/PublicationCard',
-  component: PublicationCard,
-  argTypes: {
-    tag: {
-      description: 'publication tags',
-      table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: '' },
-      },
-    },
-    description: {
-      description: 'publication description',
-      table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: '' },
-      },
-    },
-    href: {
-      description: 'publication link url',
-      table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: '' },
-      },
-    },
-  },
-};
-
-const Template = (args) => (
-  <PublicationCard {...args}>
-    <PublicationCard.Header
-      image_url={args.image ? imageUrl : null}
-      image={args.image}
-    />
-    <PublicationCard.Info description={args.description} tag={args.tag} />
-  </PublicationCard>
-);
-
-export const Default = Template.bind({});
-Default.args = {
-  tag: 'Publication',
-  description:
-    'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-  href: '/#',
-};
-
-export const PublicationCardWithImage = Template.bind({});
-PublicationCardWithImage.args = {
-  tag: 'Publication',
-  description:
-    'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-  image: true,
-  href: '/#',
-};
-PublicationCardWithImage.argTypes = {
-  image: {
-    description: 'set or unset publication backgroung image',
-    table: {
-      type: { summary: 'boolean' },
-      defaultValue: { summary: 'false' },
-    },
-  },
-};
diff --git a/src/ui/RelatedContent/RelatedContent.jsx b/src/ui/RelatedContent/RelatedContent.jsx
deleted file mode 100644
index 9dfb1ac237..0000000000
--- a/src/ui/RelatedContent/RelatedContent.jsx
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from 'react';
-import { Grid, Container } from 'semantic-ui-react';
-import PublicationCard from '../PublicationCard/PublicationCard';
-
-function RelatedContent({ publicationCards }) {
-  let cards = publicationCards;
-  if (publicationCards.length > 4) {
-    cards = cards.slice(0, 4);
-  }
-  const rows = cards.reduce(function (rows, key, index) {
-    return (
-      (index % 2 === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) &&
-      rows
-    );
-  }, []);
-
-  return (
-    <div className="related-content-wrapper">
-      <Container>
-        {/* desktop grid */}
-        <Grid columns={2} className="tablet or lower hidden">
-          {cards.length > 2
-            ? rows.map((row, rowIndex) => (
-                <Grid.Column key={rowIndex} stretched>
-                  {row.map((item, index) => (
-                    <PublicationCard {...item} key={index}>
-                      <PublicationCard.Header></PublicationCard.Header>
-                      <PublicationCard.Info
-                        description={item.description}
-                        tag={item.tag}
-                      ></PublicationCard.Info>
-                    </PublicationCard>
-                  ))}
-                </Grid.Column>
-              ))
-            : cards.map((item, index) => (
-                <Grid.Column key={index} stretched>
-                  <PublicationCard {...item}>
-                    <PublicationCard.Header></PublicationCard.Header>
-                    <PublicationCard.Info
-                      description={item.description}
-                      tag={item.tag}
-                    ></PublicationCard.Info>
-                  </PublicationCard>
-                </Grid.Column>
-              ))}
-        </Grid>
-
-        {/* mobile grid */}
-        <Grid className="mobile only" columns={1}>
-          {cards.map((item, index) => (
-            <Grid.Column key={index}>
-              <PublicationCard {...item}>
-                <PublicationCard.Header></PublicationCard.Header>
-                <PublicationCard.Info
-                  description={item.description}
-                  tag={item.tag}
-                ></PublicationCard.Info>
-              </PublicationCard>
-            </Grid.Column>
-          ))}
-        </Grid>
-
-        {/* tablet grid */}
-        <Grid className="tablet only">
-          {cards.map((item, index) => (
-            <Grid.Column
-              key={index}
-              tablet={
-                cards.length % 2 !== 0 && index === cards.length - 1
-                  ? '12'
-                  : '6'
-              }
-            >
-              <PublicationCard {...item}>
-                <PublicationCard.Header></PublicationCard.Header>
-                <PublicationCard.Info
-                  description={item.description}
-                  tag={item.tag}
-                ></PublicationCard.Info>
-              </PublicationCard>
-            </Grid.Column>
-          ))}
-        </Grid>
-      </Container>
-    </div>
-  );
-}
-
-export default RelatedContent;
diff --git a/src/ui/RelatedContent/RelatedContent.stories.jsx b/src/ui/RelatedContent/RelatedContent.stories.jsx
deleted file mode 100644
index 770fbc0eff..0000000000
--- a/src/ui/RelatedContent/RelatedContent.stories.jsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import RelatedContent from './RelatedContent';
-
-export default {
-  title: 'Components/Related Content',
-  component: RelatedContent,
-  argTypes: {
-    publicationCards: {
-      description: 'publication cards data',
-      table: {
-        type: {
-          summary: 'Object',
-        },
-        defaultValue: {
-          summary: '',
-        },
-      },
-    },
-  },
-};
-
-const Template = (args) => (
-  <div>
-    <RelatedContent {...args}></RelatedContent>
-  </div>
-);
-
-export const DefaultEven = Template.bind({});
-DefaultEven.args = {
-  publicationCards: [
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-  ],
-};
-
-export const DefaultOdd = Template.bind({});
-DefaultOdd.args = {
-  publicationCards: [
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-    {
-      tag: 'Publication',
-      description:
-        'Leo fermentum sollicitudin suspendisse iaculis feugiat. Eget tellus blandit aenean mattis.',
-      href: '/#',
-    },
-  ],
-};
diff --git a/src/ui/Testimonial/Testimonial.jsx b/src/ui/Testimonial/Testimonial.jsx
index 80e2e9ab2b..715b0205c7 100644
--- a/src/ui/Testimonial/Testimonial.jsx
+++ b/src/ui/Testimonial/Testimonial.jsx
@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import Divider from '../Divider/Divider';
-import Avatar from '../Avatar/Avatar';
+
 import Pullquote from '../Pullquote/Pullquote';
-import { Grid } from 'semantic-ui-react';
+import { Grid, Card, Image } from 'semantic-ui-react';
 
 Testimonial.propTypes = {
   title: PropTypes.string,
@@ -24,12 +24,13 @@ Testimonial.Avatar = ({ children, ...rest }) => {
   return (
     <Grid.Column mobile={12} tablet={2} computer={2}>
       <div className="avatar-wrapper">
-        <Avatar {...rest} image_url={rest.image_url} avatarSize="small">
-          <Avatar.Content>
-            <Avatar.Title>{rest.title}</Avatar.Title>
-            <Avatar.Metadata>{rest.metadata}</Avatar.Metadata>
-          </Avatar.Content>
-        </Avatar>
+        <Card className={`eea avatar small`} fluid={rest.fluid}>
+          <Image src={rest.src} wrapped ui={false} alt="card image" />
+          <Card.Content>
+            <Card.Header>{rest.title}</Card.Header>
+            <Card.Description>{rest.description}</Card.Description>
+          </Card.Content>
+        </Card>
       </div>
     </Grid.Column>
   );
diff --git a/src/ui/Testimonial/Testimonial.stories.jsx b/src/ui/Testimonial/Testimonial.stories.jsx
index 3122e653b2..25ed77dd33 100644
--- a/src/ui/Testimonial/Testimonial.stories.jsx
+++ b/src/ui/Testimonial/Testimonial.stories.jsx
@@ -2,6 +2,7 @@ import React from 'react';
 // eslint-disable-next-line import/no-unresolved
 import imgUrl from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/avatar.png';
 import Testimonial from './Testimonial';
+import { Container } from 'semantic-ui-react';
 
 export default {
   title: 'Components/Testimonial',
@@ -28,17 +29,19 @@ export default {
 };
 
 const InlineTemplate = (args) => (
-  <Testimonial {...args}>
-    <Testimonial.Avatar
-      image_url={imgUrl}
-      title={args.avatarTitle}
-      metadata={args.avatarInfo}
-    ></Testimonial.Avatar>
-    <Testimonial.Content>
-      <Testimonial.Title>{args.title}</Testimonial.Title>
-      <Testimonial.Pullquote>{args.quote}</Testimonial.Pullquote>
-    </Testimonial.Content>
-  </Testimonial>
+  <Container>
+    <Testimonial {...args}>
+      <Testimonial.Avatar
+        src={imgUrl}
+        title={args.avatarTitle}
+        description={args.avatarInfo}
+      ></Testimonial.Avatar>
+      <Testimonial.Content>
+        <Testimonial.Title>{args.title}</Testimonial.Title>
+        <Testimonial.Pullquote>{args.quote}</Testimonial.Pullquote>
+      </Testimonial.Content>
+    </Testimonial>
+  </Container>
 );
 
 export const Inline = InlineTemplate.bind({});
diff --git a/src/ui/Timeline/Timeline.jsx b/src/ui/Timeline/Timeline.jsx
index 6bdd401611..e81598a41d 100644
--- a/src/ui/Timeline/Timeline.jsx
+++ b/src/ui/Timeline/Timeline.jsx
@@ -37,7 +37,7 @@ Timeline.Content = (args) => (
 
 Timeline.Icon = (args) => (
   <Grid.Column width={2} className="line">
-    <Icon name={args.icon} color={args.color} inverted circular />
+    <Icon className={args.icon} color={args.color} inverted circular />
   </Grid.Column>
 );
 
diff --git a/src/ui/Timeline/Timeline.stories.jsx b/src/ui/Timeline/Timeline.stories.jsx
index ac7ec8bc90..436fd870eb 100644
--- a/src/ui/Timeline/Timeline.stories.jsx
+++ b/src/ui/Timeline/Timeline.stories.jsx
@@ -73,7 +73,7 @@ const TemplateReversed = (args) => (
 
 export const Default = Template.bind({});
 Default.args = {
-  icon: 'user',
+  icon: 'ri-user-3-fill',
   time: 'Date and time',
   title: 'Title',
   description: 'description',
@@ -83,7 +83,7 @@ Default.args = {
 
 Default.argTypes = {
   icon: {
-    description: 'timeline item icon',
+    description: 'timeline item icon class',
     table: {
       type: {
         summary: 'string',
@@ -152,7 +152,7 @@ Default.argTypes = {
 
 export const DefaultReversed = TemplateReversed.bind({});
 DefaultReversed.args = {
-  icon: 'user',
+  icon: 'ri-user-3-fill',
   time: 'Date and time',
   title: 'Title',
   description: 'description',
@@ -162,7 +162,7 @@ DefaultReversed.args = {
 
 DefaultReversed.argTypes = {
   icon: {
-    description: 'timeline item icon',
+    description: 'timeline item icon class',
     table: {
       type: {
         summary: 'string',
@@ -234,7 +234,7 @@ export const Multiple = (args) => <TimelineEEA {...args}></TimelineEEA>;
 Multiple.args = {
   items: [
     {
-      icon: 'time',
+      icon: 'ri-time-line',
       time: 'Date and time',
       title: 'Title 1',
       description: 'description 1',
@@ -242,7 +242,7 @@ Multiple.args = {
       tags: [],
     },
     {
-      icon: 'check circle',
+      icon: 'ri-checkbox-circle-line',
       time: 'Date and time',
       title: 'Title 2',
       description: 'description 2',
@@ -250,11 +250,11 @@ Multiple.args = {
       tags: [],
     },
     {
-      icon: 'minus circle',
+      icon: 'ri-indeterminate-circle-line',
       time: 'Date and time',
       title: 'Title 3',
       description: 'description 3',
-      color: 'teal',
+      color: 'violet',
       tags: [],
     },
   ],
@@ -281,7 +281,7 @@ export const MultipleReversed = (args) => (
 MultipleReversed.args = {
   items: [
     {
-      icon: 'time',
+      icon: 'ri-time-line',
       time: 'Date and time',
       title: 'Title 1',
       description: 'description 1',
@@ -289,7 +289,7 @@ MultipleReversed.args = {
       tags: [],
     },
     {
-      icon: 'check circle',
+      icon: 'ri-checkbox-circle-line',
       time: 'Date and time',
       title: 'Title 2',
       description: 'description 2',
@@ -297,11 +297,11 @@ MultipleReversed.args = {
       tags: [],
     },
     {
-      icon: 'minus circle',
+      icon: 'ri-indeterminate-circle-line',
       time: 'Date and time',
       title: 'Title 3',
       description: 'description 3',
-      color: 'teal',
+      color: 'violet',
       tags: [],
     },
   ],
diff --git a/src/ui/index.js b/src/ui/index.js
index 0b2060f73a..e134a9c925 100644
--- a/src/ui/index.js
+++ b/src/ui/index.js
@@ -20,12 +20,10 @@ export Pullquote from './Pullquote/Pullquote';
 
 export Timeline from './Timeline/Timeline';
 
-export Avatar from './Avatar/Avatar';
-
 export Testimonial from './Testimonial/Testimonial';
 
-export AvatarGrid from './AvatarGrid/AvatarGrid';
+export AvatarGrid from './Card/AvatarGrid/AvatarGrid';
 
 export KeyContent from './KeyContent/KeyContent';
 
-export PublicationCard from './PublicationCard/PublicationCard';
+export RelatedContent from './Card/RelatedContent/RelatedContent';
diff --git a/theme/theme.config b/theme/theme.config
index fe002a2414..111fcb0cf4 100644
--- a/theme/theme.config
+++ b/theme/theme.config
@@ -83,16 +83,14 @@
 @timeline    : 'eea';
 @footer      : 'eea';
 @header      : 'eea';
-@tag         : 'eea';
-@tagList     : 'eea';
-@content     : 'eea';
+@tag        : 'eea';
 @inpageNavigation : 'eea';
-@avatar      : 'eea';
 @divider     : 'eea';
 @testimonial : 'eea';
 @avatarGrid  : 'eea';
 @keyContent  : 'eea';
 @publicationCard  : 'eea';
+@relatedContent  : 'eea';
 
 /*******************************
             Folders
diff --git a/theme/themes/eea/collections/breadcrumb.overrides b/theme/themes/eea/collections/breadcrumb.overrides
index 72761da3c9..e791cc434b 100644
--- a/theme/themes/eea/collections/breadcrumb.overrides
+++ b/theme/themes/eea/collections/breadcrumb.overrides
@@ -1,3 +1,30 @@
+/*******************************
+    Pastanaga Theme Overrides
+*******************************/
+
+.ui.breadcrumb {
+  display: flex;
+  align-items: center;
+  padding-right: 1rem;
+  padding-left: 1rem;
+
+  //a.section {
+  //  color: #0074a3;
+  //}
+  //
+  //.section.active {
+  //  color: #4e7372;
+  //}
+
+  .home.icon {
+    margin-right: 0;
+  }
+
+  @media only screen and (min-width: @tabletBreakpoint) {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
 /*******************************
         Theme Overrides
 *******************************/
@@ -21,24 +48,5 @@
     width: @breadcrumbIconWidth;
     font-size: @breadcrumbIconFontSize;
   }
-
-  a:first-child {
-    padding: @breadcrumbFirstChildPadding;
-  }
 }
 
-@media only screen and (min-width: @tabletBreakpoint) {
-  .ui.breadcrumb {
-    .section {
-      padding: @tabletBreadcrumbPadding;
-    }
-  }
-}
-
-@media only screen and (min-width: @computerBreakpoint) {
-  .ui.breadcrumb {
-    .section {
-      padding: @computerBreadcrumbPadding;
-    }
-  }
-}
diff --git a/theme/themes/eea/collections/breadcrumb.variables b/theme/themes/eea/collections/breadcrumb.variables
index 000f0315ed..2b2aa53771 100644
--- a/theme/themes/eea/collections/breadcrumb.variables
+++ b/theme/themes/eea/collections/breadcrumb.variables
@@ -7,7 +7,7 @@
 --------------------*/
 
 @verticalMargin: 0em;
-@display: inline-block;
+@display: flex;
 @verticalAlign: middle;
 
 @mobileBreadcrumbPadding: 0;
@@ -28,10 +28,10 @@
 @dividerColor: @deepBlue;
 
 @dividerSize: @relativeSmall;
-@dividerVerticalAlign: sub;
+@dividerVerticalAlign: baseline;
 
 @iconDividerSize: 0.75rem;
-@iconDividerVerticalAlign: sub;
+@iconDividerVerticalAlign: baseline;
 
 @sectionMargin: 0em;
 @sectionPadding: 0em;
diff --git a/theme/themes/eea/collections/form.overrides b/theme/themes/eea/collections/form.overrides
index e6370845b9..e27684a10a 100644
--- a/theme/themes/eea/collections/form.overrides
+++ b/theme/themes/eea/collections/form.overrides
@@ -1,3 +1,119 @@
+/*******************************
+     Pastanaga Theme Overrides
+*******************************/
+
+.ui.form .inline.field {
+  margin: 0;
+}
+
+.ui.form .inline.field.help .wrapper {
+  border-bottom: none;
+}
+
+.ui.form .inline.field.help {
+  padding-bottom: @15px;
+}
+
+.ui.form .inline.field .help {
+  padding-top: @10px;
+  padding-bottom: @10px;
+  border-bottom: 1px solid @lightGreyBorderColor;
+}
+
+.ui.form p.help {
+  color: #878f93;
+  font-size: @13px;
+  font-weight: 300;
+  line-height: initial;
+}
+
+.ui.form .ui.input input:not([type]),
+.ui.form .ui.input input[type='date'],
+.ui.form .ui.input input[type='datetime-local'],
+.ui.form .ui.input input[type='email'],
+.ui.form .ui.input input[type='number'],
+.ui.form .ui.input input[type='password'],
+.ui.form .ui.input input[type='search'],
+.ui.form .ui.input input[type='tel'],
+.ui.form .ui.input input[type='time'],
+.ui.form .ui.input input[type='text'],
+.ui.form .ui.input input[type='file'],
+.ui.form .ui.input input[type='url'],
+.ui.form textarea {
+  height: 60px;
+  border-width: 0 0 @1px 0;
+  border-radius: 0;
+  padding: @inputVerticalPadding 0;
+
+  &:focus {
+    border-radius: 0;
+  }
+}
+
+.ui.form .field > .selection.dropdown {
+  height: 60px;
+}
+
+.ui.form .DraftEditor-root {
+  border-bottom: @inputBorder;
+}
+
+// From the original, due to the wrapper around label
+.ui.form .field .wrapper > label {
+  display: block;
+  margin: @labelMargin;
+  color: @labelColor;
+  font-size: @labelFontSize;
+  font-weight: @labelFontWeight;
+  hyphens: auto;
+  text-transform: @labelTextTransform;
+}
+
+.ui.form .toolbar {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  right: 0;
+  display: flex;
+  height: 60px;
+  align-items: center;
+  margin-right: 1rem;
+
+  .item {
+    cursor: pointer;
+  }
+}
+
+.ui.form .field .ui.basic.button.delete-button {
+  padding: 0;
+  border: none;
+  margin-left: 10px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+
+  &:hover,
+  &:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    color: #e40166 !important;
+  }
+}
+
+.ui.form .inline.field .link-form-container {
+  .wrapper {
+    display: flex;
+    border-bottom: 1px solid @lightGreyBorderColor;
+
+    .ui.input.input-anchorlink-theme {
+      vertical-align: unset;
+
+      input {
+        height: unset;
+      }
+    }
+  }
+}
+
 /*******************************
          Theme Overrides
 *******************************/
diff --git a/theme/themes/eea/elements/button.overrides b/theme/themes/eea/elements/button.overrides
index f16ccdb437..19a797b337 100644
--- a/theme/themes/eea/elements/button.overrides
+++ b/theme/themes/eea/elements/button.overrides
@@ -1,142 +1,130 @@
 /*******************************
-         Theme Overrides
+      Pastanaga Theme Overrides
 *******************************/
 
-//Color for button text depends on background
-.text-color(@backColor) when (lightness(@backColor) >= 40%) {
-  color: @primaryButtonColor;
-}
-.text-color(@backColor) when (lightness(@backColor) < 40%) {
-  color: @white;
+.ui.circular.icon.button {
+  padding: @circularButtonPadding;
+
+  .icon {
+    font-size: @circularButtonIconFontSize;
+  }
 }
 
-/* Global Button Styles */
-// 147629 to remove later, basic buttons don't need borders, svg buttons are
-// basic and volto ui has elements that are highlighted because of it
-//.ui.button,
-//.ui.buttons .button,
-//.ui.buttons {
-//  border: @buttonBorder @backgroundColor;
-//
-//  &:hover,
-//  &:active,
-//  &:focus {
-//    border-color: @hoverBackgroundColor;
-//  }
-//}
-
-/* Primary Button Border */
-.ui.button.primary,
-.ui.buttons.primary {
-  border: @buttonBorder @primaryButtonColor;
+.searchbox.field > .ui.action.input > .icon.button {
+  padding-top: 0;
+  padding-right: 0;
+  background: none;
+  color: @blue;
+  line-height: 1.6;
 
-  &:hover,
-  &:focus {
-    border: @buttonBorder @primaryColorHover;
+  &:hover {
+    background: none;
   }
 
-  &:active {
-    border: @buttonBorder @primaryButtonBackgroundActive;
-    background: @primaryButtonBackgroundActive;
+  .icon {
+    font-weight: bold;
   }
 }
 
-.ui.disabled.primary.button,
-.ui.button.primary:disabled {
-  border: @buttonBorder @primaryButtonDisabledBackground;
-  background: @primaryButtonDisabledBackground;
-  opacity: @buttonDisabledOpacity !important;
-}
-
-/* Secondary Button */
-.ui.button.secondary,
-.ui.buttons.secondary {
-  border: @buttonBorder @secondaryButtonColor;
-  background-color: @secondaryButtonBackground;
-  color: @secondaryButtonColor;
+.ui.basic.icon.button {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  text-align: initial;
 
-  &:hover,
-  &:active,
   &:focus {
-    background-color: @secondaryButtonColor;
-    color: @secondaryButtonColorHover;
+    outline: none;
   }
 }
 
-.ui.disabled.secondary.button,
-.ui.button.secondary:disabled {
-  border: @buttonBorder @secondaryButtonDisabledColor;
-  color: @secondaryButtonDisabledColor;
-  opacity: @buttonDisabledOpacity !important;
+.ui.basic.icon.primary.button,
+.ui.basic.icon.secondary.button {
+  box-shadow: none !important;
+
+  &:hover,
+  &:active {
+    background: transparent !important;
+    box-shadow: none !important;
+  }
 }
 
-/* Secondary Button Inverted */
-.ui.button.inverted.secondary,
-.ui.buttons.inverted.secondary {
-  border: @buttonBorder @secondaryButtonInvertedColor;
-  color: @secondaryButtonInvertedColor;
+.ui.noborder.button {
+  padding: 0 !important;
+  border: 0;
+  background: transparent;
+  cursor: pointer;
+  text-align: initial;
 
-  &:hover,
-  &:active,
   &:focus {
-    background-color: @secondaryButtonInvertedColor;
-    color: @japaneseIndigo;
+    outline: none;
   }
 }
 
-ui.inverted.secondary.buttons .button,
-.ui.inverted.secondary.button {
-  box-shadow: none !important; // to override the important box shadow - button.less:3271
+.ui.noborder.button:not(.icon) > .icon:not(.button):not(.dropdown) {
+  margin: 0;
 }
 
-/* Call to action Button */
-.ui.button.action {
-  border: @buttonBorder @actionButtonBackground;
-  background-color: @actionButtonBackground;
-  color: @actionButtonColor;
+.ui.button.gallery {
+  background-color: transparent;
 
-  &:hover,
-  &:focus {
-    border: @buttonBorder @actionButtonBackgroundHover;
-    background-color: @actionButtonBackgroundHover;
+  .icon.circled {
+    margin: 0;
   }
+}
 
-  &:active {
-    border: @buttonBorder @actionButtonBackgroundActive;
-    background: @actionButtonBackgroundActive;
-  }
+/*******************************
+      EEA Theme Overrides
+*******************************/
+// ensure circular button gets the border color of the current text color
+// and acts as a circular button
+.ui.circular.icon.button {
+  padding: @circularButtonPadding;
+  border-width: @circularButtonBorderWidth;
+  border-color: @circularButtonBorderColor;
+  line-height: @circularButtonLineHeight;
 }
 
-.ui.button.action[class*='right labeled'].icon.button {
-  padding-right: 3em !important; // to apply to theme button paddings - button.less:856
+// toolbar yes and cancel icons go outside the button area with default line
+// height
+#toolbar .toolbar-content button,
+#toolbar .toolbar button {
+  line-height: @toolbarButtonLineHeight;
+}
 
-  i {
-    margin-right: 5px !important; // to apply to theme button paddings - button.less:693
-  }
+// Maps, Video and Image blocks use buttons without
+// icons, fix them in css for now
+#page-edit .basic.button {
+  padding: 0;
+  background-color: transparent !important;
+  box-shadow: none !important;
+}
+
+// sidebar.less has original code
+// bump z-index of sidenav btn due to itml
+// .ui.secondary.pointing.menu:not(.vertical) overrides
+.ui.button.full-size-sidenav-btn {
+  z-index: 1;
 }
 
+/* Global Button Styles */
 /* Text Button */
 button.ui.button.text,
 button.ui.buttons.text,
 p.ui.button {
-  border: none;
   background-color: @textButtonBackground;
   color: @primaryColor;
+  text-decoration: underline;
 
   &:hover,
   &:active,
   &:focus {
-    border: none;
     background-color: @textButtonBackground;
     color: @primaryColorHover;
   }
-}
-
-.ui.circular.icon.button {
-  padding: @circularButtonPadding;
 
-  .icon {
-    font-size: @circularButtonIconFontSize;
+  &:focus {
+    box-shadow: @textButtonFocusedBoxShadow;
   }
 }
 
@@ -159,6 +147,26 @@ p.ui.button {
   }
 }
 
+/* Labeled and left and right icons on buttons */
+.ui.button:not(.icon) > .left.icon:not(.button):not(.dropdown),
+.ui.button:not(.icon) > .icon:not(.right) {
+  margin: @iconMargin;
+}
+
+/* Left Labeled */
+.ui.labeled.icon.buttons > .button > .icon,
+.ui.labeled.icon.button > .icon {
+  top: @labeledLeftTop;
+  left: @labeledLeftLeft;
+}
+
+/* Right Labeled */
+.ui[class*='right labeled'].icon.button > .icon {
+  top: @labeledRightTop;
+  right: @labeledRightRight;
+  left: @labeledRightLeft;
+}
+
 .ui.icon.left.labeled.button.search {
   padding-left: 3.375em !important;
 }
@@ -169,31 +177,3 @@ p.ui.button {
   font-size: @searchButtonFontSize;
   opacity: @searchButtonIconOpacity;
 }
-
-.searchbox.field > .ui.action.input > .icon.button {
-  padding-top: 0;
-  padding-right: 0;
-  background: none;
-  color: @blue;
-  line-height: 1.6;
-
-  &:hover {
-    background: none;
-  }
-
-  .icon {
-    font-weight: bold;
-  }
-}
-
-.ui.basic.button {
-  padding: 0;
-  border: 0;
-  background: transparent;
-  cursor: pointer;
-  text-align: initial;
-
-  &:focus {
-    outline: none;
-  }
-}
diff --git a/theme/themes/eea/elements/button.variables b/theme/themes/eea/elements/button.variables
index 7314a16750..e3fdb77b29 100644
--- a/theme/themes/eea/elements/button.variables
+++ b/theme/themes/eea/elements/button.variables
@@ -38,6 +38,7 @@
 
 /* Text Button */
 @textButtonBackground: transparent;
+@textButtonFocusedBoxShadow: 0 0 0 2px @primaryColorHover inset;
 
 /* Search Button */
 @searchButtonBackground: transparent;
@@ -56,7 +57,7 @@
 
 /* Button defaults to using same height as input globally */
 @verticalPadding: @inputVerticalPadding;
-@horizontalPadding: 1.875em;
+@horizontalPadding: 1.75em;
 
 /* Text */
 @textTransform: none;
@@ -92,8 +93,8 @@
 @iconTransition: opacity @defaultDuration @defaultEasing;
 @iconVerticalAlign: '';
 
-@iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
-@rightIconMargin: 0em -(@iconDistance / 2) 0em @iconDistance;
+@iconMargin: 0 @iconDistance 0 -(@iconDistance / 2); // 0 means there is no margin between the icon and the button
+@rightIconMargin: 0 -(@iconDistance / 2) 0 @iconDistance;
 
 /* Loader */
 @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
@@ -213,11 +214,18 @@
 @labeledLabelBorderOffset: -@borderBoxShadowWidth;
 @labeledTagLabelSize: 1.85em; /* hypotenuse of triangle */
 @labeledIconMargin: 0em;
+/* Labeled left */
+@labeledLeftTop: 0;
+@labeledLeftLeft: 0.85em;
+/* Labeled Right */
+@labeledRightTop: 0;
+@labeledRightLeft: auto;
+@labeledRightRight: 0.85em;
 
 /* Labeled Icon */
 @labeledIconWidth: 1em + (@verticalPadding * 2);
 @labeledIconBackgroundColor: none;
-@labeledIconPadding: (@horizontalPadding + @labeledIconWidth);
+@labeledIconPadding: 3em; //(@horizontalPadding + @labeledIconWidth);
 @labeledIconBorder: transparent;
 @labeledIconColor: '';
 
@@ -292,8 +300,11 @@
 @basicGroupBoxShadow: none;
 
 /* Circular */
-@circularButtonPadding: 0.75em 0.25em 0;
-@circularButtonIconFontSize: 2rem;
+@circularButtonBorderWidth: 2px;
+@circularButtonBorderColor: currentColor;
+@circularButtonPadding: 0.25em;
+@circularButtonIconFontSize: 1.375em;
+@circularButtonLineHeight: 1;
 
 /*-------------------
       Variations
@@ -403,3 +414,6 @@
 @animationEasing: ease;
 @fadeScaleHigh: 1.5;
 @fadeScaleLow: 0.75;
+
+/* Pastanaga Toolbar Button */
+@toolbarButtonLineHeight: 0.75;
diff --git a/theme/themes/eea/elements/label.overrides b/theme/themes/eea/elements/label.overrides
index e636d7e5ce..f2e0d718d0 100644
--- a/theme/themes/eea/elements/label.overrides
+++ b/theme/themes/eea/elements/label.overrides
@@ -20,30 +20,39 @@
 }
 
 // Custom variations and combinations in slate
-.ui.label.medium, .ui.label.high, .ui.label.highlight {
+.ui.label.medium,
+.ui.label.high,
+.ui.label.highlight {
   a {
     color: @color;
     opacity: @labelOpacity;
     text-decoration: @labelTextDecoration;
+
     &:hover {
       text-decoration: @labelNoTextDecoration;
     }
   }
+
   .slate-editor-link {
     color: @color;
     text-decoration: @labelTextDecoration;
   }
+
   span[aria-describedby='footnote-label'] {
     color: @color;
   }
-  .footnote-edit-node, .citation-item {
+
+  .footnote-edit-node,
+  .citation-item {
     background: @labelNoBackground;
 
     &::after {
       color: @color;
     }
   }
-  .metadata.mention.edit, .metadata.mention.empty {
+
+  .metadata.mention.edit,
+  .metadata.mention.empty {
     background: @labelNoBackground;
   }
 }
diff --git a/theme/themes/eea/elements/label.variables b/theme/themes/eea/elements/label.variables
index 69fc5904d1..3feef8732b 100644
--- a/theme/themes/eea/elements/label.variables
+++ b/theme/themes/eea/elements/label.variables
@@ -156,7 +156,7 @@
 @lowImportanceBackground: @deepBlue;
 @mediumImportanceBackground: #346F83;
 @highImportanceBackground: #005293;
-@highlightImportanceBackground: #009591;
+@highlightImportanceBackground: @secondaryColor;
 
 @redTextColor: @white;
 @orangeTextColor: @white;
diff --git a/theme/themes/eea/elements/list.overrides b/theme/themes/eea/elements/list.overrides
index 45488a9471..1f65dbfbc6 100644
--- a/theme/themes/eea/elements/list.overrides
+++ b/theme/themes/eea/elements/list.overrides
@@ -14,6 +14,10 @@ div.ui.list > .item .description {
   margin: @itemDescriptionMarginTop;
 }
 
+dl dd {
+  margin-inline-start: @descriptionMarginInlineStart;
+}
+
 /* Unordered list */
 .ui.bulleted.list .list > .item:before,
 .ui.bulleted.list .list > a.item:before,
@@ -23,6 +27,12 @@ ul.ui.list li:before {
   font-size: @bulletSize;
 }
 
+// Third layer margin fix
 .ui.ordered.list .list .list > .item:before {
   margin-left: @orderedGrandchildCountOffset;
 }
+
+// Fourth layer margin fix
+.ui.ordered.list .list .list .list > .item:before {
+  margin-left: @orderedGreatGrandchildCountOffset;
+}
diff --git a/theme/themes/eea/elements/list.variables b/theme/themes/eea/elements/list.variables
index dc1460999b..4a8c5675ba 100644
--- a/theme/themes/eea/elements/list.variables
+++ b/theme/themes/eea/elements/list.variables
@@ -22,7 +22,7 @@
 @itemLineHeight: @relativeBig;
 
 /* Sub List */
-@childListPadding: 0.75em 0em 0.25em 0.5em;
+@childListPadding: 0.25em 0em 0.25em 0.5em;
 @childListIndent: 1em;
 
 /* Sub List Item */
@@ -63,6 +63,7 @@
 /* Description */
 @itemDescriptionColor: rgba(0, 0, 0, 0.7);
 @itemDescriptionMarginTop: 0.5rem 0;
+@descriptionMarginInlineStart: 0;
 
 /* Link */
 @itemLinkColor: @linkColor;
@@ -190,6 +191,7 @@
 @orderedChildCountDistance: 1em;
 @orderedChildCountOffset: -2em;
 @orderedGrandchildCountOffset: -2.8em;
+@orderedGreatGrandchildCountOffset: -3.8em;
 
 @orderedInvertedCountColor: @invertedLightTextColor;
 
diff --git a/theme/themes/eea/elements/loader.overrides b/theme/themes/eea/elements/loader.overrides
index 14fb0da124..8700f7a61c 100644
--- a/theme/themes/eea/elements/loader.overrides
+++ b/theme/themes/eea/elements/loader.overrides
@@ -1,3 +1,200 @@
 /*******************************
          Theme Overrides
 *******************************/
+
+.ui.loader.eea-loader:after,
+.ui.loader.eea-loader:before {
+  display: none;
+}
+
+.ui.text.loader.eea-loader {
+  display: flex;
+  min-width: @eeaLoaderMinWidth;
+  max-width: @eeaLoaderMaxWidth;
+  align-items: end;
+  justify-content: center;
+  padding: @eeaLoaderPadding;
+  animation: loaderPulse ease-out 2.5s infinite;
+  background: @eeaLoaderBackground;
+  background-image: linear-gradient(
+      rgba(255, 255, 255, 0),
+      rgba(255, 255, 255, 0)
+    ),
+    url('../assets/images/loaderImage.png');
+  background-position: @eeaLoaderBackgroundPosition;
+  background-repeat: no-repeat;
+  border-radius: @eeaLoaderBorderRadius;
+  color: @eeaLoaderTextColor;
+  font-size: @bigFontSize;
+  font-weight: @eeaLoaderTextFontWeight;
+}
+
+@keyframes loaderPulse {
+  0% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  5% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  10% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  15% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.1),
+        rgba(255, 255, 255, 0.1)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  20% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.2),
+        rgba(255, 255, 255, 0.2)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  25% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.3),
+        rgba(255, 255, 255, 0.3)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  30% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.4),
+        rgba(255, 255, 255, 0.4)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  35% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.5),
+        rgba(255, 255, 255, 0.5)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  40% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.6),
+        rgba(255, 255, 255, 0.6)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  45% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.7),
+        rgba(255, 255, 255, 0.7)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  50% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.75),
+        rgba(255, 255, 255, 0.8)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  55% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.7),
+        rgba(255, 255, 255, 0.7)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  60% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.6),
+        rgba(255, 255, 255, 0.6)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  65% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.5),
+        rgba(255, 255, 255, 0.5)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  70% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.4),
+        rgba(255, 255, 255, 0.4)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  75% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.3),
+        rgba(255, 255, 255, 0.3)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  80% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.2),
+        rgba(255, 255, 255, 0.2)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  85% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0.1),
+        rgba(255, 255, 255, 0.1)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  90% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  95% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+
+  100% {
+    background-image: linear-gradient(
+        rgba(255, 255, 255, 0),
+        rgba(255, 255, 255, 0)
+      ),
+      url('../assets/images/loaderImage.png');
+  }
+}
diff --git a/theme/themes/eea/elements/loader.variables b/theme/themes/eea/elements/loader.variables
index b52281e654..c39279144a 100644
--- a/theme/themes/eea/elements/loader.variables
+++ b/theme/themes/eea/elements/loader.variables
@@ -29,7 +29,6 @@
 @loaderTextColor: @textColor;
 @invertedLoaderTextColor: @invertedTextColor;
 
-
 /*-------------------
         States
 --------------------*/
@@ -44,6 +43,18 @@
 @inlineVerticalAlign: middle;
 @inlineMargin: 0em;
 
+/*-------------------
+      EEA Loader
+--------------------*/
+@eeaLoaderPadding: 8.5rem 2rem 1.5rem 2rem;
+@eeaLoaderMinWidth: 190px;
+@eeaLoaderMaxWidth: 210px;
+@eeaLoaderBackground: @white;
+@eeaLoaderBackgroundPosition: center 1.5rem;
+@eeaLoaderBorderRadius: 4.5rem 2rem 0 2rem;
+@eeaLoaderTextColor: @primaryColor;
+@eeaLoaderTextFontWeight: @bold;
+
 /* Exact Sizes (Avoids Rounding Errors) */
 @mini    : @14px;
 @tiny    : @16px;
diff --git a/theme/themes/eea/elements/segment.variables b/theme/themes/eea/elements/segment.variables
index bb1362c071..85f32875ff 100644
--- a/theme/themes/eea/elements/segment.variables
+++ b/theme/themes/eea/elements/segment.variables
@@ -127,8 +127,8 @@
 @coloredBorderSize: 2px;
 
 /* Ordinality */
-@secondaryBackground: @deepBlue;
-@secondaryColor: @white;
+@secondaryBackground: @tealBackground;
+@secondaryColor: @textColor;
 
 @tertiaryBackground:  @midWhite;
 @tertiaryColor: @mutedTextColor;
diff --git a/theme/themes/eea/extras/avatar.less b/theme/themes/eea/extras/avatar.less
deleted file mode 100644
index 0a55ebc8b7..0000000000
--- a/theme/themes/eea/extras/avatar.less
+++ /dev/null
@@ -1,97 +0,0 @@
-@type: 'extra';
-@element: 'avatar';
-
-@import (multiple) '../../theme.config';
-
-/*-------------------
-      AVATAR
---------------------*/
-
-.eea.avatar.big {
-  width: @avatarWidthBig;
-  .wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    width: @avatarWrapperWidth;
-
-    .image-wrapper {
-      width: @avatarImageWrapperWidth;
-      display: flex;
-      justify-content: center;
-
-      .image {
-        height: @avatarImageHeightBig;
-        width: @avatarImageWidthBig;
-        border-radius: @avatarImageBorderRadius;
-        background-position: center;
-        background-size: contain;
-      }
-    }
-    .content-wrapper {
-      width: @avatarContentWrapperWidth;
-      .content {
-        margin-top: @avatarContentMarginTop;
-        .title {
-          font-weight: @avatarContentTitleFontWeight;
-          text-align: center;
-          font-size: @avatarContentTitleFontSize;
-          line-height: @avatarContentTitleLineHeight;
-          letter-spacing: @avatarContentTitleLetterSpacing;
-          margin-bottom: @avatarContentTitleMarginBottom;
-        }
-        .metadata {
-          text-align: center;
-          font-size: @avatarMetadataFontSize;
-          font-weight: @avatarMetadataFontWeight;
-          margin-top: @avatarMetadataMarginTop;
-        }
-      }
-    }
-  }
-}
-
-.eea.avatar.small {
-  width: @avatarWidthSmall;
-  .wrapper {
-    width: @avatarWrapperWidth;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-
-    .image-wrapper {
-      width: @avatarImageWrapperWidth;
-      display: flex;
-      justify-content: center;
-
-      .image {
-        height: @avatarImageHeightSmall;
-        width: @avatarImageWidthSmall;
-        border-radius: @avatarImageBorderRadius;
-        background-position: center;
-        background-size: contain;
-      }
-    }
-
-    .content-wrapper {
-      width: @avatarContentWrapperWidth;
-      .content {
-        margin-top: @avatarContentMarginTopSmall;
-        .title {
-          font-weight: @avatarContentTitleFontWeightSmall;
-          color: @darkCyan;
-          text-align: center;
-          font-size: @avatarContentTitleFontSizeSmall;
-          line-height: @avatarContentTitleLineHeightSmall;
-          letter-spacing: @avatarContentTitleLetterSpacing;
-          margin-bottom: @avatarContentTitleMarginBottom;
-        }
-        .metadata {
-          text-align: center;
-          font-size: @avatarMetadataFontSizeSmall;
-          font-weight: @avatarMetadataFontWeightSmall;
-        }
-      }
-    }
-  }
-}
diff --git a/theme/themes/eea/extras/avatar.variables b/theme/themes/eea/extras/avatar.variables
deleted file mode 100644
index 56d31ca521..0000000000
--- a/theme/themes/eea/extras/avatar.variables
+++ /dev/null
@@ -1,34 +0,0 @@
-/*******************************
-            Avatar
-*******************************/
-
-/* Big */
-@avatarWidthBig                 : 100%;
-@avatarWrapperWidth             : 100%;
-@avatarImageWrapperWidth        : 100%;
-@avatarImageHeightBig           : 150px;
-@avatarImageWidthBig            : 150px;
-@avatarImageBorderRadius        : 50%;
-@avatarContentWrapperWidth      : 100%;
-@avatarContentMarginTop         : 17.84px;
-@avatarContentTitleFontWeight   : 700;
-@avatarContentTitleFontSize     : 36px;
-@avatarContentTitleLineHeight   : 54px;
-@avatarContentTitleLetterSpacing: -0.015em;
-@avatarContentTitleMarginBottom : 0px;
-@avatarMetadataFontSize         : 24px;
-@avatarMetadataFontWeight       : 400;
-@avatarMetadataMarginTop        : 8.84px;
-
-
-/* Small */
-@avatarWidthSmall                       : 100%;
-@avatarImageHeightSmall                 : 130px;
-@avatarImageWidthSmall                  : 130px;
-@avatarContentMarginTopSmall            : 20px;
-@avatarContentTitleFontWeightSmall      : 500;
-@avatarContentTitleFontSizeSmall        : 20px;
-@avatarContentTitleLineHeightSmall      : 30px;
-@avatarMetadataFontSizeSmall            : 16px;
-@avatarMetadataFontWeightSmall          : 300;
-@avatarMetadataMarginTop                : 8.84px;
\ No newline at end of file
diff --git a/theme/themes/eea/extras/avatarGrid.less b/theme/themes/eea/extras/avatarGrid.less
index cfc8fb0fef..cfa1a65823 100644
--- a/theme/themes/eea/extras/avatarGrid.less
+++ b/theme/themes/eea/extras/avatarGrid.less
@@ -9,35 +9,33 @@
 
 .eea.avatar-grid {
   width: @avatarGridWidth;
+
   .wrapper {
     width: @avatarGridWrapperWidth;
+
     .content {
-      width: @avatarGridContentWidth;
       display: flex;
       flex-direction: column;
-
-      .grid-title {
-        width: @avatarGridContentTitleWidth;
-        font-weight: @avatarGridContentTitleFontWeight;
-        font-size: @avatarGridContentTitleFontSize;
-        text-align: center;
-      }
-
-      .grid-title.hidden {
-        display: none;
-      }
-
-      .avatar.group {
-        display: flex;
-        justify-content: center;
-        width: @avatarGroupWidth;
-        margin-top: @avatarGroupMarginTop;
-
-        .avatar-wrapper {
-          padding-left: @avatarGroupWrapperPaddingRight;
-          padding-right: @avatarGroupWrapperPaddingRight;
-        }
-      }
+      width: @avatarGridContentWidth;
     }
   }
 }
+
+.eea.avatar-grid {
+  .grid-title {
+    text-align: @avatarGridContentTitleTextAlign;
+    width: @avatarGridContentTitleWidth;
+    margin: @avatarGroupMargin;
+  }
+
+  .grid-title.hidden {
+    display: none;
+  }
+}
+
+.eea.avatar-grid .avatar.group {
+  display: flex;
+  justify-content: center;
+  width: @avatarGroupWidth;
+  margin: @avatarGroupMargin;
+}
diff --git a/theme/themes/eea/extras/avatarGrid.variables b/theme/themes/eea/extras/avatarGrid.variables
index a4e854a48c..4a5688c783 100644
--- a/theme/themes/eea/extras/avatarGrid.variables
+++ b/theme/themes/eea/extras/avatarGrid.variables
@@ -2,19 +2,15 @@
             Avatar Grid
 *******************************/
 
-@avatarGridWidth: 100%;
+@avatarGridWidth                    : 100%;
 @avatarGridWrapperWidth             : 100%;
 @avatarGridContentWidth             : 100%;
 
 /* Grid Title */
+@avatarGridContentTitleTextAlign    : center;
 @avatarGridContentTitleWidth        : 100%;
-@avatarGridContentTitleFontWeight   : 700;
-@avatarGridContentTitleFontSize     : 36px;
-@avatarGridContentTitleLineHeight   : 20px;
-
+@avatarGridContentTitleFontWeight   : @bold;
 
 /* Avatar Group */
 @avatarGroupWidth                   : 100%;
-@avatarGroupMarginTop               : 67.54px;
-@avatarGroupWrapperPaddingLeft      : 32px; 
-@avatarGroupWrapperPaddingRight     : 32px; 
\ No newline at end of file
+@avatarGroupMargin                  : @largeGap 0;
\ No newline at end of file
diff --git a/theme/themes/eea/extras/banner.less b/theme/themes/eea/extras/banner.less
index 45d406ab93..a8f314cfe5 100644
--- a/theme/themes/eea/extras/banner.less
+++ b/theme/themes/eea/extras/banner.less
@@ -90,14 +90,12 @@
 
     .gradient {
       background-image: @backgroundGradientWithImage;
-      
+
       .content {
         padding: @mobileContentPaddingWithImage;
       }
     }
   }
-
-
 }
 
 /*Share Popup*/
@@ -107,27 +105,26 @@
   filter: @sharePopupFilter;
 
   p {
-      font-size: @sharePopupFontSize;
-      font-weight: @sharePopupFontWeight;
-      line-height: @sharePopupLineHeight;
+    font-size: @sharePopupFontSize;
+    font-weight: @sharePopupFontWeight;
+    line-height: @sharePopupLineHeight;
   }
 
   .actions {
-      flex-flow: column;
-      i.icon {
-          color: @sharePopupActionsIconColor;
-      }
+    flex-flow: column;
+    i.icon {
+      color: @sharePopupActionsIconColor;
+    }
 
-      .action {
-          display:flex;
-          justify-content:center
-      }
+    .action {
+      display: flex;
+      justify-content: center;
+    }
 
-      .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
-        margin: @sharePopupActionsIconMargin;
-      }
+    .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
+      margin: @sharePopupActionsIconMargin;
+    }
   }
-
 }
 
 @media only screen and (min-width: @tabletBreakpoint) {
@@ -135,30 +132,30 @@
     .gradient {
       .content {
         padding: @tabletContentPadding;
-  
+
         .title {
           font-size: @tabletTitleFontSize;
           font-weight: @titleFontWeight;
           margin: @tabletTitleMargin;
           line-height: @tabletTitleLineHeight;
         }
-  
+
         .metadata {
           font-size: @tabletMetadataFontSize;
           line-height: @tabletMetadataLineHeight;
         }
-  
+
         .actions {
           align-items: @tabletActionsAlignItems;
           flex-direction: @tabletActionsFlexDirection;
-  
+
           .action {
-            min-width:@tabletActionsActionMinWidth;
-  
+            min-width: @tabletActionsActionMinWidth;
+
             .ui.basic.inverted.button i.icon {
-                margin: @tabletBannerActionButtonMargin;
-                font-size: @tabletBannerActionButtonIconFontSize;
-                vertical-align: @bannerActionButtonIconVerticalAlign;
+              margin: @tabletBannerActionButtonMargin;
+              font-size: @tabletBannerActionButtonIconFontSize;
+              vertical-align: @bannerActionButtonIconVerticalAlign;
             }
           }
         }
@@ -174,32 +171,28 @@
   .ui.popup.share-popup {
     min-width: @tabletSharePopupMinWidth;
 
-    .actions{
-        flex-flow: row;
-        display: flex;
-        justify-content: space-between;
+    .actions {
+      flex-flow: row;
+      display: flex;
+      justify-content: space-between;
 
-        .action {
-            display:inherit;
-        }
+      .action {
+        display: inherit;
+      }
     }
-
   }
 }
 
 @media only screen and (min-width: @computerBreakpoint) {
-
   .eea.banner {
-
     .image {
-
       .gradient .content {
         padding: @computerContentPaddingWithImage;
       }
     }
 
     .gradient .content {
-      padding: @computerContentPadding ;
+      padding: @computerContentPadding;
 
       .title {
         font-size: @computerTitleFontSize;
@@ -207,7 +200,5 @@
         line-height: @computerTitleLineHeight;
       }
     }
-
   }
-
 }
diff --git a/theme/themes/eea/extras/blockquote.less b/theme/themes/eea/extras/blockquote.less
index 533ce1a4bb..d93471db04 100644
--- a/theme/themes/eea/extras/blockquote.less
+++ b/theme/themes/eea/extras/blockquote.less
@@ -7,7 +7,8 @@
             Blockquote
 *******************************/
 
-blockquote.callout, p.callout {
+blockquote.callout,
+p.callout {
   border: @calloutBorder;
   box-shadow: @calloutBoxShadow;
   border-radius: @calloutBorderRadius;
@@ -55,7 +56,8 @@ blockquote.callout, p.callout {
 }
 
 @media only screen and (min-width: @tabletBreakpoint) {
-  blockquote.callout, p.callout {
+  blockquote.callout,
+  p.callout {
     border-left: @tabletBlockquoteBorderLeft;
     font-size: @tabletQuoteFontSize;
   }
@@ -73,7 +75,8 @@ blockquote.callout, p.callout {
 }
 
 @media only screen and (min-width: @computerBreakpoint) {
-  blockquote.callout, p.callout {
+  blockquote.callout,
+  p.callout {
     font-size: @computerQuoteFontSize;
   }
 
diff --git a/theme/themes/eea/extras/footer.less b/theme/themes/eea/extras/footer.less
index aae155fcda..9f62a90ff3 100644
--- a/theme/themes/eea/extras/footer.less
+++ b/theme/themes/eea/extras/footer.less
@@ -8,266 +8,264 @@
 --------------------*/
 
 footer {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: @footerBackgroundGrandient;
-    color: @white;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: @footerBackgroundGrandient;
+  color: @white;
+
+  .wrapper {
+    width: @wrapperWidth;
+    padding: @mobileWrapperPadding;
+    background-image: @wrapperBackgroundImage;
+    background-position: @wrapperBackgroundPosition;
+    background-size: @mobileWrapperBackgroundSize;
+
+    .theme-sites {
+      padding: @mobileThemeSitesPadding;
+
+      .header {
+        font-weight: @headerFontWeight;
+        font-size: @mobileHeaderFontSize;
+        margin-bottom: @mobileHeaderMarginBottom;
+        text-align: center;
+      }
+
+      .logos .logo {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+    .subfooter {
+      .item {
+        margin-top: @mobileItemMarginTop;
+
+        .site.logo {
+          .description {
+            margin: @mobileDescriptionMargin;
+            font-size: @mobileDescriptionFontSize;
+            line-height: @mobileDescriptionLineHeight;
+          }
+        }
 
-    .wrapper {
-        width: @wrapperWidth;
-        padding: @mobileWrapperPadding;
-        background-image: @wrapperBackgroundImage;
-        background-position: @wrapperBackgroundPosition;
-        background-size: @mobileWrapperBackgroundSize;
-
-        .theme-sites {
-            padding: @mobileThemeSitesPadding;
-
-            .header {
-                font-weight: @headerFontWeight;
-                font-size: @mobileHeaderFontSize;
-                margin-bottom: @mobileHeaderMarginBottom;
-                text-align: center;
-            }
+        .eionet.logo {
+          display: flex;
+          align-items: center;
+          margin-top: @mobileEionetMarginTop;
+
+          img {
+            width: @mobileEionetLogoWidth;
+            margin-left: @mobileEionetLogoMarginLeft;
+            margin-right: @mobileEionetLogoMarginRight;
+          }
+
+          .description {
+            padding-top: @mobileEionetDescriptionPaddingTop;
+            font-size: @mobileEionetDescriptionFontSize;
+            line-height: @mobileEionetDescriptionLineHeight;
+            font-weight: @eionetDescriptionFontWeight;
+          }
+        }
 
-            .logos .logo {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-            }
+        .header {
+          margin-bottom: @mobileItemHeaderMarginBottom;
+          font-size: @mobileItemHeaderFontSize;
+          font-weight: @itemHeaderFontWeight;
         }
-        .subfooter {
-            .item {
-                margin-top: @mobileItemMarginTop;
-
-                .site.logo {
-                    .description {
-                        margin: @mobileDescriptionMargin;
-                        font-size: @mobileDescriptionFontSize;
-                        line-height: @mobileDescriptionLineHeight;
-                    }
-                }
-
-                .eionet.logo {
-                    display: flex;
-                    align-items: center;
-                    margin-top: @mobileEionetMarginTop;
-
-                    img {
-                        width: @mobileEionetLogoWidth;
-                        margin-left: @mobileEionetLogoMarginLeft;
-                        margin-right: @mobileEionetLogoMarginRight;
-                    }
-
-                    .description {
-                        padding-top: @mobileEionetDescriptionPaddingTop;
-                        font-size: @mobileEionetDescriptionFontSize;
-                        line-height: @mobileEionetDescriptionLineHeight;
-                        font-weight: @eionetDescriptionFontWeight;
-                    }
-                }
-
-                .header {
-                    margin-bottom: @mobileItemHeaderMarginBottom;
-                    font-size: @mobileItemHeaderFontSize;
-                    font-weight: @itemHeaderFontWeight;
-                }
-
-                .contact {
-                    display: flex;
-                    align-items: center;
-                    margin: @mobileContactMargin;
-                    font-size: @mobileContactFontSize;
-
-                    a {
-                        color: @menuLinkColor;
-                    }
-                }
-                .address {
-                    font-size: @mobileAdressFontSize;
-                }
-
-                .social a {
-                    color: @socialIconColor;  
-
-                    &:active,
-                    &:hover {
-                      color: @socialIconColor;
-                    }
-
-                    i.icon {
-                        font-size: @mobileSocialIconSize;
-                    }
-                }
-            }
-            .menu {
-                display: flex;
-                align-items: center;
-                justify-content: space-around;
-                margin: @mobileMenuMargin;
-              
-                a {
-                  color: @menuLinkColor;
-                  font-weight: @menuFontWeight;
-                  font-size: @mobileMenuFontSize;
-                  cursor: pointer;
-              
-                  &:hover,
-                  &:active {
-                    color: @menuLinkColor;
-                  }
-                }
-            }
+
+        .contact {
+          display: flex;
+          align-items: center;
+          margin: @mobileContactMargin;
+          font-size: @mobileContactFontSize;
+
+          a {
+            color: @menuLinkColor;
+          }
+        }
+        .address {
+          font-size: @mobileAdressFontSize;
         }
+
+        .social a {
+          color: @socialIconColor;
+
+          &:active,
+          &:hover {
+            color: @socialIconColor;
+          }
+
+          i.icon {
+            font-size: @mobileSocialIconSize;
+          }
+        }
+      }
+      .menu {
+        display: flex;
+        align-items: center;
+        justify-content: space-around;
+        margin: @mobileMenuMargin;
+
+        a {
+          color: @menuLinkColor;
+          font-weight: @menuFontWeight;
+          font-size: @mobileMenuFontSize;
+          cursor: pointer;
+
+          &:hover,
+          &:active {
+            color: @menuLinkColor;
+          }
+        }
+      }
     }
+  }
 }
 
 @media only screen and (min-width: @tabletBreakpoint) {
-    footer {
-        .wrapper {
-            .theme-sites {
-                .header {
-                    font-size: @tabletHeaderFontSize;
-                    margin-bottom: @tabletHeaderMarginBottom;
-                }
+  footer {
+    .wrapper {
+      .theme-sites {
+        .header {
+          font-size: @tabletHeaderFontSize;
+          margin-bottom: @tabletHeaderMarginBottom;
+        }
+      }
+      .subfooter {
+        .item {
+          margin-top: @tabletItemMarginTop;
+
+          .site.logo {
+            img {
+              width: @tabletSiteLogoWidth;
+              display: @tabletSiteLogoDisplay;
+            }
+            .description {
+              font-size: @tabletDescriptionFontSize;
+              line-height: @tabletDescriptionLineHeight;
             }
-            .subfooter {
-                .item {
-                    margin-top: @tabletItemMarginTop;
-
-                    .site.logo {
-                        img {
-                            width: @tabletSiteLogoWidth;
-                            display: @tabletSiteLogoDisplay;
-                        }
-                        .description {
-                            font-size: @tabletDescriptionFontSize;
-                            line-height: @tabletDescriptionLineHeight;
-                        }
-                    }
-
-                    .eionet.logo {
-                        img {
-                            width: @tabletEionetLogoWidth;
-                            margin-left: @tabletEionetLogoMarginLeft;
-                        }
-
-                        .description {
-                            padding-top: @tabletEionetDescriptionPaddingTop;
-                            font-size: @tabetEionetDescriptionFontSize;
-                            line-height: @tabletEionetDescriptionLineHeight;
-                        }
-                    }
-
-                    .header {
-                        margin-bottom: @tabletItemHeaderMarginBottom;
-                        font-size: @tabletItemHeaderFontSize;
-                    }
-
-                    .contact {
-                        font-size: @tabletContactFontSize;
-                        margin: @tabletContactMargin;
-
-                        i.big.icon {
-                            margin-right: @tabletContactIconMarginRight;
-                            font-size: @tabletContactIconFontSize;
-                        }
-                    }
-
-                    .address {
-                        font-size: @tabletAddressFontSize;
-                    }
-
-                    .social a i.icon {
-                        font-size: @tabletSocialIconSize;
-                    }
-                }
-                .menu {
-                    width: @tabletMenuWidth;
-                    margin: @tabletMenuMargin;
-                
-                    a {
-                      font-size: @tabletMenuFontSize;
-                    }
-                }
+          }
+
+          .eionet.logo {
+            img {
+              width: @tabletEionetLogoWidth;
+              margin-left: @tabletEionetLogoMarginLeft;
+            }
+
+            .description {
+              padding-top: @tabletEionetDescriptionPaddingTop;
+              font-size: @tabetEionetDescriptionFontSize;
+              line-height: @tabletEionetDescriptionLineHeight;
             }
+          }
+
+          .header {
+            margin-bottom: @tabletItemHeaderMarginBottom;
+            font-size: @tabletItemHeaderFontSize;
+          }
+
+          .contact {
+            font-size: @tabletContactFontSize;
+            margin: @tabletContactMargin;
+
+            i.big.icon {
+              margin-right: @tabletContactIconMarginRight;
+              font-size: @tabletContactIconFontSize;
+            }
+          }
+
+          .address {
+            font-size: @tabletAddressFontSize;
+          }
+
+          .social a i.icon {
+            font-size: @tabletSocialIconSize;
+          }
         }
+        .menu {
+          width: @tabletMenuWidth;
+          margin: @tabletMenuMargin;
+
+          a {
+            font-size: @tabletMenuFontSize;
+          }
+        }
+      }
     }
+  }
 }
-  
+
 @media only screen and (min-width: @computerBreakpoint) {
-    footer {
+  footer {
+    .wrapper {
+      padding: @computerWrapperPadding;
+      background-size: @computerWrapperBackgroundSize;
 
-        .wrapper {
-            padding: @computerWrapperPadding;
-            background-size: @computerWrapperBackgroundSize;
+      .theme-sites {
+        padding: @computerThemeSitesPadding;
 
-            .theme-sites {
-                padding: @computerThemeSitesPadding;
+        .header {
+          font-size: @computerHeaderFontSize;
+          margin-bottom: @computerHeaderMarginBottom;
+        }
+      }
+      .subfooter {
+        .item {
+          margin-top: @computerItemMarginTop;
+
+          .site.logo {
+            img {
+              width: @computerSiteLogoWidth;
+            }
+            .description {
+              margin: @computerDescriptionMargin;
+            }
+          }
+
+          .eionet.logo {
+            margin-top: @computerEionetMarginTop;
+
+            img {
+              width: @computerEionetLogoWidth;
+              margin-left: @computerEionetLogoMarginLeft;
+              margin-right: @computerEionetLogoMarginRight;
+            }
 
-                .header {
-                    font-size: @computerHeaderFontSize;
-                    margin-bottom: @computerHeaderMarginBottom;
-                }
+            .description {
+              font-size: @computerEionetDescriptionFontSize;
+              line-height: @computerEionetDescriptionLineHeight;
             }
-            .subfooter {
-                .item {
-                    margin-top: @computerItemMarginTop;
-
-                    .site.logo {
-                        img {
-                            width: @computerSiteLogoWidth;
-                        }
-                        .description {
-                            margin: @computerDescriptionMargin;
-                        }
-                        
-                    }
-
-                    .eionet.logo {
-                        margin-top: @computerEionetMarginTop;
-
-                        img {
-                            width: @computerEionetLogoWidth;
-                            margin-left: @computerEionetLogoMarginLeft;
-                            margin-right: @computerEionetLogoMarginRight;
-                        }
-
-                        .description {
-                            font-size: @computerEionetDescriptionFontSize;
-                            line-height: @computerEionetDescriptionLineHeight;
-                        }
-                    }
-                    
-                    .header {
-                        margin-bottom: @computerItemHeaderMarginBottom;
-                        font-size: @computerItemHeaderFontSize;
-                    }
-
-                    .contact {
-                        font-size: @computerContactFontSize;
-                        margin: @computerContactMargin;
-
-                        i.big.icon {
-                            font-size: @computerContactIconFontSize;
-                        }
-                    }
-
-                    .social a i.icon {
-                        font-size: @computerSocialIconSize;
-                    }
-                }
-                .menu {
-                    justify-content: flex-end;
-                    width: 100%;
-                
-                    a {
-                      padding-left: 3rem;
-                      font-size: @computerMenuFontSize;
-                    }
-                }
+          }
+
+          .header {
+            margin-bottom: @computerItemHeaderMarginBottom;
+            font-size: @computerItemHeaderFontSize;
+          }
+
+          .contact {
+            font-size: @computerContactFontSize;
+            margin: @computerContactMargin;
+
+            i.big.icon {
+              font-size: @computerContactIconFontSize;
             }
+          }
+
+          .social a i.icon {
+            font-size: @computerSocialIconSize;
+          }
+        }
+        .menu {
+          justify-content: flex-end;
+          width: 100%;
+
+          a {
+            padding-left: 3rem;
+            font-size: @computerMenuFontSize;
+          }
         }
+      }
     }
+  }
 }
diff --git a/theme/themes/eea/extras/keyContent.less b/theme/themes/eea/extras/keyContent.less
index 05412d898e..71948522e5 100644
--- a/theme/themes/eea/extras/keyContent.less
+++ b/theme/themes/eea/extras/keyContent.less
@@ -4,33 +4,35 @@
 @import (multiple) '../../theme.config';
 
 .eea.key-content {
-  background-color: @keyContentBackgroundColor;
-
   .title {
-    text-align: center;
-    font-weight: @keyContentTitleFontWeight;
-    font-size: @keyContentTitleFontSize;
+    text-align: left;
+    color: @keyContentColoredTitleColor;
+    margin-left: @keyContentTitleMarginLeft;
   }
 
   .ui.bulleted.list {
-    margin-left: @keyContentListMarginLeft;
+    display: flex;
+    flex-direction: column;
+    gap: @keyContentListGap;
   }
 
   .item {
-    margin-left: 74.85px;
-    margin-bottom: 34.07px;
+    color: @keyContentItemColor;
+    font-size: @mobileKeyContentItemFontSize;
+    margin-left: @keyContentItemMarginLeft;
   }
 
-  .item::before {
-    color: @keyContentListItemBeforeColor;
-    margin-left: @keyContentListItemBeforeMarginLeft;
+  .ui.bulleted.list > .item::before {
+    color: @keyContentListBulletColor;
+    font-size: @keyContentListBulletFontSize;
+    margin-left: @keyContentItemMarginLeftNegative;
   }
 }
 
-.eea.key-content.colored {
-  .title {
-    text-align: left;
-    color: @keyContentColoredTitleColor;
-    margin-left: @keyContentColoredTitleMarginLeft;
+@media only screen and (min-width: @computerBreakpoint) {
+  .eea.key-content {
+    .item {
+      font-size: @computerKeyContentItemFontSize;
+    }
   }
 }
diff --git a/theme/themes/eea/extras/keyContent.variables b/theme/themes/eea/extras/keyContent.variables
index 0c4e5f39f2..ce9937a45f 100644
--- a/theme/themes/eea/extras/keyContent.variables
+++ b/theme/themes/eea/extras/keyContent.variables
@@ -2,17 +2,23 @@
             Key Content
 *******************************/
 
-@keyContentBackgroundColor : #f9f9f9;
 
 /* Title */
-@keyContentTitleFontWeight: 700; 
-@keyContentTitleFontSize : 36px;
 
 /* List */
-@keyContentListMarginLeft: 0;
-@keyContentListItemBeforeColor :  @darkCyan;
-@keyContentListItemBeforeMarginLeft : -38.84px;
+@keyContentListGap:  @largeGap;
+
+/* Item */
+@keyContentItemColor : @japaneseIndigo;
+@mobileKeyContentItemFontSize : 1rem;
+@computerKeyContentItemFontSize: 1.25rem;
+@keyContentItemMarginLeft : @hugeGap;
+@keyContentItemMarginLeftNegative: -2rem;
+
+/* Bullet */
+@keyContentListBulletColor :  @secondaryColor;
+@keyContentListBulletFontSize : 3rem;
 
 /* Colored Title */
 @keyContentColoredTitleColor : @darkCyan;
-@keyContentColoredTitleMarginLeft : 74.85px;
+@keyContentTitleMarginLeft : 2.8rem;
diff --git a/theme/themes/eea/extras/main.overrides b/theme/themes/eea/extras/main.overrides
index f8b2b61060..9dde3d5788 100644
--- a/theme/themes/eea/extras/main.overrides
+++ b/theme/themes/eea/extras/main.overrides
@@ -29,3 +29,12 @@
     }
   }
 }
+
+// Ensure Add block is visible with no blocks added on page load
+#page-add {
+  min-height: @pageAddMinHeight;
+}
+// added override for css found in volto-block-style/stretchStyleDefaultView.css
+#main main {
+  overflow: inherit;
+}
diff --git a/theme/themes/eea/extras/main.variables b/theme/themes/eea/extras/main.variables
index 7705a0b9de..e308adc396 100644
--- a/theme/themes/eea/extras/main.variables
+++ b/theme/themes/eea/extras/main.variables
@@ -27,6 +27,9 @@
 @checkboxColor: @white;
 @checkboxBoxShadow: none;
 
+/* Page Add */
+@pageAddMinHeight: 750px;
+
 /*-------------------
       login.less
 --------------------*/
diff --git a/theme/themes/eea/extras/publicationCard.less b/theme/themes/eea/extras/publicationCard.less
deleted file mode 100644
index 7a38759c0d..0000000000
--- a/theme/themes/eea/extras/publicationCard.less
+++ /dev/null
@@ -1,62 +0,0 @@
-@type: 'extra';
-@element: 'publicationCard';
-
-@import (multiple) '../../theme.config';
-
-/*-------------------
-  Publication Card
---------------------*/
-
-.eea.publication.card {
-  color: @publicationCardtextColor;
-  //position: relative;
-  height: @publicationCardHeight;
-  background-color: @publicationCardBackgroundColor;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  a {
-    display: contents;
-    text-decoration: none;
-    color: @publicationCardtextColor;
-    cursor: pointer;
-  }
-
-  .header {
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: contain;
-    height: calc(100% - @cardDescriptionMaxHeight);
-  }
-
-  .description {
-    background-color: @publicationCardDescriptionColor;
-    height: @cardDescriptionHeight;
-    padding: @cardDescriptionPadding;
-    //position: absolute;
-    //bottom: 0;
-    width: @cardDescriptionWidth;
-    max-height: @cardDescriptionMaxHeight;
-
-    .tag {
-      font-size: @cardDescriptionTagFontSize;
-      font-weight: @cardDescriptionTagFontWeight;
-    }
-
-    .text {
-      font-size: @cardDescriptionTextFontSize;
-      font-weight: @cardDescriptionTextFontWeight;
-    }
-  }
-}
-
-@media only screen and (min-width: @computerBreakpoint) {
-  .eea.publication.card {
-    margin: @publicationCardMargin;
-
-    .description {
-      height: @computerCardDescriptionHeight;
-    }
-  }
-}
diff --git a/theme/themes/eea/extras/publicationCard.variables b/theme/themes/eea/extras/publicationCard.variables
deleted file mode 100644
index 61d0850897..0000000000
--- a/theme/themes/eea/extras/publicationCard.variables
+++ /dev/null
@@ -1,24 +0,0 @@
-/*-------------------
-  Publication Card
---------------------*/
-
-@publicationCardtextColor: @white;
-@publicationCardMargin: 10px 0;
-@publicationCardHeight: 268px;
-
-/* Colors */
-@publicationCardBackgroundColor: #BCBEC0;
-@publicationCardDescriptionColor: #3D5265;
-
-/* Description */
-@cardDescriptionHeight: auto;
-@cardDescriptionMaxHeight: 135px;
-@computerCardDescriptionHeight: auto;
-@cardDescriptionPadding: 20px;
-@cardDescriptionWidth: 100%;
-
-@cardDescriptionTagFontSize: 12px;
-@cardDescriptionTagFontWeight: 400;
-@cardDescriptionTextFontSize: 16px;
-@cardDescriptionTextFontWeight: 700;
-
diff --git a/theme/themes/eea/extras/pullquote.less b/theme/themes/eea/extras/pullquote.less
index f5edb4629f..cdda14f89f 100644
--- a/theme/themes/eea/extras/pullquote.less
+++ b/theme/themes/eea/extras/pullquote.less
@@ -28,12 +28,12 @@
     }
 
     i.icomn:first-child {
-      align-self:flex-start
+      align-self: flex-start;
     }
 
     i.icon:last-child {
       align-self: flex-end;
-    } 
+    }
   }
 
   .author {
@@ -55,7 +55,7 @@
   .eea.pullquote {
     .quotes.wrapper {
       .quote {
-        padding :@tabletQuotePadding;
+        padding: @tabletQuotePadding;
       }
 
       i.icon {
diff --git a/theme/themes/eea/extras/relatedContent.less b/theme/themes/eea/extras/relatedContent.less
new file mode 100644
index 0000000000..843846555d
--- /dev/null
+++ b/theme/themes/eea/extras/relatedContent.less
@@ -0,0 +1,27 @@
+@type: 'extra';
+@element: 'relatedContent';
+
+@import (multiple) '../../theme.config';
+
+/*-------------------
+  Related Content
+--------------------*/
+
+.related-content-wrapper {
+    .button-wrapper {
+        display: flex;
+        justify-content: center;
+    }
+    .ui.grid > .column:not(.row) {
+        padding-top: 0;
+        padding-bottom: 0;
+    }
+}
+
+@media only screen and (min-width: @tabletBreakpoint) {
+    .related-content-wrapper {
+        .button-wrapper {
+            justify-content: right;
+        }
+    }
+}
diff --git a/theme/themes/eea/extras/relatedContent.variables b/theme/themes/eea/extras/relatedContent.variables
new file mode 100644
index 0000000000..57966a2b3e
--- /dev/null
+++ b/theme/themes/eea/extras/relatedContent.variables
@@ -0,0 +1,3 @@
+/*-------------------
+  Related Content
+--------------------*/
\ No newline at end of file
diff --git a/theme/themes/eea/extras/tagList.less b/theme/themes/eea/extras/tagList.less
index 97a9cb66de..2e37c80360 100644
--- a/theme/themes/eea/extras/tagList.less
+++ b/theme/themes/eea/extras/tagList.less
@@ -38,7 +38,6 @@
 }
 
 @media only screen and (min-width: @tabletBreakpoint) {
-
   .tags {
     flex-direction: row;
     align-items: center;
diff --git a/theme/themes/eea/globals/site.variables b/theme/themes/eea/globals/site.variables
index 9640e1f05f..6aa6d99067 100644
--- a/theme/themes/eea/globals/site.variables
+++ b/theme/themes/eea/globals/site.variables
@@ -56,11 +56,11 @@
 @primaryColor         : @darkCerulean;
 @secondaryColor       : @pineGreen;
 
-@lightPrimaryColor    : @darkCyan;
-@lightSecondaryColor  : @mediumPersianBlue;
+@lightPrimaryColor    : @mediumPersianBlue;
+@lightSecondaryColor  : @darkCyan;
 
-@darkPrimaryColor     : @bottleGreen;
-@darkSecondaryColor   : @darkMidnightBlue;
+@darkPrimaryColor     : @darkMidnightBlue;
+@darkSecondaryColor   : @bottleGreen;
 
 /*--------------
   Page Heading
@@ -428,9 +428,9 @@
 @progressBarFrom0to30    : @midBlue;
 @progressBarFrom30to40   : @mediumPersianBlue;
 @progressBarFrom40to60   : @mediumPersianBlue;
-@progressBarFrom60to70   : @darkCyan;
-@progressBarFrom70to90   : @darkCyan;
-@progressBarFrom90to100  : @pineGreen;
+@progressBarFrom60to70   : @pineGreen;
+@progressBarFrom70to90   : @pineGreen;
+@progressBarFrom90to100  : @bottleGreen;
 
 /*-------------------
      Alpha Colors
diff --git a/theme/themes/eea/modules/modal.overrides b/theme/themes/eea/modules/modal.overrides
index 14fb0da124..54344b558b 100644
--- a/theme/themes/eea/modules/modal.overrides
+++ b/theme/themes/eea/modules/modal.overrides
@@ -1,3 +1,7 @@
 /*******************************
          Theme Overrides
 *******************************/
+
+.ui.modal > :last-child {
+  overflow: hidden; // clear floats from modal
+}
diff --git a/theme/themes/eea/modules/progress.variables b/theme/themes/eea/modules/progress.variables
index e6aa9ee618..f4d6b497de 100644
--- a/theme/themes/eea/modules/progress.variables
+++ b/theme/themes/eea/modules/progress.variables
@@ -40,7 +40,7 @@
 @progressLeft: auto;
 @progressBottom: auto;
 @progressOffset: -0.5em;
-@progressColor: @invertedLightTextColor;
+@progressColor: @white;
 @progressTextShadow: none;
 @progressFontWeight: @bold;
 @progressTextAlign: left;
diff --git a/theme/themes/eea/modules/tab.overrides b/theme/themes/eea/modules/tab.overrides
index e34f8471d3..d5dacdc91e 100644
--- a/theme/themes/eea/modules/tab.overrides
+++ b/theme/themes/eea/modules/tab.overrides
@@ -4,10 +4,18 @@
 
 .ui.pointing.secondary.menu {
   a.item {
-    font-size: @headerSize;
+    font-size: @mobileHeaderSize;
   }
 
   a.item:hover {
     color: @tabActiveItemHoverColor;
   }
 }
+
+@media only screen and (min-width: @tabletBreakpoint) {
+  .ui.pointing.secondary.menu {
+    a.item {
+      font-size: @tabletHeaderSize;
+    }
+  }
+}
diff --git a/theme/themes/eea/modules/tab.variables b/theme/themes/eea/modules/tab.variables
index 8b9115505c..3705efdb8f 100644
--- a/theme/themes/eea/modules/tab.variables
+++ b/theme/themes/eea/modules/tab.variables
@@ -4,7 +4,8 @@
 
 @tabActiveItemHoverColor: @secondaryColor;
 
-@headerSize: @h4;
+@mobileHeaderSize: 1.125rem;
+@tabletHeaderSize: @h4;
 @headerSizeResponsive: @fontSize;
 @contentSize: @fontSize;
 
diff --git a/theme/themes/eea/views/card.overrides b/theme/themes/eea/views/card.overrides
index 27ac5040d6..bdeb30d423 100644
--- a/theme/themes/eea/views/card.overrides
+++ b/theme/themes/eea/views/card.overrides
@@ -2,31 +2,6 @@
          Theme Overrides
 *******************************/
 
-/* Inverted Card */
-.ui.card.inverted {
-  background: @invertedBackground;
-
-  > .content > .header {
-    color: @invertedHeaderColor;
-  }
-
-  > .content > .description {
-    color: @invertedDescriptionColor;
-  }
-
-  > .extra.content a:not(.ui) {
-    color: @invertedExtraLinkColor;
-
-    &:hover {
-      color: @invertedExtraLinkHoverColor;
-    }
-  }
-
-  > .content > .meta {
-    color: @invertedMetaColor;
-  }
-}
-
 /* Avoid long links from spilling outside of card body area */
 .ui.cards > .card > .extra,
 .ui.card > .extra {
@@ -71,3 +46,245 @@
 .ui.right.card {
   margin-left: auto;
 }
+
+/*******************************
+            Primary
+*******************************/
+
+.ui.card.primary {
+  background: @primaryBackground;
+}
+
+.ui.card.primary > .content > .header {
+  color: @primaryHeaderColor;
+}
+
+.ui.card.primary > .content > .description {
+  color: @primaryDescriptionColor;
+}
+
+.ui.card.primary > .extra.content a:not(.ui) {
+  color: @primaryExtraLinkColor;
+
+  &:hover {
+    color: @primaryExtraLinkHoverColor;
+  }
+}
+
+.ui.card.primary > .content > .meta {
+  color: @primaryMetaColor;
+}
+
+/*******************************
+            Secondary
+*******************************/
+
+.ui.card.secondary {
+  background: @secondaryBackground;
+}
+
+.ui.card.secondary > .content > .header {
+  color: @secondaryHeaderColor;
+}
+
+.ui.card.secondary > .content > .description {
+  color: @secondaryDescriptionColor;
+}
+
+.ui.card.secondary > .extra.content a:not(.ui) {
+  color: @secondaryExtraLinkColor;
+
+  &:hover {
+    color: @secondaryExtraLinkHoverColor;
+  }
+}
+
+.ui.card.secondary > .content > .meta {
+  color: @secondaryMetaColor;
+}
+
+/*******************************
+            Tertiary
+*******************************/
+
+.ui.card.tertiary {
+  background: @tertiaryBackground;
+}
+
+.ui.card.tertiary > .content > .header {
+  color: @tertiaryHeaderColor;
+}
+
+.ui.card.tertiary > .content > .description {
+  color: @tertiaryDescriptionColor;
+}
+
+.ui.card.tertiary > .extra.content a:not(.ui) {
+  color: @tertiaryExtraLinkColor;
+
+  &:hover {
+    color: @tertiaryExtraLinkHoverColor;
+  }
+}
+
+.ui.card.tertiary > .content > .meta {
+  color: @tertiaryMetaColor;
+}
+
+/*******************************
+          Rounded Card
+*******************************/
+
+.ui.cards > .ui.card.rounded > .image,
+.ui.card.rounded > .image {
+  height: auto;
+}
+
+.ui.card.rounded {
+  width: @roundedWidth;
+  border: none;
+
+  .content {
+    justify-content: center;
+    border-top: none;
+
+    .image {
+      display: flex;
+      justify-content: center;
+      background-color: @white;
+    }
+
+    .header {
+      margin-bottom: @roundedContentTitleMarginBottom;
+      font-size: @roundedContentTitleFontSize;
+      font-weight: @roundedContentTitleFontWeight;
+      text-align: center;
+    }
+
+    .description {
+      text-align: center;
+    }
+  }
+}
+
+.ui.card.rounded.big {
+  .image {
+    display: flex;
+    justify-content: center;
+    background-color: @white;
+
+    img {
+      width: @roundedBigImageWidth;
+      height: @roundedBigImageHeight;
+      border-radius: 50%;
+    }
+  }
+
+  .description {
+    font-size: @roundedBigMetadataFontSize;
+    font-weight: @roundedBigMetadataFontWeight;
+  }
+}
+
+.ui.rounded.small {
+  .image {
+    display: flex;
+    justify-content: center;
+    background-color: @white;
+
+    img {
+      display: flex;
+      width: @roundedSmallImageWidth;
+      height: @roundedSmallImageHeight;
+      border-radius: @roundedImageBorderRadius;
+    }
+  }
+
+  .header {
+    color: @roundedSmallTitleColor;
+  }
+
+  .description {
+    font-size: @roundedSmallMetadataFontSize;
+    font-weight: @roundedSmallMetadataFontWeight;
+  }
+}
+
+/*******************************
+        Publication Card
+*******************************/
+
+.ui.card.publication {
+  width: @mobilePublicationCardWidth;
+  border: none;
+
+  .image {
+    height: @mobilePublicationcardImageHeight;
+    flex-grow: 1;
+  }
+
+  .content {
+    height: @mobileCardContentHeight;
+    max-height: @cardContentMaxHeight;
+    padding: @cardContentPadding;
+    background-color: @publicationCardDescriptionColor;
+
+    .meta {
+      color: @publicationCardtextColor;
+      font-size: @cardMetaFontSize;
+      font-weight: @cardMetaTagFontWeight;
+    }
+
+    .description {
+      display: -webkit-box;
+      overflow: hidden;
+      margin-top: 0;
+      -webkit-box-orient: vertical;
+      color: @publicationCardtextColor;
+      font-size: @cardDescriptionTextFontSize;
+      font-weight: @cardDescriptionTextFontWeight;
+      -webkit-line-clamp: @cardDescriptionTextLineClampMobile;
+      text-overflow: ellipsis;
+    }
+  }
+}
+
+@media only screen and (min-width: @tabletBreakpoint) {
+  .ui.card.publication {
+    width: @tabletPublicationCardWidth;
+
+    .image {
+      height: @tabletPublicationcardImageHeight;
+    }
+
+    .content {
+      height: @tabletCardContentHeight;
+      max-height: @tabletCardContentMaxHeight;
+
+      .description {
+        -webkit-line-clamp: @cardDescriptionTextLineClampTablet;
+      }
+    }
+  }
+}
+
+@media only screen and (min-width: @computerBreakpoint) {
+  .ui.card.publication {
+    width: @computerPublicationCardWidth;
+
+    .image {
+      height: @computerPublicationcardImageHeight;
+    }
+  }
+}
+
+.fluid-card-row {
+  display: grid;
+  justify-content: space-between;
+  gap: 1.25rem;
+  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+
+  .ui.card {
+    margin: 0;
+  }
+}
diff --git a/theme/themes/eea/views/card.variables b/theme/themes/eea/views/card.variables
index 3626a57faa..88ec55aae4 100644
--- a/theme/themes/eea/views/card.variables
+++ b/theme/themes/eea/views/card.variables
@@ -9,14 +9,6 @@
 @cardBorder: 1px solid @midGray;
 @background: @white;
 
-/* Inverted */
-@invertedBackground: @darkCerulean;
-@invertedHeaderColor: @white;
-@invertedDescriptionColor: @white;
-@invertedExtraLinkColor: @white;
-@invertedExtraLinkHoverColor: @white;
-@invertedMetaColor: @white;
-
 /* Shadow */
 @shadowDistance: 1px;
 @shadowBoxShadow: 0px @shadowDistance 3px 0px @solidBorderColor;
@@ -235,3 +227,95 @@
 
 /* Colored */
 @coloredShadowDistance: 2px;
+
+
+/*******************************
+            Primary
+*******************************/
+@primaryBackground: @primaryColor;
+@primaryHeaderColor: @white;
+@primaryDescriptionColor: @white;
+@primaryExtraLinkColor: @white;
+@primaryExtraLinkHoverColor: @white;
+@primaryMetaColor: @white;
+
+/*******************************
+            Secondary
+*******************************/
+@secondaryBackground: @secondaryColor;
+@secondaryHeaderColor: @white;
+@secondaryDescriptionColor: @white;
+@secondaryExtraLinkColor: @white;
+@secondaryExtraLinkHoverColor: @white;
+@secondaryMetaColor: @white;
+
+/*******************************
+            Tertiary
+*******************************/
+@tertiaryBackground: #3D5265;
+@tertiaryHeaderColor: @white;
+@tertiaryDescriptionColor: @white;
+@tertiaryExtraLinkColor: @white;
+@tertiaryExtraLinkHoverColor: @white;
+@tertiaryMetaColor: @white;
+
+/*******************************
+          Rounded Card
+*******************************/
+/* Global */
+@roundedWidth                    : 100%;
+@roundedWrapperWidth             : 100%;
+@roundedWrapperGap               : @largeGap;
+@roundedContentWrapperWidth      : 100%;
+@roundedImageBorderRadius        : @circularRadius;
+@roundedContentTitleMarginBottom : 0;
+@roundedImageWrapperWidth        : 100%;
+@roundedImageBackgroundSize      : cover;
+@roundedContentTitleFontWeight   : @bold;
+@roundedContentTitleFontSize     : 1.25rem;
+
+/* Big */
+@roundedBigImageHeight           : 173px;
+@roundedBigImageWidth            : 173px;
+@roundedBigMetadataFontSize      : 1.25rem;
+@roundedBigMetadataFontWeight    : @normal;
+
+/* Small */
+@roundedSmallImageHeight         : 150px;
+@roundedSmallImageWidth          : 150px;
+@roundedSmallTitleColor          : @secondaryColor;
+@roundedSmallMetadataFontSize    : 1rem;
+@roundedSmallMetadataFontWeight  : 300;
+
+/*******************************
+        Publication Card
+*******************************/
+@mobilePublicationCardWidth: 300px;
+@tabletPublicationCardWidth: 660px;
+@computerPublicationCardWidth: 530px;
+
+/* Image */
+@mobilePublicationcardImageHeight: 150px;
+@tabletPublicationcardImageHeight: 250px;
+@computerPublicationcardImageHeight: 160px;
+
+/* Colors */
+@publicationCardDescriptionColor: #3D5265;
+@publicationCardtextColor: @white;
+
+/*  Content */
+@cardContentPadding: 20px;
+@cardContentMaxHeight: 135px;
+@mobileCardContentHeight: 135px;
+@tabletCardContentMaxHeight: 110px;
+@tabletCardContentHeight: 110px;
+
+/* Description */
+@cardDescriptionTextLineClampMobile: 3;
+@cardDescriptionTextLineClampTablet: 2;
+@cardDescriptionTextFontSize: 16px;
+@cardDescriptionTextFontWeight: 700;
+
+/* Meta */
+@cardMetaFontSize: 12px;
+@cardMetaTagFontWeight: 400;
diff --git a/website/docs/2-whatsnew.md b/website/docs/2-whatsnew.md
index 2678713f51..c985b389ac 100644
--- a/website/docs/2-whatsnew.md
+++ b/website/docs/2-whatsnew.md
@@ -6,7 +6,117 @@ 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).
 
-### [Unreleased](https://github.com/eea/volto-eea-design-system/compare/0.2.0...HEAD) - 2022-04-08T13:18:59.059Z
+### [Unreleased](https://github.com/eea/volto-eea-design-system/compare/0.2.1...HEAD) - 2022-04-22T12:44:32.579Z
+
+#### :bug: Bug Fixes
+
+- fix(publicationCard): restore line endings [`582859e`](https://github.com/eea/volto-eea-design-system/commit/582859e0ab4fa969662d4cf3e60fe75b160f052a)
+- fix(form): added back overrides from Pastanaga theme [`a3f7ff8`](https://github.com/eea/volto-eea-design-system/commit/a3f7ff810cdeb55b009c2dadc6753d01bbd10d8c)
+- fix(OrderedList) : add list only if sub list exists [`8acbc8d`](https://github.com/eea/volto-eea-design-system/commit/8acbc8d5a492b411b169b106ab64bb78563f891f)
+- fix(label): update highlight label color [`d55bbb0`](https://github.com/eea/volto-eea-design-system/commit/d55bbb03a5d28b2f269c1a1ca447c67dcdc7a748)
+- fix(publication card): run prettier [`81a5bfc`](https://github.com/eea/volto-eea-design-system/commit/81a5bfc123ce69c44562a5585e41a630fe0bbf5a)
+- fix(avatar) : fix naming convention for arg [`84fc5fa`](https://github.com/eea/volto-eea-design-system/commit/84fc5fa8faa7887f45cd52e58aa6fa6f8b951d26)
+- fix(tab): restore mobile font sizes [`58f39be`](https://github.com/eea/volto-eea-design-system/commit/58f39be02a45ade92873b86597c33763379e0f44)
+- fix(addForm): add min height to add form and fixed block chooser overflow [`ca4415d`](https://github.com/eea/volto-eea-design-system/commit/ca4415d49b973378894ec9270501beafbefff776)
+- fix(OrderedList): adjust margins to fourth sublists [`663d384`](https://github.com/eea/volto-eea-design-system/commit/663d384790920f164d51edb304c411275972fbb7)
+- fix(dropdown): being hidden because of third party css [`7d353df`](https://github.com/eea/volto-eea-design-system/commit/7d353dfd65e93d08a3c8584adeeebea50bf7efe8)
+- fix(modal): overflow hidden as clearfix of last child from modal [`b4923f5`](https://github.com/eea/volto-eea-design-system/commit/b4923f5165a0a7e8d2dd33ea4c35f9f951372909)
+- fix(RelatedContent):fix merge conflict [`adc34bf`](https://github.com/eea/volto-eea-design-system/commit/adc34bfdac7d668aa27578eb2a4844c136e0360f)
+- fix(button): labeled class needs to be placed after left or right keyword [`53d1204`](https://github.com/eea/volto-eea-design-system/commit/53d1204fe52665fe1023747da359d3100d45e58f)
+
+#### :nail_care: Enhancements
+
+- refactor(card): prettier fixes [`e10e3d6`](https://github.com/eea/volto-eea-design-system/commit/e10e3d610a313c4e1995676130e2677f0ebab070)
+- refactor(card): add card variations [`e16d05b`](https://github.com/eea/volto-eea-design-system/commit/e16d05b4afa678b9089987b42a8257323a78093f)
+- refactor(card): remove stories [`0deb0ca`](https://github.com/eea/volto-eea-design-system/commit/0deb0cab6d7fd73957b149325960c266c33cdc6f)
+- refactor(card):delete primary and secondary card stories [`1f95d22`](https://github.com/eea/volto-eea-design-system/commit/1f95d227a026ecc34b29cc3e4938c3d13906cfd8)
+- refactor(Avatar) : remake avatar as card variant [`ea77cdd`](https://github.com/eea/volto-eea-design-system/commit/ea77cdd1acafd2ea288f11074423705e5d6b7412)
+- refactor(card): add styles for card variations [`7407bd3`](https://github.com/eea/volto-eea-design-system/commit/7407bd30e722f2d7b1a9d75a8c7cf155bf1c4996)
+- refactor(storybook): add story with related content inside of a tab [`dca008a`](https://github.com/eea/volto-eea-design-system/commit/dca008a35b27e4a75c13ef965ab8764df0d3b357)
+- refactor(card): Rename variables from avatar  to rounded [`be01316`](https://github.com/eea/volto-eea-design-system/commit/be0131631cf8e303f4077fe93b6685fd6b34bf46)
+- refactor(avatar): update less variables and layer structure [`f965db1`](https://github.com/eea/volto-eea-design-system/commit/f965db1dd17d90e7165f66d39fdda9016c2eae91)
+- refactor(PublicationCard):remake publication card to be a semantic card variation [`5a0c6ab`](https://github.com/eea/volto-eea-design-system/commit/5a0c6ab21c22a53aa6e34fafecfae15a3d435391)
+- change(button): simplified button styling [`fe892d6`](https://github.com/eea/volto-eea-design-system/commit/fe892d6f2f59aecf3f9e8b04f18b55fb0d384021)
+- change(button): simplified storybook naming and examples [`9a7df4f`](https://github.com/eea/volto-eea-design-system/commit/9a7df4f46c24a234dd8bb290336ac8e7d5c7422b)
+- refactor(Avatar) : convert avatar component to card variation [`2004a94`](https://github.com/eea/volto-eea-design-system/commit/2004a941c18f8fe21f96f88d3288446fd5e283e8)
+- refactor(Related Content): change in grid and add see all button [`955450e`](https://github.com/eea/volto-eea-design-system/commit/955450e974c89aa2297eaa28d278e5098fea7705)
+- change(button): added back button.overrides from pastanaga theme [`3b55acb`](https://github.com/eea/volto-eea-design-system/commit/3b55acbf8b8df0e3daa475ab12e4db44693a4053)
+- refactor(card): add card class control [`68c91a9`](https://github.com/eea/volto-eea-design-system/commit/68c91a9bf7e78874e12e868a0c466f12715a0698)
+- refactor(card):delete publication card variables & overrides files [`6be8a03`](https://github.com/eea/volto-eea-design-system/commit/6be8a037118762cf2280fbe44ba097a0cb7a79e0)
+- refactor(OrderedList): rename TOC to Ordered List and add container to the story [`e00c4db`](https://github.com/eea/volto-eea-design-system/commit/e00c4db8e623651eb2ec9ad45de6e3d8c2693b2b)
+- refactor(card): add card grid fluid story with no columns [`f38251c`](https://github.com/eea/volto-eea-design-system/commit/f38251ca3fa04a9b586468ead44bbfe8ae110fbb)
+- refactor(list): remove horizontal control [`1f5e576`](https://github.com/eea/volto-eea-design-system/commit/1f5e576a37452ed368d6f9cf4d55960e737d48ad)
+- refactor(avatarGrid): update less variables and layer structure [`db554a8`](https://github.com/eea/volto-eea-design-system/commit/db554a894ca10ba50ff425883000177854ea2455)
+- refactor(Related Content):show button when there are more hidden cards [`57ff1c8`](https://github.com/eea/volto-eea-design-system/commit/57ff1c8d485d16c34002da22bd765069e6eb3df0)
+- refactor(RelatedContent):change to use new card variant instead of publication card component [`7cf424a`](https://github.com/eea/volto-eea-design-system/commit/7cf424ae885d9b657a7635fc67a74a8af4c4e905)
+- change(breadcrumb): brought back pastanaga overrides to breadcrumbs [`bca1c93`](https://github.com/eea/volto-eea-design-system/commit/bca1c939c1d49dab1d4b8e72c0999d78383fd643)
+- refactor(card):delete publication card folder & story [`68bf773`](https://github.com/eea/volto-eea-design-system/commit/68bf77306d710651bb2177d429f42b8efc127db2)
+- change(buttons): modified basic and circular variant behavior [`c06fed9`](https://github.com/eea/volto-eea-design-system/commit/c06fed9fa74216cf76971b7789dad231a5125ce8)
+- refactor(card):tertiary variation minor story update [`87b8dca`](https://github.com/eea/volto-eea-design-system/commit/87b8dca0b8ef6c6f0fbf1ea6bc71b7b8b6ee9205)
+- refactor(DescriptionList): add container to story [`d647c1a`](https://github.com/eea/volto-eea-design-system/commit/d647c1a17097eae9bdfaf8eb8068f6d1d0b13972)
+- refactor(List):render ordered list with ol,li tags [`87813c1`](https://github.com/eea/volto-eea-design-system/commit/87813c1a942ce498f89b51fe79a59b117afd28b0)
+- refactor(OrderedList) : change table of contents story to ordered list [`cb6197c`](https://github.com/eea/volto-eea-design-system/commit/cb6197c872a97f1b990c675554b1da9b0a8f7959)
+- refactor(publicationCard): update tag and name variables [`c109ad9`](https://github.com/eea/volto-eea-design-system/commit/c109ad98f257fea233f31d767c4a037a2758be2d)
+- refactor(UnorderedList): update list as ul, list items as li and add container to strory [`2c096e1`](https://github.com/eea/volto-eea-design-system/commit/2c096e117125a7fb943a5d2e665c0077761b271c)
+- refactor(card):organize controls and minor bug fixes [`f3f6e35`](https://github.com/eea/volto-eea-design-system/commit/f3f6e35df077e348ea1e0c2e5c5bd73d4af5aef9)
+- refactor(less variables): publication card style changes [`c5a84e9`](https://github.com/eea/volto-eea-design-system/commit/c5a84e99ebea6345e45fac3b7ffc077ec42dfb45)
+- refactor(less variables): add less to related content [`e1a5543`](https://github.com/eea/volto-eea-design-system/commit/e1a55438a9fc9dd141a9515c5363d834732a0c4d)
+- refactor(RelatedContent):delete publication card component [`2ed0ed4`](https://github.com/eea/volto-eea-design-system/commit/2ed0ed4a1497224b669386f6d0942a79d00555ea)
+- change(button): basic button is again without padding, border and background [`5a907c7`](https://github.com/eea/volto-eea-design-system/commit/5a907c721bda1d065153b108d6c9dc0ee20a886d)
+- refactor(PublicationCard):remove link wrapper [`5911a0d`](https://github.com/eea/volto-eea-design-system/commit/5911a0db1967c58311a6776864f92bc0692052fa)
+- refactor(less variables): change publication card height per viewport [`d7a5256`](https://github.com/eea/volto-eea-design-system/commit/d7a525615672f387a2c8a0457bcde5c08aec45dd)
+- refactor(Timeline):change timeline icons [`b2fe0bf`](https://github.com/eea/volto-eea-design-system/commit/b2fe0bf9a7a4583f1f10765a9f8c3c989412d472)
+- refactor(publicationCard): replace px with rems [`53bf8da`](https://github.com/eea/volto-eea-design-system/commit/53bf8da5e42343de7f7f940c266beb5e530dd63a)
+- refactor(Related Content): change in related content grid [`bf856ce`](https://github.com/eea/volto-eea-design-system/commit/bf856ce66f9a74cb440cf8a7c93f62cd0d3965e9)
+- refactor(List):render description list with dl,dt,dd tags [`ec669a7`](https://github.com/eea/volto-eea-design-system/commit/ec669a74da08f7a82bb4a1a0a2d752b6ee5ba4bb)
+- change(button): show only labeled variant for buttons with icons [`bf49944`](https://github.com/eea/volto-eea-design-system/commit/bf499446dc02e4be8d6452a3e0cba5797b8a005e)
+- change(button): text button now has an underline with a focus border like other buttons [`cdd9043`](https://github.com/eea/volto-eea-design-system/commit/cdd90436bf0c4f8acaca8bf27afef672fb0f3a89)
+- refactor(card): import image for rounded card [`ca5a47e`](https://github.com/eea/volto-eea-design-system/commit/ca5a47ea2cd713336c7c8ecdebebbdacd681282f)
+- refactor(progress): add container to story [`dfb33bb`](https://github.com/eea/volto-eea-design-system/commit/dfb33bb8f3560d43e3e7300560bb557591c0a6ba)
+- refactor(storybook): add publication card story with different description sizes [`23af97b`](https://github.com/eea/volto-eea-design-system/commit/23af97bc708ac70d70b92efe9a782548c65aabc5)
+- refactor(List):render default list with dl & dt tags [`ece2280`](https://github.com/eea/volto-eea-design-system/commit/ece2280eb06481b3fd42e7a1ffec5c71c08e736f)
+- refactor(storybook): add publication cards stories with longer description [`37adefa`](https://github.com/eea/volto-eea-design-system/commit/37adefa500c8a85a5b0b86e5b17c687828ea21fc)
+- change(button): basic icon buttons no longer have box shadows [`c2f3ea3`](https://github.com/eea/volto-eea-design-system/commit/c2f3ea38ec3c62dce37612ac1e666a0b064309f7)
+- refactor(card): remove story [`afc5f79`](https://github.com/eea/volto-eea-design-system/commit/afc5f7903a0049563355e3c9292fdd89fa532740)
+- refactor(less variables): change card description line number per device [`6946fda`](https://github.com/eea/volto-eea-design-system/commit/6946fdae2a1ede28a0e5971736817b3ae19bf290)
+- refactor(card): update rounded card image path [`8db3a85`](https://github.com/eea/volto-eea-design-system/commit/8db3a85a45e8e05a3fe86ab824e7550d437222c3)
+- refactor(DefaultList): add container to story [`f971193`](https://github.com/eea/volto-eea-design-system/commit/f971193369007a45fea7d517cdf0fc2314ebda69)
+- change(button): bumped z-index of sidenav expand button [`445ed8a`](https://github.com/eea/volto-eea-design-system/commit/445ed8a8ede4e458814f380bee0600dbb8ff42f6)
+- change(progress,label): color accessibility fixes  #151 [`09cf6e3`](https://github.com/eea/volto-eea-design-system/commit/09cf6e34ed5a57bfbfc8fe95787591387776df86)
+- refactor(card): update card variation grids path [`756589c`](https://github.com/eea/volto-eea-design-system/commit/756589cff5d3607994d6cf092cb5dd0e36d51903)
+- refactor(card): minor fixes [`3a880d7`](https://github.com/eea/volto-eea-design-system/commit/3a880d7d14c89137b2a33342aed1a31c1b2b3939)
+- change(button): primary color is blue and secondary is green [`53e0a0c`](https://github.com/eea/volto-eea-design-system/commit/53e0a0c6d32a04c52d089914a224b010b04a8846)
+- refactor(List):change styles to match with the tags lists are rendered [`2673890`](https://github.com/eea/volto-eea-design-system/commit/2673890449579a0421d8ac1c89ad4c5e850322d7)
+- refactor(progress): update colors for accessibility [`ea2f454`](https://github.com/eea/volto-eea-design-system/commit/ea2f454f73c859ac21c4fe6e415a2442a6c3d64c)
+- refactor(card): move avatarGrid & relatedContent to Card folder [`1959d52`](https://github.com/eea/volto-eea-design-system/commit/1959d521de222c95aa13d9b3db249d133f879ccd)
+- refactor(Timeline): change storybook timeline colors to fix accessibility issues [`79da8dc`](https://github.com/eea/volto-eea-design-system/commit/79da8dca48c709fd1df83b858296126f5e5c5753)
+- change(segment): restore light grey background color for secondary segments [`8716b08`](https://github.com/eea/volto-eea-design-system/commit/8716b08a977cacf5dbdab8ab23c714bb03066b0c)
+- refactor(relatedContent): adjust column paddings [`8a1520d`](https://github.com/eea/volto-eea-design-system/commit/8a1520d1b958b65e968bffdba22c3484916a475e)
+- refactor(storybook): clear up code [`3ada154`](https://github.com/eea/volto-eea-design-system/commit/3ada154b5ab562dc7605604de8002a9d3461e594)
+- refactor(card): use the rounded class for avatar grid [`8c000f3`](https://github.com/eea/volto-eea-design-system/commit/8c000f3c37103e0068b6d6554783da8188603442)
+- refactor(card) Update rounded card class [`140b587`](https://github.com/eea/volto-eea-design-system/commit/140b58746673a864d7ea218c4f8a02dc70207af4)
+- refactor(avatar): add variable for image border radius [`c23341c`](https://github.com/eea/volto-eea-design-system/commit/c23341c66d34a9dfa572be4df24f1faf4325d58e)
+- refactor(label): add container to story [`565101f`](https://github.com/eea/volto-eea-design-system/commit/565101fff2c8860deedd599b7b0cff0660c663f6)
+- refactor(progress): update value color for accessibility error [`6fc76f8`](https://github.com/eea/volto-eea-design-system/commit/6fc76f8ff3df4bf2b83863687e5ab6bd5e4cd1ef)
+- refactor(card):use jsx extension [`413d328`](https://github.com/eea/volto-eea-design-system/commit/413d3284869a35f39f886df7862db6a52e8cc18e)
+
+#### :house: Internal changes
+
+- chore(Avatar) : add container to stories [`41b748c`](https://github.com/eea/volto-eea-design-system/commit/41b748cd23002d597d9b6fbb7947a443ef40f9b2)
+- style(OrderedList): prettier fixes [`ed95e4d`](https://github.com/eea/volto-eea-design-system/commit/ed95e4dea2f33d46ca604e1b2c30d63b5596c03d)
+
+#### :hammer_and_wrench: Others
+
+- perf(eol): change to LF [`c71e42e`](https://github.com/eea/volto-eea-design-system/commit/c71e42e4a8cf49c4a3b943bfdc8a94c9a9cc4940)
+- perf(eol): linux eol [`6e0bb30`](https://github.com/eea/volto-eea-design-system/commit/6e0bb30132904f92b9755356f6b5ccbf72075425)
+- lint fixes [`a68866d`](https://github.com/eea/volto-eea-design-system/commit/a68866d4058f7412a2635371adebc370b6445281)
+- perf(eol): lf fix [`7054b20`](https://github.com/eea/volto-eea-design-system/commit/7054b2067b0802c5bd04e185cba76e2577ccfdd1)
+- doco(list): update Ordered List showcase [`75e40bf`](https://github.com/eea/volto-eea-design-system/commit/75e40bf4487ea334c9ebc2dd6c2a392d82e662f3)
+- perf(eol): lf fix [`19235e5`](https://github.com/eea/volto-eea-design-system/commit/19235e585ac50c3669f654a93798b8998894f900)
+- fixed js syntax error from previous commit [`37dc1f5`](https://github.com/eea/volto-eea-design-system/commit/37dc1f5c1506040c1f155afdea76c4ed739ddda2)
+- Next relese: 0.2.2 [`b3fb40f`](https://github.com/eea/volto-eea-design-system/commit/b3fb40ff5e46d7519b6356fdaf7326780bd89d9e)
+
+### [0.2.1](https://github.com/eea/volto-eea-design-system/compare/0.2.0...0.2.1) - 2022-04-08
 
 #### :bug: Bug Fixes
 
@@ -15,7 +125,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - cleanup(loader): Remove useless HTML [`d1d180c`](https://github.com/eea/volto-eea-design-system/commit/d1d180c714ea225c1ad269360413a5e5e4b39f22)
-- Release 0.2.1 [`9f89d9d`](https://github.com/eea/volto-eea-design-system/commit/9f89d9d60ef259c5b5a7300ccde1e524eb4fa4d7)
 
 ### [0.2.0](https://github.com/eea/volto-eea-design-system/compare/0.1.9...0.2.0) - 2022-04-04
 
diff --git a/website/docs/md_components/list_components/showcase_markdown.md b/website/docs/md_components/list_components/showcase_markdown.md
index 03966bb2e6..ce3bac18f2 100644
--- a/website/docs/md_components/list_components/showcase_markdown.md
+++ b/website/docs/md_components/list_components/showcase_markdown.md
@@ -6,8 +6,8 @@ import Iframe from '../iframe_component.mdx';
 ## Description List
 <Iframe id='components-list-description-list--default' > </Iframe>
 
-## Table of Contents
-<Iframe id='components-list-table-of-contents--default' height="400"> </Iframe>
+## Ordered List
+<Iframe id='components-list-ordered-list--default&args=' height="590"> </Iframe>
 
 ## Unordered List
-<Iframe id='components-list-unordered-list--default' height="600"> </Iframe>
\ No newline at end of file
+<Iframe id='components-list-unordered-list--default'> </Iframe>
\ No newline at end of file