{"version":3,"file":"Alert.module.cjs","names":[],"sources":["../../../src/components/Alert/Alert.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/* TODO: Review entire file for semantic token definiton */\n\n.alert {\n  container-type: inline-size;\n  container-name: alert;\n  display: flex;\n  align-items: start;\n  justify-content: start;\n  gap: var(--cpd-space-3x);\n  padding: var(--cpd-space-4x);\n  border-radius: 8px;\n  border: 1px solid;\n}\n\n.alert[data-type=\"success\"] {\n  background-color: var(--cpd-color-green-200);\n  border-color: var(--cpd-color-green-500);\n}\n\n.alert[data-type=\"critical\"] {\n  background-color: var(--cpd-color-red-200);\n  border-color: var(--cpd-color-red-500);\n}\n\n.alert[data-type=\"info\"] {\n  background-color: var(--cpd-color-blue-200);\n  border-color: var(--cpd-color-blue-500);\n}\n\n.content {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  gap: var(--cpd-space-3x);\n}\n\n.text-content {\n  flex: 1 1 0;\n}\n\n[data-type=\"success\"] :is(.title, .icon) {\n  color: var(--cpd-color-green-900);\n}\n\n[data-type=\"critical\"] :is(.title, .icon) {\n  color: var(--cpd-color-red-900);\n}\n\n[data-type=\"info\"] :is(.title, .icon) {\n  color: var(--cpd-color-blue-900);\n}\n\n.alert p {\n  margin: 0;\n}\n\n.actions {\n  flex: 0;\n  display: flex;\n  flex-direction: row;\n  gap: var(--cpd-space-1x);\n  align-self: center;\n}\n\n.icon {\n  flex-shrink: 0;\n}\n\n/* @TODO 600px break should be a token */\n\n/* wrap actions into a stacked layout when the alert is <=600px */\n@container alert (max-width: 600px) {\n  .content {\n    flex-wrap: wrap;\n  }\n\n  .text-content {\n    flex: 1 0 100%;\n  }\n}\n"],"mappings":""}