@eeacms/volto-eea-design-system 1.23.2 → 1.23.4

package/.eslintrc.js

@@ -0,0 +1,52 @@
+const fs = require('fs');
+const path = require('path');
+
+const projectRootPath = fs.existsSync('./project')
+  ? fs.realpathSync('./project')
+  : fs.realpathSync('./../../../');
+const packageJson = require(path.join(projectRootPath, 'package.json'));
+const jsConfig = require(path.join(
+  projectRootPath,
+  'jsconfig.json',
+)).compilerOptions;
+
+const pathsConfig = jsConfig.paths;
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+
+Object.keys(pathsConfig).forEach((pkg) => {
+  if (pkg === '@plone/volto') {
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
+  }
+});
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map((o) => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+module.exports = {
+  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+  rules: {
+    'react/jsx-no-target-blank': 'off',
+  },
+};

package/CHANGELOG.md

@@ -4,6 +4,14 @@ 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.23.4](https://github.com/eea/volto-eea-design-system/compare/1.23.3...1.23.4) - 25 March 2024
+
+#### :nail_care: Enhancements
+
+- change(headings): removed h3 and set important rules to subtitle-light class [David Ichim - [`89a69e8`](https://github.com/eea/volto-eea-design-system/commit/89a69e8f2c50e107cae642b68fb31dc2da806053)]
+
+### [1.23.3](https://github.com/eea/volto-eea-design-system/compare/1.23.2...1.23.3) - 13 March 2024
+
 ### [1.23.2](https://github.com/eea/volto-eea-design-system/compare/1.23.1...1.23.2) - 5 March 2024
 
 #### :nail_care: Enhancements

package/package.json

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

package/src/ui/Footer/FooterActions.jsx

@@ -20,12 +20,7 @@ const FooterActions = (props) => {
                     {action.title}
                   </Link>
                 ) : (
-                  <a
-                    href={action.url}
-                    key={index}
-                    target={'_blank'}
-                    rel={'noreferrer'}
-                  >
+                  <a href={action.url} key={index} target={'_blank'}>
                     {action.title}
                   </a>
                 ),
@@ -42,12 +37,7 @@ const FooterActions = (props) => {
                     {copyright.title}
                   </Link>
                 ) : (
-                  <a
-                    href={copyright.url}
-                    key={index}
-                    target={'_blank'}
-                    rel={'noreferrer'}
-                  >
+                  <a href={copyright.url} key={index} target={'_blank'}>
                     {copyright.title}
                   </a>
                 ),

package/src/ui/Header/Header.stories.js

@@ -1263,7 +1263,6 @@ const Template = (args) => {
                 <a
                   href="https://europa.eu/european-union/contact/institutions-bodies_en"
                   target="_blank"
-                  rel="noreferrer"
                   role="option"
                   aria-selected="false"
                 >
@@ -1284,12 +1283,7 @@ const Template = (args) => {
               <div className="wrapper" tabIndex={0} role={'presentation'}>
                 {links.map((item, index) => (
                   <Dropdown.Item key={index}>
-                    <a
-                      href={item.href}
-                      className="site"
-                      target="_blank"
-                      rel="noreferrer"
-                    >
+                    <a href={item.href} className="site" target="_blank">
                       {item.title}
                     </a>
                   </Dropdown.Item>

package/src/ui/NewTabLabeledIcon/NewTabLabeledIcon.jsx

@@ -4,13 +4,7 @@ import { Button, Icon } from 'semantic-ui-react';
 function NewTabLabeledIcon({ children, ...rest }) {
   return (
     <div className="eea new tab labeled icon">
-      <Button
-        target="_blank"
-        rel="noreferrer"
-        href={rest.link}
-        as="a"
-        className="text"
-      >
+      <Button target="_blank" href={rest.link} as="a" className="text">
         {children}
       </Button>
     </div>

package/theme/themes/eea/globals/site.overrides

@@ -40,6 +40,11 @@ h6 {
   color: @headerColor;
 }
 
+.subtitle-light {
+  font-size: @h3-light !important;
+  font-weight: @font-weight-2 !important;
+}
+
 .content-area {
   color: @contentAreaColor;
 }

package/theme/themes/eea/globals/site.variables

@@ -84,11 +84,14 @@
 
 @h1 : unit((44 / @fontSize), rem);
 @h2 : unit((32 / @fontSize), rem);
+@h3-light : unit((22 / @fontSize), rem);
 @h3 : unit((26 / @fontSize), rem);
 @h4 : unit((20 / @fontSize), rem);
 @h5 : unit((18 / @fontSize), rem);
 @h6 : unit((16 / @fontSize), rem);
 
+
+
 @mobileH1: unit((30 / @fontSize), rem);
 @mobileH2: unit((24 / @fontSize), rem);
 @mobileH3: unit((20 / @fontSize), rem);