UNPKG

@grafana/ui

Version:
1 lines 2.1 kB
{"version":3,"file":"ButtonGroup.mjs","sources":["../../../../src/components/Button/ButtonGroup.tsx"],"sourcesContent":["import { css, cx } from '@emotion/css';\nimport { forwardRef, HTMLAttributes } from 'react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n className?: string;\n}\n\nexport const ButtonGroup = forwardRef<HTMLDivElement, Props>(({ className, children, ...rest }, ref) => {\n const styles = useStyles2(getStyles);\n\n return (\n <div ref={ref} className={cx('button-group', styles.wrapper, className)} {...rest}>\n {children}\n </div>\n );\n});\n\nButtonGroup.displayName = 'ButtonGroup';\n\nconst getStyles = (theme: GrafanaTheme2) => ({\n wrapper: css({\n display: 'flex',\n borderRadius: theme.shape.radius.default,\n\n '> .button-group:not(:first-child) > button, > button:not(:first-child)': {\n borderTopLeftRadius: 'unset',\n borderBottomLeftRadius: 'unset',\n borderLeft: `1px solid rgba(255, 255, 255, 0.12)`,\n },\n\n '> .button-group:not(:last-child) > button, > button:not(:last-child)': {\n borderTopRightRadius: 'unset',\n borderBottomRightRadius: 'unset',\n borderRight: `1px solid rgba(0, 0, 0, 0.12)`,\n },\n }),\n});\n"],"names":[],"mappings":";;;;;AAWa,MAAA,WAAA,GAAc,WAAkC,CAAC,EAAE,WAAW,QAAU,EAAA,GAAG,IAAK,EAAA,EAAG,GAAQ,KAAA;AACtG,EAAM,MAAA,MAAA,GAAS,WAAW,SAAS,CAAA;AAEnC,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,GAAU,EAAA,SAAA,EAAW,EAAG,CAAA,cAAA,EAAgB,MAAO,CAAA,OAAA,EAAS,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1E,QACH,EAAA,CAAA;AAEJ,CAAC;AAED,WAAA,CAAY,WAAc,GAAA,aAAA;AAE1B,MAAM,SAAA,GAAY,CAAC,KAA0B,MAAA;AAAA,EAC3C,SAAS,GAAI,CAAA;AAAA,IACX,OAAS,EAAA,MAAA;AAAA,IACT,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA;AAAA,IAEjC,wEAA0E,EAAA;AAAA,MACxE,mBAAqB,EAAA,OAAA;AAAA,MACrB,sBAAwB,EAAA,OAAA;AAAA,MACxB,UAAY,EAAA,CAAA,mCAAA;AAAA,KACd;AAAA,IAEA,sEAAwE,EAAA;AAAA,MACtE,oBAAsB,EAAA,OAAA;AAAA,MACtB,uBAAyB,EAAA,OAAA;AAAA,MACzB,WAAa,EAAA,CAAA,6BAAA;AAAA;AACf,GACD;AACH,CAAA,CAAA;;;;"}