From b65207f271141c62cb4666e54703e9bbad31739f Mon Sep 17 00:00:00 2001 From: spiros dimopulos Date: Wed, 27 May 2026 09:53:32 +0300 Subject: [PATCH 1/5] DRYD-1925: changed button bg color; added deleteButton bg colors; --- package.json | 2 +- src/index.jsx | 14 +++++++------- styles/colors.css | 4 +++- styles/cspace-ui/DeleteButton.css | 12 ++++++++++++ 4 files changed, 23 insertions(+), 9 deletions(-) diff --git a/package.json b/package.json index d7c28d2d0..b3b3e29c0 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ "@axe-core/react": "^4.11.0", "classnames": "^2.2.5", "cspace-client": "^2.0.0", - "cspace-input": "^2.0.4", + "cspace-input": "file:../cspace-input.js", "cspace-layout": "^2.0.4", "cspace-refname": "^1.0.4", "history": "^5.0.0", diff --git a/src/index.jsx b/src/index.jsx index 72d02822a..2658a4f7f 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -140,12 +140,12 @@ export default (uiConfig) => { } // Run accessibility checks in dev and log issues in console - if (process.env.NODE_ENV === 'development') { - (async () => { - // eslint-disable-next-line import/no-extraneous-dependencies - const axe = await import('@axe-core/react'); - await axe.default(React, ReactDOM, 1000); - })(); - } + // if (process.env.NODE_ENV === 'development') { + // (async () => { + // // eslint-disable-next-line import/no-extraneous-dependencies + // const axe = await import('@axe-core/react'); + // await axe.default(React, ReactDOM, 1000); + // })(); + // } } }; diff --git a/styles/colors.css b/styles/colors.css index eada988d2..cd5650614 100644 --- a/styles/colors.css +++ b/styles/colors.css @@ -5,6 +5,8 @@ @value inputBg: rgb(255, 255, 255); -@value buttonBg: #73AA4F; +@value buttonBg: #003366; @value buttonOutlinedBg: rgb(255, 255, 255); @value buttonOutlinedBgActive: rgb(220, 220, 220); +@value deleteButtonBg: #660000; +@value deleteButtonBgActive: #990000; diff --git a/styles/cspace-ui/DeleteButton.css b/styles/cspace-ui/DeleteButton.css index 8fc6b3156..27d132105 100644 --- a/styles/cspace-ui/DeleteButton.css +++ b/styles/cspace-ui/DeleteButton.css @@ -1,3 +1,15 @@ +@value deleteButtonBg, deleteButtonBgActive from '../colors.css'; +@value activeEdgeWidth from '../dimensions.css'; + .common { background-image: url(../../images/delete.svg); + background-color: deleteButtonBg; +} + +.common:hover:not(:disabled) { + background-color: deleteButtonBgActive; +} + +.common:focus { + box-shadow: 0 0 0 activeEdgeWidth deleteButtonBgActive; } From 055c90dedccfca4487a1deb620d656279cc5686f Mon Sep 17 00:00:00 2001 From: spiros dimopulos Date: Wed, 27 May 2026 10:38:12 +0300 Subject: [PATCH 2/5] DRYD-1925: moved buttonBg colors to cspace-input colors; --- package.json | 2 +- styles/colors.css | 3 --- styles/cspace-ui/DeleteButton.css | 2 +- styles/cspace-ui/SortBy.css | 2 +- 4 files changed, 3 insertions(+), 6 deletions(-) diff --git a/package.json b/package.json index b3b3e29c0..d7c28d2d0 100644 --- a/package.json +++ b/package.json @@ -45,7 +45,7 @@ "@axe-core/react": "^4.11.0", "classnames": "^2.2.5", "cspace-client": "^2.0.0", - "cspace-input": "file:../cspace-input.js", + "cspace-input": "^2.0.4", "cspace-layout": "^2.0.4", "cspace-refname": "^1.0.4", "history": "^5.0.0", diff --git a/styles/colors.css b/styles/colors.css index cd5650614..bbc97cc1a 100644 --- a/styles/colors.css +++ b/styles/colors.css @@ -5,8 +5,5 @@ @value inputBg: rgb(255, 255, 255); -@value buttonBg: #003366; @value buttonOutlinedBg: rgb(255, 255, 255); @value buttonOutlinedBgActive: rgb(220, 220, 220); -@value deleteButtonBg: #660000; -@value deleteButtonBgActive: #990000; diff --git a/styles/cspace-ui/DeleteButton.css b/styles/cspace-ui/DeleteButton.css index 27d132105..eaa88d508 100644 --- a/styles/cspace-ui/DeleteButton.css +++ b/styles/cspace-ui/DeleteButton.css @@ -1,4 +1,4 @@ -@value deleteButtonBg, deleteButtonBgActive from '../colors.css'; +@value deleteButtonBg, deleteButtonBgActive from 'cspace-input/styles/colors.css'; @value activeEdgeWidth from '../dimensions.css'; .common { diff --git a/styles/cspace-ui/SortBy.css b/styles/cspace-ui/SortBy.css index b354f3103..54c17ab02 100644 --- a/styles/cspace-ui/SortBy.css +++ b/styles/cspace-ui/SortBy.css @@ -1,4 +1,4 @@ -@value buttonBg from '../colors.css'; +@value buttonBg from 'cspace-input/styles/colors.css'; @value inputHeight from '../dimensions.css'; .flex { From ef677c00bfa6de12b91b9cfaebb115a2bbea2c31 Mon Sep 17 00:00:00 2001 From: spiros dimopulos Date: Wed, 27 May 2026 10:40:59 +0300 Subject: [PATCH 3/5] DRYD-1925: updated changelog; --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index d8cfe8386..10529bfe9 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,7 @@ ### Accessibility - Resolved orphaned form labels issue (Criteria 3.3.2). +- Resolved very low contrast buttons issue (Criteria 1.4.3) ## v10.2.0 From 4e9cf8fc00935393135abcb572489b0db5d811c1 Mon Sep 17 00:00:00 2001 From: spiros dimopulos Date: Wed, 27 May 2026 10:40:59 +0300 Subject: [PATCH 4/5] DRYD-1925: updated changelog; --- src/index.jsx | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/index.jsx b/src/index.jsx index 2658a4f7f..72d02822a 100644 --- a/src/index.jsx +++ b/src/index.jsx @@ -140,12 +140,12 @@ export default (uiConfig) => { } // Run accessibility checks in dev and log issues in console - // if (process.env.NODE_ENV === 'development') { - // (async () => { - // // eslint-disable-next-line import/no-extraneous-dependencies - // const axe = await import('@axe-core/react'); - // await axe.default(React, ReactDOM, 1000); - // })(); - // } + if (process.env.NODE_ENV === 'development') { + (async () => { + // eslint-disable-next-line import/no-extraneous-dependencies + const axe = await import('@axe-core/react'); + await axe.default(React, ReactDOM, 1000); + })(); + } } }; From 2b95dbe1dc29b4572365a42e3bbbd691bdc8c4fd Mon Sep 17 00:00:00 2001 From: spiros dimopulos Date: Wed, 27 May 2026 12:49:53 +0300 Subject: [PATCH 5/5] DRYD-1925: cosmetics; tests: fixed failing intercepting calls; --- CHANGELOG.md | 2 +- karma.conf.js | 8 +++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 10529bfe9..48bbfb879 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,7 +5,7 @@ ### Accessibility - Resolved orphaned form labels issue (Criteria 3.3.2). -- Resolved very low contrast buttons issue (Criteria 1.4.3) +- Resolved very low contrast buttons issue (Criteria 1.4.3). ## v10.2.0 diff --git a/karma.conf.js b/karma.conf.js index 46455c6a0..b495f09d6 100644 --- a/karma.conf.js +++ b/karma.conf.js @@ -13,7 +13,7 @@ const getTestFiles = (config) => { module.exports = function karma(config) { const localBrowsers = ['Chrome']; - const githubBrowsers = ['Chrome']; + const githubBrowsers = ['ChromeHeadlessNoSandbox']; let browsers; @@ -35,6 +35,12 @@ module.exports = function karma(config) { config.set({ browsers, + customLaunchers: { + ChromeHeadlessNoSandbox: { + base: 'ChromeHeadless', + flags: ['--no-sandbox', '--disable-setuid-sandbox'], + }, + }, concurrency: 1, files: [