How to use the @tds/shared-typography.invertedColor function in @tds/shared-typography
To help you get started, we’ve selected a few @tds/shared-typography examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
telus / tds-core / packages / Text / __tests__ / Text.spec.jsx View on Github 
it('can be inverted', () => {
let text = doShallowStyled()
expect(text).not.toHaveStyleRule('color', typography.invertedColor.color)
text = doShallowStyled({ invert: true })
expect(text).toHaveStyleRule('color', typography.invertedColor.color)
})it('can be inverted', () => {
let paragraph = doShallowStyled()
expect(paragraph).toHaveStyleRule('color', typography.color.color)
expect(paragraph).not.toHaveStyleRule('color', typography.invertedColor.color)
paragraph = doShallowStyled({ invert: true })
expect(paragraph).not.toHaveStyleRule('color', typography.color.color)
expect(paragraph).toHaveStyleRule('color', typography.invertedColor.color)
})it('can be inverted', () => {
let paragraph = doShallowStyled()
expect(paragraph).toHaveStyleRule('color', typography.color.color)
expect(paragraph).not.toHaveStyleRule('color', typography.invertedColor.color)
paragraph = doShallowStyled({ invert: true })
expect(paragraph).not.toHaveStyleRule('color', typography.color.color)
expect(paragraph).toHaveStyleRule('color', typography.invertedColor.color)
})it('can be inverted', () => {
let text = doShallowStyled()
expect(text).not.toHaveStyleRule('color', typography.invertedColor.color)
text = doShallowStyled({ invert: true })
expect(text).toHaveStyleRule('color', typography.invertedColor.color)
})@tds/shared-typography
This component should not be used publicly.
Package Health Score
63 / 100Popular @tds/shared-typography functions
- @tds/shared-typography.blockText
- @tds/shared-typography.boldFont
- @tds/shared-typography.color
- @tds/shared-typography.helveticaNeueLight45.fontWeight
- @tds/shared-typography.helveticaNeueMedium65.fontWeight
- @tds/shared-typography.helveticaNeueRoman55.fontWeight
- @tds/shared-typography.invertedColor
- @tds/shared-typography.medium
- @tds/shared-typography.small
- @tds/shared-typography.sup
- @tds/shared-typography.wordBreak