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

package/CHANGELOG.md

@@ -4,6 +4,85 @@ 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
+
+- feat(item): normalized size for image or icon items #258 from eea/refactor-items [ichim-david - [`945170f`](https://github.com/eea/volto-eea-design-system/commit/945170f1503be68aa3fc1bd950a97eeebfd81037)]
+
+#### :bug: Bug Fixes
+
+- fix(item): removed margin set for description which pushed the text from icon [David Ichim - [`d9d4031`](https://github.com/eea/volto-eea-design-system/commit/d9d40310fcfb1bd214bd901b79dcbac41e9a8518)]
+- fix(card): rounded after removal of has--rounded--true style class [David Ichim - [`d4727af`](https://github.com/eea/volto-eea-design-system/commit/d4727afdecf3d25e3e5bc98d472b976d60154183)]
+- fix(project): Proper paths if volto-eea-design-system package is not installed, but in development #270 from eea/correct_paths [ichim-david - [`0f8ee8d`](https://github.com/eea/volto-eea-design-system/commit/0f8ee8d770f1b26d4315be8f615d58a61acbafc8)]
+
+#### :nail_care: Enhancements
+
+- change(item): added tiny size that outputs 24px icon sizes [David Ichim - [`2ea9636`](https://github.com/eea/volto-eea-design-system/commit/2ea96363a957f9033cb5bfe2d7fd311e92377493)]
+- change(image):  added preview image size default to 400px [David Ichim - [`a0aa867`](https://github.com/eea/volto-eea-design-system/commit/a0aa867e932d1b3c0bf449553726d6feb645853e)]
+- change(item): rename large to big class [David Ichim - [`24ff127`](https://github.com/eea/volto-eea-design-system/commit/24ff1275b9a0556b85ab86757bc0c84f50357e7d)]
+- change(item): set same height as width on item images [David Ichim - [`69cbd23`](https://github.com/eea/volto-eea-design-system/commit/69cbd23ca53dd68ae9f7c00a69ed2d8820746305)]
+- refactor(item): update item part 2 [Antonis Tarantilis - [`9812ae2`](https://github.com/eea/volto-eea-design-system/commit/9812ae2e41ac86cfd4c56e13af8af570b752966f)]
+- refactor(item): update spacing [Antonis Tarantilis - [`2fd91c4`](https://github.com/eea/volto-eea-design-system/commit/2fd91c4aa1a76dd2f7099d3f24f94067e95e06a1)]
+- refactor(item): update icon variations and paddings [Antonis Tarantilis - [`6a407b3`](https://github.com/eea/volto-eea-design-system/commit/6a407b3e7f743eb7b73247bcc5d489685d567bc6)]
+- refactor(item): update image and icon sizes [Antonis Tarantilis - [`b802573`](https://github.com/eea/volto-eea-design-system/commit/b8025735121aaa0024a5783afbde0f6be3715618)]
+- refactor(item): initial values for new sizes  & add description class [Antonis Tarantilis - [`3546296`](https://github.com/eea/volto-eea-design-system/commit/3546296f0cacb96411c8c67b98e9763e2b843b05)]
+- refactor(item): update operator for condition controls [Antonis Tarantilis - [`149ccb2`](https://github.com/eea/volto-eea-design-system/commit/149ccb2f1e498c27e5550214cdee25eb808ab27e)]
+- refactor(item): add icon and more size options [Antonis Tarantilis - [`1120bb6`](https://github.com/eea/volto-eea-design-system/commit/1120bb62d9ab908c5c97a4871a66e3c08c5c7ece)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.0.0-alpha.7 [Alin Voinea - [`7e66bcc`](https://github.com/eea/volto-eea-design-system/commit/7e66bcc296b389bc55073e7f99681534977dce3a)]
+- added back descriptionDistance variable until package release [David Ichim - [`3af811a`](https://github.com/eea/volto-eea-design-system/commit/3af811a8d86a132e16de118697ba5a4302a8a4da)]
+- Back to dev [Alin Voinea - [`cb531c9`](https://github.com/eea/volto-eea-design-system/commit/cb531c933c907bdbb88c9de0f1df2eb7ce899a4c)]
+- Proper paths if the package is not installed, but in development [Tiberiu Ichim - [`7a2655f`](https://github.com/eea/volto-eea-design-system/commit/7a2655f7cf9d3c687f172eefcf2b4cff4b12f832)]
+- Update .project.eslintrc.js [ichim-david - [`a2fd3f2`](https://github.com/eea/volto-eea-design-system/commit/a2fd3f23473325976c2b146e066eeb538d140dce)]
 ### [1.0.0-alpha.6](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.5...1.0.0-alpha.6) - 7 December 2022
 
 #### :rocket: New Features
@@ -202,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
 
@@ -223,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.6",
+  "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/razzle.extend.js

@@ -7,8 +7,13 @@ const modify = (config, { target, dev }, webpack) => {
   config.resolve.alias['../../theme.config$'] = themeConfigPath;
   config.resolve.alias['../../theme.config'] = themeConfigPath;
 
-  const projectRootPath = path.resolve('.');
-  const themesPath = `${projectRootPath}/node_modules/@eeacms/volto-eea-design-system/theme/themes`;
+  const designSystem = '@eeacms/volto-eea-design-system';
+  const designSystemPath =
+    config.resolve.alias[designSystem] ||
+    path.dirname(require.resolve(designSystem));
+  const themeLessPath = path.resolve(`${designSystemPath}/../theme`);
+
+  const themesPath = `${themeLessPath}/themes`;
 
   config.resolve.alias['eea-volto-themes'] = themesPath;
   config.resolve.alias['ui-theme'] = `${themesPath}/eea/`;

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"' },
     },
   },
 };