@eeacms/volto-eea-design-system 1.23.6 → 1.23.8

package/CHANGELOG.md

@@ -4,6 +4,17 @@ 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.23.8](https://github.com/eea/volto-eea-design-system/compare/1.23.7...1.23.8) - 8 May 2024
+
+#### :rocket: New Features
+
+- feat: draft image - refs #268495 [ichim-david - [`c277f1f`](https://github.com/eea/volto-eea-design-system/commit/c277f1fe7580582fdf8b6d939c752cdc2742badf)]
+
+### [1.23.7](https://github.com/eea/volto-eea-design-system/compare/1.23.6...1.23.7) - 8 May 2024
+
+#### :hammer_and_wrench: Others
+
+- cleanup [alin - [`b36ba0b`](https://github.com/eea/volto-eea-design-system/commit/b36ba0bb621d1922b453f7b810d2d00faf73226e)]
 ### [1.23.6](https://github.com/eea/volto-eea-design-system/compare/1.23.5...1.23.6) - 16 April 2024
 
 #### :bug: Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-design-system",
-  "version": "1.23.6",
+  "version": "1.23.8",
   "description": "@eeacms/volto-eea-design-system: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -32,9 +32,11 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
+    "cypress": "13.1.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
-    "md5": "^2.3.0"
+    "md5": "^2.3.0",
+    "postcss-less": "6.0.0"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,json}": [

package/src/ui/DraftContent/DraftContent.stories.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Default as HeaderDefault, HeaderArgs } from '../Header/Header.stories';
+import './draft.css';
+
+export default {
+  title: 'Layout/Draft Content',
+  component: HeaderDefault,
+  argTypes: {
+    showDraftContent: { control: 'boolean' },
+  },
+};
+
+const HeaderTemplate = (args) => {
+  const draftClass = args.showDraftContent
+    ? 'view-viewview wf-state-is-draft'
+    : '';
+  return (
+    <div className={draftClass}>
+      <HeaderDefault {...HeaderArgs} />
+    </div>
+  );
+};
+
+export const Default = HeaderTemplate.bind({});
+Default.args = {
+  showDraftContent: true,
+};

package/src/ui/DraftContent/draft.css

@@ -0,0 +1,3 @@
+.view-viewview.wf-state-is-draft {
+  background-image: url('draft.png') !important;
+}

package/src/ui/Header/Header.stories.js

@@ -1540,7 +1540,7 @@ const Template = (args) => {
 };
 
 export const Default = Template.bind({});
-Default.args = {
+export const HeaderArgs = {
   linksMenuTitle: 'Environmental information systems',
   tabletLinksMenuTitle: 'EEA information systems',
   mobileLinksMenuTitle: 'EEA information systems',
@@ -1551,3 +1551,4 @@ Default.args = {
   transparency: false,
   inverted: false,
 };
+Default.args = HeaderArgs;

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

@@ -8,7 +8,6 @@
 *******************************/
 
 .tag {
-  cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -21,6 +20,18 @@
   font-weight: @tagNameFontWeight;
   line-height: @tagNameLineHeight;
 
+  &.link {
+    .icon,
+    .name {
+      color: @tagLinkFontColor;
+      cursor: pointer;
+
+      &:visited {
+        color: @tagLinkFontColor;
+      }
+    }
+  }
+
   .icon {
     width: unset;
     height: unset;

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

@@ -6,6 +6,7 @@
 @tagPadding            : @mediumGap 0;
 @tagHeight             : 1.25rem;
 @tagMargin             : 0 0 0 0;
+@tagLinkFontColor      : var(--text-color, @linkColor);
 
 /* Tag Icon */
 @tagHashtagFontSize    : 0.75rem;