diff --git a/src/components/AbstractText/index.js b/src/components/AbstractText/index.js index 74ee13a..96fcbe2 100644 --- a/src/components/AbstractText/index.js +++ b/src/components/AbstractText/index.js @@ -1,5 +1,11 @@ import fonts from '../../constants/fonts' +const letterSpacing = { + normal: 'normal', + some: '4.22px', + wide: '7.8px' +} + const AbstractText = props => ` color: ${props.color}; position: relative; @@ -8,7 +14,7 @@ const AbstractText = props => ` font-weight: ${props.bold ? 800 : 500}; font-style: ${props.italic ? 'italic' : 'normal'}; font-stretch: normal; - letter-spacing: ${props.spacing === 'normal' ? 'normal' : '16px'}; + letter-spacing: ${letterSpacing[props.spacing]}; text-transform: ${props.uppercase ? 'uppercase' : 'none'}; text-align: ${props.center ? 'center' : 'left'}; ` diff --git a/src/components/Heading/index.js b/src/components/Heading/index.js index 7161392..54bd955 100644 --- a/src/components/Heading/index.js +++ b/src/components/Heading/index.js @@ -51,7 +51,7 @@ const Heading = props => { Heading.propTypes = { level: PropTypes.oneOf([1, 2, 3, 4]), font: PropTypes.oneOf(['cera', 'literata']), - spacing: PropTypes.oneOf(['normal', 'wide']), + spacing: PropTypes.oneOf(['normal', 'some', 'wide']), bold: PropTypes.bool, center: PropTypes.bool, uppercase: PropTypes.bool, diff --git a/src/components/StarRating/index.js b/src/components/StarRating/index.js index 52b4bc3..1365bdb 100644 --- a/src/components/StarRating/index.js +++ b/src/components/StarRating/index.js @@ -27,7 +27,7 @@ const StyledStarOpen = styled(IoIosStarOutline)` const StyledStarClosed = styled(IoIosStar)` ${StyledIcon} - color: ${props => props.$isHovering ? colors.salmon : colors.black} + color: ${props => props.$isHovering ? colors.salmon : colors.black}; ` const sizeToPixels = size => { diff --git a/src/components/Text/index.js b/src/components/Text/index.js index 55b63b4..d31d269 100644 --- a/src/components/Text/index.js +++ b/src/components/Text/index.js @@ -29,7 +29,7 @@ const Text = props => { Text.propTypes = { size: PropTypes.oneOf(['normal', 'small']), font: PropTypes.oneOf(['cera', 'literata']), - spacing: PropTypes.oneOf(['normal', 'wide']), + spacing: PropTypes.oneOf(['normal', 'some', 'wide']), color: PropTypes.string, bold: PropTypes.bool, uppercase: PropTypes.bool,