@eeacms/volto-eea-website-theme 0.7.4 → 0.7.6
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,6 +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
|
+
### [0.7.6](https://github.com/eea/volto-eea-website-theme/compare/0.7.5...0.7.6) - 5 October 2022
|
|
8
|
+
|
|
9
|
+
#### :rocket: New Features
|
|
10
|
+
|
|
11
|
+
- feat(StyleWrapper): Re-enable textAlign and fontWeight - refs #148213 [Alin Voinea - [`98aba2a`](https://github.com/eea/volto-eea-website-theme/commit/98aba2a17bc876eedbe0547de12eb99024c5e2f7)]
|
|
12
|
+
|
|
13
|
+
#### :bug: Bug Fixes
|
|
14
|
+
|
|
15
|
+
- fix(List): Align slate list ul/ol to EEA Design System - refs #155248 [Alin Voinea - [`e4c3ab0`](https://github.com/eea/volto-eea-website-theme/commit/e4c3ab01850dac871fc274ef800cdb55f84b0118)]
|
|
16
|
+
- fix(accordion): Remove styled, fluid and set default theme secondary - refs #153783 [Alin Voinea - [`8ebb9ac`](https://github.com/eea/volto-eea-website-theme/commit/8ebb9ac385ab8030a47988d9750b5eba38cbdeb9)]
|
|
17
|
+
|
|
18
|
+
### [0.7.5](https://github.com/eea/volto-eea-website-theme/compare/0.7.4...0.7.5) - 27 September 2022
|
|
19
|
+
|
|
7
20
|
### [0.7.4](https://github.com/eea/volto-eea-website-theme/compare/0.7.3...0.7.4) - 27 September 2022
|
|
8
21
|
|
|
9
22
|
#### :bug: Bug Fixes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eeacms/volto-eea-website-theme",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.6",
|
|
4
4
|
"description": "@eeacms/volto-eea-website-theme: Volto add-on",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"author": "European Environment Agency: IDM2 A-Team",
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@cypress/code-coverage": "^3.9.5",
|
|
30
|
-
"babel-plugin-transform-class-properties": "^6.24.1"
|
|
30
|
+
"babel-plugin-transform-class-properties": "^6.24.1",
|
|
31
|
+
"md5": "^2.3.0"
|
|
31
32
|
},
|
|
32
33
|
"scripts": {
|
|
33
34
|
"release": "release-it",
|
package/src/config.js
CHANGED
|
@@ -247,3 +247,40 @@ export const defaultLanguage = 'en';
|
|
|
247
247
|
export const websiteTitle = 'Site';
|
|
248
248
|
export const organisationName = 'European Environment Agency';
|
|
249
249
|
export const logoTargetUrl = '/';
|
|
250
|
+
|
|
251
|
+
export const colors = [
|
|
252
|
+
// Primary & shades
|
|
253
|
+
'#007B6C',
|
|
254
|
+
'#005248',
|
|
255
|
+
'#007B6C',
|
|
256
|
+
'#00A390',
|
|
257
|
+
'#00CCB4',
|
|
258
|
+
'#00F5D8',
|
|
259
|
+
'#85FFF1',
|
|
260
|
+
'#C8FFF8',
|
|
261
|
+
// Secondary & shades
|
|
262
|
+
'#004B7F',
|
|
263
|
+
'#003052',
|
|
264
|
+
'#004B7F',
|
|
265
|
+
'#006BB8',
|
|
266
|
+
'#0083E0',
|
|
267
|
+
'#0A99FF',
|
|
268
|
+
'#47B3FF',
|
|
269
|
+
'#A0D7FF',
|
|
270
|
+
// Tertiary & shades
|
|
271
|
+
'#2E3E4C',
|
|
272
|
+
'#3D5265',
|
|
273
|
+
'#4C677F',
|
|
274
|
+
'#6989A5',
|
|
275
|
+
'#8EA6C2',
|
|
276
|
+
'#ACCAE5',
|
|
277
|
+
'#DAE8F4',
|
|
278
|
+
// Black & White shades
|
|
279
|
+
'#000000',
|
|
280
|
+
'#323232',
|
|
281
|
+
'#67696b',
|
|
282
|
+
'#BCBEC0',
|
|
283
|
+
'#E6E7E8',
|
|
284
|
+
'#F9F9F9',
|
|
285
|
+
'#FFFFFF',
|
|
286
|
+
];
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export const StyleSchema = () => {
|
|
2
|
+
return {
|
|
3
|
+
title: 'Styles',
|
|
4
|
+
fieldsets: [
|
|
5
|
+
{
|
|
6
|
+
id: 'default',
|
|
7
|
+
title: 'Default',
|
|
8
|
+
fields: [],
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
id: 'presets',
|
|
12
|
+
title: 'Preset styles',
|
|
13
|
+
fields: ['style_name'],
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
id: 'text',
|
|
17
|
+
title: 'Text',
|
|
18
|
+
fields: ['textAlign', 'fontWeight'],
|
|
19
|
+
},
|
|
20
|
+
],
|
|
21
|
+
properties: {
|
|
22
|
+
style_name: {
|
|
23
|
+
title: 'Style',
|
|
24
|
+
widget: 'style_select',
|
|
25
|
+
},
|
|
26
|
+
textAlign: {
|
|
27
|
+
title: 'Text align',
|
|
28
|
+
widget: 'style_text_align',
|
|
29
|
+
},
|
|
30
|
+
fontWeight: {
|
|
31
|
+
title: 'Font weight',
|
|
32
|
+
description: 'The weight (or boldness) of the font',
|
|
33
|
+
choices: [
|
|
34
|
+
['300', 'Light'],
|
|
35
|
+
['400', 'Regular'],
|
|
36
|
+
['500', 'Medium'],
|
|
37
|
+
['600', 'SemiBold'],
|
|
38
|
+
['700', 'Bold'],
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
required: [],
|
|
43
|
+
};
|
|
44
|
+
};
|
package/src/index.js
CHANGED
|
@@ -10,6 +10,7 @@ import { Icon } from '@plone/volto/components';
|
|
|
10
10
|
import paintSVG from '@plone/volto/icons/paint.svg';
|
|
11
11
|
import contentBoxSVG from './icons/content-box.svg';
|
|
12
12
|
import voltoCustomMiddleware from './middleware/voltoCustom';
|
|
13
|
+
import { List } from 'semantic-ui-react';
|
|
13
14
|
|
|
14
15
|
const applyConfig = (config) => {
|
|
15
16
|
// EEA specific settings
|
|
@@ -28,6 +29,8 @@ const applyConfig = (config) => {
|
|
|
28
29
|
// Apply accordion block customization
|
|
29
30
|
if (config.blocks.blocksConfig.accordion) {
|
|
30
31
|
config.blocks.blocksConfig.accordion.semanticIcon = 'ri-arrow-down-s-line';
|
|
32
|
+
config.blocks.blocksConfig.accordion.options = {};
|
|
33
|
+
config.blocks.blocksConfig.accordion.defaults.theme = 'secondary';
|
|
31
34
|
}
|
|
32
35
|
|
|
33
36
|
// Apply tabs block customization
|
|
@@ -76,8 +79,27 @@ const applyConfig = (config) => {
|
|
|
76
79
|
},
|
|
77
80
|
];
|
|
78
81
|
|
|
79
|
-
// Slate StyleMenu configuration
|
|
80
82
|
if (config.settings.slate) {
|
|
83
|
+
// Align Slate Lists to EEA Design System
|
|
84
|
+
config.settings.slate.elements.ul = ({ attributes, children }) => (
|
|
85
|
+
<List bulleted as="ul" {...attributes}>
|
|
86
|
+
{children}
|
|
87
|
+
</List>
|
|
88
|
+
);
|
|
89
|
+
|
|
90
|
+
config.settings.slate.elements.ol = ({ attributes, children }) => (
|
|
91
|
+
<List ordered as="ol" {...attributes}>
|
|
92
|
+
{children}
|
|
93
|
+
</List>
|
|
94
|
+
);
|
|
95
|
+
|
|
96
|
+
config.settings.slate.elements.li = ({ attributes, children }) => (
|
|
97
|
+
<List.Item as="li" {...attributes}>
|
|
98
|
+
{children}
|
|
99
|
+
</List.Item>
|
|
100
|
+
);
|
|
101
|
+
|
|
102
|
+
// Slate StyleMenu configuration
|
|
81
103
|
config.settings.slate.styleMenu = {
|
|
82
104
|
...(config.settings.slate.styleMenu || {}),
|
|
83
105
|
blockStyles: [
|
|
@@ -105,6 +127,9 @@ const applyConfig = (config) => {
|
|
|
105
127
|
};
|
|
106
128
|
}
|
|
107
129
|
|
|
130
|
+
// Custom block-style colors
|
|
131
|
+
config.settings.available_colors = eea.colors;
|
|
132
|
+
|
|
108
133
|
// Custom block styles
|
|
109
134
|
config.settings.previewText = '';
|
|
110
135
|
config.settings.pluggableStyles = [
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
const updatedEEAColorcheme = [
|
|
2
|
-
// Primary & shades
|
|
3
|
-
'#007B6C',
|
|
4
|
-
'#005248',
|
|
5
|
-
'#007B6C',
|
|
6
|
-
'#00A390',
|
|
7
|
-
'#00CCB4',
|
|
8
|
-
'#00F5D8',
|
|
9
|
-
'#85FFF1',
|
|
10
|
-
'#C8FFF8',
|
|
11
|
-
// Secondary & shades
|
|
12
|
-
'#004B7F',
|
|
13
|
-
'#003052',
|
|
14
|
-
'#004B7F',
|
|
15
|
-
'#006BB8',
|
|
16
|
-
'#0083E0',
|
|
17
|
-
'#0A99FF',
|
|
18
|
-
'#47B3FF',
|
|
19
|
-
'#A0D7FF',
|
|
20
|
-
// Tertiary & shades
|
|
21
|
-
'#2E3E4C',
|
|
22
|
-
'#3D5265',
|
|
23
|
-
'#4C677F',
|
|
24
|
-
'#6989A5',
|
|
25
|
-
'#8EA6C2',
|
|
26
|
-
'#ACCAE5',
|
|
27
|
-
'#DAE8F4',
|
|
28
|
-
// Black & White shades
|
|
29
|
-
'#000000',
|
|
30
|
-
'#323232',
|
|
31
|
-
'#67696b',
|
|
32
|
-
'#BCBEC0',
|
|
33
|
-
'#E6E7E8',
|
|
34
|
-
'#F9F9F9',
|
|
35
|
-
'#FFFFFF',
|
|
36
|
-
];
|
|
37
|
-
|
|
38
|
-
export default updatedEEAColorcheme;
|