diff --git a/.changeset/serious-bags-buy.md b/.changeset/serious-bags-buy.md new file mode 100644 index 0000000000..2d023a8766 --- /dev/null +++ b/.changeset/serious-bags-buy.md @@ -0,0 +1,5 @@ +--- +"@channel.io/bezier-react": patch +--- + +fix(Text): add handling code for unhandled interpolation prop diff --git a/packages/bezier-react/src/components/Text/Text.styled.ts b/packages/bezier-react/src/components/Text/Text.styled.ts index 7bbc5eab73..6fa2d4e2d4 100644 --- a/packages/bezier-react/src/components/Text/Text.styled.ts +++ b/packages/bezier-react/src/components/Text/Text.styled.ts @@ -21,6 +21,7 @@ function getMargin({ const Text = styled.span` ${props => props.typo}; + ${props => props.interpolation}; margin: ${getMargin}; font-style: ${props => (props.italic ? 'italic' : 'normal')}; font-weight: ${props => (props.bold ? 'bold' : 'normal')};