How to use the @looker/design-tokens.palette.charcoal200 function in @looker/design-tokens

To help you get started, we’ve selected a few @looker/design-tokens 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 looker-open-source / components / packages / components / src / Form / Inputs / InputSearch / InputSearchControls.tsx View on Github external
}) => {
  const clear = (
    
  )

  const separator = (
    
  )

  // @TODO - User should be able to "click through" the text (not the button tho)
  return (
    
      {summary && (
github looker-open-source / components / packages / components / src / Modal / Layout / ModalContent.tsx View on Github external
{(height: string) => }
    
  )
}

const Outer = styled.div`
  ${reset}
  ${layout}

  overflow: auto;
  flex: 8;

  &.overflow {
    box-shadow: inset 0 -16px 16px -16px ${palette.charcoal200},
      inset 0 16px 16px -16px ${palette.charcoal200};
  }
`

const Inner = styled.div`
  ${reset}
  ${space}
`

Inner.defaultProps = { px: 'xlarge', py: 'large' }