From 75f222a1981e64c57d9deaba86cc0e1b4880ab32 Mon Sep 17 00:00:00 2001 From: Tobias Barsnes Date: Thu, 10 Oct 2024 14:15:04 +0200 Subject: [PATCH] fix(chip): font size (#2595) bug first sent in on Slack --- .changeset/mean-snails-visit.md | 5 +++++ packages/css/chip.css | 6 +++++- 2 files changed, 10 insertions(+), 1 deletion(-) create mode 100644 .changeset/mean-snails-visit.md diff --git a/.changeset/mean-snails-visit.md b/.changeset/mean-snails-visit.md new file mode 100644 index 0000000000..839e149211 --- /dev/null +++ b/.changeset/mean-snails-visit.md @@ -0,0 +1,5 @@ +--- +"@digdir/designsystemet-css": patch +--- + +chip: Fix wrong font sizes diff --git a/packages/css/chip.css b/packages/css/chip.css index 39ae6b91d3..691d73c1d2 100644 --- a/packages/css/chip.css +++ b/packages/css/chip.css @@ -10,7 +10,7 @@ --dsc-chip-padding: 0 var(--ds-spacing-3); @composes ds-focus from './base/base.css'; - @composes ds-paragraph-short from './base/base.css'; + @composes ds-body-text--short-sm from './base/base.css'; align-items: center; background: var(--dsc-chip-background); @@ -58,12 +58,16 @@ --dsc-chip-height: var(--ds-sizing-7); --dsc-chip-icon-size: var(--ds-sizing-5); --dsc-chip-input-size: var(--ds-spacing-4); + + @composes ds-body-text--short-xs from './base/base.css'; } &[data-size='lg'] { --dsc-chip-height: var(--ds-sizing-9); --dsc-chip-icon-size: var(--ds-sizing-7); --dsc-chip-input-size: var(--ds-spacing-6); + + @composes ds-body-text--short-md from './base/base.css'; } & > input {