From 53267852ccc31b350070b99bed8be675f46a149d Mon Sep 17 00:00:00 2001 From: Myrta Sakellariou <66249294+myrta2302@users.noreply.github.com> Date: Thu, 19 Dec 2024 15:29:13 +0200 Subject: [PATCH 1/2] chore(components): disable focus when accordion item collapsed (#4309) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Oliver Schürch --- .changeset/wicked-scissors-buy.md | 5 +++++ .../src/components/post-collapsible/post-collapsible.tsx | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/wicked-scissors-buy.md diff --git a/.changeset/wicked-scissors-buy.md b/.changeset/wicked-scissors-buy.md new file mode 100644 index 0000000000..79950fb357 --- /dev/null +++ b/.changeset/wicked-scissors-buy.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-components': patch +--- + +Removed focus from collapsible when in collapsed state. diff --git a/packages/components/src/components/post-collapsible/post-collapsible.tsx b/packages/components/src/components/post-collapsible/post-collapsible.tsx index e44c2d25c2..424fc8ebbb 100644 --- a/packages/components/src/components/post-collapsible/post-collapsible.tsx +++ b/packages/components/src/components/post-collapsible/post-collapsible.tsx @@ -96,7 +96,7 @@ export class PostCollapsible { render() { return ( - + ); From 7508c15be88509b20c4be248b2e8b268743ea8af Mon Sep 17 00:00:00 2001 From: Alona Zherdetska <138328641+alionazherdetska@users.noreply.github.com> Date: Thu, 19 Dec 2024 14:54:21 +0100 Subject: [PATCH 2/2] fix(style): applied styles to the links and icon-btns in the Composible Footer for HCM (#4333) --- .changeset/fresh-schools-peel.md | 5 +++++ .../src/components/globals/post-footer.scss | 19 +++++++++++++++++++ 2 files changed, 24 insertions(+) create mode 100644 .changeset/fresh-schools-peel.md diff --git a/.changeset/fresh-schools-peel.md b/.changeset/fresh-schools-peel.md new file mode 100644 index 0000000000..23adcd9eb2 --- /dev/null +++ b/.changeset/fresh-schools-peel.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Added styles for text links and icon-buttons for Composible Footer in HCM. \ No newline at end of file diff --git a/packages/styles/src/components/globals/post-footer.scss b/packages/styles/src/components/globals/post-footer.scss index 087415d8ab..47eb5033a5 100644 --- a/packages/styles/src/components/globals/post-footer.scss +++ b/packages/styles/src/components/globals/post-footer.scss @@ -1,6 +1,7 @@ @use '../../variables/color'; @use '../../mixins/media'; @use '../../mixins/list'; +@use '../../mixins/utilities'; post-footer { // mobile @@ -37,6 +38,24 @@ post-footer { &:not(.btn-icon, .app-store-badge) { display: block; text-decoration: none; + + &:hover { + @include utilities.high-contrast-mode() { + text-decoration: underline; + } + } + } + + &.btn-icon { + @include utilities.high-contrast-mode() { + color: CanvasText !important; + } + + &:hover { + @include utilities.high-contrast-mode() { + color: LinkText !important; + } + } } }