@grafana/ui/dist/esm/themes/GlobalStyles/slate.mjs.map

Grafana Components Library

{"version":3,"file":"slate.mjs","sources":["../../../../src/themes/GlobalStyles/slate.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { type GrafanaTheme2 } from '@grafana/data';\n\nexport function getSlateStyles(theme: GrafanaTheme2) {\n  return css({\n    '.slate-query-field': {\n      fontSize: theme.typography.fontSize,\n      fontFamily: theme.typography.fontFamilyMonospace,\n      height: 'auto',\n      wordBreak: 'break-word',\n      // Affects only placeholder in query field. Adds scrollbar only if content is cropped.\n      overflow: 'auto',\n    },\n\n    '.slate-query-field__wrapper': {\n      position: 'relative',\n      display: 'inline-block',\n      padding: '6px 8px',\n      minHeight: '32px',\n      width: '100%',\n      color: theme.colors.text.primary,\n      backgroundColor: theme.components.input.background,\n      backgroundImage: 'none',\n      border: `1px solid ${theme.components.input.borderColor}`,\n      borderRadius: theme.shape.radius.default,\n      [theme.transitions.handleMotion('no-preference')]: {\n        transition: 'all 0.3s',\n      },\n      lineHeight: '18px',\n    },\n\n    '.slate-query-field__wrapper--disabled': {\n      backgroundColor: 'inherit',\n      cursor: 'not-allowed',\n    },\n\n    '.slate-typeahead': {\n      '.typeahead': {\n        position: 'relative',\n        zIndex: theme.zIndex.typeahead,\n        borderRadius: theme.shape.radius.default,\n        border: `1px solid ${theme.components.panel.borderColor}`,\n        maxHeight: '66vh',\n        overflowY: 'scroll',\n        overflowX: 'hidden',\n        outline: 'none',\n        listStyle: 'none',\n        background: theme.components.panel.background,\n        color: theme.colors.text.primary,\n        boxShadow: theme.shadows.z2,\n      },\n\n      '.typeahead-group__title': {\n        color: theme.colors.text.secondary,\n        fontSize: theme.typography.size.sm,\n        lineHeight: theme.typography.body.lineHeight,\n        padding: theme.spacing(1),\n      },\n\n      '.typeahead-item': {\n        height: 'auto',\n        fontFamily: theme.typography.fontFamilyMonospace,\n        padding: theme.spacing(1, 1, 1, 2),\n        fontSize: theme.typography.size.sm,\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        zIndex: 1,\n        display: 'block',\n        whiteSpace: 'nowrap',\n        cursor: 'pointer',\n        [theme.transitions.handleMotion('no-preference')]: {\n          transition:\n            'color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1)',\n        },\n      },\n\n      '.typeahead-item__selected': {\n        backgroundColor: theme.isDark ? theme.v1.palette.dark9 : theme.v1.palette.gray6,\n\n        '.typeahead-item-hint': {\n          fontSize: theme.typography.size.xs,\n          color: theme.colors.text.primary,\n          whiteSpace: 'normal',\n        },\n      },\n\n      '.typeahead-match': {\n        color: theme.v1.palette.yellow,\n        borderBottom: `1px solid ${theme.v1.palette.yellow}`,\n        // Undoing mark styling\n        padding: 'inherit',\n        background: 'inherit',\n      },\n    },\n\n    /* SYNTAX */\n\n    '.slate-query-field, .prism-syntax-highlight': {\n      '.token.comment, .token.block-comment, .token.prolog, .token.doctype, .token.cdata': {\n        color: theme.colors.text.secondary,\n      },\n\n      '.token.variable, .token.entity': {\n        color: theme.colors.text.primary,\n      },\n\n      '.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted': {\n        color: theme.colors.error.text,\n      },\n\n      '.token.attr-value, .token.selector, .token.string, .token.char, .token.builtin, .token.inserted': {\n        color: theme.colors.success.text,\n      },\n\n      '.token.boolean, .token.number, .token.operator, .token.url': {\n        color: '#fe85fc',\n      },\n\n      '.token.function, .token.attr-name, .token.function-name, .token.atrule, .token.keyword, .token.class-name': {\n        color: theme.colors.primary.text,\n      },\n\n      '.token.punctuation, .token.regex, .token.important': {\n        color: theme.v1.palette.orange,\n      },\n\n      '.token.important': {\n        fontWeight: 'normal',\n      },\n\n      '.token.bold': {\n        fontWeight: 'bold',\n      },\n\n      '.token.italic': {\n        fontStyle: 'italic',\n      },\n\n      '.token.entity': {\n        cursor: 'help',\n      },\n\n      '.namespace': {\n        opacity: 0.7,\n      },\n    },\n  });\n}\n"],"names":[],"mappings":"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"}