{"version":3,"file":"Badge.module.cjs","names":[],"sources":["../../../src/components/Badge/Badge.module.css"],"sourcesContent":["/*\nCopyright 2023 New Vector Ltd.\n\nSPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial\nPlease see LICENSE files in the repository root for full details.\n*/\n\n.badge {\n  display: inline-flex;\n  gap: var(--cpd-space-1x);\n  align-items: center;\n  border-radius: 9999px; /* pill effect */\n  padding: var(--cpd-space-1x) var(--cpd-space-3x);\n  box-sizing: border-box;\n  min-block-size: 28px;\n}\n\n.has-icon {\n  padding-inline-start: var(--cpd-space-2x);\n}\n\n.badge[data-kind=\"default\"] {\n  border: 1px solid var(--cpd-color-border-interactive-secondary);\n\n  /* To keep the same height than the other badges despite the border  */\n  padding-block: calc(var(--cpd-space-1x) - 1px);\n  outline: none;\n  color: var(--cpd-color-text-primary);\n\n  svg {\n    color: var(--cpd-color-icon-primary);\n  }\n}\n\n.badge[data-kind=\"grey\"] {\n  background: var(--cpd-color-bg-badge-secondary);\n  color: var(--cpd-color-text-primary);\n\n  svg {\n    color: var(--cpd-color-icon-primary);\n  }\n}\n\n.badge[data-kind=\"on-solid\"] {\n  background: var(--cpd-color-bg-badge-primary);\n  color: var(--cpd-color-text-on-solid-primary);\n\n  svg {\n    color: var(--cpd-color-icon-on-solid-primary);\n  }\n}\n\n.badge[data-kind=\"blue\"] {\n  background: var(--cpd-color-bg-badge-info);\n  color: var(--cpd-color-text-badge-info);\n\n  svg {\n    color: var(--cpd-color-icon-info-primary);\n  }\n}\n\n.badge[data-kind=\"green\"] {\n  background: var(--cpd-color-bg-badge-accent);\n  color: var(--cpd-color-text-badge-accent);\n\n  svg {\n    color: var(--cpd-color-icon-accent-primary);\n  }\n}\n\n.badge[data-kind=\"red\"] {\n  background: var(--cpd-color-bg-badge-critical);\n  color: var(--cpd-color-text-critical-primary);\n\n  svg {\n    color: var(--cpd-color-icon-critical-primary);\n  }\n}\n\n@media (forced-colors: active) {\n  .badge {\n    outline: 1px solid transparent;\n  }\n}\n"],"mappings":""}