diff --git a/_dev/src/scss/components/_radio-card.scss b/_dev/src/scss/components/_radio-card.scss index 442d64acd..1e3dccaf4 100644 --- a/_dev/src/scss/components/_radio-card.scss +++ b/_dev/src/scss/components/_radio-card.scss @@ -151,7 +151,6 @@ $e: ".radio-card"; padding: 0.125rem 0.5rem; background-color: var(--#{$ua-prefix}radio-card-badge-background-color); border-color: var(--#{$ua-prefix}radio-card-badge-border-color); - border-radius: var(--#{$ua-prefix}border-radius); font-size: 0.75rem; font-weight: 600; line-height: 1.5; @@ -235,4 +234,16 @@ $e: ".radio-card"; } } } + + &.v1-7-8-0, + &.v1-7-3-0 { + #{$e} { + --#{$ua-prefix}radio-card-badge-background-color: var(--#{$ua-prefix}blue-50); + --#{$ua-prefix}radio-card-badge-border-color: var(--#{$ua-prefix}blue-50); + + &__badge { + border-radius: 1rem; + } + } + } } diff --git a/storybook/.storybook/preview.ts b/storybook/.storybook/preview.ts index 9d814bc2d..594f20e38 100644 --- a/storybook/.storybook/preview.ts +++ b/storybook/.storybook/preview.ts @@ -86,8 +86,8 @@ const preview: Preview = { const calledStory = story(); calledStory.template = twig(`