@eeacms/volto-eea-design-system 1.0.5 → 1.0.7

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.
Files changed (50) hide show
  1. package/CHANGELOG.md +77 -16
  2. package/package.json +1 -1
  3. package/src/ui/Banner/Banner.jsx +2 -1
  4. package/src/ui/Breadcrumbs/Breadcrumb.stories.jsx +6 -34
  5. package/src/ui/Breadcrumbs/Breadcrumbs.jsx +24 -24
  6. package/src/ui/Card/Card.stories.jsx +6 -2
  7. package/src/ui/Comment/Comment.stories.js +25 -19
  8. package/src/ui/ContextNavigation/ContextNavigation.stories.jsx +18 -4
  9. package/src/ui/DownloadLabeledIcon/DownloadLabeledIcon.stories.jsx +3 -2
  10. package/src/ui/Form/Button/Button.stories.jsx +1 -1
  11. package/src/ui/Header/Header.jsx +13 -3
  12. package/src/ui/Header/Header.stories.js +112 -210
  13. package/src/ui/Header/HeaderMenuPopUp.js +50 -55
  14. package/src/ui/InpageNavigation/InpageNavigation.jsx +4 -4
  15. package/src/ui/InpageNavigation/InpageNavigation.stories.jsx +5 -4
  16. package/src/ui/Label/Label.stories.js +3 -1
  17. package/src/ui/LabeledIconGroup/LabeledIconGroup.jsx +5 -4
  18. package/src/ui/LanguageLabeledIcon/LanguageLabeledIcon.stories.jsx +3 -2
  19. package/src/ui/Modal/Modal.stories.js +9 -2
  20. package/src/ui/NewTabLabeledIcon/NewTabLabeledIcon.jsx +9 -3
  21. package/src/ui/Tag/Tag.stories.jsx +1 -1
  22. package/theme/plugins.js +41 -0
  23. package/theme/theme.less +2 -0
  24. package/theme/themes/eea/assets/logo/eionet.svg +80 -11
  25. package/theme/themes/eea/collections/breadcrumb.overrides +11 -0
  26. package/theme/themes/eea/elements/button.overrides +26 -7
  27. package/theme/themes/eea/elements/button.variables +1 -0
  28. package/theme/themes/eea/elements/container.overrides +0 -1
  29. package/theme/themes/eea/elements/label.overrides +12 -8
  30. package/theme/themes/eea/extras/contextNavigation.less +4 -2
  31. package/theme/themes/eea/extras/contextNavigation.variables +1 -1
  32. package/theme/themes/eea/extras/downloadLabeledIcon.less +31 -22
  33. package/theme/themes/eea/extras/downloadLabeledIcon.variables +16 -14
  34. package/theme/themes/eea/extras/header.less +8 -0
  35. package/theme/themes/eea/extras/header.variables +4 -1
  36. package/theme/themes/eea/extras/inpageNavigation.less +2 -0
  37. package/theme/themes/eea/extras/inpageNavigation.variables +2 -0
  38. package/theme/themes/eea/extras/labeledIconGroup.variables +3 -3
  39. package/theme/themes/eea/extras/languageLabeledIcon.less +28 -20
  40. package/theme/themes/eea/extras/languageLabeledIcon.variables +18 -16
  41. package/theme/themes/eea/extras/newTabLabeledIcon.less +21 -15
  42. package/theme/themes/eea/extras/newTabLabeledIcon.variables +7 -5
  43. package/theme/themes/eea/globals/site.overrides +4 -1
  44. package/theme/themes/eea/modules/checkbox.overrides +6 -0
  45. package/theme/themes/eea/modules/checkbox.variables +3 -3
  46. package/theme/themes/eea/modules/modal.overrides +13 -0
  47. package/theme/themes/eea/modules/modal.variables +5 -1
  48. package/theme/themes/eea/views/card.overrides +9 -0
  49. package/theme/themes/eea/views/card.variables +6 -2
  50. package/theme/themes/eea/views/item.overrides +2 -2
@@ -107,51 +107,51 @@ const menuItems = [
107
107
  description: '',
108
108
  items: [
109
109
  {
110
- '@id': 'Climate',
110
+ '@id': 'State-of-Europe’s-environment',
111
111
  description: '',
112
112
  items: [],
113
113
  review_state: null,
114
- title: 'Climate',
114
+ title: 'State of Europe’s environment',
115
115
  url: '/#',
116
116
  },
117
117
  {
118
- '@id': 'Health',
118
+ '@id': 'Climate',
119
119
  description: '',
120
120
  items: [],
121
121
  review_state: null,
122
- title: 'Health',
122
+ title: 'Climate',
123
123
  url: '/#',
124
124
  },
125
125
  {
126
- '@id': 'Nature',
126
+ '@id': 'Economy-and-resources',
127
127
  description: '',
128
128
  items: [],
129
129
  review_state: null,
130
- title: 'Nature',
130
+ title: 'Economy and resources',
131
131
  url: '/#',
132
132
  },
133
133
  {
134
- '@id': 'Sustainability',
134
+ '@id': 'Health',
135
135
  description: '',
136
136
  items: [],
137
137
  review_state: null,
138
- title: 'Sustainability',
138
+ title: 'Health',
139
139
  url: '/#',
140
140
  },
141
141
  {
142
- '@id': 'Economy-and-resources',
142
+ '@id': 'Nature',
143
143
  description: '',
144
144
  items: [],
145
145
  review_state: null,
146
- title: 'Economy and resources',
146
+ title: 'Nature',
147
147
  url: '/#',
148
148
  },
149
149
  {
150
- '@id': 'State-of-Europe’s-environment',
150
+ '@id': 'Sustainability',
151
151
  description: '',
152
152
  items: [],
153
153
  review_state: null,
154
- title: 'State of Europe’s environment',
154
+ title: 'Sustainability',
155
155
  url: '/#',
156
156
  },
157
157
  ],
@@ -489,23 +489,13 @@ const menuItems = [
489
489
  '@id': 'Analysis-and-data',
490
490
  items: [
491
491
  {
492
- '@id': 'Reports',
492
+ '@id': 'Pulications',
493
493
  nav_description:
494
494
  'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
495
495
  items: [],
496
496
  review_state: null,
497
- title: 'Briefings',
498
- nav_title: 'Briefings nav',
499
- url: '/#',
500
- },
501
- {
502
- '@id': 'Briefings',
503
- nav_description:
504
- 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
505
- items: [],
506
- review_state: null,
507
- title: 'Reports',
508
- nav_title: 'Reports nav',
497
+ title: 'Pulications',
498
+ nav_title: 'Pulications nav',
509
499
  url: '/#',
510
500
  },
511
501
  {
@@ -519,32 +509,32 @@ const menuItems = [
519
509
  url: '/#',
520
510
  },
521
511
  {
522
- '@id': 'Datahub',
512
+ '@id': 'Maps-and-charts',
523
513
  nav_description:
524
514
  'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
525
515
  items: [],
526
516
  review_state: null,
527
- title: 'Datahub',
528
- nav_title: 'Datahub nav',
517
+ title: 'Maps and charts',
529
518
  url: '/#',
530
519
  },
531
520
  {
532
- '@id': 'Maps-and-charts',
521
+ '@id': 'Country-fact-sheets',
533
522
  nav_description:
534
523
  'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
535
524
  items: [],
536
525
  review_state: null,
537
- title: 'Maps and charts',
526
+ title: 'Country fact sheets',
527
+ nav_title: '',
538
528
  url: '/#',
539
529
  },
540
530
  {
541
- '@id': 'Country-fact-sheets',
531
+ '@id': 'Datahub',
542
532
  nav_description:
543
533
  'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.',
544
534
  items: [],
545
535
  review_state: null,
546
- title: 'Country fact sheets',
547
- nav_title: '',
536
+ title: 'Datahub',
537
+ nav_title: 'Datahub nav',
548
538
  url: '/#',
549
539
  },
550
540
  ],
@@ -901,7 +891,50 @@ const menuItems = [
901
891
  },
902
892
  {
903
893
  '@id': 'Newsroom',
904
- items: [],
894
+ items: [
895
+ {
896
+ '@id': 'Press-releases',
897
+ items: [],
898
+ review_state: null,
899
+ title: 'Press releases',
900
+ url: '/#',
901
+ },
902
+ {
903
+ '@id': 'Feature-articles',
904
+ items: [],
905
+ review_state: null,
906
+ title: 'Feature articles',
907
+ url: '/#',
908
+ },
909
+ {
910
+ '@id': 'Corporate-visuals',
911
+ items: [],
912
+ review_state: null,
913
+ title: 'Corporate visuals',
914
+ url: '/#',
915
+ },
916
+ {
917
+ '@id': 'Events',
918
+ items: [],
919
+ review_state: null,
920
+ title: 'Events',
921
+ url: '/#',
922
+ },
923
+ {
924
+ '@id': 'Photo-competitions',
925
+ items: [],
926
+ review_state: null,
927
+ title: 'Photo competitions',
928
+ url: '/#',
929
+ },
930
+ {
931
+ '@id': 'Newsletter',
932
+ items: [],
933
+ review_state: null,
934
+ title: 'Newsletter',
935
+ url: '/#',
936
+ },
937
+ ],
905
938
  review_state: null,
906
939
  title: 'Newsroom',
907
940
  url: '/#',
@@ -910,219 +943,130 @@ const menuItems = [
910
943
  '@id': 'About-Us',
911
944
  items: [
912
945
  {
913
- '@id': 'Mission-vision-and-values',
946
+ '@id': 'Who-we-are',
914
947
  description: '',
915
948
  items: [
916
949
  {
917
- '@id': 'About-the-EEA',
950
+ '@id': 'Governance',
918
951
  description: '',
919
952
  items: [],
920
953
  review_state: null,
921
- title: 'About the EEA',
954
+ title: 'Governance',
922
955
  url: '/#',
923
956
  },
924
957
  {
925
- '@id': 'Eco-management-Reducing-our-environmental-footprint-EMAS',
958
+ '@id': 'Our-knowledge-network—Eionet',
926
959
  description: '',
927
960
  items: [],
928
961
  review_state: null,
929
- title: 'Eco-management/Reducing our environmental footprint (EMAS)',
962
+ title: 'Our knowledge network Eionet',
930
963
  url: '/#',
931
964
  },
932
965
  {
933
- '@id': 'Copernicus',
966
+ '@id': 'Projects-and-cooperation-agreements',
934
967
  description: '',
935
968
  items: [],
936
969
  review_state: null,
937
- title: 'Copernicus',
970
+ title: 'Projects and cooperation agreements',
938
971
  url: '/#',
939
972
  },
940
973
  {
941
- '@id': 'Digitilization',
974
+ '@id': 'Becoming-a-climate-neutral-agency',
942
975
  description: '',
943
976
  items: [],
944
977
  review_state: null,
945
- title: 'Digitilization',
978
+ title: 'Becoming a climate neutral agency',
946
979
  url: '/#',
947
980
  },
948
981
  ],
949
982
  review_state: null,
950
- title: 'Mission, vision and values',
983
+ title: 'Who we are',
951
984
  url: '/#',
952
985
  },
953
986
  {
954
- '@id': 'Governance',
987
+ '@id': 'Key-partners',
955
988
  description: '',
956
989
  items: [
957
990
  {
958
- '@id': 'Executive-Director',
991
+ '@id': 'European-Union-partners',
959
992
  description: '',
960
993
  items: [],
961
994
  review_state: null,
962
- title: 'Executive Director',
995
+ title: 'European Union partners',
963
996
  url: '/#',
964
997
  },
965
998
  {
966
- '@id': 'Management-board-&-bureau',
999
+ '@id': 'International-engagement',
967
1000
  description: '',
968
1001
  items: [],
969
1002
  review_state: null,
970
- title: 'Management board & bureau',
1003
+ title: 'International engagement',
971
1004
  url: '/#',
972
1005
  },
973
1006
  {
974
- '@id': 'Operational-management-Senior-Management-Team)',
975
- description: '',
976
- items: [],
977
- review_state: null,
978
- title: 'Operational management (Senior Management Team)',
979
- url: '/#',
980
- },
981
- {
982
- '@id': 'Scientific-commitee',
983
- description: '',
984
- items: [],
985
- review_state: null,
986
- title: 'Scientific commitee',
987
- url: '/#',
988
- },
989
- {
990
- '@id': 'Organizational-chart',
991
- description: '',
992
- items: [],
993
- review_state: null,
994
- title: 'Organizational chart',
995
- url: '/#',
996
- },
997
- ],
998
- review_state: null,
999
- title: 'Governance',
1000
- url: '/#',
1001
- },
1002
- {
1003
- '@id': 'Our-knowledge-network-Eionet',
1004
- description: '',
1005
- items: [
1006
- {
1007
- '@id': 'About-the-Eionet',
1008
- description: '',
1009
- items: [],
1010
- review_state: null,
1011
- title: 'About the Eionet',
1012
- url: '/#',
1013
- },
1014
- {
1015
- '@id': 'Members',
1016
- description: '',
1017
- items: [],
1018
- review_state: null,
1019
- title: 'Members',
1020
- url: '/#',
1021
- },
1022
- {
1023
- '@id': 'ETCs',
1024
- description: '',
1025
- items: [],
1026
- review_state: null,
1027
- title: 'ETCs',
1028
- url: '/#',
1029
- },
1030
- {
1031
- '@id': 'Interest-groups',
1032
- description: '',
1033
- items: [],
1034
- review_state: null,
1035
- title: 'Interest groups',
1036
- url: '/#',
1037
- },
1038
- {
1039
- '@id': 'Data-reporting',
1040
- description: '',
1041
- items: [],
1042
- review_state: null,
1043
- title: 'Data-reporting',
1044
- url: '/#',
1045
- },
1046
- {
1047
- '@id': 'Eionet-projects',
1007
+ '@id': 'Copernicus',
1048
1008
  description: '',
1049
1009
  items: [],
1050
1010
  review_state: null,
1051
- title: 'Eionet projects',
1011
+ title: 'Copernicus',
1052
1012
  url: '/#',
1053
1013
  },
1054
1014
  ],
1055
1015
  review_state: null,
1056
- title: 'Our knowledge network (Eionet)',
1016
+ title: 'Key partners',
1057
1017
  url: '/#',
1058
1018
  },
1059
1019
  {
1060
- '@id': 'Services-and-projects',
1020
+ '@id': 'Careers',
1061
1021
  description: '',
1062
1022
  items: [
1063
1023
  {
1064
- '@id': 'EUROGEO',
1024
+ '@id': 'How-to-apply',
1065
1025
  description: '',
1066
1026
  items: [],
1067
1027
  review_state: null,
1068
- title: 'EUROGEO',
1028
+ title: 'How to apply',
1069
1029
  url: '/#',
1070
1030
  },
1071
1031
  {
1072
- '@id': 'Human-Biomonitoring-for-Europe',
1032
+ '@id': 'Our-workplace',
1073
1033
  description: '',
1074
1034
  items: [],
1075
1035
  review_state: null,
1076
- title: 'Human Biomonitoring for Europe',
1036
+ title: 'Our workplace',
1077
1037
  url: '/#',
1078
1038
  },
1079
1039
  {
1080
- '@id': 'COPERNICUS',
1040
+ '@id': 'Traineeships',
1081
1041
  description: '',
1082
1042
  items: [],
1083
1043
  review_state: null,
1084
- title: 'COPERNICUS',
1085
- url: '/#',
1086
- },
1087
- {
1088
- '@id': 'IPA-2020',
1089
- description: '',
1090
- items: [],
1091
- review_state: null,
1092
- title: 'IPA 2020',
1093
- url: '/#',
1094
- },
1095
- {
1096
- '@id': 'UNEP-IRP',
1097
- description: '',
1098
- items: [],
1099
- review_state: null,
1100
- title: 'UNEP IRP',
1044
+ title: 'Traineeships',
1101
1045
  url: '/#',
1102
1046
  },
1103
1047
  ],
1104
1048
  review_state: null,
1105
- title: 'Services and projects',
1049
+ title: 'Careers',
1106
1050
  url: '/#',
1107
1051
  },
1108
1052
  {
1109
- '@id': 'Contract-opportunities',
1053
+ '@id': 'Procurement-and-grants',
1110
1054
  description: '',
1111
1055
  items: [
1112
1056
  {
1113
- '@id': 'Open-calls-Tenders-above',
1057
+ '@id': 'Contracts-between-€15k-and-€140k',
1114
1058
  description: '',
1115
1059
  items: [],
1116
1060
  review_state: null,
1117
- title: 'Open calls - Tenders above 140Κ €',
1061
+ title: 'Contracts between €15k and140k',
1118
1062
  url: '/#',
1119
1063
  },
1120
1064
  {
1121
- '@id': 'Negotiation-procedures-Tenders',
1065
+ '@id': 'Contracts-above-€140k',
1122
1066
  description: '',
1123
1067
  items: [],
1124
1068
  review_state: null,
1125
- title: 'Negotiation procedures - Tenders 15K - 140K €',
1069
+ title: 'Contracts above140k',
1126
1070
  url: '/#',
1127
1071
  },
1128
1072
  {
@@ -1133,84 +1077,42 @@ const menuItems = [
1133
1077
  title: 'Toolbox',
1134
1078
  url: '/#',
1135
1079
  },
1136
- {
1137
- '@id': 'Contracts-and-grants-awarded',
1138
- description: '',
1139
- items: [],
1140
- review_state: null,
1141
- title: 'Contracts and grants awarded',
1142
- url: '/#',
1143
- },
1144
1080
  ],
1145
1081
  review_state: null,
1146
- title: 'Contract opportunities',
1082
+ title: 'Procurement and grants',
1147
1083
  url: '/#',
1148
1084
  },
1149
1085
  {
1150
- '@id': 'Careers',
1086
+ '@id': 'Policy-corner',
1151
1087
  description: '',
1152
- items: [
1153
- {
1154
- '@id': 'What-do-we-offer',
1155
- description: '',
1156
- items: [],
1157
- review_state: null,
1158
- title: 'What do we offer?',
1159
- url: '/#',
1160
- },
1161
- {
1162
- '@id': 'Vacancies',
1163
- description: '',
1164
- items: [],
1165
- review_state: null,
1166
- title: 'Vacancies',
1167
- url: '/#',
1168
- },
1169
- {
1170
- '@id': 'Bluebook-traineeships',
1171
- description: '',
1172
- items: [],
1173
- review_state: null,
1174
- title: 'Bluebook traineeships',
1175
- url: '/#',
1176
- },
1177
- ],
1088
+ items: [],
1178
1089
  review_state: null,
1179
- title: 'Careers',
1090
+ title: 'Policy corner: EU policies we support',
1180
1091
  url: '/#',
1181
1092
  },
1182
1093
  {
1183
- '@id': 'Partners-and-networks',
1094
+ '@id': 'Working-practices',
1184
1095
  description: '',
1185
1096
  items: [
1186
1097
  {
1187
- '@id': 'Network-of-heads-of-Environmental-Protection-Agencies',
1188
- description: '',
1189
- items: [],
1190
- review_state: null,
1191
- title:
1192
- 'Network of heads of Environmental Protection Agencies (EPA network)',
1193
- url: '/#',
1194
- },
1195
- {
1196
- '@id': 'EU-instititions-and-agencies',
1098
+ '@id': 'Procedures-and-policies',
1197
1099
  description: '',
1198
1100
  items: [],
1199
1101
  review_state: null,
1200
- title: 'EU instititions and agencies',
1102
+ title: 'Procedures and policies',
1201
1103
  url: '/#',
1202
1104
  },
1203
1105
  {
1204
- '@id': 'International-cooperation-Research-Institutions',
1106
+ '@id': 'Personal-data-protection',
1205
1107
  description: '',
1206
1108
  items: [],
1207
1109
  review_state: null,
1208
- title: 'International cooperation (Research Institutions)',
1110
+ title: 'Personal data protection',
1209
1111
  url: '/#',
1210
1112
  },
1211
1113
  ],
1212
1114
  review_state: null,
1213
- title: 'Partners and networks',
1115
+ title: 'Working practices',
1214
1116
  url: '/#',
1215
1117
  },
1216
1118
  {
@@ -1218,19 +1120,19 @@ const menuItems = [
1218
1120
  description: '',
1219
1121
  items: [
1220
1122
  {
1221
- '@id': 'Contact-details-and-form',
1123
+ '@id': 'Frequently-asked-questions',
1222
1124
  description: '',
1223
1125
  items: [],
1224
1126
  review_state: null,
1225
- title: 'Contact details and form',
1127
+ title: 'Frequently asked questions (FAQs)',
1226
1128
  url: '/#',
1227
1129
  },
1228
1130
  {
1229
- '@id': 'Frequently-Asked-Questions',
1131
+ '@id': 'Ask-your-question',
1230
1132
  description: '',
1231
1133
  items: [],
1232
1134
  review_state: null,
1233
- title: 'Frequently Asked Questions',
1135
+ title: 'Ask your question',
1234
1136
  url: '/#',
1235
1137
  },
1236
1138
  ],