@eeacms/volto-eea-design-system 0.7.2 → 0.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -4,8 +4,16 @@ All notable changes to this project will be documented in this file. Dates are d
4
4
 
5
5
  Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
6
6
 
7
+ #### [0.7.3](https://github.com/eea/volto-eea-design-system/compare/0.7.2...0.7.3)
8
+
9
+ - Autobuild of docusaurus docs [`93ddb4d`](https://github.com/eea/volto-eea-design-system/commit/93ddb4d3c856adc4a99ad3260671d7c78615bd74)
10
+ - change(megamenu): added icon on mega menu header section [`d0ad4d8`](https://github.com/eea/volto-eea-design-system/commit/d0ad4d80fc4941e0cdbd8a2d81415387f86efc1c)
11
+
7
12
  #### [0.7.2](https://github.com/eea/volto-eea-design-system/compare/0.7.1...0.7.2)
8
13
 
14
+ > 3 August 2022
15
+
16
+ - Develop [`#217`](https://github.com/eea/volto-eea-design-system/pull/217)
9
17
  - Search input focus [`#215`](https://github.com/eea/volto-eea-design-system/pull/215)
10
18
  - Make cypress tests work with both slate and draft selectors [`4d8e5b1`](https://github.com/eea/volto-eea-design-system/commit/4d8e5b1d7719637a46eac8232891fc5ed1f51b6f)
11
19
  - Autobuild of docusaurus docs [`580af5b`](https://github.com/eea/volto-eea-design-system/commit/580af5b9d1791804239db8bd40f740d7fafc8a2a)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eeacms/volto-eea-design-system",
3
- "version": "0.7.2",
3
+ "version": "0.7.3",
4
4
  "description": "@eeacms/volto-eea-design-system: Volto add-on",
5
5
  "main": "src/index.js",
6
6
  "author": "European Environment Agency: IDM2 A-Team",
@@ -12,6 +12,8 @@ import {
12
12
  import { Link } from 'react-router-dom';
13
13
  import { useClickOutside } from '@eeacms/volto-eea-design-system/helpers';
14
14
 
15
+ import linkArrowsSVG from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Svg/arrow-double-right.svg';
16
+
15
17
  const createColumns = (item, length, renderMenuItem) => {
16
18
  let subArrays = [];
17
19
  let size = length;
@@ -37,7 +39,6 @@ const createColumns = (item, length, renderMenuItem) => {
37
39
 
38
40
  return column;
39
41
  };
40
-
41
42
  const ItemGrid = ({ item, columns, length, renderMenuItem }) => (
42
43
  <>
43
44
  {renderMenuItem(item, { className: 'sub-title' })}
@@ -289,7 +290,22 @@ function HeaderMenuPopUp({
289
290
  <Container>
290
291
  {menuItem && (
291
292
  <div className="menu-content tablet hidden mobile hidden">
292
- <h3 className="title">{renderMenuItem(menuItem)}</h3>
293
+ <h3 className="title">
294
+ {renderMenuItem(
295
+ menuItem,
296
+ { className: 'title-link' },
297
+ {
298
+ iconPosition: 'right',
299
+ children: (
300
+ <img
301
+ src={linkArrowsSVG}
302
+ className={'title-img'}
303
+ alt={'Title icon'}
304
+ />
305
+ ),
306
+ },
307
+ )}
308
+ </h3>
293
309
  <Divider fitted />
294
310
  {menuItem.title === 'Topics' ? (
295
311
  <Topics menuItem={menuItem} renderMenuItem={renderMenuItem} />
@@ -0,0 +1,4 @@
1
+ <svg width="12" height="11" viewBox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M3.81846 5.50017L-3.83247e-07 1.66422L1.09077 0.568456L6 5.50017L1.09077 10.4319L-4.78974e-08 9.33612L3.81846 5.50017Z" fill="white"/>
3
+ <path d="M9.81846 5.50017L6 1.66422L7.09077 0.568456L12 5.50017L7.09077 10.4319L6 9.33612L9.81846 5.50017Z" fill="white"/>
4
+ </svg>
@@ -543,6 +543,9 @@
543
543
  .title {
544
544
  font-size: @megaMenuTitleFontSize;
545
545
  font-weight: @megaMenuTitleFontWeight;
546
+ .title-img {
547
+ margin-left: @megaMenuTitleImgMarginLeft;
548
+ }
546
549
  }
547
550
 
548
551
  .sub-title {
@@ -142,6 +142,7 @@
142
142
  /* Title */
143
143
  @megaMenuTitleFontSize: @font-size-4;
144
144
  @megaMenuTitleFontWeight: @font-weight-7;
145
+ @megaMenuTitleImgMarginLeft: 4px;
145
146
 
146
147
  /* Sub Title */
147
148
  @megaMenuSubTitleFontSize: @font-size-2;