@eeacms/volto-eea-design-system 1.60.1 → 1.60.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 +10 -2
- package/package.json +1 -1
- package/src/ui/Header/Header.jsx +4 -3
- package/src/ui/Header/Header.stories.test.js +1 -1
- package/src/ui/Header/Header.test.jsx +3 -5
- package/src/ui/Header/HeaderSearchPopUp.js +4 -3
- package/src/ui/Header/HeaderSearchPopUp.test.js +3 -5
- package/theme/themes/eea/elements/button.overrides +8 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,11 +4,19 @@ 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
|
-
### [1.60.
|
|
7
|
+
### [1.60.3](https://github.com/eea/volto-eea-design-system/compare/1.60.2...1.60.3) - 12 May 2026
|
|
8
|
+
|
|
9
|
+
#### :bug: Bug Fixes
|
|
10
|
+
|
|
11
|
+
- fix: Visual regression from Volto18 sharing panel - refs #303312 [Teodor Voicu - [`113d539`](https://github.com/eea/volto-eea-design-system/commit/113d539a85ab6cbb224cb1fbbd292053671bd988)]
|
|
8
12
|
|
|
9
13
|
#### :hammer_and_wrench: Others
|
|
10
14
|
|
|
11
|
-
-
|
|
15
|
+
- Contribute documentation - update with master branch [Alin Voinea - [`fbc734f`](https://github.com/eea/volto-eea-design-system/commit/fbc734f8a04e1cb87b978793500ed6ddfcdc098b)]
|
|
16
|
+
### [1.60.2](https://github.com/eea/volto-eea-design-system/compare/1.60.1...1.60.2) - 22 April 2026
|
|
17
|
+
|
|
18
|
+
### [1.60.1](https://github.com/eea/volto-eea-design-system/compare/1.60.0...1.60.1) - 17 April 2026
|
|
19
|
+
|
|
12
20
|
### [1.60.0](https://github.com/eea/volto-eea-design-system/compare/1.50.2...1.60.0) - 17 April 2026
|
|
13
21
|
|
|
14
22
|
#### :house: Documentation changes
|
package/package.json
CHANGED
package/src/ui/Header/Header.jsx
CHANGED
|
@@ -161,11 +161,12 @@ const Main = ({
|
|
|
161
161
|
const [burger, setBurger] = React.useState('');
|
|
162
162
|
const searchInputRef = React.useRef(null);
|
|
163
163
|
const [isClient, setIsClient] = React.useState();
|
|
164
|
-
const
|
|
165
|
-
(state) =>
|
|
164
|
+
const useAISearchIcon = useSelector(
|
|
165
|
+
(state) =>
|
|
166
|
+
state.reduxAsyncConnect?.headerSettings?.useAISearchIcon || false,
|
|
166
167
|
);
|
|
167
168
|
|
|
168
|
-
const searchIcon =
|
|
169
|
+
const searchIcon = useAISearchIcon ? aiSearchIcon : searchSVG;
|
|
169
170
|
|
|
170
171
|
const itemsLayouts =
|
|
171
172
|
menuItemsLayouts || config.settings?.menuItemsLayouts || {};
|
|
@@ -8,7 +8,7 @@ import { Default } from './Header.stories';
|
|
|
8
8
|
import '@testing-library/jest-dom';
|
|
9
9
|
|
|
10
10
|
const mockStore = createStore(() => ({
|
|
11
|
-
|
|
11
|
+
reduxAsyncConnect: { headerSettings: {} },
|
|
12
12
|
}));
|
|
13
13
|
|
|
14
14
|
global.ResizeObserver = require('resize-observer-polyfill');
|
|
@@ -8,11 +8,9 @@ import { Provider } from 'react-redux';
|
|
|
8
8
|
import '@testing-library/jest-dom';
|
|
9
9
|
|
|
10
10
|
const mockState = {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
useAISearchIcon: false,
|
|
15
|
-
},
|
|
11
|
+
reduxAsyncConnect: {
|
|
12
|
+
headerSettings: {
|
|
13
|
+
useAISearchIcon: false,
|
|
16
14
|
},
|
|
17
15
|
},
|
|
18
16
|
};
|
|
@@ -91,11 +91,12 @@ function HeaderSearchPopUp({
|
|
|
91
91
|
getRandomItems(suggestions, maxToShow),
|
|
92
92
|
);
|
|
93
93
|
|
|
94
|
-
const
|
|
95
|
-
(state) =>
|
|
94
|
+
const useAISearchIcon = useSelector(
|
|
95
|
+
(state) =>
|
|
96
|
+
state.reduxAsyncConnect?.headerSettings?.useAISearchIcon || false,
|
|
96
97
|
);
|
|
97
98
|
|
|
98
|
-
const searchIcon =
|
|
99
|
+
const searchIcon = useAISearchIcon ? aiSearchIcon : searchSVG;
|
|
99
100
|
|
|
100
101
|
useEffect(() => {
|
|
101
102
|
setVisibileSuggestions(getRandomItems(suggestions, maxToShow));
|
|
@@ -7,11 +7,9 @@ import HeaderSearchPopUp from './HeaderSearchPopUp';
|
|
|
7
7
|
import '@testing-library/jest-dom';
|
|
8
8
|
|
|
9
9
|
const mockState = {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
useAISearchIcon: false,
|
|
14
|
-
},
|
|
10
|
+
reduxAsyncConnect: {
|
|
11
|
+
headerSettings: {
|
|
12
|
+
useAISearchIcon: false,
|
|
15
13
|
},
|
|
16
14
|
},
|
|
17
15
|
};
|
|
@@ -82,6 +82,8 @@
|
|
|
82
82
|
// and acts as a circular button
|
|
83
83
|
.ui.circular.basic.button,
|
|
84
84
|
.ui.basic.floated.button,
|
|
85
|
+
.ui.actions.segment .ui.basic.primary.button,
|
|
86
|
+
.ui.actions.segment .ui.basic.secondary.button,
|
|
85
87
|
.ui.circular.icon.button {
|
|
86
88
|
padding: @circularButtonPadding;
|
|
87
89
|
border-width: @circularButtonBorderWidth;
|
|
@@ -90,6 +92,12 @@
|
|
|
90
92
|
line-height: @circularButtonLineHeight;
|
|
91
93
|
}
|
|
92
94
|
|
|
95
|
+
.ui.actions.segment .ui.basic.primary.button,
|
|
96
|
+
.ui.actions.segment .ui.basic.secondary.button {
|
|
97
|
+
margin-right: 0;
|
|
98
|
+
margin-left: @floatedMargin;
|
|
99
|
+
}
|
|
100
|
+
|
|
93
101
|
.ui.basic.button > .icon {
|
|
94
102
|
margin: @basicButtonIconMargin;
|
|
95
103
|
vertical-align: @basicButtonIconVerticalAlign;
|