From 555489ac271d20f4859cc12b925fa44c23bde11c Mon Sep 17 00:00:00 2001 From: Mari Nez Date: Thu, 8 Aug 2024 15:20:27 -0600 Subject: [PATCH 1/3] fix(accordion): missing styles on hover and toggle buttons --- src/components/accordion/_accordion.scss | 31 +++++++++++++++++++++--- 1 file changed, 27 insertions(+), 4 deletions(-) diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss index 6ff8f5e..08ec307 100644 --- a/src/components/accordion/_accordion.scss +++ b/src/components/accordion/_accordion.scss @@ -63,10 +63,10 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); } &:hover { - color: var(--accordion-color-header-hover); + color: var(--accordion-color-header); .accordion__icon { - fill: var(--accordion-color-header-hover); + fill: var(--accordion-color-header); } } } @@ -95,16 +95,38 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); color: var(--accordion-color-header); margin: 0 0 $accordion_padding_y; + [data-accordion-expanded='false'] & { + color: var(--accordion-color-body); + } + &:hover { color: var(--accordion-color-header-hover); + [data-accordion-expanded='false'] { + color: var(--accordion-color-header); + + .accordion-item__toggle { + color: var(--accordion-color-header); + } + } + .accordion-item__icon { fill: var(--accordion-color-header-hover); + + [data-accordion-expanded='false'] & { + fill: var(--accordion-color-header); + } } } +} - [data-accordion-expanded='false'] & { - color: var(--accordion-color-body); +[data-accordion-expanded='false'] { + .accordion-item__heading:hover { + color: var(--accordion-color-header); + + .accordion-item__toggle { + color: var(--accordion-color-header); + } } } @@ -117,6 +139,7 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); [aria-expanded='true'] > & { transform: rotate(180deg); + fill: var(--accordion-color-header); } } From ebb392befc6282b4e005eecca899250ef53d6c1f Mon Sep 17 00:00:00 2001 From: Mari Nez Date: Thu, 8 Aug 2024 15:26:25 -0600 Subject: [PATCH 2/3] fix(accordion): accordion missing styles --- src/components/accordion/_accordion.scss | 12 +----------- 1 file changed, 1 insertion(+), 11 deletions(-) diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss index 08ec307..a57bcbf 100644 --- a/src/components/accordion/_accordion.scss +++ b/src/components/accordion/_accordion.scss @@ -102,7 +102,7 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); &:hover { color: var(--accordion-color-header-hover); - [data-accordion-expanded='false'] { + [data-accordion-expanded='false'] & { color: var(--accordion-color-header); .accordion-item__toggle { @@ -120,16 +120,6 @@ $accordion_padding_y: calc(var(--spacing-lg) * 1.25); } } -[data-accordion-expanded='false'] { - .accordion-item__heading:hover { - color: var(--accordion-color-header); - - .accordion-item__toggle { - color: var(--accordion-color-header); - } - } -} - .accordion-item__icon { margin-left: auto; height: $accordion_icon_size; From b43fb25c612a62f70d99b360eb5001900ca2a23f Mon Sep 17 00:00:00 2001 From: mariannuar Date: Thu, 8 Aug 2024 21:29:16 +0000 Subject: [PATCH 3/3] feat: create tokens --- src/components/tokens/_tokens.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/tokens/_tokens.scss b/src/components/tokens/_tokens.scss index 131866f..663db70 100644 --- a/src/components/tokens/_tokens.scss +++ b/src/components/tokens/_tokens.scss @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 08 Aug 2024 18:32:01 GMT + * Generated on Thu, 08 Aug 2024 21:29:15 GMT */ :root {