How to use the @tds/shared-styles.iconWrapper.fixLineHeight function in @tds/shared-styles

To help you get started, we’ve selected a few @tds/shared-styles 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.

github telus / tds-core / packages / Tooltip / Tooltip.jsx View on Github external
import styled from 'styled-components'

import StandaloneIcon from '@tds/core-standalone-icon'

import { iconWrapper } from '@tds/shared-styles'
import { getCopy, uniqueId, safeRest } from '@tds/util-helpers'
import { withForwardedRef } from '@tds/shared-hocs'

import generateId from '../../shared/utils/generateId/generateId'
import closest from './element-closest'

import Bubble from './Bubble'
import copyDictionary from './tooltipText'

const StyledTooltip = styled.div({
  ...iconWrapper.fixLineHeight,
  position: 'relative',
  width: '1rem',
  height: '1.3rem',
})

const TooltipContainer = styled.div({
  position: 'absolute',
})

/**
 * Provide an explanation or instructions for a form field that most users do not need.
 *
 * @version ./package.json
 */

class T extends React.Component {