@eeacms/volto-eea-design-system 1.22.4 → 1.22.6

package/CHANGELOG.md

@@ -4,6 +4,26 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.22.6](https://github.com/eea/volto-eea-design-system/compare/1.22.5...1.22.6) - 19 January 2024
+
+#### :bug: Bug Fixes
+
+- fix(site):  re-enable Icons font face still used in Volto [David Ichim - [`e85a1ab`](https://github.com/eea/volto-eea-design-system/commit/e85a1abd0b1c21fc531cbe7ef742cc504b53e1f1)]
+- fix(site): re-enable Icons font face since it's still used in some of Volto's interface [David Ichim - [`fe0c296`](https://github.com/eea/volto-eea-design-system/commit/fe0c2966b0860905b062313ae018001dbf579ec9)]
+
+#### :hammer_and_wrench: Others
+
+- Revert "fix(site): re-enable Icons font face since it's still used in some of Volto's interface" [David Ichim - [`cefa221`](https://github.com/eea/volto-eea-design-system/commit/cefa2213d0b20d15a7ee3d6272a0a5f53057e07d)]
+### [1.22.5](https://github.com/eea/volto-eea-design-system/compare/1.22.4...1.22.5) - 17 January 2024
+
+#### :bug: Bug Fixes
+
+- fix(a11y): alt text in FooterSites component [David Ichim - [`eff3fa0`](https://github.com/eea/volto-eea-design-system/commit/eff3fa0522b277a25a00e53c21bd4e838e677856)]
+- fix(a11y): Refactor lazy loading of images in Footer and SubFooter components [David Ichim - [`2513a82`](https://github.com/eea/volto-eea-design-system/commit/2513a82d69f7c76bd6231fc709328a4e3680e6b4)]
+- fix(a11y): dropdown Certain ARIA roles must contain particular children error [David Ichim - [`8311bab`](https://github.com/eea/volto-eea-design-system/commit/8311bab99d2696cb52eeb9568aa38f2744477296)]
+- fix: Make inpage-navigation not visibile on edit sidebar - refs #261560 [dobri1408 - [`e124080`](https://github.com/eea/volto-eea-design-system/commit/e124080b76c1dd2a2d63cf4fe0e6dd6f259bad8a)]
+- fix(tabs): inside content boxes which apply theme and text color for children [David Ichim - [`d3902de`](https://github.com/eea/volto-eea-design-system/commit/d3902deff42cc62459888a5085b229e746fc8d12)]
+
 ### [1.22.4](https://github.com/eea/volto-eea-design-system/compare/1.22.3...1.22.4) - 5 December 2023
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.22.4",
+  "version": "1.22.6",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Footer/Footer.stories.test.js

@@ -6,12 +6,6 @@ import { Default } from './Footer.stories';
 import Footer from './Footer';
 import '@testing-library/jest-dom/extend-expect';
 
-jest.mock('react-lazy-load-image-component', () => {
-  return {
-    LazyLoadComponent: ({ children }) => <>{children}</>,
-  };
-});
-
 describe('Default', () => {
   let history;
   let observe;

package/src/ui/Footer/FooterSites.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Grid, Image } from 'semantic-ui-react';
-import { LazyLoadComponent } from 'react-lazy-load-image-component';
 
 import PropTypes from 'prop-types';
 
@@ -13,22 +12,20 @@ const Sites = (props) => {
       column.push(
         <Grid.Column className="logo" key={i}>
           <a className="logo" href={item.url} aria-label={item.alt}>
-            <LazyLoadComponent>
-              <Image
-                className={item.className}
-                src={item.src}
-                alt={item.alt}
-              ></Image>
-            </LazyLoadComponent>
+            <Image
+              className={item.className}
+              src={item.src}
+              alt={''}
+              loading="lazy"
+            ></Image>
           </a>
-          <a className="logo" href={nextItem.url} aria-label={item.alt}>
-            <LazyLoadComponent>
-              <Image
-                className={nextItem.className}
-                src={nextItem.src}
-                alt={nextItem.alt}
-              ></Image>
-            </LazyLoadComponent>
+          <a className="logo" href={nextItem.url} aria-label={nextItem.alt}>
+            <Image
+              className={nextItem.className}
+              src={nextItem.src}
+              alt={''}
+              loading="lazy"
+            ></Image>
           </a>
         </Grid.Column>,
       );

package/src/ui/Footer/SubFooter.jsx

@@ -2,7 +2,6 @@ import React from 'react';
 import Footer from './Footer';
 
 import { Grid, Image } from 'semantic-ui-react';
-import { LazyLoadComponent } from 'react-lazy-load-image-component';
 
 const SubFooter = (props) => {
   if (props.children) {
@@ -24,9 +23,11 @@ const SubFooter = (props) => {
               <div className="item">
                 <div className={manager.className}>
                   <a href={manager.url}>
-                    <LazyLoadComponent>
-                      <Image src={manager.src} alt={manager.alt}></Image>
-                    </LazyLoadComponent>
+                    <Image
+                      src={manager.src}
+                      alt={manager.alt}
+                      loading="lazy"
+                    ></Image>
                   </a>
                 </div>
               </div>
@@ -56,9 +57,11 @@ const SubFooter = (props) => {
               <div className="item">
                 <div className={manager.className}>
                   <a href={manager.url}>
-                    <LazyLoadComponent>
-                      <Image src={manager.src} alt={manager.alt}></Image>
-                    </LazyLoadComponent>
+                    <Image
+                      src={manager.src}
+                      alt={manager.alt}
+                      loading="lazy"
+                    ></Image>
                   </a>
                 </div>
               </div>

package/theme/themes/eea/collections/breadcrumb.overrides

@@ -5,6 +5,7 @@
 .ui.breadcrumb {
   display: flex;
   align-items: center;
+  line-height: @lineHeight;
 
   .home.icon {
     margin-right: 0;

package/theme/themes/eea/elements/button.overrides

@@ -258,7 +258,7 @@ p.ui.button {
 
 .ui.inverted.secondary.buttons .button:focus,
 .ui.inverted.secondary.button:focus,
-\.ui.inverted.secondary.buttons .button:focus-visible,
+.ui.inverted.secondary.buttons .button:focus-visible,
 .ui.inverted.secondary.button:focus-visible {
   background-color: @secondaryColorFocus;
 }