@eeacms/volto-eea-design-system 1.22.3 → 1.22.5

package/CHANGELOG.md

@@ -4,6 +4,21 @@ 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.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
+
+- Update Twitter logo in Share to section. [Ghiță Bizău - [`d86fc21`](https://github.com/eea/volto-eea-design-system/commit/d86fc2144d7ae6b4a6cb5337820e9b13040fd455)]
 ### [1.22.3](https://github.com/eea/volto-eea-design-system/compare/1.22.2...1.22.3) - 4 December 2023
 
 #### :hammer_and_wrench: Others

package/package.json

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

package/src/ui/Banner/Banner.stories.jsx

@@ -107,7 +107,7 @@ const Template = (args) => {
                         titleClass={'hiddenStructure'}
                       />
                       <Banner.Action
-                        icon="ri-twitter-fill"
+                        icon="ri-twitter-x-line"
                         title={'Share page to Twitter'}
                         titleClass={'hiddenStructure'}
                       />

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/definitions/elements/icon.less

@@ -21,17 +21,17 @@
              Icon
 *******************************/
 
-@font-face {
-  font-display: swap;
-  font-family: 'Icons';
-  src: @fallbackSRC;
-  src: @src;
-  font-style: normal;
-  font-weight: @normal;
-  font-variant: normal;
-  text-decoration: inherit;
-  text-transform: none;
-}
+//@font-face {
+//  font-display: swap;
+//  font-family: 'Icons';
+//  src: @fallbackSRC;
+//  src: @src;
+//  font-style: normal;
+//  font-weight: @normal;
+//  font-variant: normal;
+//  text-decoration: inherit;
+//  text-transform: none;
+//}
 
 i.icon {
   display: inline-block;
@@ -42,7 +42,7 @@ i.icon {
   width: @width;
   height: @height;
 
-  font-family: 'Icons';
+  //font-family: 'Icons';
   font-style: normal;
   font-weight: @normal;
   text-decoration: inherit;

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;
 }