diff --git a/src/components/Checkbox/Checkbox-v2.module.css b/src/components/Checkbox/Checkbox-v2.module.css index ffc1704e6..6aef72f0a 100644 --- a/src/components/Checkbox/Checkbox-v2.module.css +++ b/src/components/Checkbox/Checkbox-v2.module.css @@ -73,12 +73,12 @@ .checkbox__input:not(:checked):not(:indeterminate) { color: var(--eds-theme-color-border-utility-default-medium-emphasis); - &:hover { + &:not(:disabled):hover { color: var(--eds-theme-color-border-utility-default-medium-emphasis-hover); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-hover); } - &:active { + &:not(:disabled):active { color: var(--eds-theme-color-border-utility-default-medium-emphasis-active); background-color: var(--eds-theme-color-background-utility-default-no-emphasis-active); } diff --git a/src/components/Checkbox/Checkbox-v2.stories.tsx b/src/components/Checkbox/Checkbox-v2.stories.tsx index e55e1459e..a223e304f 100644 --- a/src/components/Checkbox/Checkbox-v2.stories.tsx +++ b/src/components/Checkbox/Checkbox-v2.stories.tsx @@ -7,7 +7,6 @@ const meta: Meta = { title: 'Components/V2/Checkbox', component: Checkbox, args: { - disabled: false, label: 'Checkbox', }, parameters: { @@ -59,11 +58,6 @@ export const Disabled: Story = { ), - parameters: { - axe: { - disabledRules: ['color-contrast'], - }, - }, }; /** @@ -84,9 +78,4 @@ export const LongLabels: Story = { args: { label: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit', }, - parameters: { - axe: { - disabledRules: ['color-contrast'], - }, - }, }; diff --git a/src/components/Checkbox/__snapshots__/Checkbox-v2.test.tsx.snap b/src/components/Checkbox/__snapshots__/Checkbox-v2.test.tsx.snap index 6bc10871d..a2f69fb6c 100644 --- a/src/components/Checkbox/__snapshots__/Checkbox-v2.test.tsx.snap +++ b/src/components/Checkbox/__snapshots__/Checkbox-v2.test.tsx.snap @@ -73,6 +73,7 @@ exports[` Disabled story renders snapshot 1`] = ` class="checkbox__labels" >