@eeacms/volto-eea-design-system 1.32.4 → 1.33.1

package/CHANGELOG.md

@@ -4,6 +4,27 @@ 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.33.1](https://github.com/eea/volto-eea-design-system/compare/1.33.0...1.33.1) - 19 September 2024
+
+#### :house: Internal changes
+
+- chore: Fix what's new link on top to open in the same window [alin - [`2e91336`](https://github.com/eea/volto-eea-design-system/commit/2e913366b629e908a27bebe6c6cb58d7ca7aa099)]
+- chore: Cleanup What's new section in docusaurus [alin - [`3e72176`](https://github.com/eea/volto-eea-design-system/commit/3e721768edf8c3ba55c6d6aea4ed04d5323472f5)]
+- chore: Add redmine links in whatsnew [valentinab25 - [`d1ef895`](https://github.com/eea/volto-eea-design-system/commit/d1ef895a2717259914ccc3667959d0398e716348)]
+
+### [1.33.0](https://github.com/eea/volto-eea-design-system/compare/1.32.4...1.33.0) - 13 September 2024
+
+#### :bug: Bug Fixes
+
+- fix: Update Footer.stories.js to fix the storybook - refs #265857 [dobri1408 - [`b72d24f`](https://github.com/eea/volto-eea-design-system/commit/b72d24f5e053b76e5eb7bd4457de51d71888f160)]
+
+#### :house: Documentation changes
+
+- docs: Update docusaurus to show the new footer - refs 265857 [dobri1408 - [`182a661`](https://github.com/eea/volto-eea-design-system/commit/182a661e239221bbf6990a7d33074623ac58f698)]
+
+#### :hammer_and_wrench: Others
+
+- test: use nodejs18 to run jobs [valentinab25 - [`779511c`](https://github.com/eea/volto-eea-design-system/commit/779511cdbf4e9a031ed3dc58ef13f3cf68372273)]
 ### [1.32.4](https://github.com/eea/volto-eea-design-system/compare/1.32.3...1.32.4) - 29 August 2024
 
 #### :bug: Bug Fixes

package/package.json

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

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

@@ -12,6 +12,8 @@ import Industry from '@eeacms/volto-eea-design-system/../theme/themes/eea/assets
 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-logo-white.svg';
+import configureStore from 'redux-mock-store';
+import { Provider } from 'react-redux';
 
 export default {
   title: 'Layout/Footer',
@@ -19,14 +21,24 @@ export default {
   argTypes: {},
 };
 
+const mockStore = configureStore();
+const store = mockStore({
+  intl: {
+    locale: 'en',
+    messages: {},
+  },
+});
+
 const Template = (args) => (
-  <Footer>
-    <Footer.SubFooter {...args} />
-    <Footer.Header>{args.header}</Footer.Header>
-    <Footer.SitesButton {...args} />
-    <Footer.Social {...args} />
-    <Footer.Actions actions={args.actions} copyright={args.copyright} />
-  </Footer>
+  <Provider store={store}>
+    <Footer>
+      <Footer.SubFooter {...args} />
+      <Footer.Header>{args.header}</Footer.Header>
+      <Footer.SitesButton {...args} />
+      <Footer.Social {...args} />
+      <Footer.Actions actions={args.actions} copyright={args.copyright} />
+    </Footer>
+  </Provider>
 );
 
 export const Default = Template.bind({});

package/templates/eea.hbs

@@ -2,33 +2,7 @@
 title: What's new
 ---
 
-### EEA Design System (1.0)
-
-#### Components ready to be used
-
-The following components are ready to be used as Volto `blocks`, `slate` integration, or via the advanced `block styler`:
-- Accordion `block`
-- Call to Action `block`
-- Callout - part of the Description `block`, `slate`
-- Card - part of the Teaser `block` and Listing `block`, it includes several variations like round card e.g., used for Avatar
-- Divider `block`
-- Headings `slate`
-- Hero `block`
-- Item `block` - used for text with an icon (remixicon or custom SVG/image) on the left/right
-- List `slate` - ordered and unordered
-- Quote `block`
-- Statistic `block`
-- Tag `block`
-- Table `block`
-- Tabs `block`
-- Timeline `block`
-
-#### Future releases
-
-Below is a non-exhaustive list of the work-in-progress which is planned for future releases:
-- Navigation Portlet (used on the left/right hand of content)
-- Spacing/padding system. We want to add the ability for editors to consistently apply various spacing/padding on certain components in order to allow a better alignment when components are used together.
-- Improve docusaurus and storybook with more components, controls, and variations in order to better reflect what is possible in Volto.
+### EEA Design System
 
 {{#unless options.hideCredit}}
   Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).

package/theme/themes/eea/elements/list.overrides

@@ -35,6 +35,13 @@ ul.ui.list li:before {
   font-size: @bulletSize;
 }
 
+/* Ordered list */
+
+ol.ui.list,
+.ui.ordered.list {
+  padding-left: @orderedDistance;
+}
+
 // Third layer margin fix
 .ui.ordered.list .list .list > .item:before,
 .ui.ordered.list .list .list > li:before {

package/theme/themes/eea/elements/list.variables

@@ -111,9 +111,7 @@
 @linkListItemHoverColor: @hoveredTextColor;
 @linkListItemDownColor: @pressedTextColor;
 @linkListItemActiveColor: @selectedTextColor;
-@linkListTransition:
-  @defaultDuration color @defaultEasing
-;
+@linkListTransition: @defaultDuration color @defaultEasing;
 
 /* Inverted Link List */
 @invertedLinkListItemColor: @invertedUnselectedTextColor;
@@ -129,8 +127,7 @@
 @selectionListTransition:
   @defaultDuration color @defaultEasing,
   @defaultDuration padding-left @defaultEasing,
-  @defaultDuration background-color @defaultEasing
-;
+  @defaultDuration background-color @defaultEasing;
 
 /* Selection List States */
 @selectionListBackground: transparent;
@@ -158,8 +155,7 @@
 @animatedListTransition:
   @animatedDuration color @defaultEasing @animatedDelay,
   @animatedDuration padding-left @defaultEasing @animatedDelay,
-  @animatedDuration background-color @defaultEasing @animatedDelay
-;
+  @animatedDuration background-color @defaultEasing @animatedDelay;
 @animatedListIndent: 1em;
 
 /* Bulleted */
@@ -181,12 +177,13 @@
 
 /* Ordered List */
 @orderedCountName: ordered;
-@orderedCountContent: counters(ordered, ".") " ";
+@orderedCountContent: counters(ordered, '.') ' ';
 @orderedCountColor: inherit;
 @orderedCountDistance: 1.25rem;
 @orderedCountOpacity: 1;
 @orderedCountTextAlign: right;
 @orderedCountVerticalAlign: middle;
+@orderedDistance: @bulletDistance;
 
 @orderedChildCountDistance: 1em;
 @orderedChildCountOffset: -2em;
@@ -232,4 +229,3 @@
 @veryRelaxedChildItemVerticalPadding: @relative4px;
 @veryRelaxedHeaderMargin: 0.5rem;
 @veryRelaxedHorizontalPadding: 1.5rem;
-