chore(deps): Updates - 10-12-24 (#3747)

ec-europa · Dec 10, 2024 · 3ecc744 · 3ecc744 · github-actions · Dec 10, 2024
1 parent 61b2023
commit 3ecc744
Show file tree

Hide file tree

Showing 35 changed files with 803 additions and 944 deletions.
diff --git a/package.json b/package.json
@@ -61,14 +61,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",
@@ -114,7 +114,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",

diff --git a/src/implementations/vanilla/components/banner/banner.scss b/src/implementations/vanilla/components/banner/banner.scss
@@ -260,7 +260,8 @@ $banner: null !default;
 
     .ecl-banner--v-bottom & {
       padding-bottom: calc(
-        #{map.get($banner, 'container-padding-bottom', 'desktop')} + var(--banner-footer-height)
+        #{map.get($banner, 'container-padding-bottom', 'desktop')} +
+          var(--banner-footer-height)
       );
     }
   }

diff --git a/src/implementations/vanilla/components/button/button-print.scss b/src/implementations/vanilla/components/button/button-print.scss
@@ -61,18 +61,12 @@ $button: null !default;
     map.get($button, #{$variant}, 'border-color');
   color: map.get($button, #{$variant}, 'color');
   padding: calc(
-      #{map.get($button, 'padding-vertical')} - #{map.get(
-          $button,
-          #{$variant},
-          'border-width'
-        )}
+      #{map.get($button, 'padding-vertical')} -
+        #{map.get($button, #{$variant}, 'border-width')}
     )
     calc(
-      #{map.get($button, 'padding-horizontal')} - #{map.get(
-          $button,
-          #{$variant},
-          'border-width'
-        )}
+      #{map.get($button, 'padding-horizontal')} -
+        #{map.get($button, #{$variant}, 'border-width')}
     );
 }
 

diff --git a/src/implementations/vanilla/components/button/button.scss b/src/implementations/vanilla/components/button/button.scss
@@ -105,18 +105,12 @@ $min-width: 44px; // According to COMM every interactive element should be at le
     map.get($button, #{$variant}, 'border-color');
   color: map.get($button, #{$variant}, 'color');
   padding: calc(
-      #{map.get($button, 'padding-vertical')} - #{map.get(
-          $button,
-          #{$variant},
-          'border-width'
-        )}
+      #{map.get($button, 'padding-vertical')} -
+        #{map.get($button, #{$variant}, 'border-width')}
     )
     calc(
-      #{map.get($button, 'padding-horizontal')} - #{map.get(
-          $button,
-          #{$variant},
-          'border-width'
-        )}
+      #{map.get($button, 'padding-horizontal')} -
+        #{map.get($button, #{$variant}, 'border-width')}
     );
 
   &:hover {
@@ -129,11 +123,8 @@ $min-width: 44px; // According to COMM every interactive element should be at le
     background-color: map.get($button, #{$variant}, 'background-focus');
     border-color: map.get($button, #{$variant}, 'border-color-focus');
     color: map.get($button, #{$variant}, 'color-focus');
-    outline: #{map.get($button, #{$variant}, 'outline-width')} solid #{map.get(
-        $button,
-        #{$variant},
-        'outline-color'
-      )};
+    outline: #{map.get($button, #{$variant}, 'outline-width')} solid
+      #{map.get($button, #{$variant}, 'outline-color')};
     outline-offset: map.get($button, #{$variant}, 'outline-offset');
   }
 

diff --git a/src/implementations/vanilla/components/category-filter/category-filter.scss b/src/implementations/vanilla/components/category-filter/category-filter.scss
@@ -134,10 +134,8 @@ $category-filter: null !default;
 
   &.ecl-category-filter__item--has-children {
     padding-inline-start: calc(
-      var(--s-m) + #{$level - 2} * #{map.get(
-          $category-filter,
-          'subitem-spacing'
-        )}
+      var(--s-m) + #{$level - 2} *
+        #{map.get($category-filter, 'subitem-spacing')}
     );
   }
 }

diff --git a/src/implementations/vanilla/components/content-block/content-block-print.scss b/src/implementations/vanilla/components/content-block/content-block-print.scss
@@ -37,11 +37,8 @@ $content-block: null !default;
   flex-wrap: wrap;
   font: map.get($theme, 'font-print', 's');
   list-style: none;
-  margin: map.get($theme, 'spacing-print', 'xs') 0 -#{map.get(
-      $theme,
-      'spacing-print',
-      'xs'
-    )};
+  margin: map.get($theme, 'spacing-print', 'xs')
+    0 -#{map.get($theme, 'spacing-print', 'xs')};
   padding: 0;
   width: 100%;
 }
@@ -105,11 +102,8 @@ $content-block: null !default;
   display: inline-flex;
   flex-wrap: wrap;
   list-style: none;
-  margin: map.get($theme, 'spacing-print', 'l') 0 -#{map.get(
-      $theme,
-      'spacing-print',
-      'xs'
-    )};
+  margin: map.get($theme, 'spacing-print', 'l')
+    0 -#{map.get($theme, 'spacing-print', 'xs')};
   padding: 0;
   width: 100%;
 }

diff --git a/src/implementations/vanilla/components/description-list/description-list-print.scss b/src/implementations/vanilla/components/description-list/description-list-print.scss
@@ -175,11 +175,8 @@ $description-list-print: null !default;
     margin-top: map.get($theme, 'spacing-print', 'm');
     overflow-wrap: break-word;
     width: calc(
-      #{map.get($description-list-print, 'definition-width')} - #{map.get(
-          $theme,
-          'spacing-print',
-          'xl'
-        )}
+      #{map.get($description-list-print, 'definition-width')} -
+        #{map.get($theme, 'spacing-print', 'xl')}
     );
   }
 

diff --git a/src/implementations/vanilla/components/label/label-print.scss b/src/implementations/vanilla/components/label/label-print.scss
@@ -17,16 +17,12 @@ $label-print: null !default;
   font: map.get($theme, 'font-print', 's');
   margin: 0;
   padding: calc(
-      #{map.get($label-print, 'padding-vertical')} - #{map.get(
-          $label,
-          'border-width'
-        )}
+      #{map.get($label-print, 'padding-vertical')} -
+        #{map.get($label, 'border-width')}
     )
     calc(
-      #{map.get($label-print, 'padding-horizontal')} - #{map.get(
-          $label,
-          'border-width'
-        )}
+      #{map.get($label-print, 'padding-horizontal')} -
+        #{map.get($label, 'border-width')}
     );
   text-transform: uppercase;
 }

diff --git a/src/implementations/vanilla/components/label/label.scss b/src/implementations/vanilla/components/label/label.scss
@@ -16,16 +16,12 @@ $label: null !default;
   font: var(--f-ui-s);
   margin: 0;
   padding: calc(
-      #{map.get($label, 'padding-vertical')} - #{map.get(
-          $label,
-          'border-width'
-        )}
+      #{map.get($label, 'padding-vertical')} -
+        #{map.get($label, 'border-width')}
     )
     calc(
-      #{map.get($label, 'padding-horizontal')} - #{map.get(
-          $label,
-          'border-width'
-        )}
+      #{map.get($label, 'padding-horizontal')} -
+        #{map.get($label, 'border-width')}
     );
   text-transform: uppercase;
 }

diff --git a/src/implementations/vanilla/components/link/link.scss b/src/implementations/vanilla/components/link/link.scss
@@ -179,18 +179,12 @@ $min-width: 44px; // According to COMM every interactive element should be at le
   font: map.get($link, 'button', 'font');
   min-width: $min-width;
   padding: calc(
-      #{map.get($link, 'button', 'padding-vertical')} - #{map.get(
-          $link,
-          'button',
-          'border-width'
-        )}
+      #{map.get($link, 'button', 'padding-vertical')} -
+        #{map.get($link, 'button', 'border-width')}
     )
     calc(
-      #{map.get($link, 'button', 'padding-horizontal')} - #{map.get(
-          $link,
-          'button',
-          'border-width'
-        )}
+      #{map.get($link, 'button', 'padding-horizontal')} -
+        #{map.get($link, 'button', 'border-width')}
     );
   text-decoration: none;
 

diff --git a/src/implementations/vanilla/components/page-header/page-header-print-ec.scss b/src/implementations/vanilla/components/page-header/page-header-print-ec.scss
@@ -17,11 +17,8 @@ $page-header-print: null !default;
 .ecl-page-header__info {
   margin-bottom: map.get($theme, 'spacing-print', 's');
   margin-top: calc(
-    #{map.get($theme, 'spacing-print', 'm')} + #{map.get(
-        $theme,
-        'spacing-print',
-        's'
-      )}
+    #{map.get($theme, 'spacing-print', 'm')} +
+      #{map.get($theme, 'spacing-print', 's')}
   );
 }
 

diff --git a/src/implementations/vanilla/components/range/range.scss b/src/implementations/vanilla/components/range/range.scss
@@ -47,7 +47,9 @@ $range: null !default;
   .ecl-range {
     margin: calc(
         -#{map.get($range, 'touch-area')} +
-          (#{map.get($range, 'slider-size')} - #{map.get($range, 'range-size')}) /
+          (
+            #{map.get($range, 'slider-size')} - #{map.get($range, 'range-size')}
+          ) /
           2
       )
       0 -#{map.get($range, 'touch-area')};
@@ -56,12 +58,12 @@ $range: null !default;
   .ecl-form-label + *:not(.ecl-help-block, .ecl-feedback-message) {
     /* eslint-disable-next-line no-math-div */
     margin: calc(
-        -#{map.get($range, 'touch-area')} + #{map.get(
-            $range,
-            'range-margin-top'
-          )} + (
+        -#{map.get($range, 'touch-area')} +
+          #{map.get($range, 'range-margin-top')} +
+          (
             #{map.get($range, 'slider-size')} - #{map.get($range, 'range-size')}
-          ) / 2
+          ) /
+          2
       )
       0 -#{map.get($range, 'touch-area')};
   }

diff --git a/src/implementations/vanilla/components/select/select.scss b/src/implementations/vanilla/components/select/select.scss
@@ -25,23 +25,17 @@ $select: null !default;
   margin: 0;
   overflow: hidden;
   padding-bottom: calc(
-    #{map.get($select, 'padding-vertical')} - #{map.get(
-        $select,
-        'border-width'
-      )}
+    #{map.get($select, 'padding-vertical')} -
+      #{map.get($select, 'border-width')}
   );
   padding-inline-end: calc(
-    var(--s-m) + #{map.get($select, 'arrow-width')} - #{map.get(
-        $select,
-        'border-width'
-      )}
+    var(--s-m) + #{map.get($select, 'arrow-width')} -
+      #{map.get($select, 'border-width')}
   );
   padding-inline-start: calc(var(--s-m) - #{map.get($select, 'border-width')});
   padding-top: calc(
-    #{map.get($select, 'padding-vertical')} - #{map.get(
-        $select,
-        'border-width'
-      )}
+    #{map.get($select, 'padding-vertical')} -
+      #{map.get($select, 'border-width')}
   );
   text-align: left;
   text-overflow: ellipsis;
@@ -70,25 +64,19 @@ $select: null !default;
     box-shadow: map.get($select, 'shadow-hover');
     outline: none;
     padding-bottom: calc(
-      #{map.get($select, 'padding-vertical')} - #{map.get(
-          $select,
-          'border-width-focus'
-        )}
+      #{map.get($select, 'padding-vertical')} -
+        #{map.get($select, 'border-width-focus')}
     );
     padding-inline-end: calc(
-      var(--s-m) + #{map.get($select, 'arrow-width')} - #{map.get(
-          $select,
-          'border-width-focus'
-        )}
+      var(--s-m) + #{map.get($select, 'arrow-width')} -
+        #{map.get($select, 'border-width-focus')}
     );
     padding-inline-start: calc(
       var(--s-m) - #{map.get($select, 'border-width-focus')}
     );
     padding-top: calc(
-      #{map.get($select, 'padding-vertical')} - #{map.get(
-          $select,
-          'border-width-focus'
-        )}
+      #{map.get($select, 'padding-vertical')} -
+        #{map.get($select, 'border-width-focus')}
     );
   }
 }

diff --git a/src/implementations/vanilla/components/site-header/_site-header-language-switcher.scss b/src/implementations/vanilla/components/site-header/_site-header-language-switcher.scss
@@ -67,10 +67,8 @@ $language-list: null !default;
     'inline-start'
   );
   padding-inline-end: calc(
-    #{map.get($language-list, 'container-padding-mobile', 'inline-end')} + #{map.get(
-        $language-list,
-        'item-active-border-width'
-      )}
+    #{map.get($language-list, 'container-padding-mobile', 'inline-end')} +
+      #{map.get($language-list, 'item-active-border-width')}
   );
   position: absolute;
   right: 0;
@@ -99,10 +97,8 @@ $language-list: null !default;
   display: flex;
   justify-content: space-between;
   padding-inline-start: calc(
-    #{map.get($language-list, 'title-padding-start')} + #{map.get(
-        $language-list,
-        'item-active-border-width'
-      )}
+    #{map.get($language-list, 'title-padding-start')} +
+      #{map.get($language-list, 'item-active-border-width')}
   );
 }
 
@@ -142,10 +138,8 @@ $language-list: null !default;
     'block-end'
   );
   padding-inline-start: calc(
-    #{map.get($language-list, 'category-title-padding', 'inline-start')} + #{map.get(
-        $language-list,
-        'item-active-border-width'
-      )}
+    #{map.get($language-list, 'category-title-padding', 'inline-start')} +
+      #{map.get($language-list, 'item-active-border-width')}
   );
   padding-inline-end: map.get(
     $language-list,
@@ -248,10 +242,8 @@ $language-list: null !default;
       'inline-start'
     );
     padding-inline-end: calc(
-      #{map.get($language-list, 'container-padding-desktop', 'inline-end')} + #{map.get(
-          $language-list,
-          'item-active-border-width'
-        )}
+      #{map.get($language-list, 'container-padding-desktop', 'inline-end')} +
+        #{map.get($language-list, 'item-active-border-width')}
     );
     right: auto;
     transform: translateX(-50%);

diff --git a/src/implementations/vanilla/components/splash-page/splash-page-print.scss b/src/implementations/vanilla/components/splash-page/splash-page-print.scss
@@ -50,7 +50,11 @@ $language-list-print: null !default;
     'inline-start'
   );
   padding-inline-end: calc(
-    #{map.get($language-list-print, 'container-padding-desktop', 'inline-end')} +
+    #{map.get(
+        $language-list-print,
+        'container-padding-desktop',
+        'inline-end'
+      )} +
       #{map.get($language-list, 'item-active-border-width')}
   );
 }