@eeacms/volto-eea-design-system 1.0.0-alpha.4 → 1.0.0-alpha.5

package/CHANGELOG.md

@@ -4,6 +4,57 @@ 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.5](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.4...1.0.0-alpha.5) - 29 November 2022
+
+#### :rocket: New Features
+
+- feat(Iconography): import and showcase remix icons [Antonis Tarantilis - [`777112f`](https://github.com/eea/volto-eea-design-system/commit/777112f7e77ce8c74c3fd4384bff6ec9694aba04)]
+
+#### :bug: Bug Fixes
+
+- fix(contentBox): avoid text decoration for header-link added on cards [David Ichim - [`3ccb592`](https://github.com/eea/volto-eea-design-system/commit/3ccb592db6f465cec59124b94fb6918b513bb761)]
+- fix(label): color for yellow variant as white isn't accessible on yellow color [David Ichim - [`91d8880`](https://github.com/eea/volto-eea-design-system/commit/91d8880a829d2728c49a1953f6d2d8c2c812990c)]
+- fix(label): margin value for ribbon image left and right margin [David Ichim - [`f8e1129`](https://github.com/eea/volto-eea-design-system/commit/f8e1129734709d6034539a6522105af9d43fef20)]
+- fix(lists): bullet position by using padding instead of margin [David Ichim - [`0ecae2e`](https://github.com/eea/volto-eea-design-system/commit/0ecae2e7fe61b98d8795f876a525fbbc873bf799)]
+- fix(docusaurus): right bar overflow fix [Manthos Matzios - [`197c763`](https://github.com/eea/volto-eea-design-system/commit/197c763624f70556c62379bc0751763725d0fed3)]
+
+#### :nail_care: Enhancements
+
+- change(tag): set gap on tags element for margin between tag elements [David Ichim - [`726bc6d`](https://github.com/eea/volto-eea-design-system/commit/726bc6da821a366a5afa03659e614cc73ed02c0b)]
+- refactor(docusaurus): move supplementary, state and link colors to partials [Giorgos Stamatis - [`2776be3`](https://github.com/eea/volto-eea-design-system/commit/2776be32615d7a6bdd8561a523fb9cfb1a85e38b)]
+- refactor(docusaurus): fix side menu / moved more content in palette partial [Giorgos Stamatis - [`f5b7077`](https://github.com/eea/volto-eea-design-system/commit/f5b70775471369ca8f3193784b9bc66caa8fb76f)]
+- refactor(docusaurus): eea color palette in separate file [Giorgos Stamatis - [`6c855df`](https://github.com/eea/volto-eea-design-system/commit/6c855df9c2238f8d21860ade4578aa969b68448e)]
+- refactor(docusaurus): classes for color boxes [Giorgos Stamatis - [`80219d5`](https://github.com/eea/volto-eea-design-system/commit/80219d52bc63842d8e6382dbbe7d43cdc8a29b9c)]
+- perf(docusaurus): added remixicon and roboto locally [Giorgos Stamatis - [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)]
+
+#### :house: Internal changes
+
+- chore(colours): fix wrong class name [Giorgos Stamatis - [`51ad0a8`](https://github.com/eea/volto-eea-design-system/commit/51ad0a8232f7f35cae05f5861d7822db852b3f8d)]
+
+#### :house: Documentation changes
+
+- docs(colors): switch FISE logo to png [Giorgos Stamatis - [`335471f`](https://github.com/eea/volto-eea-design-system/commit/335471fd95bbd78cd7bd80b960272baa0a32e1c5)]
+- docs(colours): adjust logos heights [Antonis Tarantilis - [`854d4fb`](https://github.com/eea/volto-eea-design-system/commit/854d4fb761be7307e83e5dd2eb0fe5a0117727c5)]
+- docs(colors): thematic pages integration [Dora Anastasiou - [`ea7a422`](https://github.com/eea/volto-eea-design-system/commit/ea7a4220a93d3fd2f437b51462f7f19d99f52595)]
+- docs(colors): fix swatches accessibility [Dora Anastasiou - [`306cb74`](https://github.com/eea/volto-eea-design-system/commit/306cb74d3e06390a9c15da9b8b29c9d3c8f0f6c5)]
+- docs(typography): merge designer and dev units [Giorgos Stamatis - [`65c240e`](https://github.com/eea/volto-eea-design-system/commit/65c240eddbf20b3fc870d301b96837f49ad9caca)]
+- docs(colors): updated visited [Dora Anastasiou - [`0248fd1`](https://github.com/eea/volto-eea-design-system/commit/0248fd164cbf85168945797244977c305c67608d)]
+- docs(FISE): replaced logo [Giorgos Stamatis - [`f7d8331`](https://github.com/eea/volto-eea-design-system/commit/f7d833127f769d79f099618b98789c6929b4ba08)]
+- docs(colors): blue-grey-6 adjustment [Giorgos Stamatis - [`e7ab2d1`](https://github.com/eea/volto-eea-design-system/commit/e7ab2d15d3a617bc5b3713897f3e3521d9e2720a)]
+- docs(docusaurus): typography and colors fixes according to comments on PR [Manthos Matzios - [`ae20a72`](https://github.com/eea/volto-eea-design-system/commit/ae20a7258cc88465fa0937895c2999952736f456)]
+- docs(typography): readded extra font sizes, fixed fluid [Manthos Matzios - [`a4a5d89`](https://github.com/eea/volto-eea-design-system/commit/a4a5d892538a9713d14ac718b1bf2c771be09810)]
+- docs(colors): minors updates and instructions [Manthos Matzios - [`84ac882`](https://github.com/eea/volto-eea-design-system/commit/84ac8828e430b4af2b461534b4e2f81189080145)]
+- docs(docusaurus): Iconography updates, thematic platforms [Dora Anastasiou - [`2a0e596`](https://github.com/eea/volto-eea-design-system/commit/2a0e596bd002290e0759d8c5e568da4d318f7d59)]
+- docs(colours): added active colour [Manthos Matzios - [`574f7a9`](https://github.com/eea/volto-eea-design-system/commit/574f7a95ea8a9510d03a104ad72fafafcae5d738)]
+- docs(typography): changed em to percentages [Manthos Matzios - [`d417600`](https://github.com/eea/volto-eea-design-system/commit/d4176007ff4b421bc988b618488e0ba6b550f9fe)]
+- docs(docusaurus): color updates [Manthos Matzios - [`cc13b54`](https://github.com/eea/volto-eea-design-system/commit/cc13b5499a9ae13bb45925a057f8ff4d6a2e4643)]
+
+#### :hammer_and_wrench: Others
+
+- Release 1.0.0-alpha.5 [Alin Voinea - [`dcd60c9`](https://github.com/eea/volto-eea-design-system/commit/dcd60c9285caf60b23ed97a9ca5daed0a943bc24)]
+- feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus [ichim-david - [`ec7843d`](https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3)]
+- Back to dev [Alin Voinea - [`563fbc5`](https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a)]
+- perf(docusaurus): added remixicon and roboto locally [Giorgos Stamatis - [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)]
 ### [1.0.0-alpha.4](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4) - 22 November 2022
 
 #### :bug: Bug Fixes
@@ -24,7 +75,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Release 1.0.0-alpha.4 [Alin Voinea - [`ec8938b`](https://github.com/eea/volto-eea-design-system/commit/ec8938b4847a2973c7a853896d609d2de0041019)]
 - Exclude mockups from npm package [Alin Voinea - [`634af8e`](https://github.com/eea/volto-eea-design-system/commit/634af8e3ddabec36a18597d8d7638888269875fc)]
 - Update eea.github.io on all commits in develop branch [Alin Voinea - [`3d0b8d7`](https://github.com/eea/volto-eea-design-system/commit/3d0b8d745138bd2e0219560c8c895ce2c56dbf04)]
 - Trigger re-build [Alin Voinea - [`3566dd2`](https://github.com/eea/volto-eea-design-system/commit/3566dd2b4d2cd12496e05b792c85a78de550dd50)]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.0.0-alpha.4",
+  "version": "1.0.0-alpha.5",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -21,14 +21,14 @@
   ],
   "dependencies": {
     "@eeacms/volto-corsproxy": "*",
-    "remixicon": "2.5.0",
+    "react-countup": "^6.3.0",
     "react-slick": "^0.28.1",
-    "slick-carousel": "^1.8.1",
-    "react-countup": "^6.3.0"
+    "remixicon": "2.5.0",
+    "slick-carousel": "^1.8.1"
   },
   "devDependencies": {
-    "@plone/scripts": "*",
     "@cypress/code-coverage": "^3.10.0",
+    "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "md5": "^2.3.0"
   },

package/theme/theme.config

@@ -134,4 +134,5 @@
   @import (optional) "@{siteFolder}/@{addon}/@{addontype}s/@{addonelement}.overrides";
 }
 
+
 /* End Config */

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

@@ -9,8 +9,8 @@
 @labelFontSize: @fontSize;
 
 @verticalAlign: baseline;
-@verticalMargin: 0em;
-@horizontalMargin: @relative2px;
+@verticalMargin: 0;
+@horizontalMargin: 0;
 @backgroundColor: @grey;
 @color: @white;
 @backgroundImage: none;
@@ -142,7 +142,7 @@
 @rightRibbonOffset:  calc(100% + @ribbonMargin + @ribbonTriangleSize);
 
 @ribbonImageTopDistance: 1rem;
-@ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */
+@ribbonImageMargin: 0.05rem; /* Rounding Offset on Triangle */
 @ribbonImageOffset: calc(-@ribbonImageMargin - @ribbonTriangleSize);
 @rightRibbonImageOffset:  calc(100% + @ribbonImageMargin + @ribbonTriangleSize);
 
@@ -173,7 +173,7 @@
 
 @redTextColor: @white;
 @orangeTextColor: @white;
-@yellowTextColor: @white;
+@yellowTextColor: @textColor;
 @oliveTextColor: @white;
 @greenTextColor: @white;
 @tealTextColor: @white;
@@ -187,7 +187,7 @@
 
 @redHoverTextColor: @white;
 @orangeHoverTextColor: @white;
-@yellowHoverTextColor: @white;
+@yellowHoverTextColor: @textColor;
 @oliveHoverTextColor: @white;
 @greenHoverTextColor: @white;
 @tealHoverTextColor: @white;

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

@@ -19,6 +19,12 @@ dl dd {
 }
 
 /* Unordered list */
+
+// use padding instead
+ul.ui.list, .ui.bulleted.list {
+  padding-left: @bulletDistance;
+  margin-left: 0;
+}
 .ui.bulleted.list .list > .item:before,
 .ui.bulleted.list .list > a.item:before,
 .ui.bulleted.list > .item:before,

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

@@ -165,7 +165,7 @@
 /* Bulleted */
 
 @bulletSize: 1.1rem;
-@bulletDistance: 1.25rem;
+@bulletDistance: @rem-space-5;
 @bulletOffset: -@bulletDistance;
 
 @bulletOpacity: 1;

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

@@ -55,7 +55,7 @@
   --text-color-hover: @backgroundColorSupplementary;
 }
 // inherit link
-.content-box[class*="ary"] a:not(.ui, .item) {
+.content-box[class*="ary"] a:not(.ui, .item, .header-link) {
   color: inherit;
   text-decoration: underline;
 }
@@ -64,4 +64,4 @@
 .content-box .slate-editor-link {
   color: inherit;
   text-decoration: underline;
-}
+}

package/theme/themes/eea/extras/tag.variables

@@ -5,7 +5,7 @@
 /* Tags */
 @tagPadding            : @mediumGap 0;
 @tagHeight             : 1.25rem;
-@tagMargin             : 0 @mediumGap 0 0;
+@tagMargin             : 0 0 0 0;
 
 /* Tag Icon */
 @tagHashtagFontSize    : 0.75rem;

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

@@ -15,17 +15,21 @@
   flex-wrap: wrap;
   width: @tagsBodyWidth;
   line-height: @tagsLineHeight;
+  gap: @tagsGap;
 
   .tags-title {
     text-align: right;
     height: @tagsLineHeight;
     color: @tagsTitleFontColor;
-    margin-right: @tagsTitleMargin;
     font-weight: @tagsFontWeight;
     font-size: @tagsFontSize;
   }
 }
 
+.tags.labels {
+  gap: @tagsLabelsGap;
+}
+
 .tags.left {
   justify-content: left;
 }

package/theme/themes/eea/extras/tagList.variables

@@ -4,10 +4,11 @@
 
 /* Body */
 @tagsBodyWidth             : 100%;
+@tagsLabelsGap             : 0.5rem;
+@tagsGap                   : 1rem;
 
 /* Tags Title */
 @tagsTitleFontColor        : @textColorCSSVar;
-@tagsTitleMargin           : 1rem;
 @tagsFontWeight            : 400;
 @tagsFontSize              : 1.125rem;
 @tagsLineHeight            : 1.312rem;

package/theme/themes/eea/tokens/colors.less

@@ -58,6 +58,6 @@
 @grey-1: #F9F9F9;
 @grey-2: #E6E7E8;
 @grey-3: #BCBEC0;
-@grey-4: #67696b; // 10% shade of #808285 which passed AA validation on white bg
+@grey-4: #67696b; /* 10% shade of #808285 which passed AA validation on white bg */
 @grey-5: #323232;
 @grey-6: #000000;

package/website/docs/2-whatsnew.md

@@ -38,7 +38,59 @@ Below is a non-exhaustive list of the work-in-progress which is planned for futu
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [Unreleased](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...HEAD) - 2022-11-22T16:23:09.522Z
+### [Unreleased](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.4...HEAD) - 2022-11-29T18:30:49.777Z
+
+#### :rocket: New Features
+
+- feat(Iconography): import and showcase remix icons [`777112f`](https://github.com/eea/volto-eea-design-system/commit/777112f7e77ce8c74c3fd4384bff6ec9694aba04)
+
+#### :bug: Bug Fixes
+
+- fix(docusaurus): right bar overflow fix [`197c763`](https://github.com/eea/volto-eea-design-system/commit/197c763624f70556c62379bc0751763725d0fed3)
+- fix(lists): bullet position by using padding instead of margin [`0ecae2e`](https://github.com/eea/volto-eea-design-system/commit/0ecae2e7fe61b98d8795f876a525fbbc873bf799)
+- fix(label): color for yellow variant as white isn't accessible on yellow color [`91d8880`](https://github.com/eea/volto-eea-design-system/commit/91d8880a829d2728c49a1953f6d2d8c2c812990c)
+- fix(contentBox): avoid text decoration for header-link added on cards [`3ccb592`](https://github.com/eea/volto-eea-design-system/commit/3ccb592db6f465cec59124b94fb6918b513bb761)
+- fix(label): margin value for ribbon image left and right margin [`f8e1129`](https://github.com/eea/volto-eea-design-system/commit/f8e1129734709d6034539a6522105af9d43fef20)
+
+#### :nail_care: Enhancements
+
+- refactor(docusaurus): eea color palette in separate file [`6c855df`](https://github.com/eea/volto-eea-design-system/commit/6c855df9c2238f8d21860ade4578aa969b68448e)
+- refactor(docusaurus): classes for color boxes [`80219d5`](https://github.com/eea/volto-eea-design-system/commit/80219d52bc63842d8e6382dbbe7d43cdc8a29b9c)
+- refactor(docusaurus): move supplementary, state and link colors to partials [`2776be3`](https://github.com/eea/volto-eea-design-system/commit/2776be32615d7a6bdd8561a523fb9cfb1a85e38b)
+- refactor(docusaurus): fix side menu / moved more content in palette partial [`f5b7077`](https://github.com/eea/volto-eea-design-system/commit/f5b70775471369ca8f3193784b9bc66caa8fb76f)
+- change(tag): set gap on tags element for margin between tag elements [`726bc6d`](https://github.com/eea/volto-eea-design-system/commit/726bc6da821a366a5afa03659e614cc73ed02c0b)
+
+#### :house: Internal changes
+
+- chore(colours): fix wrong class name [`51ad0a8`](https://github.com/eea/volto-eea-design-system/commit/51ad0a8232f7f35cae05f5861d7822db852b3f8d)
+
+#### :house: Documentation changes
+
+- docs(docusaurus): Iconography updates, thematic platforms [`2a0e596`](https://github.com/eea/volto-eea-design-system/commit/2a0e596bd002290e0759d8c5e568da4d318f7d59)
+- docs(colors): thematic pages integration [`ea7a422`](https://github.com/eea/volto-eea-design-system/commit/ea7a4220a93d3fd2f437b51462f7f19d99f52595)
+- docs(docusaurus): color updates [`cc13b54`](https://github.com/eea/volto-eea-design-system/commit/cc13b5499a9ae13bb45925a057f8ff4d6a2e4643)
+- docs(colors): fix swatches accessibility [`306cb74`](https://github.com/eea/volto-eea-design-system/commit/306cb74d3e06390a9c15da9b8b29c9d3c8f0f6c5)
+- docs(docusaurus): typography and colors fixes according to comments on PR [`ae20a72`](https://github.com/eea/volto-eea-design-system/commit/ae20a7258cc88465fa0937895c2999952736f456)
+- docs(typography): merge designer and dev units [`65c240e`](https://github.com/eea/volto-eea-design-system/commit/65c240eddbf20b3fc870d301b96837f49ad9caca)
+- docs(typography): readded extra font sizes, fixed fluid [`a4a5d89`](https://github.com/eea/volto-eea-design-system/commit/a4a5d892538a9713d14ac718b1bf2c771be09810)
+- docs(typography): changed em to percentages [`d417600`](https://github.com/eea/volto-eea-design-system/commit/d4176007ff4b421bc988b618488e0ba6b550f9fe)
+- docs(colors): minors updates and instructions [`84ac882`](https://github.com/eea/volto-eea-design-system/commit/84ac8828e430b4af2b461534b4e2f81189080145)
+- docs(colours): adjust logos heights [`854d4fb`](https://github.com/eea/volto-eea-design-system/commit/854d4fb761be7307e83e5dd2eb0fe5a0117727c5)
+- docs(colors): blue-grey-6 adjustment [`e7ab2d1`](https://github.com/eea/volto-eea-design-system/commit/e7ab2d15d3a617bc5b3713897f3e3521d9e2720a)
+- docs(colours): added active colour [`574f7a9`](https://github.com/eea/volto-eea-design-system/commit/574f7a95ea8a9510d03a104ad72fafafcae5d738)
+- docs(colors): switch FISE logo to png [`335471f`](https://github.com/eea/volto-eea-design-system/commit/335471fd95bbd78cd7bd80b960272baa0a32e1c5)
+- docs(colors): updated visited [`0248fd1`](https://github.com/eea/volto-eea-design-system/commit/0248fd164cbf85168945797244977c305c67608d)
+- docs(FISE): replaced logo [`f7d8331`](https://github.com/eea/volto-eea-design-system/commit/f7d833127f769d79f099618b98789c6929b4ba08)
+
+#### :hammer_and_wrench: Others
+
+- perf(docusaurus): added remixicon and roboto locally [`b67b1a7`](https://github.com/eea/volto-eea-design-system/commit/b67b1a72bc9cdc7c62a25967e81b430f8b62d558)
+- Upgrade Jenkinsfile storybook to yarn 3 [`d20de8d`](https://github.com/eea/volto-eea-design-system/commit/d20de8d6e21a14660b7b5125a80218a8a6f19e62)
+- Release 1.0.0-alpha.5 [`dcd60c9`](https://github.com/eea/volto-eea-design-system/commit/dcd60c9285caf60b23ed97a9ca5daed0a943bc24)
+- feature(Docusaurus): Updates on color palette information including thematic websites #231 from eea/refactor-docusaurus [`ec7843d`](https://github.com/eea/volto-eea-design-system/commit/ec7843dea07f626dc1c71ae1baa8bb5b0caa52f3)
+- Back to dev [`563fbc5`](https://github.com/eea/volto-eea-design-system/commit/563fbc5fac0d4b0295690d0a3a4e04271753f18a)
+
+### [1.0.0-alpha.4](https://github.com/eea/volto-eea-design-system/compare/1.0.0-alpha.3...1.0.0-alpha.4) - 2022-11-22
 
 #### :bug: Bug Fixes
 
@@ -59,7 +111,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - Update eea.github.io on all commits in develop branch [`3d0b8d7`](https://github.com/eea/volto-eea-design-system/commit/3d0b8d745138bd2e0219560c8c895ce2c56dbf04)
-- Release 1.0.0-alpha.4 [`ec8938b`](https://github.com/eea/volto-eea-design-system/commit/ec8938b4847a2973c7a853896d609d2de0041019)
 - Exclude mockups from npm package [`634af8e`](https://github.com/eea/volto-eea-design-system/commit/634af8e3ddabec36a18597d8d7638888269875fc)
 - fix rounded selector [`1fa1544`](https://github.com/eea/volto-eea-design-system/commit/1fa15442f03d3f3d9ef59afa14075b061483cf3a)
 - Trigger re-build [`3566dd2`](https://github.com/eea/volto-eea-design-system/commit/3566dd2b4d2cd12496e05b792c85a78de550dd50)