@grafana/alerting/dist/cjs/grafana/rules/components/state/StateDot.cjs.map

Grafana Alerting Library – Build vertical integrations on top of the industry-leading alerting solution

{"version":3,"file":"StateDot.cjs","sources":["../../../../../../src/grafana/rules/components/state/StateDot.tsx"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\nimport { Stack, useStyles2 } from '@grafana/ui';\n\ninterface DotStylesProps {\n  color: 'success' | 'error' | 'warning' | 'unknown' | 'info';\n}\n\nconst StateDot = ({ color }: DotStylesProps) => {\n  const styles = useStyles2(getDotStyles, { color });\n\n  return (\n    <Stack direction=\"row\" gap={0.5}>\n      <div className={styles.dot} />\n    </Stack>\n  );\n};\n\nconst getDotStyles = (theme: GrafanaTheme2, { color }: DotStylesProps) => {\n  const size = theme.spacing(1.25);\n  const outlineSize = `calc(${size} / 2.5)`;\n\n  const errorStyle = color === 'error';\n  const successStyle = color === 'success';\n  const warningStyle = color === 'warning';\n  const infoStyle = color === 'info';\n\n  return {\n    dot: css(\n      {\n        width: size,\n        height: size,\n\n        borderRadius: theme.shape.radius.circle,\n\n        backgroundColor: theme.colors.secondary.shade,\n        outline: `solid ${outlineSize} ${theme.colors.secondary.transparent}`,\n        margin: outlineSize,\n      },\n      successStyle &&\n        css({\n          backgroundColor: theme.colors.success.main,\n          outlineColor: theme.colors.success.transparent,\n        }),\n      warningStyle &&\n        css({\n          backgroundColor: theme.colors.warning.main,\n          outlineColor: theme.colors.warning.transparent,\n        }),\n      errorStyle &&\n        css({\n          backgroundColor: theme.colors.error.main,\n          outlineColor: theme.colors.error.transparent,\n        }),\n      infoStyle &&\n        css({\n          backgroundColor: theme.colors.info.main,\n          outlineColor: theme.colors.info.transparent,\n        })\n    ),\n  };\n};\n\nexport { StateDot };\n"],"names":["useStyles2","jsx","Stack","css"],"mappings":";;;;;;;;;AASA,MAAM,QAAA,GAAW,CAAC,EAAE,KAAA,EAAM,KAAsB;AAC9C,EAAA,MAAM,MAAA,GAASA,aAAA,CAAW,YAAA,EAAc,EAAE,OAAO,CAAA;AAEjD,EAAA,uBACEC,cAAA,CAACC,QAAA,EAAA,EAAM,SAAA,EAAU,KAAA,EAAM,GAAA,EAAK,GAAA,EAC1B,QAAA,kBAAAD,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,GAAA,EAAK,CAAA,EAC9B,CAAA;AAEJ;AAEA,MAAM,YAAA,GAAe,CAAC,KAAA,EAAsB,EAAE,OAAM,KAAsB;AACxE,EAAA,MAAM,IAAA,GAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAC/B,EAAA,MAAM,WAAA,GAAc,QAAQ,IAAI,CAAA,OAAA,CAAA;AAEhC,EAAA,MAAM,aAAa,KAAA,KAAU,OAAA;AAC7B,EAAA,MAAM,eAAe,KAAA,KAAU,SAAA;AAC/B,EAAA,MAAM,eAAe,KAAA,KAAU,SAAA;AAC/B,EAAA,MAAM,YAAY,KAAA,KAAU,MAAA;AAE5B,EAAA,OAAO;AAAA,IACL,GAAA,EAAKE,OAAA;AAAA,MACH;AAAA,QACE,KAAA,EAAO,IAAA;AAAA,QACP,MAAA,EAAQ,IAAA;AAAA,QAER,YAAA,EAAc,KAAA,CAAM,KAAA,CAAM,MAAA,CAAO,MAAA;AAAA,QAEjC,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,SAAA,CAAU,KAAA;AAAA,QACxC,SAAS,CAAA,MAAA,EAAS,WAAW,IAAI,KAAA,CAAM,MAAA,CAAO,UAAU,WAAW,CAAA,CAAA;AAAA,QACnE,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,gBACEA,OAAA,CAAI;AAAA,QACF,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ,IAAA;AAAA,QACtC,YAAA,EAAc,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ;AAAA,OACpC,CAAA;AAAA,MACH,gBACEA,OAAA,CAAI;AAAA,QACF,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ,IAAA;AAAA,QACtC,YAAA,EAAc,KAAA,CAAM,MAAA,CAAO,OAAA,CAAQ;AAAA,OACpC,CAAA;AAAA,MACH,cACEA,OAAA,CAAI;AAAA,QACF,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM,IAAA;AAAA,QACpC,YAAA,EAAc,KAAA,CAAM,MAAA,CAAO,KAAA,CAAM;AAAA,OAClC,CAAA;AAAA,MACH,aACEA,OAAA,CAAI;AAAA,QACF,eAAA,EAAiB,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK,IAAA;AAAA,QACnC,YAAA,EAAc,KAAA,CAAM,MAAA,CAAO,IAAA,CAAK;AAAA,OACjC;AAAA;AACL,GACF;AACF,CAAA;;;;"}