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

package/CHANGELOG.md

@@ -4,7 +4,26 @@ 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.2](https://github.com/eea/volto-eea-design-system/compare/0.9.1...0.9.2) - 27 September 2022
+
+#### :bug: Bug Fixes
+
+- fix(block-editor): Padding [Alin Voinea - [`9072198`](https://github.com/eea/volto-eea-design-system/commit/9072198e89e52075fce845decab8573da3972a85)]
+
+### [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
+
+- Merge pull request #243 from eea/develop [ichim-david - [`576564c`](https://github.com/eea/volto-eea-design-system/commit/576564ce395ee6ac9e74bcb19d5c4f0b4cd3c33b)]
+- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`4a5be6e`](https://github.com/eea/volto-eea-design-system/commit/4a5be6eec78dae230626e61ea2c77e7f3c62510d)]
+- 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 +83,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)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "0.9.0",
+  "version": "0.9.2",
   "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/container.overrides

@@ -15,10 +15,16 @@
   .container {
     width: auto !important;
   }
+
   [class*="block-editor"] {
-  padding-left: 3rem;
-  padding-right: 3rem;
-}
+    padding-left: 3rem;
+    padding-right: 3rem;
+
+    [class*="block-editor"] {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
 }
 
 .contentWidth(@offset) {

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;