@grafana/ui
Version:
Grafana Components Library
1 lines • 6.59 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 [theme.transitions.handleMotion('no-preference')]: {\n transition: 'transform 100ms ease-in',\n },\n content: \"'►'\",\n },\n },\n\n // Inline preview on hover (optional)\n '> a > .json-formatter-preview-text': {\n opacity: 0,\n [theme.transitions.handleMotion('no-preference', 'reduce')]: {\n transition: 'opacity 0.15s ease-in',\n },\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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"}