@eeacms/volto-eea-design-system 0.2.4 → 0.4.0

package/src/ui/{Testimonial → Quote/Testimonial}/Testimonial.stories.jsx

@@ -5,7 +5,7 @@ import Testimonial from './Testimonial';
 import { Container } from 'semantic-ui-react';
 
 export default {
-  title: 'Components/Testimonial',
+  title: 'Components/Quote/Testimonial',
   component: Testimonial,
   argTypes: {
     title: {
@@ -15,7 +15,15 @@ export default {
         type: { summary: 'string' },
       },
     },
-    image: {
+    avatartitle: {
+      description: 'avatar title',
+      type: { summary: 'string' },
+    },
+    avatarinfo: {
+      description: 'avatar metadata',
+      type: { summary: 'string' },
+    },
+    avatarimage: {
       description: 'testimonial image',
       table: {
         defaultValue: { summary: '""' },
@@ -32,13 +40,13 @@ const InlineTemplate = (args) => (
   <Container>
     <Testimonial {...args}>
       <Testimonial.Avatar
-        src={imgUrl}
-        title={args.avatarTitle}
-        description={args.avatarInfo}
+        src={args.avatarimage}
+        title={args.avatartitle}
+        description={args.avatarinfo}
       ></Testimonial.Avatar>
       <Testimonial.Content>
         <Testimonial.Title>{args.title}</Testimonial.Title>
-        <Testimonial.Pullquote>{args.quote}</Testimonial.Pullquote>
+        <Testimonial.Quote>{args.quote}</Testimonial.Quote>
       </Testimonial.Content>
     </Testimonial>
   </Container>
@@ -46,8 +54,9 @@ const InlineTemplate = (args) => (
 
 export const Inline = InlineTemplate.bind({});
 Inline.args = {
-  avatarTitle: 'Jane Doe',
-  avatarInfo: 'EEA Analyst',
+  avatartitle: 'Jane Doe',
+  avatarinfo: 'EEA Analyst',
+  avatarimage: imgUrl,
   title: 'Amet - Lorem ipsum dolor sit amet',
   quote:
     'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',

package/src/ui/index.js

@@ -1,6 +1,6 @@
 export Banner from './Banner/Banner';
 
-export Blockquote from './Blockquote/Blockquote';
+export Callout from './Callout/Callout';
 
 export Breadcrumbs from './Breadcrumbs/Breadcrumbs';
 
@@ -16,11 +16,11 @@ export InpageNavigation from './InpageNavigation/InpageNavigation';
 
 export Logo from './Logo/Logo';
 
-export Pullquote from './Pullquote/Pullquote';
+export Quote from './Quote/Quote';
 
 export Timeline from './Timeline/Timeline';
 
-export Testimonial from './Testimonial/Testimonial';
+export Testimonial from './Quote/Testimonial/Testimonial';
 
 export AvatarGrid from './Card/AvatarGrid/AvatarGrid';
 

package/theme/theme.config

@@ -78,7 +78,7 @@
 @custom      : 'eea';
 /* EEA Design system custom components */
 @blockquote  : 'eea';
-@pullquote   : 'eea';
+@quote   : 'eea';
 @banner      : 'eea';
 @timeline    : 'eea';
 @footer      : 'eea';

package/theme/themes/eea/assets/images/Svg/data-analytics.svg

@@ -0,0 +1,14 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1258_6786)">
+<path d="M1.38906 31.988H6.94427C7.71128 31.988 8.33333 32.6096 8.33333 33.3766V47.2656C8.33333 48.0327 7.71128 48.6547 6.94427 48.6547H1.38906C0.62205 48.6547 0 48.0327 0 47.2656V33.3766C0 32.6096 0.62205 31.988 1.38906 31.988Z" fill="#00928F"/>
+<path d="M15.2777 20.8766H20.8334C21.6004 20.8766 22.2225 21.4986 22.2225 22.2656V47.2656C22.2225 48.0327 21.6004 48.6547 20.8334 48.6547H15.2777C14.5107 48.6547 13.8892 48.0327 13.8892 47.2656V22.2656C13.8892 21.4986 14.5107 20.8766 15.2777 20.8766Z" fill="#00928F"/>
+<path d="M29.1664 26.4323H34.7221C35.4891 26.4323 36.1107 27.0543 36.1107 27.8213V47.2656C36.1107 48.0326 35.4891 48.6546 34.7221 48.6546H29.1664C28.3994 48.6546 27.7773 48.0326 27.7773 47.2656V27.8213C27.7773 27.0543 28.3994 26.4323 29.1664 26.4323Z" fill="#00928F"/>
+<path d="M43.0556 18.0989H48.6108C49.3778 18.0989 49.9998 18.7209 49.9998 19.4879V47.2656C49.9998 48.0326 49.3778 48.6546 48.6108 48.6546H43.0556C42.2886 48.6546 41.6665 48.0326 41.6665 47.2656V19.4879C41.6665 18.7209 42.2886 18.0989 43.0556 18.0989Z" fill="#00928F"/>
+<path d="M45.8333 1.43225C43.5333 1.43479 41.6692 3.29891 41.6667 5.59892C41.6723 6.05261 41.7526 6.50224 41.9047 6.92948L34.9518 11.0626C34.0393 10.0947 32.7164 9.62571 31.398 9.80221C30.0791 9.9787 28.9266 10.7793 28.3005 11.9532L22.168 8.91567C22.198 8.73714 22.2158 8.55709 22.2224 8.37653C22.2254 6.68992 21.2118 5.16811 19.6543 4.52063C18.0969 3.87366 16.303 4.22919 15.1103 5.42141C13.917 6.61363 13.5605 8.40704 14.2069 9.96497L6.25203 15.9017C5.62134 15.5258 4.90112 15.3254 4.16667 15.3213C1.86564 15.3213 0 17.1864 0 19.488C0 21.789 1.86564 23.6546 4.16667 23.6546C6.46769 23.6546 8.33333 21.789 8.33333 19.488C8.32977 18.9865 8.23517 18.4906 8.0541 18.0231L16.0884 12.0269C17.66 12.9033 19.6203 12.6464 20.9127 11.3942L27.8865 14.8483C28.3513 16.9189 30.2999 18.3085 32.4092 18.0735C34.5184 17.8385 36.1135 16.0547 36.1109 13.9323C36.1109 13.8265 36.0875 13.7268 36.0799 13.623L43.6422 9.12726C44.2978 9.54179 45.0572 9.76304 45.8333 9.76558C48.1344 9.76558 50 7.89994 50 5.59892C50 3.29789 48.1344 1.43225 45.8333 1.43225Z" fill="#00928F"/>
+</g>
+<defs>
+<clipPath id="clip0_1258_6786">
+<rect width="50" height="50" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/theme/themes/eea/assets/images/Svg/globe-eco.svg

@@ -0,0 +1,3 @@
+<svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M50.2147 5.82732C49.4917 3.55559 48.5119 1.929 48.4704 1.86064C48.3098 1.59606 47.979 1.45842 47.6794 1.52709C47.6018 1.54479 45.7516 1.97631 43.6173 3.04137C40.736 4.47875 38.7232 6.39769 37.796 8.58977C37.0242 10.4153 36.9133 12.6471 37.4609 15.1126C36.2945 13.811 34.9825 12.6724 33.5522 11.7139C33.1154 10.8517 31.9606 8.72924 30.1553 6.51091C29.5606 5.78063 28.4168 6.69707 29.0176 7.43468C30.2341 8.92974 31.1497 10.4001 31.7224 11.4102L25.045 10.1095L18.7008 1.463C19.3169 1.47155 19.935 1.53105 20.5501 1.6516C22.5002 2.03307 24.4265 3.0255 26.2765 4.60082C27.0012 5.21819 27.9425 4.09453 27.2272 3.48571C25.1837 1.74559 23.032 0.644519 20.8317 0.213915C17.473 -0.442823 13.5557 0.419299 9.50219 2.70812C6.48098 4.41405 4.46062 6.28783 4.37633 6.36657C4.10603 6.61895 4.06297 7.07732 4.28928 7.37212C4.58554 7.97942 5.70826 10.1703 7.57713 12.529C8.67878 13.9197 9.84059 15.1099 11.0424 16.0879C10.701 16.3739 10.3687 16.673 10.0471 16.9876C8.32938 18.6664 7.01424 20.6467 6.15082 22.8116C5.38757 24.7244 4.97709 26.7822 4.95418 28.9032C4.91631 32.3715 5.92206 35.7166 7.86331 38.5773C9.75966 41.3715 12.4107 43.5168 15.5297 44.7812C16.4025 45.1343 16.9544 43.7778 16.0809 43.4238C14.9509 42.9657 13.8892 42.3788 12.9101 41.6809C13.0353 40.9869 13.3257 38.4894 11.6655 35.9039C11.4331 35.5423 12.1279 34.122 12.5426 33.2736C12.9708 32.3993 13.4128 31.4954 13.6192 30.6442C13.8385 29.74 13.5918 28.981 12.9061 28.4485C12.4028 28.0576 11.744 27.8552 11.1634 27.6767C10.7862 27.5607 10.3586 27.4295 10.2059 27.3022C9.89129 27.0389 9.37758 26.0657 8.96465 25.2841C8.50652 24.4171 8.07038 23.5919 7.62508 23.0838C8.62716 20.7059 10.2367 18.6017 12.2525 16.9919C14.0939 18.2452 16.1955 19.1101 18.4293 19.2853C15.8387 21.2909 15.0007 23.8522 16.1985 26.3126C17.5973 29.1855 20.4765 28.7265 23.0167 28.3221C23.4562 28.2519 23.911 28.1796 24.3465 28.1253C24.5099 28.1049 24.5591 28.1494 24.5921 28.1784C25.1482 28.6728 25.1317 31.0339 25.1198 32.7582C25.1036 35.1431 25.0884 37.3959 25.9775 38.5526C26.431 39.1422 27.0696 39.4437 27.8182 39.4437C28.2669 39.4437 28.7543 39.3356 29.2656 39.1165C31.4765 38.1705 33.7748 35.3232 33.4242 33.0704C33.1179 31.1008 32.9151 29.7995 33.393 28.7506C33.835 27.7798 34.9034 26.8811 37.0074 25.7342C37.2594 26.868 37.3864 28.0475 37.3733 29.2575C37.3284 33.3878 35.6761 37.2534 32.7211 40.1419C29.4186 43.3701 24.7772 44.9643 20.1858 44.4586C19.2503 44.3573 19.0887 45.8118 20.0254 45.9149C25.0511 46.4679 30.1324 44.7223 33.7461 41.1893C36.9814 38.0267 38.7901 33.7952 38.8393 29.2731C38.9047 23.2773 35.8257 17.9654 31.1387 14.9054C32.1072 14.2154 32.8286 13.6188 33.2287 13.2724C34.9376 14.4974 36.4534 16.0065 37.7144 17.7646C40.7418 21.9861 41.9424 27.1323 41.0957 32.2562C39.3472 42.8333 29.3133 50.018 18.7259 48.2703C13.5976 47.424 9.10637 44.6335 6.07904 40.412C3.05142 36.1908 1.85081 31.044 2.69774 25.9204C2.84984 24.9985 1.40429 24.7565 1.25158 25.6818C0.340508 31.1917 1.63213 36.7261 4.88699 41.2656C8.14246 45.8044 12.9727 48.8055 18.487 49.7159C19.6403 49.906 20.7948 50 21.9413 50C26.2752 50 30.4913 48.6554 34.0839 46.0831C38.6276 42.8302 41.6314 38.0048 42.5419 32.4948C43.2092 28.4573 42.6928 24.4067 41.0887 20.744C41.8291 20.5258 43.0889 20.1022 44.4688 19.4137C47.3495 17.9764 49.3625 16.0574 50.2895 13.8653C51.2174 11.6727 51.1914 8.89312 50.2147 5.82732ZM7.66784 25.9677C8.21332 27.001 8.72917 27.9776 9.26518 28.4256C9.64482 28.7427 10.1732 28.905 10.7324 29.0768C12.1651 29.5169 12.3316 29.733 12.1942 30.2991C12.0256 30.9952 11.6187 31.8265 11.2257 32.63C10.4685 34.1779 9.75355 35.639 10.4313 36.6949C11.3924 38.1915 11.5571 39.6649 11.5406 40.5814C7.17428 36.6473 5.39643 30.4337 7.02279 24.7861C7.23842 25.1553 7.46504 25.5844 7.66784 25.9677ZM43.1347 11.5735L41.0515 6.52892C42.0651 5.58165 43.2413 4.86876 44.2431 4.36675C45.0964 3.93889 45.9082 3.61907 46.5594 3.39232L43.1347 11.5735ZM47.9109 3.96025C48.2019 4.58525 48.5394 5.39122 48.8278 6.30217C49.1439 7.30193 49.434 8.54094 49.4917 9.83336L44.6096 11.846L47.9109 3.96025ZM39.1462 9.16015C39.3625 8.64928 39.6419 8.17565 39.9648 7.73833L42.3364 13.4802L40.2082 18.5651C39.9092 17.9312 39.557 17.0987 39.2583 16.1529C38.6588 14.2593 38.153 11.5085 39.1462 9.16015ZM43.8427 18.0884C43.0214 18.5004 42.2377 18.8122 41.5994 19.0372L43.8079 13.7616L49.4294 11.4438C49.3479 12.073 49.1924 12.6968 48.9392 13.295C47.9463 15.6433 45.6196 17.1982 43.8427 18.0884ZM17.4095 17.6715C17.1505 17.6208 16.8949 17.5589 16.6429 17.4884L24.7561 11.546L31.4365 12.847C29.0029 14.7629 23.0805 18.7817 17.4095 17.6715ZM9.99483 13.0887C8.25974 11.2201 6.98797 9.2221 6.25771 7.9428L14.7591 9.59899L9.99483 13.0887ZM11.4963 3.31603L15.0532 8.16375L6.49686 6.49718C7.57407 5.64727 9.35223 4.37133 11.4963 3.31603ZM17.174 8.57695L12.8618 2.69957C14.1528 2.16948 15.5385 1.75231 16.959 1.56676L22.9245 9.69664L17.174 8.57695ZM16.7177 9.98046L22.7977 11.1645L14.9946 16.8796C13.523 16.2006 12.1987 15.2243 11.04 14.1391L16.7177 9.98046ZM36.6091 24.2841C33.9663 25.6909 32.6723 26.796 32.0584 28.1439C31.399 29.5914 31.6406 31.145 31.975 33.2953C32.1726 34.5633 30.6644 36.9244 28.6884 37.7701C27.9572 38.0829 27.4364 38.046 27.1399 37.6599C26.5574 36.9025 26.5733 34.61 26.5858 32.7682C26.6033 30.22 26.6185 28.0194 25.5664 27.084C25.1879 26.7477 24.7039 26.6055 24.166 26.6714C23.7051 26.7288 23.2375 26.8033 22.7858 26.8753C20.0911 27.3044 18.3954 27.4762 17.517 25.6717C16.0938 22.749 18.9748 20.5841 20.2795 19.7891C20.5453 19.6274 20.7917 19.4366 21.0208 19.2242C24.1743 18.8476 27.1539 17.4957 29.8093 15.8023C32.993 17.7029 35.4369 20.7107 36.6091 24.2841Z" fill="#00928F"/>
+</svg>

package/theme/themes/eea/assets/images/Svg/knowledge.svg

@@ -0,0 +1,3 @@
+<svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.8373 44.3215H46.5501C45.6572 42.0078 45.6568 39.7501 46.5492 37.448H47.8373C49.2728 37.448 50.4407 36.1743 50.4407 34.6087C50.4407 33.0432 49.2728 31.7695 47.8373 31.7695H42.6578C43.317 30.9482 43.7178 29.8744 43.7178 28.6996V19.8038C43.7178 17.2302 41.798 15.1364 39.4381 15.1364H37.332C37.5107 14.7479 37.6119 14.3099 37.6119 13.8464C37.6119 12.2525 36.4242 10.9556 34.9642 10.9556H34.2397C33.5931 9.2126 33.5927 7.51012 34.2386 5.77825H34.9642C36.4242 5.77825 37.6119 4.48143 37.6119 2.88748C37.6119 1.29533 36.4242 0 34.9642 0H10.2569C6.02563 0 2.58325 3.75267 2.58325 8.3653C2.58325 10.596 3.38267 12.6962 4.83403 14.2791C5.12261 14.5938 5.43062 14.8791 5.75386 15.1363H5.18667C3.75112 15.1363 2.58325 16.4099 2.58325 17.9756C2.58325 19.5412 3.75112 20.8148 5.18667 20.8148H6.47476C7.36714 23.1167 7.36685 25.3745 6.47378 27.6883H5.18667C3.75112 27.6883 2.58325 28.9619 2.58325 30.5275C2.58325 31.1265 2.75464 31.6823 3.04605 32.1407C1.51597 32.8527 0.440674 34.5102 0.440674 36.4369V45.3327C0.440674 47.9064 2.35923 50 4.71743 50H47.8372C49.2727 50 50.4406 48.7264 50.4406 47.1608C50.4407 45.5952 49.2728 44.3215 47.8373 44.3215ZM47.8373 33.367C48.4651 33.367 48.9758 33.924 48.9758 34.6087C48.9758 35.2934 48.4651 35.8505 47.8373 35.8505H34.6188C34.2142 35.8505 33.8864 36.2081 33.8864 36.6492C33.8864 37.0903 34.2142 37.448 34.6188 37.448H44.978C44.6917 38.3246 44.5167 39.2047 44.4506 40.086C44.4506 40.086 44.1581 41.667 44.9795 44.3215H5.85962C5.74478 44.3215 5.64771 44.2157 5.64771 44.0903V37.6792C5.64771 37.5539 5.74478 37.4481 5.85962 37.4481H13.1156L13.1161 40.0713C13.0699 40.8566 13.4215 41.1661 13.6375 41.2811C13.8563 41.3979 14.3059 41.5108 14.8591 40.9594C14.8629 40.9556 14.8667 40.9517 14.8705 40.9479L16.9177 38.8185L18.965 40.9479C18.9687 40.9518 18.9725 40.9557 18.9763 40.9594C19.3001 41.2822 19.5884 41.3775 19.8161 41.3775C19.9787 41.3775 20.1103 41.3288 20.2017 41.2797C20.4179 41.1637 20.7691 40.8527 20.7194 40.0692L20.7204 37.4481H31.0125C31.4171 37.4481 31.745 37.0904 31.745 36.6493C31.745 36.2082 31.4171 35.8506 31.0125 35.8506H20.7208L20.7218 33.3671H47.8373V33.367ZM8.57368 23.4531C8.50767 22.5718 8.32925 21.6918 8.04321 20.815H38.2991C38.414 20.815 38.5111 20.9209 38.5111 21.0461V27.4573C38.5111 27.5825 38.414 27.6884 38.2991 27.6884H20.724L20.725 25.0503H25.8508C26.2554 25.0503 26.5833 24.6927 26.5833 24.2516C26.5833 23.8105 26.2554 23.4529 25.8508 23.4529H8.57368V23.4531ZM13.1137 27.6885H8.04155C8.32739 26.8105 8.5061 25.9305 8.5729 25.0504H13.1132L13.1137 27.6885ZM19.2601 25.0505L19.2548 39.0418L17.4231 37.1366C17.1402 36.8422 16.6951 36.8422 16.4121 37.1366L14.5806 39.0416L14.578 25.0504H19.2601V25.0505ZM4.0481 8.36541C4.0481 4.63362 6.83335 1.59757 10.2569 1.59757H34.9642C35.6165 1.59757 36.147 2.17628 36.147 2.88758C36.147 3.60069 35.6164 4.18089 34.9642 4.18089H21.4625C21.058 4.18089 20.73 4.53851 20.73 4.97963C20.73 5.42074 21.058 5.77836 21.4625 5.77836H32.678C32.161 7.4966 32.1617 9.23006 32.6799 10.9558H10.2569C9.627 10.9558 9.03061 10.6851 8.58042 10.1966C8.12983 9.7027 7.88169 9.05243 7.88169 8.36541C7.88169 6.93887 8.94722 5.77836 10.2569 5.77836H17.8562C18.2607 5.77836 18.5886 5.42074 18.5886 4.97963C18.5886 4.53851 18.2607 4.18089 17.8562 4.18089H10.2569C8.1395 4.18089 6.41685 6.05802 6.41685 8.36541C6.41685 9.47756 6.81646 10.5281 7.54458 11.3262C8.27388 12.1174 9.23706 12.5532 10.2569 12.5532H34.9642C35.6165 12.5532 36.147 13.1334 36.147 13.8465C36.147 14.5578 35.6164 15.1365 34.9642 15.1365H10.2569C8.60268 15.1365 7.04468 14.431 5.86987 13.1497C4.69507 11.8685 4.0481 10.1695 4.0481 8.36541ZM5.18667 19.2175C4.55884 19.2175 4.0481 18.6606 4.0481 17.9758C4.0481 17.2911 4.55884 16.734 5.18667 16.734H39.4381C40.9903 16.734 42.253 18.1111 42.253 19.8039V28.6997C42.253 30.3925 40.9902 31.7696 39.4381 31.7696H20.7224L20.7234 29.2861H38.299C39.2236 29.2861 39.9758 28.4657 39.9758 27.4575V21.0463C39.9758 20.038 39.2236 19.2178 38.299 19.2178H5.18667V19.2175ZM5.18667 29.286H13.114L13.1145 31.7695H5.18677C4.55894 31.7695 4.04819 31.2124 4.04819 30.5277C4.0481 29.843 4.55884 29.286 5.18667 29.286ZM47.8373 48.4025H4.71743C3.16694 48.4025 1.90552 47.0254 1.90552 45.3327V36.4369C1.90552 34.7441 3.16694 33.367 4.71743 33.367H13.1147L13.1152 35.8505H5.85962C4.93501 35.8505 4.18286 36.6708 4.18286 37.6791V44.0902C4.18286 45.0985 4.93511 45.9189 5.85962 45.9189H47.8373C48.4651 45.9189 48.9758 46.476 48.9758 47.1607C48.9758 47.8453 48.4651 48.4025 47.8373 48.4025Z" fill="#00928F"/>
+</svg>

package/theme/themes/eea/assets/images/Svg/network.svg

@@ -0,0 +1,3 @@
+<svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.6349 29.878C44.5102 29.878 43.3855 30.2846 42.363 31.0976L34.7965 24.8984L42.363 18.6992C43.181 19.4106 44.3057 19.9187 45.6349 19.9187C48.3957 19.9187 50.4407 17.7846 50.4407 15.1423C50.4407 12.3984 48.2934 10.3659 45.6349 10.3659C44.1012 10.3659 42.5675 11.0772 41.7495 12.2967L29.9908 6.30081C30.1953 5.79268 30.1953 5.38618 30.1953 4.87805C30.1953 2.13415 28.048 0 25.3895 0C22.7311 0 20.5838 2.13415 20.5838 4.87805C20.5838 5.89431 20.8906 6.80894 21.5041 7.72358L16.4938 12.7033L9.84763 9.24797C9.94988 8.84146 10.0521 8.43496 10.0521 8.02845C10.0521 5.28455 7.90489 3.15041 5.2464 3.15041C2.48566 3.15041 0.440674 5.28455 0.440674 8.02845C0.440674 9.24797 0.951921 10.4675 1.87217 11.4837C2.79241 12.3984 3.91716 12.9065 5.34865 12.9065C6.98464 12.9065 8.51838 12.0935 9.43863 10.874L15.4713 14.0244L8.31388 21.1382C7.49589 20.5285 6.57564 20.2236 5.4509 20.2236C2.69016 20.2236 0.645173 22.3577 0.645173 25C0.645173 27.7439 2.79241 29.878 5.4509 29.878C6.47339 29.878 7.39364 29.5732 8.31388 28.9634L15.3691 35.9756L9.33638 39.126C8.41613 37.9065 7.08689 37.1951 5.4509 37.1951C4.12166 37.1951 2.99691 37.7033 1.97442 38.6179C0.951921 39.5325 0.542923 40.752 0.542923 42.0732C0.542923 44.8171 2.69016 46.8496 5.34865 46.8496C8.10939 46.8496 10.1544 44.7155 10.1544 42.0732C10.1544 41.565 10.0521 41.0569 9.94987 40.6504L16.3916 37.2967L21.5041 42.378C20.8906 43.1911 20.5838 44.1057 20.5838 45.2236C20.5838 47.9675 22.7311 50 25.3895 50C28.048 50 30.1953 47.8659 30.1953 45.2236C30.1953 44.7154 30.093 44.2073 29.9908 43.8008L41.6472 37.9065C42.5675 39.126 43.8967 39.8374 45.5327 39.8374C48.2934 39.8374 50.3384 37.7033 50.3384 35.061C50.4407 32.0122 48.1912 29.878 45.6349 29.878ZM6.78014 8.84146C6.47339 9.45122 5.8599 9.85772 5.14415 9.85772C4.6329 9.85772 4.22391 9.65447 3.81491 9.34959C3.61041 8.94309 3.40591 8.53658 3.40591 8.02845C3.40591 7.01219 4.22391 6.19919 5.2464 6.19919C6.2689 6.19919 7.08689 7.01219 7.08689 8.02845C6.98464 8.33333 6.88239 8.63821 6.78014 8.84146ZM6.78014 42.5813C6.47339 43.1911 5.8599 43.5976 5.14415 43.5976C4.6329 43.5976 4.22391 43.3943 3.81491 43.0894C3.50816 42.7846 3.30366 42.2764 3.30366 41.8699C3.30366 40.8537 4.12166 40.0407 5.14415 40.0407C6.16665 40.0407 6.98464 40.8537 6.98464 41.8699C6.98464 42.0732 6.88239 42.3781 6.78014 42.5813ZM45.6349 13.313C46.6574 13.313 47.4754 14.126 47.4754 15.1423C47.4754 15.4472 47.3732 15.752 47.2709 15.9553C46.9642 16.565 46.3507 16.9715 45.6349 16.9715C45.1237 16.9715 44.7147 16.7683 44.3057 16.4634C43.999 16.1585 43.7945 15.6504 43.7945 15.2439C43.7945 14.126 44.6124 13.313 45.6349 13.313ZM25.3895 3.04878C26.412 3.04878 27.23 3.86179 27.23 4.87805C27.23 5.18293 27.1278 5.4878 27.0255 5.69106C26.7188 6.30081 26.1053 6.70732 25.3895 6.70732C24.8783 6.70732 24.4693 6.50407 24.0603 6.19919C23.7536 5.89431 23.5491 5.38618 23.5491 4.97967C23.5491 3.86179 24.3671 3.04878 25.3895 3.04878ZM22.5266 8.73984C23.4468 9.34959 24.3671 9.65447 25.3895 9.65447C26.9233 9.65447 28.457 8.94309 29.275 7.72358L40.9315 13.6179C40.8292 14.0244 40.727 14.5325 40.727 15.0407C40.727 15.8537 40.9315 16.6667 41.3405 17.378L33.5695 23.8821L29.5818 20.6301C29.9908 19.9187 30.1953 19.1057 30.1953 18.2927C30.1953 15.5488 28.048 13.5163 25.3895 13.5163C23.8558 13.5163 22.4243 14.2276 21.5041 15.3455L17.8231 13.5163L22.5266 8.73984ZM28.6615 28.0488C27.8435 27.3374 26.7188 26.8293 25.3895 26.8293C23.5491 26.8293 21.8108 27.8455 21.0951 29.4715L9.94987 25.813C10.0521 25.5081 10.0521 25.2033 10.0521 24.8984C10.0521 24.5935 10.0521 24.2886 9.94987 23.9837L21.0951 20.4268C21.9131 21.9512 23.5491 23.0691 25.3895 23.0691C26.5143 23.0691 27.639 22.6626 28.6615 21.9512L32.4448 25.1016L28.6615 28.0488ZM27.23 31.6057C27.23 31.9106 27.1278 32.2155 27.0255 32.4187C26.7188 33.0285 26.1053 33.435 25.3895 33.435C24.8783 33.435 24.4693 33.2317 24.0603 32.9268C23.7536 32.622 23.5491 32.1138 23.5491 31.6057C23.5491 30.5894 24.3671 29.7764 25.3895 29.7764C26.412 29.7764 27.23 30.5894 27.23 31.6057ZM23.5491 18.2927C23.5491 17.2764 24.3671 16.4634 25.3895 16.4634C26.412 16.4634 27.23 17.2764 27.23 18.2927C27.23 18.5976 27.1278 18.9024 27.0255 19.1057C26.7188 19.7154 26.1053 20.122 25.3895 20.122C24.8783 20.122 24.4693 19.9187 24.0603 19.6138C23.7536 19.2073 23.5491 18.6992 23.5491 18.2927ZM20.7883 16.6667C20.5838 17.1748 20.5838 17.5813 20.5838 18.1911V18.9024L9.43863 22.561C9.33638 22.4594 9.23413 22.2561 9.23413 22.1545L16.8006 14.6341L20.7883 16.6667ZM6.78014 25.7114C6.47339 26.3211 5.8599 26.7276 5.14415 26.7276C4.6329 26.7276 4.22391 26.5244 3.81491 26.2195C3.50816 25.9146 3.30366 25.4065 3.30366 25C3.30366 23.9837 4.12166 23.1707 5.14415 23.1707C6.16665 23.1707 6.98464 23.9837 6.98464 25C6.98464 25.2033 6.88239 25.5081 6.78014 25.7114ZM9.13188 27.7439C9.23413 27.6423 9.33638 27.5406 9.43863 27.3374L20.5838 30.9959C20.5838 31.1992 20.4816 31.4024 20.4816 31.7073C20.4816 32.2154 20.5838 32.7236 20.6861 33.1301L16.4938 35.1626L9.13188 27.7439ZM21.5041 34.4512C22.3221 35.5691 23.7536 36.3821 25.3895 36.3821C28.1503 36.3821 30.1953 34.248 30.1953 31.6057C30.1953 30.7927 29.9908 29.9797 29.5818 29.2683L33.5695 26.0163L41.4427 32.4187C40.9315 33.2317 40.727 34.0447 40.727 34.8577C40.727 35.3659 40.8292 35.874 40.9315 36.2805L29.275 42.1748C28.3548 40.9553 27.0255 40.2439 25.3895 40.2439C24.3671 40.2439 23.4468 40.5488 22.5266 41.1585L17.7208 36.3821L21.5041 34.4512ZM27.0255 45.8333C26.7188 46.4431 26.1053 46.8496 25.3895 46.8496C24.8783 46.8496 24.4693 46.6463 24.0603 46.3415C23.7536 46.0366 23.5491 45.5285 23.5491 45.122C23.5491 44.1057 24.3671 43.2927 25.3895 43.2927C26.412 43.2927 27.23 44.1057 27.23 45.122C27.23 45.2236 27.1278 45.5285 27.0255 45.8333ZM47.1687 35.5691C46.8619 36.1789 46.2484 36.5854 45.5327 36.5854C45.0215 36.5854 44.6125 36.3821 44.2035 36.0772C43.7945 35.7724 43.6922 35.2642 43.6922 34.8577C43.6922 33.8415 44.5102 33.0285 45.5327 33.0285C46.5552 33.0285 47.3732 33.8415 47.3732 34.8577C47.3732 35.061 47.2709 35.3659 47.1687 35.5691Z" fill="#00928F"/>
+</svg>

package/theme/themes/eea/assets/images/Svg/sustainable.svg

@@ -0,0 +1,38 @@
+<svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1258_6754)">
+<path d="M1.74829 47.6564H50.1858V49.2189H1.74829V47.6564Z" fill="#00928F"/>
+<path d="M20.7084 6.1845C22.4116 5.71028 24.1811 5.46887 25.967 5.46887C30.717 5.46887 35.2436 7.17122 38.8022 10.279L36.9389 12.1423L45.7905 14.3548L43.578 5.50325L42.1202 6.96106C37.6694 2.97043 31.9631 0.781372 25.967 0.781372C23.7764 0.781372 21.6045 1.07434 19.5092 1.65168L18.9358 1.8095V6.28684L20.535 6.21184L20.7084 6.1845ZM20.4983 3.00872C22.2795 2.56731 24.117 2.34387 25.967 2.34387C31.8139 2.34387 37.367 4.56965 41.6022 8.61028L42.1545 9.13684L42.7311 8.56028L43.6436 12.2087L39.9952 11.2962L41.053 10.2384L40.4702 9.68684C36.5381 5.95872 31.3866 3.90637 25.967 3.90637C24.1124 3.90637 22.2733 4.14778 20.4983 4.622V3.00872Z" fill="#00928F"/>
+<path d="M2.6186 31.4579L2.77642 32.0313H7.25376L7.17876 30.4321L7.15064 30.2587C6.6772 28.5555 6.43579 26.786 6.43579 25.0001C6.43579 20.2509 8.13814 15.7235 11.2459 12.1641L13.1092 14.0282L15.3217 5.17664L6.47017 7.38914L7.92798 8.84695C3.93735 13.2977 1.74829 19.004 1.74829 25.0001C1.74829 27.1907 2.04126 29.3626 2.6186 31.4579ZM9.5772 9.36492L10.1038 8.81257L9.5272 8.23601L13.1756 7.32351L12.2631 10.9719L11.2053 9.91335L10.6538 10.4962C6.92564 14.4298 4.87329 19.5805 4.87329 25.0001C4.87329 26.8548 5.1147 28.6938 5.58892 30.4688H3.97564C3.53423 28.6876 3.31079 26.8501 3.31079 25.0001C3.31079 19.1532 5.53657 13.6001 9.5772 9.36492Z" fill="#00928F"/>
+<path d="M44.7545 17.2243L44.7826 17.3978C45.2568 19.1009 45.4982 20.8704 45.4982 22.6564C45.4982 27.4056 43.7959 31.9329 40.6881 35.4923L38.8248 33.6282L36.6123 42.4798L45.4639 40.2673L44.006 38.8095C47.9967 34.3587 50.1857 28.6525 50.1857 22.6564C50.1857 20.4657 49.8928 18.2939 49.3154 16.1986L49.1576 15.6251H44.6803L44.7545 17.2243ZM47.9584 17.1876C48.3998 18.9689 48.6232 20.8064 48.6232 22.6564C48.6232 28.5032 46.3975 34.0564 42.3568 38.2915L41.8303 38.8439L42.4068 39.4204L38.7584 40.3329L39.6709 36.6845L40.7287 37.7431L41.2803 37.1603C45.0084 33.2267 47.0607 28.0767 47.0607 22.6564C47.0607 20.8017 46.8193 18.9626 46.3451 17.1876H47.9584Z" fill="#00928F"/>
+<path d="M18.1545 30.4689H19.717V32.0314H18.1545V30.4689Z" fill="#00928F"/>
+<path d="M11.9045 30.4689H13.467V32.0314H11.9045V30.4689Z" fill="#00928F"/>
+<path d="M15.0295 30.4689H16.592V32.0314H15.0295V30.4689Z" fill="#00928F"/>
+<path d="M15.0295 33.5939H16.592V35.1564H15.0295V33.5939Z" fill="#00928F"/>
+<path d="M11.9045 33.5939H13.467V35.1564H11.9045V33.5939Z" fill="#00928F"/>
+<path d="M18.1545 33.5939H19.717V35.1564H18.1545V33.5939Z" fill="#00928F"/>
+<path d="M15.0295 36.7189H16.592V38.2814H15.0295V36.7189Z" fill="#00928F"/>
+<path d="M18.1545 36.7189H19.717V38.2814H18.1545V36.7189Z" fill="#00928F"/>
+<path d="M11.9045 36.7189H13.467V38.2814H11.9045V36.7189Z" fill="#00928F"/>
+<path d="M11.9045 39.8439H13.467V41.4064H11.9045V39.8439Z" fill="#00928F"/>
+<path d="M18.1545 39.8439H19.717V41.4064H18.1545V39.8439Z" fill="#00928F"/>
+<path d="M15.0295 39.8438H16.592V41.4062H15.0295V39.8438Z" fill="#00928F"/>
+<path d="M13.467 24.2189H15.0295V25.7814H13.467V24.2189Z" fill="#00928F"/>
+<path d="M19.7168 24.2189H21.2793V25.7814H19.7168V24.2189Z" fill="#00928F"/>
+<path d="M16.5918 24.2189H18.1543V25.7814H16.5918V24.2189Z" fill="#00928F"/>
+<path d="M22.842 24.2189H24.4045V25.7814H22.842V24.2189Z" fill="#00928F"/>
+<path d="M19.7168 21.0939H21.2793V22.6564H19.7168V21.0939Z" fill="#00928F"/>
+<path d="M22.842 21.0939H24.4045V22.6564H22.842V21.0939Z" fill="#00928F"/>
+<path d="M16.5918 21.0939H18.1543V22.6564H16.5918V21.0939Z" fill="#00928F"/>
+<path d="M13.467 21.0939H15.0295V22.6564H13.467V21.0939Z" fill="#00928F"/>
+<path d="M13.467 17.9688H15.0295V19.5312H13.467V17.9688Z" fill="#00928F"/>
+<path d="M19.7168 17.9688H21.2793V19.5312H19.7168V17.9688Z" fill="#00928F"/>
+<path d="M16.5918 17.9689H18.1543V19.5314H16.5918V17.9689Z" fill="#00928F"/>
+<path d="M22.842 17.9689H24.4045V19.5314H22.842V17.9689Z" fill="#00928F"/>
+<path d="M35.342 33.5939H37.6858C40.7006 33.5939 43.1545 31.14 43.1545 28.1251V27.3439H39.2483C37.7186 27.3439 36.3358 27.9767 35.342 28.9931V25.7814H37.6858C40.7006 25.7814 43.1545 23.3275 43.1545 20.3126V19.5314H39.2483C37.6959 19.5314 36.2967 20.1845 35.2998 21.2267C34.978 18.5165 32.6686 16.4064 29.8733 16.4064H27.5295V14.8439H10.342V27.3439H8.77954V42.9689H1.74829V44.5314H50.1858V42.9689H35.342V33.5939ZM39.2483 28.9064H41.5131C41.1498 30.6868 39.5725 32.0314 37.6858 32.0314H35.4209C35.7834 30.2509 37.3616 28.9064 39.2483 28.9064ZM39.2483 21.0939H41.5131C41.1498 22.8743 39.5725 24.2189 37.6858 24.2189H35.4209C35.7834 22.4384 37.3616 21.0939 39.2483 21.0939ZM33.7795 42.9689H27.5295V28.8197C28.5233 29.8361 29.9061 30.4689 31.4358 30.4689H33.7795V32.8126V33.5939V42.9689ZM27.6084 25.7814H29.8733C31.76 25.7814 33.3381 27.1259 33.7006 28.9064H31.4358C29.5491 28.9064 27.9709 27.5618 27.6084 25.7814ZM29.8733 17.9689C31.76 17.9689 33.3381 19.3134 33.7006 21.0939H31.4358C29.5491 21.0939 27.9709 19.7493 27.6084 17.9689H29.8733ZM31.4358 22.6564H33.7795V25.0001V25.7814V25.8681C32.7858 24.8517 31.403 24.2189 29.8733 24.2189H27.5295V21.0072C28.5233 22.0236 29.9061 22.6564 31.4358 22.6564ZM11.9045 16.4064H25.967V17.1876V24.2189V25.0001V42.9689H22.842V27.3439H11.9045V16.4064ZM10.342 28.9064H21.2795V42.9689H10.342V28.9064Z" fill="#00928F"/>
+</g>
+<defs>
+<clipPath id="clip0_1258_6754">
+<rect width="50" height="50" fill="white" transform="translate(0.966797)"/>
+</clipPath>
+</defs>
+</svg>

package/theme/themes/eea/collections/table.overrides

@@ -27,4 +27,52 @@
     text-transform: @headerTextTransform;
     vertical-align: @headerVerticalAlign;
   }
+
+}
+
+// fix hiding of table header on mobile resolutions, by default whitespace is no wrap from table.less
+.ui.sortable.table thead th {
+  white-space: @headerSortableWhiteSpace;
+}
+
+@media only screen and (max-width: @tabletBreakpoint) {
+
+  .ui.table.responsive {
+
+    &:not(.unstackable) td:first-child {
+      font-weight: @responsiveMobileCellHeaderFontWeight;
+    }
+
+    thead {
+      border: none;
+      clip: @responsiveMobileCellHeaderClip;
+      height: @responsiveMobileHeaderHeight;
+      margin: @responsiveMobileHeaderMargin;
+      overflow: hidden;
+      padding: @responsiveMobileHeaderPadding;
+      position: absolute;
+      width: @responsiveMobileHeaderWidth;
+    }
+
+    td {
+      display: block;
+      text-align: @responsiveMobileCellTextAlign;
+      clear: both;
+  
+      &::before {
+        /*
+        * aria-label has no advantage, it won't be read inside a table
+        content: attr(aria-label);
+        */
+        content: attr(data-label);
+        float: @responsiveMobileCellDataLabelFloat;
+        font-weight: @responsiveMobileCellDataLabelFontWeigth;
+        text-align: @responsiveMobileCellDataLabelTextAlign;
+        max-width: @responsiveMobileCellDataLabelMaxSize;
+      }
+      
+    }
+
+  }
+
 }

package/theme/themes/eea/collections/table.variables

@@ -52,6 +52,7 @@
 @headerTextTransform: inherit;
 @headerBoxShadow: none;
 @headerFontSize: @h5;
+@headerSortableWhiteSpace: normal;
 
 /* Table Footer */
 @footerBoxShadow: none;
@@ -247,3 +248,18 @@
 @small: 0.9em;
 @medium: 1em;
 @large: 1.1em;
+
+/* Responsive Table */
+@responsiveMobileCellHeaderFontWeight: @normal;
+@responsiveMobileCellHeaderClip: rect(0 0 0 0);
+@responsiveMobileHeaderHeight: 1px;
+@responsiveMobileHeaderMargin: -1px;
+@responsiveMobileHeaderPadding: 0;
+@responsiveMobileHeaderWidth: 0;
+
+@responsiveMobileCellTextAlign: right;
+@responsiveMobileCellDataLabelFloat: left;
+@responsiveMobileCellDataLabelTextAlign: left;
+@responsiveMobileCellDataLabelMaxSize: 50%;
+@responsiveMobileCellDataLabelFontWeigth: @bold;
+