diff --git a/src/implementations/twig/components/link/link.story.js b/src/implementations/twig/components/link/link.story.js index 32b3b95b12a..f47b65af93c 100644 --- a/src/implementations/twig/components/link/link.story.js +++ b/src/implementations/twig/components/link/link.story.js @@ -14,6 +14,11 @@ import dataInverted from '@ecl/specs-component-link/demo/data--inverted'; import link from './link.html.twig'; import notes from './README.md'; +const dataInvertedStandalone = { + ...dataInverted, + link: { ...dataInverted.link, type: 'standalone' }, +}; + // Create 'none' option. iconsAll.unshift('none'); @@ -237,11 +242,27 @@ Secondary.parameters = { notes: { markdown: notes, json: dataSecondary } }; export const Inverted = (_, { loaded: { component } }) => component; Inverted.render = async (args) => { - const renderedLinkSecondary = await link(prepareData(dataInverted, args)); - return renderedLinkSecondary; + const renderedLinkInverted = await link(prepareData(dataInverted, args)); + return renderedLinkInverted; }; Inverted.storyName = 'inverted'; Inverted.decorators = [withNotes, withCode, withParagraph, withInverted]; Inverted.args = getArgs(dataInverted); Inverted.argTypes = getArgTypes(); Inverted.parameters = { notes: { markdown: notes, json: dataInverted } }; + +export const InvertedStandalone = (_, { loaded: { component } }) => component; + +InvertedStandalone.render = async (args) => { + const renderedLinkInvertedStandalone = await link( + prepareData(dataInvertedStandalone, args), + ); + return renderedLinkInvertedStandalone; +}; +InvertedStandalone.storyName = 'inverted standalone'; +InvertedStandalone.decorators = [withNotes, withCode, withInverted]; +InvertedStandalone.args = getArgs(dataInvertedStandalone); +InvertedStandalone.argTypes = getArgTypes(); +InvertedStandalone.parameters = { + notes: { markdown: notes, json: dataInvertedStandalone }, +}; diff --git a/src/implementations/vanilla/components/gallery/gallery.scss b/src/implementations/vanilla/components/gallery/gallery.scss index 78442059cac..572de3a63bc 100644 --- a/src/implementations/vanilla/components/gallery/gallery.scss +++ b/src/implementations/vanilla/components/gallery/gallery.scss @@ -424,7 +424,6 @@ $_description-height-desktop: 108px; border-right: 1px solid map.get($theme, 'color', 'white'); display: inline-flex; font: var(--f-m); - font-weight: map.get($gallery, 'counter-font-weight'); margin: 0; padding: 0 var(--s-xs); white-space: pre-wrap; diff --git a/src/themes/ec/variables/_gallery.scss b/src/themes/ec/variables/_gallery.scss index 39b7866641b..e2494632189 100644 --- a/src/themes/ec/variables/_gallery.scss +++ b/src/themes/ec/variables/_gallery.scss @@ -3,7 +3,6 @@ $gallery: ( actions-margin: var(--s-s), - counter-font-weight: map.get($font-weight, 'regular'), detail-color: map.get($color, 'white'), description-background: var(--c-ov-l), gallery-info-color: var(--c-d), diff --git a/src/themes/eu/variables/_gallery.scss b/src/themes/eu/variables/_gallery.scss index 5c1bcc874f5..982fb498529 100644 --- a/src/themes/eu/variables/_gallery.scss +++ b/src/themes/eu/variables/_gallery.scss @@ -3,7 +3,6 @@ $gallery: ( actions-margin: var(--s-m), - counter-font-weight: map.get($font-weight, 'bold'), description-background: color-mix(in srgb, var(--c-d) 65%, transparent), detail-color: map.get($color, 'white'), gallery-info-color: var(--c-d-140), diff --git a/src/themes/eu/variables/_link.scss b/src/themes/eu/variables/_link.scss index 9bde6cd7f4a..cd931f37beb 100644 --- a/src/themes/eu/variables/_link.scss +++ b/src/themes/eu/variables/_link.scss @@ -11,11 +11,11 @@ $link: ( outline-radius: 2px, standalone-line-height: map.get($line-height-ui, 'xs'), inverted: ( - color: var(--c-a), + color: map.get($color, 'white'), color-hover: var(--c-a-30), - color-visited: var(--c-a), + color-visited: map.get($color, 'white'), color-active: map.get($color, 'white'), - outline-color: var(--c-a), + outline-color: map.get($color, 'white'), ), button: ( font: var(--f-ui-m),