Sha256: c6d0d5280c5c06dbdf94719c4e1badef929e705bebcc9fafa9a0125e2c512fac

Contents?: true

Size: 1.39 KB

Versions: 454

Compression:

Stored size: 1.39 KB

Contents

import React from 'react'

import classnames from 'classnames'

import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from '../utilities/props'
import { globalProps } from '../utilities/globalProps'

import Icon from '../pb_icon/_icon'

type IconCircleProps = {
  aria?: {[key:string]: string},
  className?: string,
  dark?: boolean,
  data?: {[key:string]: string},
  icon: string,
  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
  id?: string,
  size?: "base" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl",
  variant?: | "default"
    | "royal"
    | "blue"
    | "purple"
    | "teal"
    | "red"
    | "yellow"
    | "orange"
    | "green"
    | "lighter",
}

const IconCircle = (props: IconCircleProps) => {
  const {
    aria = {},
    className,
    dark = false,
    data = {},
    htmlOptions = {},
    icon,
    id,
    size = 'md',
    variant = 'default'
  } = props

  const ariaProps = buildAriaProps(aria)
  const dataProps = buildDataProps(data)
  const htmlProps = buildHtmlProps(htmlOptions)
  const classes = classnames(buildCss('pb_icon_circle_kit', `size_${size}`, variant), globalProps(props), className)


  return (
    <div
        {...ariaProps}
        {...dataProps}
        {...htmlProps}
        className={classes}
        id={id}
    >
        <Icon
            dark={dark}
            icon={icon}
        />

    </div>
  )
}

export default IconCircle

Version data entries

454 entries across 454 versions & 1 rubygems

Version Path
playbook_ui-14.1.0.pre.alpha.PA1477timestampkit3601 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3600 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.pbntr373enablekitsforradio3595 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.pbntr373enablekitsforradio3593 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.2.0 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3582 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.PBNTR462starratingdefaultvalue3579 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.PBNTR455ganttchartPOC3569 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.fixaction3547 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.1.0.pre.alpha.PA1477timestampkit3536 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.testthemeexport3533 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.updateviewcomponentgem3527 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063526 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063525 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063524 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063523 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063522 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PBNTR416formpillsizes3521 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY15063520 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
playbook_ui-14.0.0.pre.alpha.PLAY14923518 app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx