{"version":3,"file":"getModalStyles.cjs","sources":["../../../../src/components/Modal/getModalStyles.ts"],"sourcesContent":["import { css } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport const getModalStyles = (theme: GrafanaTheme2) => {\n  return {\n    modal: css({\n      position: 'fixed',\n      zIndex: theme.zIndex.modal,\n      background: theme.colors.background.primary,\n      boxShadow: theme.shadows.z3,\n      borderRadius: theme.shape.radius.lg,\n      border: `1px solid ${theme.colors.border.weak}`,\n      backgroundClip: 'padding-box',\n      outline: 'none',\n      width: '750px',\n      maxWidth: '100%',\n      left: 0,\n      right: 0,\n      marginLeft: 'auto',\n      marginRight: 'auto',\n      top: '10%',\n      maxHeight: '80%',\n      display: 'flex',\n      flexDirection: 'column',\n      // Centre the modal vertically on smaller height screens\n      // this allows us to fill the full height for maximum usability\n      ['@media (max-height: 750px)']: {\n        maxHeight: '100%',\n        top: '50%',\n        transform: 'translateY(-50%)',\n      },\n    }),\n    modalBackdrop: css({\n      position: 'fixed',\n      zIndex: theme.zIndex.modalBackdrop,\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n      backgroundColor: theme.components.overlay.background,\n    }),\n    modalHeader: css({\n      label: 'modalHeader',\n      display: 'flex',\n      alignItems: 'center',\n      minHeight: '42px',\n      margin: theme.spacing(1, 2, 0, 2),\n      [theme.breakpoints.down('sm')]: {\n        margin: theme.spacing(0, 1, 0, 1),\n      },\n    }),\n    modalHeaderWithTabs: css({\n      borderBottom: `1px solid ${theme.colors.border.weak}`,\n    }),\n    modalHeaderTitle: css({\n      fontSize: theme.typography.size.lg,\n      margin: theme.spacing(0, 4, 0, 1),\n      display: 'flex',\n      alignItems: 'center',\n      position: 'relative',\n      top: '2px',\n    }),\n    modalHeaderIcon: css({\n      marginRight: theme.spacing(2),\n      fontSize: 'inherit',\n      '&:before': {\n        verticalAlign: 'baseline',\n      },\n    }),\n    modalHeaderClose: css({\n      height: '100%',\n      display: 'flex',\n      alignItems: 'center',\n      color: theme.colors.text.secondary,\n      flexGrow: 1,\n      justifyContent: 'flex-end',\n    }),\n    modalContent: css({\n      overflow: 'auto',\n      padding: theme.spacing(3, 3, 0, 3),\n      marginBottom: theme.spacing(2.5),\n      scrollbarWidth: 'thin',\n      width: '100%',\n\n      [theme.breakpoints.down('sm')]: {\n        padding: theme.spacing(1, 2, 0, 2),\n        marginBottom: theme.spacing(2),\n      },\n    }),\n    modalButtonRow: css({\n      background: theme.colors.background.primary,\n      position: 'sticky',\n      bottom: 0,\n      paddingTop: theme.spacing(2),\n      paddingBottom: theme.spacing(0.5),\n      zIndex: 1,\n    }),\n  };\n};\n"],"names":["css"],"mappings":"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"}