@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.action.hover,\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,KAAO,EAAA,OAAA,GAAU,aAAgC,KAAA;AACzE,EAAM,MAAA,MAAA,GAAS,UAAW,CAAA,SAAA,EAAW,OAAO,CAAA;AAE5C,EAAO,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,MAAA,CAAO,SAAU,QAAO,EAAA,MAAA,CAAA,KAAA,EAAO,CAAC,CAAA,CAAE,IAAK,EAAA,CAAA;AACjE;AAEA,MAAM,SAAA,GAAY,CAAC,KAAA,EAAsB,OAA6B,MAAA;AAAA,EACpE,SAAS,GAAI,CAAA;AAAA,IACX,KAAO,EAAA,SAAA;AAAA,IACP,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC3B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,eAAA,EAAiB,YAAY,SAAY,GAAA,KAAA,CAAM,OAAO,OAAQ,CAAA,IAAA,GAAO,KAAM,CAAA,MAAA,CAAO,MAAO,CAAA,KAAA;AAAA,IACzF,OAAS,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,EAAM,CAAC,CAAA;AAAA,IAC9B,KAAA,EAAO,KAAM,CAAA,MAAA,CAAO,IAAK,CAAA,SAAA;AAAA,IACzB,UAAA,EAAY,MAAM,UAAW,CAAA,gBAAA;AAAA,IAC7B,QAAA,EAAU,KAAM,CAAA,UAAA,CAAW,IAAK,CAAA;AAAA,GACjC;AACH,CAAA,CAAA;;;;"}