fix(Chip): add fixed height

To prevent unwanted expansion of Chips when used within Layout Primitives we decided to add fixed height. Ref NOTICKET
securityscorecard · Nov 11, 2024 · 46e0ece · 46e0ece
1 parent cb2f137
commit 46e0ece
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/Chip/components.tsx b/src/components/Chip/components.tsx
@@ -5,6 +5,7 @@ export const ChipRoot = styled.div`
   width: fit-content;
 
   /* Size dependent */
+  height: var(--sscds-chip-size);
   padding: var(--sscds-chip-padding-block);
   border-radius: var(--sscds-chip-radius);
 

diff --git a/src/components/Chip/utils.ts b/src/components/Chip/utils.ts
@@ -8,6 +8,7 @@ export const getCommonChipStyles = ({
   size: Sizes;
   color: PillColors;
 }) => ({
+  '--sscds-chip-size': size === 'md' ? '2rem' : '1.5rem',
   '--sscds-chip-padding-block':
     size === 'md' ? 'var(--sscds-space-1x)' : '0 var(--sscds-space-half-x)',
   '--sscds-chip-radius':