@eeacms/volto-eea-design-system 1.0.0-alpha.7 → 1.0.0-alpha.8

package/CHANGELOG.md

@@ -4,6 +4,52 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.0.0-alpha.8](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.7...1.0.0-alpha.8) - 23 December 2022
+
+#### :rocket: New Features
+
+- feat(copyright): Align copyright options with Volto integration - refs #158210 [Alin Voinea - [`6bac7f6`](https://github.com/eea/volto-eea-design-system/commit/6bac7f6a9ad969af4be1c8c08a18a1144d5bad63)]
+
+#### :nail_care: Enhancements
+
+- change(logos): cleanup eea logo reference to only eea-logo and eea-logo-white.svg [David Ichim - [`2796e05`](https://github.com/eea/volto-eea-design-system/commit/2796e054a21a9025036c8b2882afe23a6984cd37)]
+- change(item): removed requirement for aligned classes to be on content [David Ichim - [`30c0d5d`](https://github.com/eea/volto-eea-design-system/commit/30c0d5d2de7ac05172cfb726b60a8bd763de7b31)]
+- change(item): use default logic of setting align class on content [David Ichim - [`6b5b47c`](https://github.com/eea/volto-eea-design-system/commit/6b5b47c10ce5a6d3710bedd492aa3d362d62d225)]
+- refactor(logos): convert storybook logo names to lowercase [Antonis Tarantilis - [`c4b24ec`](https://github.com/eea/volto-eea-design-system/commit/c4b24ec8796f8fffd87158a55f4ac19624ebe04c)]
+- refactor(logos): convert logo names to lowercase [Antonis Tarantilis - [`07b8228`](https://github.com/eea/volto-eea-design-system/commit/07b822864490b4cc63bef94f3306466ba5933e16)]
+- refactor(logo): import theme site logos to the story [Antonis Tarantilis - [`2f29136`](https://github.com/eea/volto-eea-design-system/commit/2f29136ca457f2419ca25a5292a036b2cd0fc402)]
+- refactor(logo): add eea roboto font logo variations [Antonis Tarantilis - [`de1224a`](https://github.com/eea/volto-eea-design-system/commit/de1224a97568c0b48b509c65170a6080d8a058d4)]
+- refactor(logo): add container and segment to logo story [Antonis Tarantilis - [`61eff16`](https://github.com/eea/volto-eea-design-system/commit/61eff16fcd080194fe1187656d67ef73a7dd4d6c)]
+- refactor(logo): update logo and mega search gradient [Antonis Tarantilis - [`e11f44d`](https://github.com/eea/volto-eea-design-system/commit/e11f44d59334fc02e3833a133b20e7b2240a2022)]
+- refactor(logo): update logo [Antonis Tarantilis - [`170efe5`](https://github.com/eea/volto-eea-design-system/commit/170efe5bfc7fd4988f4a4d4aac18ace32c360cd6)]
+
+#### :house: Internal changes
+
+- chore(npmignore): Reduce npmjs package size [Alin Voinea - [`164c8a5`](https://github.com/eea/volto-eea-design-system/commit/164c8a5ad0f7241eb8e30c53eccfdff9cec1fb93)]
+- chore(npmignore): Reduce npmjs package size [Alin Voinea - [`ade9d5b`](https://github.com/eea/volto-eea-design-system/commit/ade9d5ba3411efc47cdd3b461fd60b2b7389f9be)]
+- chore(docs): renamed logo mdx to md [Giorgos Stamatis - [`52e9d46`](https://github.com/eea/volto-eea-design-system/commit/52e9d46bb2decabdc935eeee84dacc3e063e3616)]
+
+#### :house: Documentation changes
+
+- docs(logo): update eea logos and add logo wrapper [Antonis Tarantilis - [`91cdd66`](https://github.com/eea/volto-eea-design-system/commit/91cdd6636dfb102e4712177ad5fa7e952eb6ea45)]
+- docs(logo): update logos on docusaurus [Antonis Tarantilis - [`760e101`](https://github.com/eea/volto-eea-design-system/commit/760e1012892ab28b25e8d9b0de50cfa0ba07addf)]
+- docs(logos): add dark mode logos [Dora Anastasiou - [`ccc1609`](https://github.com/eea/volto-eea-design-system/commit/ccc1609643cff5f851942ab95198d44252ddb22e)]
+- docs(logos): change eea logo to svg [Giorgos Stamatis - [`f57b846`](https://github.com/eea/volto-eea-design-system/commit/f57b846ca9d635f5af4d1adeee280a5adcaf7b5f)]
+- docs(logos): add zipped svgs for download [Giorgos Stamatis - [`5855bf8`](https://github.com/eea/volto-eea-design-system/commit/5855bf83b471a9849ee71370d7eee4f6a1d12a44)]
+- docs(logos): move to static, add download [Dora Anastasiou - [`8c1fd5f`](https://github.com/eea/volto-eea-design-system/commit/8c1fd5f9a64bd8fb976687fe5ed96bc515b95393)]
+- docs(logos): wisef logo update [Dora Anastasiou - [`8f90b59`](https://github.com/eea/volto-eea-design-system/commit/8f90b59d03c1c4eaa760dd981e082f237c09e96f)]
+- docs(logos): updated svgs [Dora Anastasiou - [`dc224e1`](https://github.com/eea/volto-eea-design-system/commit/dc224e1dbcf46a29b0639afde694d44221affe27)]
+- docs(logos): svgs without classes [Dora Anastasiou - [`28a5833`](https://github.com/eea/volto-eea-design-system/commit/28a58336ac57deb3eec7287b6fbf5cd58ada8a7e)]
+- docs(logos): improve eea logo visibility [Dora Anastasiou - [`82188ab`](https://github.com/eea/volto-eea-design-system/commit/82188abb99aa080d7bea15975497e03c653d311c)]
+- docs(logos): add thematic logos [Dora Anastasiou - [`5a21a30`](https://github.com/eea/volto-eea-design-system/commit/5a21a3076e506e6bd7f82fa97697f81825e87255)]
+
+#### :hammer_and_wrench: Others
+
+- bump package version [David Ichim - [`b4628be`](https://github.com/eea/volto-eea-design-system/commit/b4628bed134abc76e38a243d4e98143e19cef989)]
+- feature(docusaurus, storybook): logos selection for sites plus inverted options #253 from eea/doc-logo-page [ichim-david - [`dbfc90d`](https://github.com/eea/volto-eea-design-system/commit/dbfc90d035dc40e9d4054347f00fde4de486d63d)]
+- (feat): Add ability to disable the language select from website top menu  - refs #158616 [dobri1408 - [`411c8e4`](https://github.com/eea/volto-eea-design-system/commit/411c8e4afaf0b2b9edfdeeecdca22aa4cc41f329)]
+- test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`92feea0`](https://github.com/eea/volto-eea-design-system/commit/92feea09796c9ef0530f65fa1d34139905133215)]
+- Proof reading page header section [ichim-david - [`230239e`](https://github.com/eea/volto-eea-design-system/commit/230239e1b22734fb8606656985bc5e513731e244)]
 ### [1.0.0-alpha.7](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.6...1.0.0-alpha.7) - 16 December 2022
 
 #### :rocket: New Features
@@ -235,7 +281,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Update dependencies [Alin Voinea - [`ee30a2b`](https://github.com/eea/volto-eea-design-system/commit/ee30a2bad3769163d3ab4d996c0a7be8fcb4bc6e)]
 - add announcement bar, showing that EEA DS is WIP [Antonio De Marinis - [`e14aeac`](https://github.com/eea/volto-eea-design-system/commit/e14aeac02cf922493aff4f83c8d80af95cc63eb9)]
 - more explanations [Antonio De Marinis - [`a8b2272`](https://github.com/eea/volto-eea-design-system/commit/a8b22728659125ba6ea6fb41f29571a8f1b9953b)]
-### [1.0.0-alpha.1](https://github.com/eea/volto-eea-design-system/compare/0.9.5...1.0.0-alpha.1) - 20 October 2022
+### [1.0.0-alpha.1](https://github.com/eea/volto-eea-design-system/compare/0.9.6...1.0.0-alpha.1) - 20 October 2022
 
 #### :nail_care: Enhancements
 
@@ -256,6 +302,13 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Release 1.0.0-alpha.1 [Alin Voinea - [`70e4d97`](https://github.com/eea/volto-eea-design-system/commit/70e4d97c6a2b13f3b98efe1e2ba93174be2df476)]
+### [0.9.6](https://github.com/eea/volto-eea-design-system/compare/0.9.5...0.9.6) - 16 December 2022
+
+#### :hammer_and_wrench: Others
+
+- Release 0.9.6 [Alin Voinea - [`ae19b83`](https://github.com/eea/volto-eea-design-system/commit/ae19b837678ef5a6a26ebe7c69577e446b13ed50)]
+- Release-it [Alin Voinea - [`1f5671d`](https://github.com/eea/volto-eea-design-system/commit/1f5671de5a36a721f86a2f8ae4077fd2e0ffafb5)]
+- feature(copyright): image information #250 from eea/feature-copyright [ichim-david - [`7b323ed`](https://github.com/eea/volto-eea-design-system/commit/7b323ed27e15f9b4265618099089526c97aa89a1)]
 ### [0.9.5](https://github.com/eea/volto-eea-design-system/compare/0.9.4...0.9.5) - 20 October 2022
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/ui/Banner/Banner.stories.jsx

@@ -44,16 +44,11 @@ export default {
         type: { summary: 'boolean' },
       },
     },
-    copyrightPosition: {
-      name: 'Position',
-      control: {
-        type: 'inline-radio',
-        options: ['left', 'right'],
-      },
-      type: { name: 'string' },
+    copyright: {
       table: {
         category: 'Copyright',
-        defaultValue: { summary: '"left"' },
+        defaultValue: { summary: '""' },
+        type: { summary: 'string' },
       },
     },
     copyrightIcon: {
@@ -63,11 +58,16 @@ export default {
         type: { summary: 'string' },
       },
     },
-    copyrightText: {
+    copyrightPosition: {
+      name: 'Position',
+      control: {
+        type: 'inline-radio',
+        options: ['left', 'right'],
+      },
+      type: { name: 'string' },
       table: {
         category: 'Copyright',
-        defaultValue: { summary: '""' },
-        type: { summary: 'string' },
+        defaultValue: { summary: '"left"' },
       },
     },
   },
@@ -131,7 +131,7 @@ const Template = (args) => (
         <Copyright.Icon>
           <Icon className={args.copyrightIcon} />
         </Copyright.Icon>
-        <Copyright.Text>{args.copyrightText}</Copyright.Text>
+        <Copyright.Text>{args.copyright}</Copyright.Text>
       </Copyright>
     </Banner.Content>
   </Banner>
@@ -152,5 +152,5 @@ Default.args = {
   hideDownloadButton: false,
   copyrightPosition: 'left',
   copyrightIcon: 'ri-copyright-line',
-  copyrightText: 'Image copyright: Velit fusce sed sem ut.',
+  copyright: 'Image copyright: Velit fusce sed sem ut.',
 };

package/src/ui/Footer/Footer.stories.js

@@ -11,7 +11,7 @@ import Copernicus from '@eeacms/volto-eea-design-system/../theme/themes/eea/asse
 import Industry from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/industry.svg';
 import Marine from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/marine.svg';
 import Eionet from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eionet.svg';
-import EEA from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-white.svg';
+import EEA from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
 
 export default {
   title: 'Layout/Footer',

package/src/ui/Header/Header.jsx

@@ -41,6 +41,7 @@ const TopDropdownMenu = ({
   children,
   className,
   icon,
+  hasLanguageDropdown = true,
   id,
   tabletText,
   mobileText,
@@ -50,19 +51,39 @@ const TopDropdownMenu = ({
   const isTablet = viewportWidth < 991;
   const isMobile = viewportWidth < 767;
 
-  const Component = ({ mobileText }) => (
-    <Dropdown
-      id={id}
-      className={className}
-      text={mobileText || text}
-      icon={icon || 'chevron down'}
-      aria-label="dropdown"
-      closeOnChange={false}
-      closeOnBlur={true}
-    >
-      <Dropdown.Menu role="group">{children}</Dropdown.Menu>
-    </Dropdown>
-  );
+  const Component = ({ mobileText }) => {
+    return (
+      <>
+        {children.props['aria-label'] === 'language switcher' ? (
+          hasLanguageDropdown && (
+            <Dropdown
+              id={id}
+              className={className}
+              text={mobileText || text}
+              icon={icon || 'chevron down'}
+              aria-label="dropdown"
+              closeOnChange={false}
+              closeOnBlur={true}
+            >
+              <Dropdown.Menu role="group">{children}</Dropdown.Menu>
+            </Dropdown>
+          )
+        ) : (
+          <Dropdown
+            id={id}
+            className={className}
+            text={mobileText || text}
+            icon={icon || 'chevron down'}
+            aria-label="dropdown"
+            closeOnChange={false}
+            closeOnBlur={true}
+          >
+            <Dropdown.Menu role="group">{children}</Dropdown.Menu>
+          </Dropdown>
+        )}
+      </>
+    );
+  };
   return (
     <>
       {isMobile ? (

package/src/ui/Header/Header.stories.js

@@ -3,8 +3,8 @@ import Header from './Header';
 import { Dropdown, Image, Segment, Container } from 'semantic-ui-react';
 import { Logo } from '@eeacms/volto-eea-design-system/ui';
 
-import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea-logo.svg';
-import InvertedLogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/EEA-Logo-White-2.svg';
+import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo.svg';
+import InvertedLogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
 import globeIcon from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/global-line.svg';
 import eeaFlag from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea.png';
 import cx from 'classnames';
@@ -1276,6 +1276,7 @@ const Template = (args) => {
     tabletLinksMenuTitle,
     mobileLinksMenuTitle,
     menuItems,
+    hasLanguageDropdown,
   } = args;
 
   const [language, setLanguage] = React.useState('en');
@@ -1347,6 +1348,7 @@ const Template = (args) => {
 
           <Header.TopDropdownMenu
             id="language-switcher"
+            hasLanguageDropdown={hasLanguageDropdown}
             className="item"
             text={`${language.toUpperCase()}`}
             mobileText={`${language.toUpperCase()}`}
@@ -1588,6 +1590,7 @@ Default.args = {
   linksMenuTitle: 'Environmental information systems',
   tabletLinksMenuTitle: 'EEA information systems',
   mobileLinksMenuTitle: 'EEA information systems',
+  hasLanguageDropdown: true,
   links,
   languages,
   menuItems,

package/src/ui/Hero/Hero.jsx

@@ -26,9 +26,9 @@ function Hero({
   children,
 
   has_copyright,
-  copyrightPosition,
+  copyright,
   copyrightIcon,
-  copyrightText,
+  copyrightPosition,
 }) {
   return (
     // full width prop
@@ -52,7 +52,7 @@ function Hero({
                 <Copyright.Icon>
                   <Icon className={copyrightIcon} />
                 </Copyright.Icon>
-                <Copyright.Text>{copyrightText}</Copyright.Text>
+                <Copyright.Text>{copyright}</Copyright.Text>
               </Copyright>
             )}
           </div>

package/src/ui/Hero/Hero.stories.jsx

@@ -81,7 +81,7 @@ export default {
         type: { summary: 'string' },
       },
     },
-    copyrightText: {
+    copyright: {
       table: {
         category: 'Copyright',
         defaultValue: { summary: '""' },
@@ -131,7 +131,7 @@ Default.args = {
   has_copyright: true,
   copyrightPosition: 'left',
   copyrightIcon: 'ri-copyright-line',
-  copyrightText: 'Image copyright: Velit fusce sed sem ut.',
+  copyright: 'Image copyright: Velit fusce sed sem ut.',
 };
 Default.parameters = {
   controls: {
@@ -168,7 +168,7 @@ Playground.args = {
   has_copyright: true,
   copyrightPosition: 'left',
   copyrightIcon: 'ri-copyright-line',
-  copyrightText: 'Image copyright: Velit fusce sed sem ut.',
+  copyright: 'Image copyright: Velit fusce sed sem ut.',
 };
 Playground.argTypes = {
   fullWidth: {
@@ -246,16 +246,11 @@ Playground.argTypes = {
       type: { summary: 'string' },
     },
   },
-  copyrightPosition: {
-    name: 'Position',
-    control: {
-      type: 'inline-radio',
-      options: ['left', 'right'],
-    },
-    type: { name: 'string' },
+  copyright: {
     table: {
       category: 'Copyright',
-      defaultValue: { summary: '"left"' },
+      defaultValue: { summary: '""' },
+      type: { summary: 'string' },
     },
   },
   copyrightIcon: {
@@ -265,11 +260,15 @@ Playground.argTypes = {
       type: { summary: 'string' },
     },
   },
-  copyrightText: {
+  copyrightPosition: {
+    control: {
+      type: 'inline-radio',
+      options: ['left', 'right'],
+    },
+    type: { name: 'string' },
     table: {
       category: 'Copyright',
-      defaultValue: { summary: '""' },
-      type: { summary: 'string' },
+      defaultValue: { summary: '"left"' },
     },
   },
 };

package/src/ui/Item/ItemGroupWithIcons.stories.js

@@ -33,12 +33,12 @@ export default {
         defaultValue: { summary: 'medium' },
       },
     },
-    flexAlign: {
+    verticalAlign: {
       name: 'vertical align',
-      options: ['start', 'center', 'end'],
+      options: ['top', 'middle', 'bottom'],
       control: { type: 'select' },
       table: {
-        defaultValue: { summary: 'center' },
+        defaultValue: { summary: 'middle' },
       },
     },
     colorVariation: {
@@ -59,13 +59,11 @@ function SingleItem({
   imageSize,
   colorVariation,
   description,
-  flexAlign,
+  verticalAlign,
   stackable,
 }) {
   return (
-    <Item
-      className={`flex-items-${flexAlign} ${stackable ? ' stackable' : ''}`}
-    >
+    <Item className={`${stackable ? ' stackable' : ''}`}>
       {mediaType === 'image' ? (
         <Item.Image
           className={`ui ${imageSize}`}
@@ -75,7 +73,7 @@ function SingleItem({
       ) : (
         <Icon className={`${imageSize} ${icon} ${colorVariation}`} />
       )}
-      <Item.Content>
+      <Item.Content verticalAlign={verticalAlign}>
         <Item.Description>{description}</Item.Description>
       </Item.Content>
     </Item>
@@ -95,7 +93,7 @@ DefaultItem.args = {
   imageUrl: GlobeEco,
   icon: 'ri-leaf-line',
   imageSize: 'medium',
-  flexAlign: 'center',
+  verticalAlign: 'middle',
   colorVariation: 'secondary',
   stackable: false,
   description:
@@ -126,7 +124,7 @@ function ItemGroup({
   icon,
   imageSize,
   colorVariation,
-  flexAlign,
+  verticalAlign,
   ColumnLeft,
   ColumnRight,
   stackable,
@@ -141,7 +139,7 @@ function ItemGroup({
                 <SingleItem
                   key={item.childKey}
                   {...item}
-                  flexAlign={flexAlign}
+                  verticalAlign={verticalAlign}
                   mediaType={mediaType}
                   imageSize={imageSize}
                   colorVariation={colorVariation}
@@ -156,7 +154,7 @@ function ItemGroup({
                 <SingleItem
                   key={item.childKey}
                   {...item}
-                  flexAlign={flexAlign}
+                  verticalAlign={verticalAlign}
                   mediaType={mediaType}
                   imageSize={imageSize}
                   colorVariation={colorVariation}
@@ -179,7 +177,7 @@ DefaultGroup.args = {
   mediaType: 'image',
   imageSize: 'medium',
   colorVariation: 'secondary',
-  flexAlign: 'center',
+  verticalAlign: 'middle',
   stackable: false,
   ColumnLeft: [
     {
@@ -228,7 +226,7 @@ function ItemFlexGroup({
   icon,
   imageSize,
   colorVariation,
-  flexAlign,
+  verticalAlign,
   Items,
   stackable,
 }) {
@@ -239,7 +237,7 @@ function ItemFlexGroup({
           <SingleItem
             key={item.childKey}
             {...item}
-            flexAlign={flexAlign}
+            verticalAlign={verticalAlign}
             mediaType={mediaType}
             imageSize={imageSize}
             colorVariation={colorVariation}
@@ -259,7 +257,7 @@ FlexGroup.args = {
   mediaType: 'image',
   imageSize: 'medium',
   colorVariation: 'secondary',
-  flexAlign: 'center',
+  verticalAlign: 'middle',
   stackable: false,
   Items: [
     {

package/src/ui/Logo/Logo.stories.js

@@ -1,7 +1,28 @@
 import React from 'react';
+import { Container, Segment } from 'semantic-ui-react';
 import LogoEEA from './Logo';
-import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/images/Header/eea-logo.svg';
-import InvertedLogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/EEA-Logo-White-2.svg';
+import LogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo.svg';
+import InvertedLogoImage from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eea-logo-white.svg';
+
+import Bise from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/bise-logo.svg';
+import BiseInverted from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/bise-logo-white.svg';
+
+import Fise from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/fise-logo.svg';
+import FiseInverted from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/fise-logo-white.svg';
+
+import Freshwater from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/wise-freshwater-logo.svg';
+import FreshwaterInverted from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/wise-freshwater-logo-white.svg';
+
+import Marine from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/wise-marine-logo.svg';
+import MarineInverted from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/sites/wise-marine-logo-white.svg';
+
+// import Energy from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/energy.svg';
+// import Insitu from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/insitu.svg';
+// import ClimateHealth from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/climate-health.svg';
+// import Cca from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/cca.svg';
+// import Copernicus from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/copernicus.svg';
+// import Industry from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/industry.svg';
+// import Eionet from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets/logo/eionet.svg';
 
 export default {
   title: 'Components/Logo',
@@ -14,15 +35,103 @@ export default {
         type: { summary: 'boolean' },
       },
     },
+    site: {
+      options: [
+        'EEA',
+        'Biodiversity Information System for Europe',
+        'Forest Information System for Europe',
+        'Fresh Water Information System for Europe',
+        'Marine Water Information System for Europe',
+        // 'Climate Adaptation Platform',
+        // 'Copernicus in situ component',
+        // 'Copernicus land monitoring',
+        // 'European Industrial Emissions Portal',
+        // 'Information Platform for Chemical Monitoring',
+      ],
+      control: { type: 'select' },
+      defaultValue: 'tertiary',
+      table: {
+        name: 'Site Logo',
+        defaultValue: { summary: 'tertiary' },
+        type: { summary: 'string' },
+      },
+    },
   },
 };
 
-export const Logo = (args) => {
-  return <LogoEEA {...args} />;
+const SiteLogo = (args) => {
+  let logo = args.site;
+
+  if (logo === 'Biodiversity Information System for Europe') {
+    return (
+      <LogoEEA
+        {...args}
+        src={Bise}
+        invertedSrc={BiseInverted}
+        url="https://biodiversity.europa.eu/"
+      />
+    );
+  } else if (logo === 'Forest Information System for Europe') {
+    return (
+      <LogoEEA
+        {...args}
+        src={Fise}
+        invertedSrc={FiseInverted}
+        url="https://forest.eea.europa.eu/"
+      />
+    );
+  } else if (logo === 'Marine Water Information System for Europe') {
+    return (
+      <LogoEEA
+        {...args}
+        src={Marine}
+        invertedSrc={MarineInverted}
+        url="https://water.europa.eu/marine"
+      />
+    );
+  } else if (logo === 'Fresh Water Information System for Europe') {
+    return (
+      <LogoEEA
+        {...args}
+        src={Freshwater}
+        invertedSrc={FreshwaterInverted}
+        url="https://water.europa.eu/freshwater"
+      />
+    );
+  }
+
+  // else if (logo === 'Climate Adaptation Platform') {
+  //   return <LogoEEA {...args} src={Energy} invertedSrc={Energy} />
+  // } else if (logo === 'Copernicus in situ component') {
+  //   return <LogoEEA {...args} src={Insitu} invertedSrc={Insitu} />
+  // } else if (logo === 'Copernicus land monitoring') {
+  //   return <LogoEEA {...args} src={Copernicus} invertedSrc={Copernicus} />
+  // } else if (logo === 'European Industrial Emissions Portal') {
+  //   return <LogoEEA {...args} src={Industry} invertedSrc={Industry} />
+  // } else if (logo === 'Information Platform for Chemical Monitoring') {
+  //   return <LogoEEA {...args} src={Bise} invertedSrc={Bise} />
+  // }
+  else {
+    return <LogoEEA {...args} />;
+  }
 };
 
+export const Logo = (args) => (
+  <Container>
+    <Segment
+      className="eea-segment"
+      basic
+      floated="left"
+      inverted={args.inverted}
+    >
+      <SiteLogo {...args} />
+    </Segment>
+  </Container>
+);
+
 Logo.args = {
-  title: 'Site',
+  site: 'EEA',
+  title: 'European Environment Agency',
   alt: 'European Environment Agency',
   url: 'https://eea.europa.eu',
   src: LogoImage,

package/theme/themes/eea/assets/logo/eea-logo-white.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 350 129" width="350" height="129"><style>.a{fill:#fff}</style><path class="a" d="m62.4 95.3c-4.1 0-7.9-0.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2 0.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7z"/><path class="a" d="m69.9 46.5l-0.2 0.2-0.3-0.1c-0.5-0.3-1-0.5-1.6-0.7q-0.7-0.2-1.5-0.4l-0.2-0.1-0.1-0.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l0.6-0.5 0.1 0.8q0.7 3.6 0.8 7.7c0.1 14.2-5.2 29-12.7 35.2z"/><path class="a" d="m58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-0.1 0.2h-0.3c-0.5 0.1-1.1 0.1-1.7 0.2q-0.7 0.1-1.5 0.4h-0.3l-0.1-0.2c-6.3-7.4-8.8-23-6.1-37 0.6-2.7 1.3-5.3 2.1-7.6l0.3-0.8 0.5 0.7c1.4 1.9 2.7 4.2 3.9 6.6z"/><path class="a" d="m53.3 47.4v0.3l-0.2 0.1q-0.8 0.5-1.5 1-0.7 0.4-1.2 1l-0.2 0.2-0.3-0.1c-8.7-3.8-17.5-16.6-20.9-30.4q-1-4.1-1.3-7.8l-0.1-0.8 0.7 0.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1z"/><path class="a" d="m8.7 33.5l-0.4-0.7h0.8c2.2 0 4.7 0.3 7.3 0.8 13.2 2.5 25.9 11 30.1 20l0.1 0.2-0.1 0.2c-0.4 0.5-0.7 1.1-0.9 1.6q-0.4 0.7-0.7 1.5l-0.1 0.2-0.3 0.1c-9.4 0.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4z"/><path class="a" d="m7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-0.6-0.5 0.7-0.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l0.2 0.2v0.3c-0.1 0.6-0.2 1.2-0.2 1.8q0 0.8 0 1.6l0.1 0.3-0.3 0.1c-8.1 5-23 4.6-35.6-1z"/><path class="a" d="m12.7 91.6q-3.9 0.3-7.4-0.1l-0.8-0.1 0.5-0.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l0.2 0.1 0.1 0.3q0.3 0.8 0.6 1.7c0.2 0.5 0.4 0.9 0.7 1.4l0.1 0.3-0.1 0.2c-5.2 8.3-18.7 14.9-32.3 15.7z"/><path class="a" d="m50.8 82.6l0.2 0.2v0.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-0.7 0.3 0.1-0.9c0.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h0.3l0.2 0.2q0.6 0.7 1.2 1.3c0.4 0.3 0.8 0.6 1.3 0.9z"/><path class="a" d="m102.5 75.8c-0.7 3.2-0.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-0.1-4.1-0.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-0.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5 0.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3 0.8-4.2 1.6 0.1 3.9 0.1 9.7-0.7 13.8-0.3 2-0.8 4.3-1.4 6-2.7 0.4-8.5 0.6-8.7 0.6-0.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-0.4-1.5 0-4.4-0.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4 6.4-6.7 9.9-15.7 9.9-25.2 0-9.5-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-0.4 2-0.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-0.5 4.1-0.7 6-0.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6 0.9 3.2 0.5 1.5 1 4.6 3.7 0.3 9.1 0.9 12.9 2.1 2 0.7 4 1.6 5.7 2.5 0 0.7 0 6.4-0.2 8.7-1.8 0.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3z"/><path class="a" d="m171.9 29.4h-9.7v6.5h11.4v4.1h-16.5v-24.5h16.5v4.1h-11.4v5.8h9.7z"/><path class="a" d="m186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5v-11.9h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7v-12.9h4.9v18.2h-4.6z"/><path class="a" d="m205.5 26.4q-1-0.2-1.7-0.2-2.8 0-3.7 1.9v11.9h-4.8v-18.2h4.6l0.1 2.2c1-1.7 2.4-2.5 4.1-2.5q0.8 0 1.5 0.2z"/><path fill-rule="evenodd" class="a" d="m206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-0.7 2.8-1.1 4.6-1.1 2.4 0 4.5 0.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-0.2zm4.9 0.4q0 2.6 1 3.9c0.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4-1-1.4-2.8-1.4-1.8 0-2.8 1.4-1 1.4-1 4.3z"/><path fill-rule="evenodd" class="a" d="m243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9v8.6h-4.9v-25.2h4.5l0.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-0.4c0-1.7-0.3-2.9-0.9-3.9-0.6-0.9-1.5-1.3-2.6-1.3-1.6 0-2.6 0.5-3.2 1.7v7.4q0.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7z"/><path fill-rule="evenodd" class="a" d="m254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-0.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c0.1 1.2 0.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-0.7 1-1.7 1.8-2.9 2.4-1.4 0.5-2.7 0.8-4.2 0.8zm-0.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-0.4q-0.1-1.6-0.9-2.5-0.9-0.9-2.4-0.9z"/><path fill-rule="evenodd" class="a" d="m275.4 40c-0.2-0.4-0.4-1-0.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-0.6-2-0.7-0.7-2.1-0.7-1.2 0-1.9 0.6-0.7 0.5-0.7 1.6h-4.9q0-1.6 1-3 0.9-1.3 2.7-2c1.2-0.5 2.6-0.8 4-0.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7 0.2 3 0.7 3.9v0.3zm-4-3.4c0.7 0 1.4-0.1 2-0.5q0.9-0.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v0.3q0 0.9 0.7 1.5 0.5 0.6 1.7 0.6z"/><path class="a" d="m287.8 21.8l0.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3 0.5 4.3 1.7 0.9 1.1 1.4 2.8 1.4 5v11.8h-4.9v-11.6q0.1-1.6-0.6-2.3-0.7-0.7-2.3-0.7c-1.4 0-2.3 0.6-3.1 1.7v12.8h-4.8v-18.1h4.6z"/><path class="a" d="m171.9 66.9h-9.7v6.6h11.4v4h-16.5v-24.4h16.5v4.1h-11.4v5.8h9.7z"/><path class="a" d="m180.7 59.4l0.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.6z"/><path class="a" d="m202.4 71.6l3.4-12.2h5.1l-6.2 18.1h-4.7l-6.1-18.1h5.1z"/><path class="a" d="m213 54.7c0-0.8 0.2-1.3 0.7-1.8 0.5-0.5 1.1-0.7 2-0.7q1.2 0 2 0.7 0.7 0.7 0.7 1.8 0 1.1-0.7 1.8-0.8 0.7-2 0.7-1.2 0-2-0.7-0.7-0.7-0.7-1.8zm0.3 4.7h4.8v18.1h-4.8z"/><path class="a" d="m232.4 63.9q-1-0.1-1.8-0.1-2.7 0-3.6 1.9v11.8h-4.9v-18.1h4.6l0.2 2.2c0.9-1.7 2.3-2.6 4-2.6q0.8 0 1.5 0.3z"/><path fill-rule="evenodd" class="a" d="m233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-0.8 2.8-1.2 4.6-1.2 2.4 0 4.5 0.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-0.2zm4.9 0.3q0 2.6 1 4c0.6 0.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 0.9-4.4 0.1-2.5-0.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"/><path class="a" d="m258.1 59.4l0.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.6z"/><path class="a" d="m277.5 59.4l0.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9v-11.5q0-1.6-0.6-2.3-0.6-0.7-2.1-0.7-2.2 0-3.1 2.1v12.4h-4.8v-11.5q0-1.6-0.7-2.3-0.6-0.7-2.1-0.7-2.1 0-3 1.7v12.8h-4.9v-18.1z"/><path fill-rule="evenodd" class="a" d="m311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-0.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c0.2 1.1 0.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-0.8 1.1-1.7 1.9-3 2.4-1.2 0.6-2.7 0.9-4.2 0.9zm-0.5-14.9q-1.5 0-2.4 1c-0.6 0.6-1 1.6-1.1 2.8h6.7v-0.4q0-1.6-0.9-2.5-0.8-0.9-2.3-0.9z"/><path class="a" d="m326 59.4l0.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.7z"/><path class="a" d="m346.6 54.9v4.5h3.2v3.5h-3.2v9.1q0 1 0.4 1.5 0.4 0.4 1.5 0.4c0.5 0 1 0 1.4-0.1v3.7c-0.9 0.3-1.9 0.4-2.9 0.4q-5.1 0-5.3-5.1v-9.8h-2.6v-3.6h2.6v-4.5z"/><path fill-rule="evenodd" class="a" d="m171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1z"/><path fill-rule="evenodd" class="a" d="m179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l0.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3 0.7-2.8 1-4.6 1-1.4 0-2.6-0.3-3.9-0.8q-1.9-0.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-0.3 3-1q1.1-1 1.1-3v-0.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-0.9-5.3-2.6q-2-2.5-2-6.8v-0.2zm4.9 0.3c0 1.7 0.3 3 1 3.9 0.6 0.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-0.7 1-1 2.4-1 4.2z"/><path fill-rule="evenodd" class="a" d="m208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-0.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2h-11.6c0.2 1.2 0.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-0.8 1-1.7 1.8-3 2.4-1.2 0.6-2.7 0.9-4.2 0.9zm-0.5-15q-1.5 0-2.4 1-0.9 1-1.1 2.8h6.8v-0.4q-0.1-1.6-0.9-2.5-0.9-0.9-2.4-0.9z"/><path class="a" d="m222.9 97l0.1 2.1q2-2.5 5.2-2.5c2 0 3.4 0.6 4.4 1.7 0.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-0.6-2.2-0.7-0.7-2.3-0.8c-1.4 0-2.4 0.6-3.1 1.8v12.8h-4.8v-18.2h4.6z"/><path class="a" d="m245.3 111.5q1.3 0 2.2-0.7 0.8-0.8 0.9-2h4.5c0 1.3-0.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7 0.8-3.8 0.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-0.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-0.1-1-0.4-1.7-0.9-2.3q-0.9-0.9-2.3-0.9-1.7 0-2.5 1.2-0.9 1.3-0.9 4.1v0.4q0 2.9 0.9 4.1c0.5 0.8 1.3 1.2 2.5 1.2z"/><path class="a" d="m262.5 108.2l3.4-11.3h5.2l-7.3 21-0.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-0.3v-3.7h0.8q1.3 0 2-0.4 0.7-0.4 1.1-1.4l0.6-1.5-6.4-18.2h5.2z"/></svg>

package/theme/themes/eea/assets/logo/eea-logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.2" viewBox="0 0 350 129" width="350" height="129"><style>.a{fill:#004b7f}.b{fill:#007b6c}</style><path class="a" d="m62.4 95.3c-4.1 0-7.9-0.9-11.5-2.5l4.1-7.5c2.3 1 4.8 1.5 7.4 1.5 11.1 0 20-9.5 20-21.2 0-6.7-3.3-12.4-7.9-16.3l4.4-7.8c1.2 0.9 2.3 1.9 3.4 3 5.3 5.6 8.2 13.1 8.2 21.1 0 16.4-12.6 29.7-28.1 29.7z"/><path class="b" d="m69.9 46.5l-0.2 0.2-0.3-0.1c-0.5-0.3-1-0.5-1.6-0.7q-0.7-0.2-1.5-0.4l-0.2-0.1-0.1-0.3c-2.5-9.5 1.8-24.7 10.1-36 1.6-2.2 3.3-4.1 5-5.8l0.6-0.5 0.1 0.8q0.7 3.6 0.8 7.7c0.1 14.2-5.2 29-12.7 35.2z"/><path class="b" d="m58.6 7.5c6.1 12.6 7.5 28.4 3.3 37.5l-0.1 0.2h-0.3c-0.5 0.1-1.1 0.1-1.7 0.2q-0.7 0.1-1.5 0.4h-0.3l-0.1-0.2c-6.3-7.4-8.8-23-6.1-37 0.6-2.7 1.3-5.3 2.1-7.6l0.3-0.8 0.5 0.7c1.4 1.9 2.7 4.2 3.9 6.6z"/><path class="b" d="m53.3 47.4v0.3l-0.2 0.1q-0.8 0.5-1.5 1-0.7 0.4-1.2 1l-0.2 0.2-0.3-0.1c-8.7-3.8-17.5-16.6-20.9-30.4q-1-4.1-1.3-7.8l-0.1-0.8 0.7 0.3c2.1 1.1 4.2 2.5 6.3 4.1 10.7 8.5 18.6 22 18.7 32.1z"/><path class="b" d="m8.7 33.5l-0.4-0.7h0.8c2.2 0 4.7 0.3 7.3 0.8 13.2 2.5 25.9 11 30.1 20l0.1 0.2-0.1 0.2c-0.4 0.5-0.7 1.1-0.9 1.6q-0.4 0.7-0.7 1.5l-0.1 0.2-0.3 0.1c-9.4 0.7-22.6-6.7-31.5-17.5-1.7-2.1-3.2-4.2-4.3-6.4z"/><path class="b" d="m7.2 65.6c-2.4-1-4.6-2.3-6.6-3.6l-0.6-0.5 0.7-0.3c2-1.1 4.4-2 6.8-2.8 13-3.8 27.9-2.2 35.5 3.9l0.2 0.2v0.3c-0.1 0.6-0.2 1.2-0.2 1.8q0 0.8 0 1.6l0.1 0.3-0.3 0.1c-8.1 5-23 4.6-35.6-1z"/><path class="b" d="m12.7 91.6q-3.9 0.3-7.4-0.1l-0.8-0.1 0.5-0.7c1.4-2 3.1-3.9 5-5.7 10-9.4 24-15 33.4-13.1l0.2 0.1 0.1 0.3q0.3 0.8 0.6 1.7c0.2 0.5 0.4 0.9 0.7 1.4l0.1 0.3-0.1 0.2c-5.2 8.3-18.7 14.9-32.3 15.7z"/><path class="b" d="m50.8 82.6l0.2 0.2v0.3c-1.2 9.8-10.6 22.1-22.4 29.2-2.3 1.3-4.6 2.5-6.8 3.3l-0.7 0.3 0.1-0.9c0.5-2.4 1.2-4.9 2.2-7.4 4.9-13.2 15.2-24.7 24.4-27.4h0.3l0.2 0.2q0.6 0.7 1.2 1.3c0.4 0.3 0.8 0.6 1.3 0.9z"/><path class="a" d="m102.5 75.8c-0.7 3.2-0.2 1.5-1.2 4.5 3.2 2.1 7.7 5.3 10.5 8.3 1.5 1.6 2.9 3.3 4 4.9q-1.8 4-4.2 7.6c-1.9-0.1-4.1-0.6-6.2-1.1-3.9-1-8.8-3.5-12.1-5.3-2 2.4-0.9 1.2-3.1 3.4 1.9 3.4 4.4 8.5 5.6 12.5 0.6 2.1 1.1 4.2 1.4 6.1-2.3 1.7-4.7 3.3-7.2 4.7-1.6-1-3.4-2.4-4.9-3.9-3-2.8-6.2-7.5-8.4-10.8-2.9 1.2-1.3 0.8-4.2 1.6 0.1 3.9 0.1 9.7-0.7 13.8-0.3 2-0.8 4.3-1.4 6-2.7 0.4-8.5 0.6-8.7 0.6-0.8-1.6-1.6-3.8-2.3-5.8-1.4-4-2.2-9.7-2.6-13.7-3.1-0.4-1.5 0-4.4-0.8-1.7 3.6-4.2 8.7-6.7 11.9-1.3 1.6-2.6 3-3.9 4.3q-3.1-1.2-6.1-2.8l13-23.7c4.2 1.9 8.9 3 13.6 3 9 0 17.5-3.7 23.8-10.4 6.4-6.7 9.9-15.7 9.9-25.2 0-9.5-3.5-18.4-9.9-25.1q-1.8-2-3.9-3.6l12.9-23.5c1.9 1.3 3.7 2.7 5.5 4.3-0.4 2-0.8 3.8-1.6 6-1.3 4-4.2 8.9-6.3 12.2 2.2 2.4 1.2 1.1 2.9 3.6 3.5-1.6 8.5-3.8 12.4-4.5 2.1-0.5 4.1-0.7 6-0.7q2.1 3.8 3.6 7.9c-1.2 1.6-2.6 3.2-4.2 4.8-2.9 2.8-7.7 5.7-11 7.6 0.9 3.2 0.5 1.5 1 4.6 3.7 0.3 9.1 0.9 12.9 2.1 2 0.7 4 1.6 5.7 2.5 0 0.7 0 6.4-0.2 8.7-1.8 0.8-3.9 1.5-6.1 2.1-3.8 1.1-9.3 1.2-13.2 1.3z"/><path d="m171.9 29.4h-9.7v6.5h11.4v4.1h-16.5v-24.5h16.5v4.1h-11.4v5.8h9.7z"/><path d="m186.9 38.1q-1.8 2.2-5 2.2-2.9 0-4.5-1.6-1.5-1.7-1.5-5v-11.9h4.8v11.8q0 2.8 2.6 2.8 2.4 0 3.4-1.7v-12.9h4.9v18.2h-4.6z"/><path d="m205.5 26.4q-1-0.2-1.7-0.2-2.8 0-3.7 1.9v11.9h-4.8v-18.2h4.6l0.1 2.2c1-1.7 2.4-2.5 4.1-2.5q0.8 0 1.5 0.2z"/><path fill-rule="evenodd" d="m206.5 30.7q0-2.7 1-4.8 1.1-2.1 3-3.3c1.3-0.7 2.8-1.1 4.6-1.1 2.4 0 4.5 0.7 6 2.2 1.6 1.5 2.4 3.6 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.6-6.3 2.6q-4 0-6.3-2.6c-1.6-1.6-2.4-3.9-2.4-6.8v-0.2zm4.9 0.4q0 2.6 1 3.9c0.6 1 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 1-4.3 0-2.6-1-4-1-1.4-2.8-1.4-1.8 0-2.8 1.4-1 1.4-1 4.3z"/><path fill-rule="evenodd" d="m243.2 31.1q0 4.2-2 6.7c-1.3 1.7-3 2.5-5.1 2.5q-2.8 0-4.5-1.9v8.6h-4.9v-25.2h4.5l0.2 1.8q1.8-2.1 4.6-2.1 3.4 0 5.3 2.5 1.8 2.4 1.9 6.8zm-4.9-0.4c0-1.7-0.3-2.9-0.9-3.9-0.6-0.9-1.5-1.3-2.6-1.3-1.6 0-2.6 0.5-3.2 1.7v7.4q0.9 1.8 3.2 1.8c2.3 0 3.5-1.9 3.5-5.7z"/><path fill-rule="evenodd" d="m254.6 40.3q-4 0-6.6-2.4c-1.6-1.6-2.5-3.8-2.5-6.5v-0.5q0-2.7 1.1-4.9 1-2.2 3-3.3 1.9-1.2 4.4-1.2 3.8 0 5.9 2.4 2.2 2.3 2.2 6.6v2h-11.6c0.1 1.2 0.6 2.1 1.4 2.9q1.2 1 3 1 2.8 0 4.4-2l2.4 2.7c-0.7 1-1.7 1.8-2.9 2.4-1.4 0.5-2.7 0.8-4.2 0.8zm-0.6-14.9q-1.4 0-2.3 1-1 1-1.2 2.8h6.8v-0.4q-0.1-1.6-0.9-2.5-0.9-0.9-2.4-0.9z"/><path fill-rule="evenodd" d="m275.4 40c-0.2-0.4-0.4-1-0.5-1.7q-1.8 2-4.6 2-2.7 0-4.5-1.6-1.7-1.5-1.7-3.9 0-2.8 2.1-4.4 2.2-1.5 6.3-1.6h2.2v-1q0-1.3-0.6-2-0.7-0.7-2.1-0.7-1.2 0-1.9 0.6-0.7 0.5-0.7 1.6h-4.9q0-1.6 1-3 0.9-1.3 2.7-2c1.2-0.5 2.6-0.8 4-0.8q3.4 0 5.4 1.7c1.3 1.1 2 2.7 2 4.7v7.9c0 1.7 0.2 3 0.7 3.9v0.3zm-4-3.4c0.7 0 1.4-0.1 2-0.5q0.9-0.5 1.3-1.3v-3.1h-1.8q-3.7 0-3.9 2.5v0.3q0 0.9 0.7 1.5 0.5 0.6 1.7 0.6z"/><path d="m287.8 21.8l0.1 2.1q2-2.4 5.3-2.4c1.9 0 3.3 0.5 4.3 1.7 0.9 1.1 1.4 2.8 1.4 5v11.8h-4.9v-11.6q0.1-1.6-0.6-2.3-0.7-0.7-2.3-0.7c-1.4 0-2.3 0.6-3.1 1.7v12.8h-4.8v-18.1h4.6z"/><path d="m171.9 66.9h-9.7v6.6h11.4v4h-16.5v-24.4h16.5v4.1h-11.4v5.8h9.7z"/><path d="m180.7 59.4l0.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.6z"/><path d="m202.4 71.6l3.4-12.2h5.1l-6.2 18.1h-4.7l-6.1-18.1h5.1z"/><path d="m213 54.7c0-0.8 0.2-1.3 0.7-1.8 0.5-0.5 1.1-0.7 2-0.7q1.2 0 2 0.7 0.7 0.7 0.7 1.8 0 1.1-0.7 1.8-0.8 0.7-2 0.7-1.2 0-2-0.7-0.7-0.7-0.7-1.8zm0.3 4.7h4.8v18.1h-4.8z"/><path d="m232.4 63.9q-1-0.1-1.8-0.1-2.7 0-3.6 1.9v11.8h-4.9v-18.1h4.6l0.2 2.2c0.9-1.7 2.3-2.6 4-2.6q0.8 0 1.5 0.3z"/><path fill-rule="evenodd" d="m233.4 68.3q0-2.7 1-4.8 1.1-2.2 3-3.3c1.3-0.8 2.8-1.2 4.6-1.2 2.4 0 4.5 0.8 6 2.3 1.6 1.5 2.4 3.5 2.6 6.1v1.2q0 4.2-2.3 6.7c-1.6 1.7-3.7 2.5-6.3 2.5q-4 0-6.3-2.5c-1.6-1.7-2.4-4-2.4-6.8v-0.2zm4.9 0.3q0 2.6 1 4c0.6 0.9 1.6 1.4 2.8 1.4q1.7 0 2.8-1.3 1-1.4 0.9-4.4 0.1-2.5-0.9-3.9-1.1-1.4-2.9-1.4-1.7 0-2.7 1.4-1 1.3-1 4.2z"/><path d="m258.1 59.4l0.2 2.1q1.9-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.4 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.6z"/><path d="m277.5 59.4l0.2 2q1.9-2.4 5.2-2.4 3.5 0 4.8 2.8 1.9-2.8 5.5-2.8 3 0 4.4 1.8 1.5 1.7 1.5 5.2v11.5h-4.9v-11.5q0-1.6-0.6-2.3-0.6-0.7-2.1-0.7-2.2 0-3.1 2.1v12.4h-4.8v-11.5q0-1.6-0.7-2.3-0.6-0.7-2.1-0.7-2.1 0-3 1.7v12.8h-4.9v-18.1z"/><path fill-rule="evenodd" d="m311.2 77.9q-4 0-6.5-2.4c-1.7-1.7-2.5-3.9-2.5-6.6v-0.4q0-2.7 1-4.9 1.1-2.2 3.1-3.4 1.9-1.1 4.4-1.1 3.7 0 5.9 2.3 2.1 2.4 2.1 6.7v2h-11.6c0.2 1.1 0.7 2.1 1.5 2.8q1.1 1.1 3 1.1 2.8 0 4.4-2l2.4 2.6c-0.8 1.1-1.7 1.9-3 2.4-1.2 0.6-2.7 0.9-4.2 0.9zm-0.5-14.9q-1.5 0-2.4 1c-0.6 0.6-1 1.6-1.1 2.8h6.7v-0.4q0-1.6-0.9-2.5-0.8-0.9-2.3-0.9z"/><path d="m326 59.4l0.1 2.1q2-2.5 5.2-2.5c1.9 0 3.4 0.6 4.3 1.7 1 1.2 1.5 2.9 1.5 5.1v11.7h-4.9v-11.6q0-1.5-0.7-2.2-0.7-0.7-2.2-0.7c-1.4 0-2.4 0.5-3.1 1.7v12.8h-4.9v-18.1h4.7z"/><path d="m346.6 54.9v4.5h3.2v3.5h-3.2v9.1q0 1 0.4 1.5 0.4 0.4 1.5 0.4c0.5 0 1 0 1.4-0.1v3.7c-0.9 0.3-1.9 0.4-2.9 0.4q-5.1 0-5.3-5.1v-9.8h-2.6v-3.6h2.6v-4.5z"/><path fill-rule="evenodd" d="m171 110.1h-8.8l-1.7 5h-5.4l9.1-24.4h4.7l9.2 24.4h-5.4zm-7.5-4.1h6.1l-3.1-9.1z"/><path fill-rule="evenodd" d="m179.3 105.9q0-4.2 2-6.7c1.3-1.7 3.2-2.6 5.4-2.6q3 0 4.7 2.1l0.2-1.7h4.4v17.5q0 2.4-1.1 4.2-1.1 1.7-3.1 2.6c-1.3 0.7-2.8 1-4.6 1-1.4 0-2.6-0.3-3.9-0.8q-1.9-0.8-2.9-2.1l2.2-2.9q1.8 2 4.4 2c1.3 0 2.3-0.3 3-1q1.1-1 1.1-3v-0.9c-1.2 1.3-2.6 1.9-4.5 1.9-2.2 0-3.9-0.9-5.3-2.6q-2-2.5-2-6.8v-0.2zm4.9 0.3c0 1.7 0.3 3 1 3.9 0.6 0.9 1.5 1.4 2.7 1.4q2.3 0 3.2-1.6v-7.7q-1-1.6-3.2-1.7-1.7 0-2.7 1.5c-0.7 1-1 2.4-1 4.2z"/><path fill-rule="evenodd" d="m208.1 115.5q-4 0-6.5-2.5c-1.7-1.6-2.6-3.8-2.6-6.5v-0.5q0-2.7 1.1-4.9 1.1-2.1 3-3.3 2-1.2 4.5-1.2 3.7 0 5.9 2.4 2.1 2.3 2.1 6.6v2h-11.6c0.2 1.2 0.7 2.2 1.4 2.9q1.2 1.1 3.1 1.1 2.8 0 4.4-2.1l2.4 2.7c-0.8 1-1.7 1.8-3 2.4-1.2 0.6-2.7 0.9-4.2 0.9zm-0.5-15q-1.5 0-2.4 1-0.9 1-1.1 2.8h6.8v-0.4q-0.1-1.6-0.9-2.5-0.9-0.9-2.4-0.9z"/><path d="m222.9 97l0.1 2.1q2-2.5 5.2-2.5c2 0 3.4 0.6 4.4 1.7 0.9 1.1 1.4 2.8 1.4 5.1v11.7h-4.9v-11.6q0-1.6-0.6-2.2-0.7-0.7-2.3-0.8c-1.4 0-2.4 0.6-3.1 1.8v12.8h-4.8v-18.2h4.6z"/><path d="m245.3 111.5q1.3 0 2.2-0.7 0.8-0.8 0.9-2h4.5c0 1.3-0.3 2.4-1 3.4q-1 1.5-2.7 2.4-1.7 0.8-3.8 0.8-3.9 0-6.1-2.5-2.3-2.4-2.3-6.8v-0.3q0-4.2 2.3-6.7 2.2-2.5 6.1-2.5 3.4 0 5.5 1.9c1.4 1.3 2.1 3 2.1 5.2h-4.5c-0.1-1-0.4-1.7-0.9-2.3q-0.9-0.9-2.3-0.9-1.7 0-2.5 1.2-0.9 1.3-0.9 4.1v0.4q0 2.9 0.9 4.1c0.5 0.8 1.3 1.2 2.5 1.2z"/><path d="m262.5 108.2l3.4-11.3h5.2l-7.3 21-0.4 1c-1.1 2.3-2.9 3.5-5.4 3.5q-1.1 0-2.2-0.3v-3.7h0.8q1.3 0 2-0.4 0.7-0.4 1.1-1.4l0.6-1.5-6.4-18.2h5.2z"/></svg>