Merge branch 'v4-dev' into chore-chromatic

CHANGELOG.md

@@ -1,5 +1,68 @@
 # Changelog
 
+# 4.9.0
+
+#### :rocket: New Feature
+
+- [#3714](https://github.com/ec-europa/europa-component-library/pull/3714) feat(button, link): add indicator - FRONT-4677 ([@emeryro](https://github.com/emeryro))
+- [#3712](https://github.com/ec-europa/europa-component-library/pull/3712) feat(navigation-list): Adding image-as-illustration variant - FRONT-4678 ([@planctus](https://github.com/planctus))
+
+#### :warning: Markup Changes
+
+- [#3699](https://github.com/ec-europa/europa-component-library/pull/3699) feat(forms): add option to hide label - FRONT-4668 ([@emeryro](https://github.com/emeryro))
+- [#3701](https://github.com/ec-europa/europa-component-library/pull/3701) feat(gallery): add gallery label with instruction - FRONT-4372 ([@emeryro](https://github.com/emeryro))
+- [#3687](https://github.com/ec-europa/europa-component-library/pull/3687) feat(splash-page): Column display whith a low amout of items, fixing EU styles - FRONT-4662 ([@planctus](https://github.com/planctus))
+
+#### :warning: Data Changes
+
+- [#3699](https://github.com/ec-europa/europa-component-library/pull/3699) feat(forms): add option to hide label - FRONT-4668 ([@emeryro](https://github.com/emeryro))
+- [#3701](https://github.com/ec-europa/europa-component-library/pull/3701) feat(gallery): add gallery label with instruction - FRONT-4372 ([@emeryro](https://github.com/emeryro))
+
+#### :bug: Bug Fix
+
+- [#3737](https://github.com/ec-europa/europa-component-library/pull/3737) fix(showcase): Including menu markup in the showcase examples - FRONT-4689 ([@planctus](https://github.com/planctus))
+- [#3711](https://github.com/ec-europa/europa-component-library/pull/3711) fix(default-css): Fixing rules for links inside lists, fixing description list - FRONT-4676 ([@planctus](https://github.com/planctus))
+- [#3694](https://github.com/ec-europa/europa-component-library/pull/3694) feat(logos): Adding japanese logo files with correct file name, hiding the others - FRONT-4670 ([@planctus](https://github.com/planctus))
+- [#3684](https://github.com/ec-europa/europa-component-library/pull/3684) fix(tabs): fix rtl mobile - FRONT-4659 ([@emeryro](https://github.com/emeryro))
+
+#### :nail_care: Enhancement
+
+- [#3721](https://github.com/ec-europa/europa-component-library/pull/3721) feat(list): update indentation - FRONT-4682 ([@emeryro](https://github.com/emeryro))
+- [#3719](https://github.com/ec-europa/europa-component-library/pull/3719) feat(banner): improve focus for video banner - FRONT-4681 ([@emeryro](https://github.com/emeryro))
+- [#3699](https://github.com/ec-europa/europa-component-library/pull/3699) feat(forms): add option to hide label - FRONT-4668 ([@emeryro](https://github.com/emeryro))
+- [#3700](https://github.com/ec-europa/europa-component-library/pull/3700) chore(website): Using the existing ECL_VERSION to dynamically refer to the proper url of the CDN - FRONT-4671 ([@planctus](https://github.com/planctus))
+- [#3701](https://github.com/ec-europa/europa-component-library/pull/3701) feat(gallery): add gallery label with instruction - FRONT-4372 ([@emeryro](https://github.com/emeryro))
+- [#3687](https://github.com/ec-europa/europa-component-library/pull/3687) feat(splash-page): Column display whith a low amout of items, fixing EU styles - FRONT-4662 ([@planctus](https://github.com/planctus))
+- [#3697](https://github.com/ec-europa/europa-component-library/pull/3697) feat(featured-item): Styles adapted to support no title use case - FRONT-4669 ([@planctus](https://github.com/planctus))
+- [#3692](https://github.com/ec-europa/europa-component-library/pull/3692) feat(lists): Another round on unordered and ordered list in EC and EU - FRONT-4656 ([@planctus](https://github.com/planctus))
+- [#3691](https://github.com/ec-europa/europa-component-library/pull/3691) feat(language-list): update active state and spacing - FRONT-4661 ([@emeryro](https://github.com/emeryro))
+- [#3686](https://github.com/ec-europa/europa-component-library/pull/3686) feat(link): dynamic underline offset ([@emeryro](https://github.com/emeryro))
+
+#### :memo: Documentation
+
+- [#3720](https://github.com/ec-europa/europa-component-library/pull/3720) fix(docs): Fix wrong API name class for Menu and MegaMenu - FRONT-4685 ([@joarod-eu](https://github.com/joarod-eu))
+
+#### :house: Internal
+
+- [#3742](https://github.com/ec-europa/europa-component-library/pull/3742) chore(deps): Updates 04-12-24 ([@planctus](https://github.com/planctus))
+- [#3735](https://github.com/ec-europa/europa-component-library/pull/3735) chore(form): Manually reintroducing wrongly deleted code ([@planctus](https://github.com/planctus))
+- [#3734](https://github.com/ec-europa/europa-component-library/pull/3734) chore(deps): Fix deps, updates 25-11-24 ([@planctus](https://github.com/planctus))
+- [#3732](https://github.com/ec-europa/europa-component-library/pull/3732) chore(build): fix build issue - FRONT-4686 ([@emeryro](https://github.com/emeryro))
+- [#3722](https://github.com/ec-europa/europa-component-library/pull/3722) docs(splash-page): add usage page - FRONT-4684 ([@emeryro](https://github.com/emeryro))
+- [#3715](https://github.com/ec-europa/europa-component-library/pull/3715) chore(deps): Updates - 13-11-24 ([@planctus](https://github.com/planctus))
+- [#3710](https://github.com/ec-europa/europa-component-library/pull/3710) chore(deps): Updates - 11-11-24 ([@planctus](https://github.com/planctus))
+- [#3707](https://github.com/ec-europa/europa-component-library/pull/3707) fix(search-form): add missing label - FRONT-4667 ([@emeryro](https://github.com/emeryro))
+- [#3696](https://github.com/ec-europa/europa-component-library/pull/3696) chore(deps): Updates 28-10-24 ([@planctus](https://github.com/planctus))
+- [#3695](https://github.com/ec-europa/europa-component-library/pull/3695) chore(sass): Removing warnings by updating the code ([@planctus](https://github.com/planctus))
+- [#3693](https://github.com/ec-europa/europa-component-library/pull/3693) chore(deps): Updates - 25-10-24 ([@planctus](https://github.com/planctus))
+- [#3683](https://github.com/ec-europa/europa-component-library/pull/3683) chore: using the right pattern for react-snap, hopefully ([@planctus](https://github.com/planctus))
+
+#### Committers: 3
+
+- Romain Emery ([@emeryro](https://github.com/emeryro))
+- [@joarod-eu](https://github.com/joarod-eu)
+- [@planctus](https://github.com/planctus)
+
 # 4.8.1
 
 #### :nail_care: Enhancement

README.md

@@ -34,8 +34,8 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/optional/ecl-ec-default.css"
-    integrity="sha256-TeuxXHftRR6C3Mwl6ENA5MDCy+beLB/ICZwTvIe48h4= sha384-Dp/9g2FHombY9FoRmtI6AdADWUi1wGR5F3rQC2UcYHerAuRvzSkPNRSZawBv8nlJ sha512-/8BciqitYUacXfKcLu9mwx3lIbhGK8hyEVcn63DYNZ3+7NyCRpkWC1R5T9omOEZpGIi7QU83KhMXBQgTGFXbWQ=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/optional/ecl-ec-default.css"
+    integrity="sha256-5sWHdRLWGv6JGD5N/RVOQ0k4NugFtNAVnk6olbT0fO8= sha384-EK8yafOp9cgtwwUa7bykmhTzJE6OHTDKAskbBXwN2nrnikg7G0CNdOIeuHO+s4Th sha512-tb3QBHoTimU2GyNH4DkYdRwTC82QSClEdozuNllB+AJixnzBwmHDT2EZBHB4cB6WaND07dEdaFW5IRuHWXg5kg=="
     crossorigin="anonymous"
     media="screen"
   />
@@ -44,8 +44,8 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/optional/ecl-reset.css"
-    integrity="sha256-cB+2gaO93E/6X2XbBX3QuN9+ejz3jKej0sMuijifNoM= sha384-1vuM5dTmA3nkg19AWFmNXAreNq7QcdtzpbgCOviaJdn2/S8KJkcU+yHqg/7dtBWq sha512-4e8LdEHI+dszIbp0Vl6iTtIiU0Urvtxv235RDAtgLws2IVYS8/I5RVXAPyszvRgYRsxJofT0Hi2EhQOXn0lAOw=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/optional/ecl-reset.css"
+    integrity="sha256-ahQDmfUd+Y7BomcM3u1IKUAMkI0OSdkEk5Irl7Slft4= sha384-xvga1SQSZn901dMM6Iuc5QGbvpfqE4vT2qDmPIcYthUqiww/vm0qrTik59EkucV3 sha512-cqXniJ2kOk7ggiUzlCPy7sblLHZ21SLoPRi4hi1l6L/phcn/cowxctkPnKOooVzG4nyPvBDaj1gQbCvYCisDxQ=="
     crossorigin="anonymous"
     media="screen"
   />
@@ -54,8 +54,8 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/ecl-ec.css"
-    integrity="sha256-oNltnbom13hjNbjf0bOaoEryztGBjIM0dxW+6B6K4u4= sha384-UCzb3Wr61GTH9ni7H9lsXJ2B0dSjXAP+KXSviP1naNe4WX+JPQFB6hfDYhi/AwoL sha384-pht7Ak0/atyGGU+sNdoGMoYPtcq5gJ9eOEiD8jhbqowXOp04VjhqALtBzjQO+xVa sha512-xdo5nJPjpTjayd2nwR14AubkmVzk3rZjqbBOllQqW0JFfmqjbiRiycKVvQ02scSzjRMxJ6gvP4erDhQGX0rc+Q=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/ecl-ec.css"
+    integrity="sha256-xRSvkx7T/CkLXJzNLtWaxbOd2L8NauH64d889cVmeuQ= sha384-91obr9oAIshwOyXl0/M49EEyLjbv7JQ16gtw/cAC4TQBHQD0ZVpgOUTIaOroWfZf sha384-pht7Ak0/atyGGU+sNdoGMoYPtcq5gJ9eOEiD8jhbqowXOp04VjhqALtBzjQO+xVa sha512-VBDmdZ/8mQ7couXkpiztOMbnggyXVveFxgumJ1lcrgtfXcu/WY4785+eQMEFrollm4VsgQRoEGIKuG0cbaOCQg=="
     crossorigin="anonymous"
     media="screen"
   />
@@ -64,8 +64,8 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/ecl-ec-utilities.css"
-    integrity="sha256-217C6y16s0jsO4sNoe+I5unypBoaoLYabmrfu29fAWM= sha384-9E7cKdcPqPNWMNmx5Rn9XJO58MGACUQ+rB+yJVxmQm1ED4/hWFF6al7DwUoykrxi sha512-Ml1CkmJYpMt/yPbFoUUqy7Fyhd/xMmLDU5XoGG8Zra5oO5GOJEXGScoSpU+sxu5b4u/onjsFeJeMFyp1S/PxYA=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/ecl-ec-utilities.css"
+    integrity="sha256-c2U3aVZ1mOj81hoUQmYYLsUxtuylTyGacJ3zERrFuBo= sha384-4UKZwA0mC14aXbMMXs2nmscZedbBjL1Bi4DGB118QgTiFxUa/HF0JvAtAlRwW5cb sha512-XHujR4FTrx7o2+7CBE9ECiI6vI4TRFkefBQB0E/cFyPOx1m4R4GZW9HaF7L+7RQGssZPmD7b6UIn57TKFPHxRg=="
     crossorigin="anonymous"
     media="screen"
   />
@@ -74,8 +74,8 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/ecl-ec-print.css"
-    integrity="sha256-AFmDvofMQUkM+cb5fKJCDj3hZGfFZOThrzUTqb76qow= sha384-/uofNQJMnNJCjn/MNbNy/lUoYxxPDSB12tig+dwd2nu49k7j1nFufhV5ivO0fCLO sha512-sC0EIvBeW5/lfXHLbAsr46LzA/sBcCa/zk9QwuNBbwUTs22FRG3buHYY5tT2fP+Pyo7ybyVbcWmu82w+S0pDMw=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/ecl-ec-print.css"
+    integrity="sha256-0+DlW0PkgMbR6l7Q/Nh8+BNDcbACLoAmcSIUF999ZHM= sha384-Oknie9YTi66xfPvDHufPOjEUeVgmMToRlUdgM2rOSEwcjqOQcTWMrkjp2+tA4soj sha512-g5ghg0XNMGSmol5ERhi+C74q9koweMYxs6szjrr9kYPaPKf49PjSGaNt+G+YCyXcWmOg2m9zVKIRtcstTy0+GA=="
     crossorigin="anonymous"
     media="print"
   />
@@ -84,18 +84,18 @@ The ECL is bundled in various [presets](docs/presets.md) in order to accomodate
   ```html
   <link
     rel="stylesheet"
-    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/styles/optional/ecl-ec-default-print.css"
-    integrity="sha256-e6wiiv5iwhwzmLA3Pcl9A+TB0d9DrG5qWAyg6SnZfLo= sha384-NYnav9ZCqzabkWyUPkAAUQTPxvup6lOi/zJBD/o7z+XSUzHyUxUT2WSAbs95Psoy
-    sha512-gNqfQUCcgOJEfTCjp8OuSCx09scTMOG9cjdwu6aWVSdrC2BNrizsx5EMV96iQppTcyYtveLnKWkPLM0DMTubJA=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/styles/optional/ecl-ec-default-print.css"
+    integrity="sha256-xgJszQmZuwwBDeSgkm79hIYeikjD01SGDtWDNl8pNb8= sha384-FmMGYWi7U1a8jdsI6A08xDjKvQ8X2yTPlxxlDywo4BpD7Q4J+zQhikOADnzbJQe3
+    sha512-qttCs8hPaRWkg6w1d34DJBMvKbr6NhZuGVwwv8yLT0aTV4lS4TC0r8wcGQqPSUozWWGvScHAKStaaqLGIr235g=="
     crossorigin="anonymous"
     media="print"
   />
   ```
 
   ```html
   <script
-    src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.8.1/ec/scripts/ecl-ec.js"
-    integrity="sha256-VOOznNL01iIXXxHIVxWu0kTfOmdYrW6Un8ngtthsAH0= sha384-91T64v17CucFrrb07DcuKQFzcvyRWybQVoLrqW9MtJgR1aiMC1PU6s/ld3di9Ll9 sha512-UBifZnadnJZR/x1oGsbgKIkDSEx0fB/JdO0aTYLoanC9nZzYRrD6sYvvcDXSRsIKijlCwxYsIPuQbPs7HX4bYA=="
+    src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.9.0/ec/scripts/ecl-ec.js"
+    integrity="sha256-0CCwDTErdIY/ptW2MTRwWW+Admwkhc0uuZ9Bz7rAZBY= sha384-HYW5BsRsv1bx/LtpKa1GU4vR0T8W0Ef3ZylaPJyAEkgBBlvBVVbozjQxI1fsMIOX sha512-QPPivTavtolIsvgCgyzePqALU+fkFuT1pBYzrXKumH5UziirdhCMFTo0WNjy7iI9r1NM66RnPDpMR+BJIP0LDg=="
     crossorigin="anonymous"
   ></script>
   ```

package.json

@@ -68,14 +68,14 @@
     "npm-run-all": "4.1.5",
     "patch-package": "8.0.0",
     "postinstall-postinstall": "2.1.0",
-    "prettier": "3.3.3",
+    "prettier": "3.4.2",
     "prop-types": "15.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
     "size-limit": "11.1.6",
     "ssri": "12.0.0",
-    "stylelint": "16.10.0",
+    "stylelint": "16.11.0",
     "stylelint-config-css-modules": "4.4.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-standard": "36.0.1",
@@ -121,7 +121,7 @@
     "ws": ">=8.17.1",
     "micromatch": ">=4.0.8",
     "serve-static": ">=1.16.0",
-    "path-to-regexp": "0.1.10"
+    "path-to-regexp": "0.1.12"
   },
   "engines": {
     "node": ">=12.0.0",

src/implementations/twig/components/accordion/package.json

@@ -2,7 +2,7 @@
   "name": "@ecl/twig-component-accordion",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.8.1",
+  "version": "4.9.0",
   "description": "ECL Accordion",
   "publishConfig": {
     "access": "public"
@@ -11,8 +11,8 @@
     "@ecl/twig-component-icon": "^3.0.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-accordion": "4.8.1",
-    "@ecl/vanilla-component-accordion": "4.8.1"
+    "@ecl/specs-component-accordion": "4.9.0",
+    "@ecl/vanilla-component-accordion": "4.9.0"
   },
   "repository": {
     "type": "git",

src/implementations/twig/components/banner/package.json

@@ -2,20 +2,20 @@
   "name": "@ecl/twig-component-banner",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.8.1",
+  "version": "4.9.0",
   "description": "ECL Banner",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-button": "4.8.1",
-    "@ecl/twig-component-link": "4.8.1",
-    "@ecl/twig-component-picture": "4.8.1",
-    "@ecl/twig-component-video": "4.8.1"
+    "@ecl/twig-component-button": "4.9.0",
+    "@ecl/twig-component-link": "4.9.0",
+    "@ecl/twig-component-picture": "4.9.0",
+    "@ecl/twig-component-video": "4.9.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-banner": "4.8.1",
-    "@ecl/vanilla-component-banner": "4.8.1"
+    "@ecl/specs-component-banner": "4.9.0",
+    "@ecl/vanilla-component-banner": "4.9.0"
   },
   "repository": {
     "type": "git",

src/implementations/twig/components/blockquote/package.json

@@ -2,17 +2,17 @@
   "name": "@ecl/twig-component-blockquote",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.8.1",
+  "version": "4.9.0",
   "description": "ECL Blockquote",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-picture": "4.8.1"
+    "@ecl/twig-component-picture": "4.9.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-blockquote": "4.8.1",
-    "@ecl/vanilla-component-blockquote": "4.8.1"
+    "@ecl/specs-component-blockquote": "4.9.0",
+    "@ecl/vanilla-component-blockquote": "4.9.0"
   },
   "repository": {
     "type": "git",

src/implementations/twig/components/breadcrumb/package.json

@@ -2,19 +2,19 @@
   "name": "@ecl/twig-component-breadcrumb",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.8.1",
+  "version": "4.9.0",
   "description": "ECL Breadcrumb",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-button": "4.8.1",
-    "@ecl/twig-component-icon": "4.8.1",
-    "@ecl/twig-component-link": "4.8.1"
+    "@ecl/twig-component-button": "4.9.0",
+    "@ecl/twig-component-icon": "4.9.0",
+    "@ecl/twig-component-link": "4.9.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-breadcrumb": "4.8.1",
-    "@ecl/vanilla-component-breadcrumb": "4.8.1"
+    "@ecl/specs-component-breadcrumb": "4.9.0",
+    "@ecl/vanilla-component-breadcrumb": "4.9.0"
   },
   "repository": {
     "type": "git",

src/implementations/twig/components/button/README.md

@@ -15,6 +15,7 @@ npm install --save @ecl/twig-component-button
 - **"hide_label"** (bool) (default: false): hide button label, for screen reader only. Note: requires to have an icon defined
 - **"icon_position"** (string, optional) (default: after): Define icon position, can be 'before' or 'after'
 - **"icon"** (optional) (associative array) OR (array) of associate arrays - Default structure of the icon component with extra_classes as an internal key.
+- **"indicator"** (object) (default: {}) object of type Indicator. To be displayed it should be defined and not empty (should contain at least an empty value), and only if there is an icon and no label
 - **"extra_classes"** (optional) (string) (default: '') Extra classes (space separated)
 - **"extra_attributes"** (optional) (array) (default: []) Extra attributes
   - "name" (string) Attribute name, eg. 'data-test'

src/implementations/twig/components/button/__snapshots__/button.test.js.snap

@@ -152,6 +152,47 @@ exports[`Button CTA button - icon only renders correctly 1`] = `
 </jest>
 `;
 
+exports[`Button CTA button - with indicator renders correctly 1`] = `
+<jest>
+  <button
+    class="ecl-button ecl-button--cta ecl-button--icon-only"
+    type="submit"
+  >
+    <span
+      class="ecl-button__container"
+    >
+      <span
+        class="ecl-button__label"
+        data-ecl-label="true"
+      >
+        CTA Button with indicator
+      </span>
+      <span
+        class="ecl-button__icon-container"
+      >
+        <svg
+          aria-hidden="true"
+          class="ecl-icon ecl-icon--fluid ecl-button__icon"
+          data-ecl-icon=""
+          focusable="false"
+        >
+          <use
+            xlink:href="static/icons.svg#corner-arrow"
+          />
+        </svg>
+        <span
+          class="ecl-indicator"
+          data-ecl-auto-init="Indicator"
+          data-ecl-indicator=""
+        >
+          10
+        </span>
+      </span>
+    </span>
+  </button>
+</jest>
+`;
+
 exports[`Button CTA renders correctly 1`] = `
 <jest>
   <button