@grafana/ui/dist/esm/components/Tabs/Counter.mjs.map

Grafana Components Library

{"version":3,"file":"Counter.mjs","sources":["../../../../src/components/Tabs/Counter.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2, locale } from '@grafana/data';\n\nimport { useStyles2 } from '../../themes/ThemeContext';\n\ntype CounterVariant = 'primary' | 'secondary';\nexport interface CounterProps {\n  value: number;\n  variant?: CounterVariant;\n}\n\nexport const Counter = ({ value, variant = 'secondary' }: CounterProps) => {\n  const styles = useStyles2(getStyles, variant);\n\n  return <span className={styles.counter}>{locale(value, 0).text}</span>;\n};\n\nconst getStyles = (theme: GrafanaTheme2, variant: CounterVariant) => ({\n  counter: css({\n    label: 'counter',\n    marginLeft: theme.spacing(1),\n    borderRadius: theme.spacing(3),\n    backgroundColor: variant === 'primary' ? theme.colors.primary.main : theme.colors.secondary.main,\n    padding: theme.spacing(0.25, 1),\n    color: theme.colors.text.secondary,\n    fontWeight: theme.typography.fontWeightMedium,\n    fontSize: theme.typography.size.sm,\n  }),\n});\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,UAAU,CAAC,EAAE,KAAA,EAAO,OAAA,GAAU,aAAY,KAAoB;AACzE,EAAA,MAAM,MAAA,GAAS,UAAA,CAAW,SAAA,EAAW,OAAO,CAAA;AAE5C,EAAA,uBAAO,GAAA,CAAC,UAAK,SAAA,EAAW,MAAA,CAAO,SAAU,QAAA,EAAA,MAAA,CAAO,KAAA,EAAO,CAAC,CAAA,CAAE,IAAA,EAAK,CAAA;AACjE;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,OAAA,MAA6B;AAAA,EACpE,SAAS,GAAA,CAAI;AAAA,IACX,KAAA,EAAO,SAAA;AAAA,IACP,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,eAAA,EAAiB,YAAY,SAAA,GAAY,KAAA,CAAM,OAAO,OAAA,CAAQ,IAAA,GAAO,KAAA,CAAM,MAAA,CAAO,SAAA,CAAU,IAAA;AAAA,IAC5F,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,IAAA,EAAM,CAAC,CAAA;AAAA,IAC9B,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,SAAA;AAAA,IACzB,UAAA,EAAY,MAAM,UAAA,CAAW,gBAAA;AAAA,IAC7B,QAAA,EAAU,KAAA,CAAM,UAAA,CAAW,IAAA,CAAK;AAAA,GACjC;AACH,CAAA,CAAA;;;;"}