@grafana/ui
Version:
Grafana Components Library
1 lines • 6.29 kB
Source Map (JSON)
{"version":3,"file":"jsonFormatter.mjs","sources":["../../../../src/themes/GlobalStyles/jsonFormatter.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport function getJsonFormatterStyles(theme: GrafanaTheme2) {\n return css({\n '.json-formatter-row': {\n fontFamily: 'monospace',\n\n '&, a, a:hover': {\n color: theme.colors.text.primary,\n textDecoration: 'none',\n },\n\n '.json-formatter-row': {\n marginLeft: theme.spacing(2),\n },\n\n '.json-formatter-children': {\n '&.json-formatter-empty': {\n opacity: 0.5,\n marginLeft: theme.spacing(2),\n\n '&::after': {\n display: 'none',\n },\n '&.json-formatter-object::after': {\n content: \"'No properties'\",\n },\n '&.json-formatter-array::after': {\n content: \"'[]'\",\n },\n },\n },\n\n '.json-formatter-string': {\n color: theme.isDark ? '#23d662' : 'green',\n whiteSpace: 'pre-wrap',\n wordWrap: 'break-word',\n wordBreak: 'break-all',\n },\n\n '.json-formatter-number': {\n color: theme.isDark ? theme.colors.primary.text : theme.colors.primary.main,\n },\n '.json-formatter-boolean': {\n color: theme.isDark ? theme.colors.primary.text : theme.colors.error.main,\n },\n '.json-formatter-null': {\n color: theme.isDark ? '#eec97d' : '#855a00',\n },\n '.json-formatter-undefined': {\n color: theme.isDark ? 'rgb(239, 143, 190)' : 'rgb(202, 11, 105)',\n },\n '.json-formatter-function': {\n color: theme.isDark ? '#fd48cb' : '#ff20ed',\n },\n '.json-formatter-url': {\n textDecoration: 'underline',\n color: theme.isDark ? '#027bff' : theme.colors.primary.main,\n cursor: 'pointer',\n },\n\n '.json-formatter-bracket': {\n color: theme.isDark ? '#9494ff' : theme.colors.primary.main,\n },\n '.json-formatter-key': {\n color: theme.isDark ? '#23a0db' : '#00008b',\n cursor: 'pointer',\n paddingRight: theme.spacing(0.25),\n marginRight: theme.spacing(0.5),\n },\n\n '.json-formatter-constructor-name': {\n cursor: 'pointer',\n },\n\n '.json-formatter-array-comma': {\n marginRight: theme.spacing(0.5),\n },\n\n '.json-formatter-toggler': {\n lineHeight: '16px',\n fontSize: theme.typography.size.xs,\n verticalAlign: 'middle',\n opacity: 0.6,\n cursor: 'pointer',\n paddingRight: theme.spacing(0.25),\n\n '&::after': {\n display: 'inline-block',\n transition: 'transform 100ms ease-in',\n content: \"'►'\",\n },\n },\n\n // Inline preview on hover (optional)\n '> a > .json-formatter-preview-text': {\n opacity: 0,\n transition: 'opacity 0.15s ease-in',\n fontStyle: 'italic',\n },\n\n '&:hover > a > .json-formatter-preview-text': {\n opacity: 0.6,\n },\n\n // Open state\n '&.json-formatter-open': {\n '> .json-formatter-toggler-link .json-formatter-toggler::after': {\n transform: 'rotate(90deg)',\n },\n '> .json-formatter-children::after': {\n display: 'inline-block',\n },\n '> a > .json-formatter-preview-text': {\n display: 'none',\n },\n '&.json-formatter-empty::after': {\n display: 'block',\n },\n },\n },\n });\n}\n"],"names":[],"mappings":"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"}