@eeacms/volto-eea-design-system 0.9.0 → 0.9.1

package/CHANGELOG.md

@@ -4,7 +4,18 @@ 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).
 
-### [0.8.2](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.8.2) - 19 September 2022
+### [0.9.1](https://github.com/eea/volto-eea-design-system/compare/0.9.0...0.9.1) - 27 September 2022
+
+#### :nail_care: Enhancements
+
+- change(styles): use flex-end values only instead of end to avoid babel warning [David Ichim - [`24244b2`](https://github.com/eea/volto-eea-design-system/commit/24244b22ea69b9f4dc3006597c7836f814b74cf2)]
+- change(rounded): image size, border radius to ensure more image are turned into rounded options [David Ichim - [`51e23c1`](https://github.com/eea/volto-eea-design-system/commit/51e23c1bb38f277b2bfbad5d814925eb61d17668)]
+- change(cards): added ability to change the text alignment using css variables [David Ichim - [`ed532ac`](https://github.com/eea/volto-eea-design-system/commit/ed532ac20c82a6933c4f12613c80ce92eec78405)]
+
+#### :hammer_and_wrench: Others
+
+- Back to dev [Alin Voinea - [`b251255`](https://github.com/eea/volto-eea-design-system/commit/b251255a7ed14d8290717726d86eaf54b87aa2d4)]
+### [0.9.0](https://github.com/eea/volto-eea-design-system/compare/0.8.1...0.9.0) - 19 September 2022
 
 #### :rocket: New Features
 
@@ -64,6 +75,7 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
+- Release 0.9.0 [Alin Voinea - [`eb7e2e5`](https://github.com/eea/volto-eea-design-system/commit/eb7e2e57b5f2778e709b67deee3624f6e9f9e716)]
 - Update Header.stories.js [ichim-david - [`9036c74`](https://github.com/eea/volto-eea-design-system/commit/9036c74d54640df2ccfcfdea9ddcdb29787d8ae2)]
 - Move text fragments style to site.overrides [kreafox - [`8368cbe`](https://github.com/eea/volto-eea-design-system/commit/8368cbe2cecfc296a2fc81dd0bb49cb9e9a9314c)]
 - stylelint fix [David Ichim - [`114e3f9`](https://github.com/eea/volto-eea-design-system/commit/114e3f97c6209f100aae2d6e24c595b7ba0a6500)]
@@ -757,10 +769,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - prettier changes [David Ichim - [`134da52`](https://github.com/eea/volto-eea-design-system/commit/134da52549b9d5eac5a12b7ad3005073500ac2c4)]
-- [JENKINSFILE] remove debug, add error per stage [valentinab25 - [`903eecd`](https://github.com/eea/volto-eea-design-system/commit/903eecdb6bcbb8d73cff5e447d80c85e2a2c906d)]
-- [JENKINSFILE] mention comment author in comment [valentinab25 - [`39a26aa`](https://github.com/eea/volto-eea-design-system/commit/39a26aa1ff0f35e93e8df9f442c29c5ab79ff493)]
-- [JENKINSFILE] format PR comments [valentinab25 - [`739438c`](https://github.com/eea/volto-eea-design-system/commit/739438c64950c745d630d1998314a2bed595b23a)]
-- [JENKINSFILE] Add failure comment, no jenkins fail [valentinab25 - [`c325bf1`](https://github.com/eea/volto-eea-design-system/commit/c325bf14f3fb0da150f2a56cda0a9f03d8d8a628)]
 ### [0.2.3](https://github.com/eea/volto-eea-design-system/compare/0.2.2...0.2.3) - 29 April 2022
 
 #### :rocket: New Features
@@ -1185,7 +1193,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - set profile section overflow to auto [nileshgulia1 - [`71ab47f`](https://github.com/eea/volto-eea-design-system/commit/71ab47f89a433233c14b394c3824e607dd18a393)]
 - remove segment custom width [nileshgulia1 - [`1d3ea40`](https://github.com/eea/volto-eea-design-system/commit/1d3ea40f98bbdc1eab95b4da739a659b5e29ec16)]
 - fix profile section css overflow [nileshgulia1 - [`db5126f`](https://github.com/eea/volto-eea-design-system/commit/db5126fc902e191d1e18fb7e4c54877c8d8786e6)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`647a6e3`](https://github.com/eea/volto-eea-design-system/commit/647a6e3e2093f2c4884c356eb148453551c8f33f)]
 - fix warning related to proptype [nileshgulia1 - [`946c6c6`](https://github.com/eea/volto-eea-design-system/commit/946c6c6bc9dece0985ae4b9f9cad6ece2be0ff2c)]
 - removed override already present in card.less [ichim-david - [`50d2ab2`](https://github.com/eea/volto-eea-design-system/commit/50d2ab26f85c8f409da02ec128cc1df34848ca69)]
 - update [Miu Razvan - [`bbcab87`](https://github.com/eea/volto-eea-design-system/commit/bbcab87ef4c8475f347f0daf4ab7e428e69c2316)]
@@ -1272,7 +1279,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - remove segment custom width [nileshgulia1 - [`4a60d84`](https://github.com/eea/volto-eea-design-system/commit/4a60d84d5fe76578b7760aa1dad6eef9a20916a7)]
 - Reformat header.less [Tiberiu Ichim - [`1f99dfc`](https://github.com/eea/volto-eea-design-system/commit/1f99dfc82c165304ca5600ce5138c1233615ab69)]
 - fix profile section css overflow [nileshgulia1 - [`8fd2654`](https://github.com/eea/volto-eea-design-system/commit/8fd265413149f1b5e033dffa0fbcb5ef5ecad15f)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6051724`](https://github.com/eea/volto-eea-design-system/commit/6051724437a38675e659c797bb5586ef81286ec0)]
 - fix warning related to proptype [nileshgulia1 - [`824b9be`](https://github.com/eea/volto-eea-design-system/commit/824b9beff77aae139882cd50a1d670a02ec6f723)]
 - refactor breadcrumbs component, make it functional and customizable [nileshgulia1 - [`4ec374e`](https://github.com/eea/volto-eea-design-system/commit/4ec374e20565eb0a5aed0ff67a02cd6f77eba1f0)]
 - removed override already present in card.less [ichim-david - [`93c4e5a`](https://github.com/eea/volto-eea-design-system/commit/93c4e5aac9cc85ff2cc6c04180f6655d5f5616dc)]
@@ -1841,7 +1847,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`3af46d2`](https://github.com/eea/volto-eea-design-system/commit/3af46d2b14fa0b1ef44736f25b0f9ac93b23d18d)]
 - Refs #140454  updated eea-design-system readme with extra info on package contents [David Ichim - [`d2efc3d`](https://github.com/eea/volto-eea-design-system/commit/d2efc3ddae7b91efc82cf3bce8fb8e42d696a780)]
 - Refs #140454 add h1 to the list of elements that are max 800px and centered [David Ichim - [`7d3c30f`](https://github.com/eea/volto-eea-design-system/commit/7d3c30f409aa4cb43810839f8960589456cc1b2e)]
-- Add Sonarqube tag using ims-frontend addons list [EEA Jenkins - [`8d657d0`](https://github.com/eea/volto-eea-design-system/commit/8d657d056cde5163cfe90ac66bc973f55d82e5e9)]
 ### [0.1.0](https://github.com/eea/volto-eea-design-system/compare/0.0.1...0.1.0) - 17 November 2021
 
 #### :hammer_and_wrench: Others

package/package.json

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

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

@@ -8,6 +8,9 @@
 
 // This override on .block .ui.image is needed as it
 // sets width: 100% by default
+.ui.image {
+  max-width: var(--image-max-width, 100%);
+}
 
 .block .ui.mini.image {
   width: @miniWidth;

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

@@ -11,7 +11,7 @@
   display: flex;
   min-width: @eeaLoaderMinWidth;
   max-width: @eeaLoaderMaxWidth;
-  align-items: end;
+  align-items: flex-end;
   justify-content: center;
   padding: @eeaLoaderPadding;
   animation: loaderPulse ease-out 2.5s infinite;

package/theme/themes/eea/extras/banner.less

@@ -21,7 +21,7 @@
       padding: @mobileContentPadding;
 
       .ui.grid {
-        align-items: end;
+        align-items: flex-end;
       }
 
       .title {

package/theme/themes/eea/globals/site.variables

@@ -622,7 +622,7 @@
       Borders
 --------------------*/
 
-@circularRadius                : 500rem;
+@circularRadius                : 50%;
 
 @borderColor               : @silverGray;
 @strongBorderColor         : rgba(34, 36, 38, 0.22);

package/theme/themes/eea/globals/utilities.less

@@ -39,6 +39,15 @@ h1, h2, h3, h4, h5, h6, p, span, .header {
 .text-right { text-align: right !important; }
 .bold { font-weight: bold !important; }
 
+.align_left {
+  --text-align: left;
+}
+
+.align_center {
+  --text-align: center;
+  --justify-content: space-evenly;
+}
+
 // Text utilities
 .bold { font-weight: @bold !important; }
 .underline { text-decoration: underline !important; }

package/theme/themes/eea/modules/checkbox.variables

@@ -5,6 +5,7 @@
 @checkboxSize: 20px;
 @checkboxColor: @textColor;
 @checkboxLineHeight: @checkboxSize;
+@circularRadius: 500rem;
 
 
 /* Label */

package/theme/themes/eea/views/card.overrides

@@ -7,11 +7,15 @@
 .ui.card > .extra {
   font-size: @extraLinkFontSize;
   word-break: @extraLinkWordBreak;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: var(--text-align, @extraJustifyContent);
 }
 
 /* Cards must have same height */
 .ui.card {
   height: 100%;
+  text-align: var(--text-align, @cardTextAlign);
 }
 
 .ui.cards > .card:not(.rounded) > .image,
@@ -41,7 +45,7 @@
 
 .ui.card .meta {
   display: flex;
-  justify-content: space-between;
+  justify-content: var(--justify-content, @metaJustifyContent);
   width: 100%;
 }
 
@@ -259,11 +263,11 @@
       margin-bottom: @roundedContentTitleMarginBottom;
       font-size: @roundedContentTitleFontSize;
       font-weight: @roundedContentTitleFontWeight;
-      text-align: @roundedContentTitleTextAlign;
+      //text-align: @roundedContentTitleTextAlign;
     }
 
     .description {
-      text-align: @roundedContentTitleTextAlign;
+      //text-align: @roundedContentTitleTextAlign;
       font-size: @roundedMetadataFontSize;
       font-weight: @roundedMetadataFontWeight;
     }

package/theme/themes/eea/views/card.variables

@@ -49,6 +49,8 @@
        Content
 --------------------*/
 
+@cardTextAlign: left;
+
 
 /* Image */
 @cardImageHeight: 200px;
@@ -84,6 +86,7 @@
 @headerColor: @tertiaryColor;
 
 /* Metadata */
+@metaJustifyContent: space-between;
 @metaFontSize: @relativeMedium;
 @metaSpacing: 0.3em;
 @metaColor: @tertiaryColor;
@@ -135,6 +138,7 @@
 /* Additional Content */
 @extraDivider: none;
 @extraBackground: none;
+@extraJustifyContent: right;
 @extraPosition: static;
 @extraWidth: auto;
 @extraTop: 0em;
@@ -278,8 +282,8 @@
 @roundedContentTitleFontWeight   : @bold;
 @roundedContentTitleFontSize     : @font-size-3;
 @roundedImageJustifyContent      : center;
-@roundedImageHeight           : 173px;
-@roundedImageWidth            : 173px;
+@roundedImageHeight           : 176px;
+@roundedImageWidth            : 176px;
 @roundedMetadataFontSize      : @font-size-1;
 @roundedMetadataFontWeight    : @normal;