chore: ECL release 4.8.0

.size-limit.json

@@ -1,7 +1,7 @@
 [
   {
     "path": "dist/packages/ec/styles/ecl-ec.css",
-    "limit": "30 KB",
+    "limit": "31 KB",
     "webpack": false,
     "gzip": false
   },
@@ -27,14 +27,14 @@
   },
   {
     "path": "dist/packages/ec/scripts/ecl-ec.js",
-    "limit": "235 KB",
+    "limit": "240 KB",
     "webpack": false,
     "gzip": false,
     "brotli": false
   },
   {
     "path": "dist/packages/eu/scripts/ecl-eu.js",
-    "limit": "235 KB",
+    "limit": "240 KB",
     "webpack": false,
     "gzip": false,
     "brotli": false

CHANGELOG.md

@@ -1,5 +1,48 @@
 # Changelog
 
+# 4.8.0
+
+#### :warning: Markup Changes
+
+- [#3656](https://github.com/ec-europa/europa-component-library/pull/3656) fix(site-header): Removing containers when removing notification - FRONT-4637 ([@planctus](https://github.com/planctus))
+- [#3645](https://github.com/ec-europa/europa-component-library/pull/3645) feat(notification): Adding links, updating styles - FRONT-4630 ([@planctus](https://github.com/planctus))
+
+#### :warning: Data Changes
+
+- [#3645](https://github.com/ec-europa/europa-component-library/pull/3645) feat(notification): Adding links, updating styles - FRONT-4630 ([@planctus](https://github.com/planctus))
+
+#### :bug: Bug Fix
+
+- [#3668](https://github.com/ec-europa/europa-component-library/pull/3668) fix(datepicker): Parsing user input, use moment for custom formats, handle resize - FRONT-4643 ([@planctus](https://github.com/planctus))
+- [#3670](https://github.com/ec-europa/europa-component-library/pull/3670) fix(language-list): Fixing styles - FRONT-4647 ([@planctus](https://github.com/planctus))
+- [#3660](https://github.com/ec-europa/europa-component-library/pull/3660) fix(mega-menu): Setting opacity: 1 on the container when opened - FRONT-4641 ([@planctus](https://github.com/planctus))
+- [#3666](https://github.com/ec-europa/europa-component-library/pull/3666) fix(content-item): revert height change - FRONT-4645 ([@emeryro](https://github.com/emeryro))
+- [#3661](https://github.com/ec-europa/europa-component-library/pull/3661) fix(multiselect): Setting margin-top when there is a label and no helper text - FRONT-4640 ([@planctus](https://github.com/planctus))
+- [#3656](https://github.com/ec-europa/europa-component-library/pull/3656) fix(site-header): Removing containers when removing notification - FRONT-4637 ([@planctus](https://github.com/planctus))
+- [#3653](https://github.com/ec-europa/europa-component-library/pull/3653) fix(tabs): fix icon position on mobile - FRONT-4321 ([@emeryro](https://github.com/emeryro))
+- [#3647](https://github.com/ec-europa/europa-component-library/pull/3647) fix(menu): fix touch devices - FRONT-4632 ([@emeryro](https://github.com/emeryro))
+- [#3649](https://github.com/ec-europa/europa-component-library/pull/3649) fix(modal): fix close button position on rtl - FRONT-4623 ([@emeryro](https://github.com/emeryro))
+
+#### :nail_care: Enhancement
+
+- [#3654](https://github.com/ec-europa/europa-component-library/pull/3654) feat(content-item): set 100% height - FRONT-4627 ([@emeryro](https://github.com/emeryro))
+- [#3657](https://github.com/ec-europa/europa-component-library/pull/3657) feat(js): Adding version propery to the ECL object - FRONT-4638 ([@planctus](https://github.com/planctus))
+- [#3645](https://github.com/ec-europa/europa-component-library/pull/3645) feat(notification): Adding links, updating styles - FRONT-4630 ([@planctus](https://github.com/planctus))
+
+#### :house: Internal
+
+- [#3673](https://github.com/ec-europa/europa-component-library/pull/3673) feat(featured-item): Deprecating footer - FRONT-4650 ([@planctus](https://github.com/planctus))
+- [#3674](https://github.com/ec-europa/europa-component-library/pull/3674) chore(deps): Updates 14-10-24 ([@planctus](https://github.com/planctus))
+- [#3664](https://github.com/ec-europa/europa-component-library/pull/3664) chore(deps): Updates - 07-10-24 ([@planctus](https://github.com/planctus))
+- [#3593](https://github.com/ec-europa/europa-component-library/pull/3593) docs(showcase): provide example of full pages - FRONT-4383 ([@emeryro](https://github.com/emeryro))
+- [#3659](https://github.com/ec-europa/europa-component-library/pull/3659) chore(deps): Updates 01-10-24 ([@planctus](https://github.com/planctus))
+- [#3651](https://github.com/ec-europa/europa-component-library/pull/3651) feat(apis): Adding api docs for media container - FRONT-4635 ([@planctus](https://github.com/planctus))
+
+#### Committers: 2
+
+- Romain Emery ([@emeryro](https://github.com/emeryro))
+- [@planctus](https://github.com/planctus)
+
 # 4.7.0
 
 #### :warning In this version of ECL node 20.9.0 is being used, for those who need to compile ECL on their side please upgrade the node version before integrating this release.

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.6.4/ec/styles/optional/ecl-ec-default.css"
-    integrity="sha256-BD+E0XhzZlSy2TArNJucnJx0z8oITqwS9Ua4PTiO/WY= sha384-M2OnmUTi4/672Vf++HSAGxBHeBBSk71rOmgf5/AZ7LK41AOd8+d9W9rzjeftPmgj sha512-Er0kp2Rr9q9+i3quatm9aXWPISqEM9W3RfY5KsVn0I/GCrvFltz1tCWTN1iLDcz28pi5Wb4Jc8TPHrLLkpcoNg=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/optional/ecl-ec-default.css"
+    integrity="sha256-iW7hhMZXv7yvITW7e+lAtSX3LP2oN+kMfisPvjEFR80= sha384-90cZ0eB/WItWc1lC4uryBB0/aNO84gk9eU2IQHjkTW0MZIs+sz/NUykutVRvkdtW sha512-WsI01nbLVzMIXdluwM+eyr/jhs5UVFrwHKZMcz5NmiakQ0XWzKl/HhTNAH16RHQCVwlxJe5dAtdEJoXLa4lqUw=="
     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.6.4/ec/styles/optional/ecl-reset.css"
-    integrity="sha256-NE2LVLTCPUaU1vrkZIaYilV9G1TDDyVZmLNFvKHs2eM= sha384-2Ye4VvSEOGWfuZ0GYwcmdzderqy11dwl3CutMDCrJisvYzrlYIT/S290+RpXM1/7 sha512-1XHZrNRO1+qww02pu23dNKhSOYHaT+9peKBSUa2phwaABLL8uuk495EV6rGb3Am82IVqKswOadvZu4Pl6fcdXg=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/optional/ecl-reset.css"
+    integrity="sha256-EdkdYgVECs2jW/ibm3HHO10jaG0AOeNkDlf/ucMlrbU= sha384-P1sBTcqevL99sC0B1zmBV1lMqsbViU0cqnEN2jAHEQd3VmSNfegxVKv2dxYu9GhUsha512-KzbAuvXUKtELOvX0akYYtBs6bfeIdrKhEo8xwXt9FxLxgQ6YT1EDXC5c+HKsGGDhrfRe736D4BhIzL9a9HETwg=="
     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.6.4/ec/styles/ecl-ec.css"
-    integrity="sha256-Weza2EJ9K1wAIyOZIWwarcfKGpeMSaipF8Aa4iLi+9w= sha384-VeGLgG9Cd9KX+fsJk1per8nuqJRZDZEjVGV9sfbN+arQQCgUNdcDtfcH21npz7Rn sha512-tGaOGhN/zIE8pgAmWipQE1efR/JHMyeu/tM5orHi1u/slHIVS9o8dyK9uZ2uXOOPwQw34MDoDxcNvE04lSXInw=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/ecl-ec.css"
+    integrity="sha256-GtPoIEuv04ZOW0sGmPFzuKxsg5vg5oKk+c3Jr5/nsDg= sha384-UCzb3Wr61GTH9ni7H9lsXJ2B0dSjXAP+KXSviP1naNe4WX+JPQFB6hfDYhi/AwoL sha512-RelZzdtLiUDJISd764PXYp/BalPoq/JXQXxZz+2IppP+q5wikB4p22uaWXg3dk/28UHsaY7wrP7oFJyMlxhb7w=="
     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.6.4/ec/styles/ecl-ec-utilities.css"
-    integrity="sha256-vXPPqxGdrv+A7/8QZ3f0n5SKC8T+/mO8JGYEnGxHm7Q= sha384-8/Fi2z1PE2k8eM+UA+lmO+f3mUe0b5/iXP1iM4I3NoJ1DmdYVR1aoJpzjhr+SZML sha512-Z9WSa6IBhInnlwkgDrbVu1KvOBQazXkh06STKDNjDwOlgwl/laezbMfIy/iUg9iWxo8bnn+aJnq1p17G3O59Ag=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/ecl-ec-utilities.css"
+    integrity="sha256-3Vdb4VSfr43FeJCapxuQ5wwcvTAau6fvPO4yyEMCE5Y= sha384-uxtSW7PSydM9Ow3jU25ck+o9xHET/9y1RW5I9Kl2dx5zVkKRX/LS06r82yMuQsfO sha512-blsB5JICQnYY/aj6wUN404YrYCi3OcfGAaQ6bfh5oCttV2+ORUhbFZ9y//IDJlRQLqJ3UCnanSV+mM42LUVKTA=="
     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.6.4/ec/styles/ecl-ec-print.css"
-    integrity="sha256-p7iwa6+AbY52YPXww6w5uQun9H7xXAoDXCbobwBBIlo= sha384-BLScrF2BZrJSiO2xDOiw7t4nkOZGHHE2h3dJN1EIesas+6ql/DSFAPaxKBae/yWf sha512-kRrJTVcZb3rrLhuRa/Gc5pjV62PhSAJOQSI3UUuOxR5exIyJyJlkhRGk6kvLTdmazW051qZj2PwDlJrAfSdqoA=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/ecl-ec-print.css"
+    integrity="sha256-6WGwnimzcT/CCCt4y3uoqZRB2PyvFYbH8a6mKiOzfu8= sha384-gxx+5NguJCcrRIVRDWZDLi53ih7mh2U9rCeIxNJZuINCSEQrJjHUXK4OUVTT/Mxj sha512-yjc+86Pd1po51IU1IJqKCd5GyYSW/TTAHs8ieoCacUAaq0NLWqbD+WuliI7i04ZGde8dK5mTL+oPojQvUpefAQ=="
     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.6.4/ec/styles/optional/ecl-ec-default-print.css"
-    integrity="sha256-dpqKOtU1q/ZOuO2bwTfvLXBBJ3AnESBtyflEZ3/xyjM= sha384-mNEhSkTPj0Y0MgxHTimmudBEkxxIv6YgHJ0zuhjsURhdaIZiPNloQsvCXG2Q8zqg
-    sha512-J7pPh9Bu3lZleRGrRYP+0EsiPBC+hv5llVcAE3LRvwap9akIcjIJH699WRh1SRQ6bWMqhsxiXlCZLyo9uEZeww=="
+    href="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/styles/optional/ecl-ec-default-print.css"
+    integrity="sha256-94GWM6UMwYIhx3EpBu0gDNUiYXmx4kbfl1qhBkjvDSY= sha384-UbjfSU0KUoc9nhgsAfKdxylzfUEHxvM1k2mYOt8/bLydYrFbL+ERbzqVRrjb9t8b
+    sha512-YBNIoVWgXrfrji4Ux+iN+gW3OfU+euRbbMOApTBdMGxC77592yWlvyKwPYTF6UR5bJwe+rYYz09RBvJRO+q9zw=="
     crossorigin="anonymous"
     media="print"
   />
   ```
 
   ```html
   <script
-    src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.6.4/ec/scripts/ecl-ec.js"
-    integrity="sha256-KRD0PSiA+ymzpzcv6cg2XMEaw6FpA+7aItdkPYNUndY= sha384-zaIwlG7F2Nli54yahBd6dpp/DIrninDKpeWI3Havg+4X5mqXqjBiHndaw00gx1sM sha512-FInCjGcWxAm5xtU7Y2mN6cxLqpW7zRkQV7GHZDVwIrzqy5LF4ojnHSHP3+mbQ6NhBLKUE34LgEWZclibVFviBw=="
+    src="https://cdn1.fpfis.tech.ec.europa.eu/ecl/v4.7.0/ec/scripts/ecl-ec.js"
+    integrity="sha256-t06Aw2x1aXuWl8P4+VrfbbDgzXzG7DgYXNsC07eYKLg= sha384-eEV5mdTXAaDyXMMExBvtkbqvSJTo+H1lMhWpZPTwmJbWZam6rkKWDWSKb+OSl7uI sha512-+6xdwKTXk0w5cYkA7WZiDEw7kdRHqJUvIVQcswuA6h1ixMHY6irJ2KZCDqzaFMgVi0CvtX+njup9+LbNER8M7w=="
     crossorigin="anonymous"
   ></script>
   ```

docs/javascript.md

@@ -12,6 +12,10 @@ This means that when you include the `ECL` library in your pages, you will have
 
 ![ECL library in your browser's console](./assets/ECLjs.png)
 
+## Version in use
+
+You can get the ECL version you are using running `ECL.version` in the console of your devtools.
+
 ## Instantiation
 
 Each component contains `.init()` and `.destroy()` methods.

lerna.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.7.0",
+  "version": "4.8.0",
   "npmClient": "yarn",
   "changelog": {
     "repo": "ec-europa/europa-component-library",

package.json

@@ -33,21 +33,22 @@
     "update-version": "scripts/update-version.sh"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "7.25.1",
-    "@babel/plugin-proposal-export-default-from": "7.24.7",
-    "@babel/plugin-transform-runtime": "7.25.4",
+    "@babel/eslint-parser": "7.25.8",
+    "@babel/plugin-proposal-export-default-from": "7.25.8",
+    "@babel/plugin-transform-runtime": "7.25.7",
+    "@babel/plugin-syntax-dynamic-import": "7.8.3",
     "@prettier/plugin-xml": "3.4.1",
-    "@size-limit/preset-big-lib": "11.1.5",
+    "@size-limit/preset-big-lib": "11.1.6",
     "babel-jest": "29.7.0",
     "classnames": "2.5.1",
     "eslint": "8.57.0",
     "eslint-config-airbnb": "19.0.4",
     "eslint-config-airbnb-base": "15.0.0",
-    "eslint-plugin-import": "2.30.0",
+    "eslint-plugin-import": "2.31.0",
     "eslint-plugin-jest": "27.9.0",
     "eslint-plugin-jsx-a11y": "6.10.0",
     "eslint-plugin-prettier": "5.2.1",
-    "eslint-plugin-react": "7.36.1",
+    "eslint-plugin-react": "7.37.1",
     "eslint-plugin-react-hooks": "4.6.2",
     "glob": "11.0.0",
     "husky": "9.1.6",
@@ -65,9 +66,9 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.0.1",
-    "size-limit": "11.1.5",
+    "size-limit": "11.1.6",
     "ssri": "10.0.6",
-    "stylelint": "16.9.0",
+    "stylelint": "16.10.0",
     "stylelint-config-css-modules": "4.4.0",
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-standard": "36.0.1",
@@ -112,8 +113,6 @@
     "ip": ">=2.0.1",
     "ws": ">=8.17.1",
     "micromatch": ">=4.0.8",
-    "serve-static": ">=1.16.0",
-    "send": ">=0.19.0",
     "path-to-regexp": "0.1.10"
   },
   "engines": {

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.7.0",
+  "version": "4.8.0",
   "description": "ECL Accordion",
   "publishConfig": {
     "access": "public"
@@ -11,8 +11,8 @@
     "@ecl/twig-component-icon": "^3.0.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-accordion": "4.7.0",
-    "@ecl/vanilla-component-accordion": "4.7.0"
+    "@ecl/specs-component-accordion": "4.8.0",
+    "@ecl/vanilla-component-accordion": "4.8.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.7.0",
+  "version": "4.8.0",
   "description": "ECL Banner",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-button": "4.7.0",
-    "@ecl/twig-component-link": "4.7.0",
-    "@ecl/twig-component-picture": "4.7.0",
-    "@ecl/twig-component-video": "4.7.0"
+    "@ecl/twig-component-button": "4.8.0",
+    "@ecl/twig-component-link": "4.8.0",
+    "@ecl/twig-component-picture": "4.8.0",
+    "@ecl/twig-component-video": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-banner": "4.7.0",
-    "@ecl/vanilla-component-banner": "4.7.0"
+    "@ecl/specs-component-banner": "4.8.0",
+    "@ecl/vanilla-component-banner": "4.8.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.7.0",
+  "version": "4.8.0",
   "description": "ECL Blockquote",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-picture": "4.7.0"
+    "@ecl/twig-component-picture": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-blockquote": "4.7.0",
-    "@ecl/vanilla-component-blockquote": "4.7.0"
+    "@ecl/specs-component-blockquote": "4.8.0",
+    "@ecl/vanilla-component-blockquote": "4.8.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.7.0",
+  "version": "4.8.0",
   "description": "ECL Breadcrumb",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-button": "4.7.0",
-    "@ecl/twig-component-icon": "4.7.0",
-    "@ecl/twig-component-link": "4.7.0"
+    "@ecl/twig-component-button": "4.8.0",
+    "@ecl/twig-component-icon": "4.8.0",
+    "@ecl/twig-component-link": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-breadcrumb": "4.7.0",
-    "@ecl/vanilla-component-breadcrumb": "4.7.0"
+    "@ecl/specs-component-breadcrumb": "4.8.0",
+    "@ecl/vanilla-component-breadcrumb": "4.8.0"
   },
   "repository": {
     "type": "git",

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

@@ -2,17 +2,17 @@
   "name": "@ecl/twig-component-button",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "description": "ECL Button",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-icon": "4.7.0"
+    "@ecl/twig-component-icon": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-button": "4.7.0",
-    "@ecl/vanilla-component-button": "4.7.0"
+    "@ecl/specs-component-button": "4.8.0",
+    "@ecl/vanilla-component-button": "4.8.0"
   },
   "repository": {
     "type": "git",

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

@@ -2,18 +2,18 @@
   "name": "@ecl/twig-component-card",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "description": "ECL Card",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-content-block": "4.7.0",
-    "@ecl/twig-component-picture": "4.7.0"
+    "@ecl/twig-component-content-block": "4.8.0",
+    "@ecl/twig-component-picture": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-card": "4.7.0",
-    "@ecl/vanilla-component-card": "4.7.0"
+    "@ecl/specs-component-card": "4.8.0",
+    "@ecl/vanilla-component-card": "4.8.0"
   },
   "repository": {
     "type": "git",

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

@@ -2,18 +2,18 @@
   "name": "@ecl/twig-component-carousel",
   "author": "European Commission",
   "license": "EUPL-1.2",
-  "version": "4.7.0",
+  "version": "4.8.0",
   "description": "ECL Carousel",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
-    "@ecl/twig-component-banner": "4.7.0",
-    "@ecl/twig-component-button": "4.7.0"
+    "@ecl/twig-component-banner": "4.8.0",
+    "@ecl/twig-component-button": "4.8.0"
   },
   "devDependencies": {
-    "@ecl/specs-component-carousel": "4.7.0",
-    "@ecl/vanilla-component-carousel": "4.7.0"
+    "@ecl/specs-component-carousel": "4.8.0",
+    "@ecl/vanilla-component-carousel": "4.8.0"
   },
   "repository": {
     "type": "git",