View all @tds/shared-styles analysis

How to use the @tds/shared-styles.messaging.success 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.

telus / tds-core / packages / Notification / Notification.jsx View on Github

({ variant }) => ({
    position: 'relative',
    ...{
      instructional: messaging.standard,
      success: messaging.success,
      error: messaging.error,
      warning: messaging.warning,
      branded: { backgroundColor: colorWhiteLilac },
    }[variant],
  })
)

telus / tds-core / packages / InputFeedback / InputFeedback.jsx View on Github

const StyledFeedback = styled(({ feedback, ...rest }) =&gt; )(({ feedback }) =&gt; ({
  ...borders.rounded,
  ...(feedback === 'success' &amp;&amp; messaging.success),
  ...(feedback === 'error' &amp;&amp; messaging.error),
  ...(feedback === undefined &amp;&amp; messaging.standard),
}))