diff --git a/.changeset/eleven-gorillas-scream.md b/.changeset/eleven-gorillas-scream.md new file mode 100644 index 0000000000..e59cfc0eab --- /dev/null +++ b/.changeset/eleven-gorillas-scream.md @@ -0,0 +1,5 @@ +--- +"@navikt/ds-css": patch +--- + +Alert: Link-components used within Alert variant='inline' now preserves default coloring diff --git a/@navikt/core/css/darkside/link.darkside.css b/@navikt/core/css/darkside/link.darkside.css index 069686ef31..7ab1d94407 100644 --- a/@navikt/core/css/darkside/link.darkside.css +++ b/@navikt/core/css/darkside/link.darkside.css @@ -43,7 +43,7 @@ } } -.navds-alert, +.navds-alert:not(.navds-alert--inline), .navds-confirmation-panel { & .navds-link { color: var(--ax-text-default); diff --git a/@navikt/core/css/link.css b/@navikt/core/css/link.css index b31175e0f3..4d8322d58a 100644 --- a/@navikt/core/css/link.css +++ b/@navikt/core/css/link.css @@ -30,7 +30,7 @@ text-decoration: underline; } -.navds-alert .navds-link, +.navds-alert:not(.navds-alert--inline) .navds-link, .navds-confirmation-panel .navds-link { color: var(--a-text-default); } diff --git a/@navikt/core/react/src/alert/alert.stories.tsx b/@navikt/core/react/src/alert/alert.stories.tsx index 9c339fa828..87ad76ded2 100644 --- a/@navikt/core/react/src/alert/alert.stories.tsx +++ b/@navikt/core/react/src/alert/alert.stories.tsx @@ -96,8 +96,8 @@ export const Inline: StoryFn = () => { Id elit esse enim reprehenderit enim nisi veniam nostrud. Id elit esse enim reprehenderit enim nisi veniam nostrud. Id elit esse enim - reprehenderit enim nisi veniam nostrud. Id elit esse enim reprehenderit - enim nisi veniam nostrud. + reprehenderit enim nisi veniam nostrud.{" "} + Id elit esse enim reprehenderit Id elit esse enim reprehenderit enim nisi veniam nostrud. @@ -105,8 +105,8 @@ export const Inline: StoryFn = () => { Id elit esse enim reprehenderit enim nisi veniam nostrud. Id elit esse enim reprehenderit enim nisi veniam nostrud. Id elit esse enim - reprehenderit enim nisi veniam nostrud. Id elit esse enim reprehenderit - enim nisi veniam nostrud. + reprehenderit enim nisi veniam nostrud.{" "} + Id elit esse enim reprehenderit );