@yuntijs/ui 1.0.0-beta.89 → 1.0.0-beta.90

package/es/JsonViewer/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from 'react';
+import type { JsonViewProps } from 'react18-json-view';
+import 'react18-json-view/src/dark.css';
+import 'react18-json-view/src/style.css';
+export interface JsonViewerProps extends JsonViewProps {
+    /**
+     * @description The type of the json block
+     * @default 'block'
+     */
+    type?: 'ghost' | 'block' | 'pure';
+    fullFeatured?: boolean;
+    /**
+     * Only workded when fullFeatured=true
+     */
+    title?: string;
+    /**
+     * Only workded when fullFeatured=true
+     */
+    icon?: ReactNode;
+}
+export declare const JsonViewer: React.FC<JsonViewerProps>;

package/es/JsonViewer/index.js

@@ -0,0 +1,120 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["type", "fullFeatured", "title", "icon", "className", "collapseStringMode", "collapsed", "dark", "displaySize", "ignoreLargeArray", "matchesURL", "src", "theme", "style"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { ActionIcon, CopyButton } from '@lobehub/ui';
+import { Flex } from 'antd';
+import { useThemeMode } from 'antd-style';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import React, { useMemo, useState } from 'react';
+import JsonView, { stringify } from 'react18-json-view';
+import 'react18-json-view/src/dark.css';
+import 'react18-json-view/src/style.css';
+import Typography from "../Typography";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Text = Typography.Text;
+export var JsonViewer = function JsonViewer(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'block' : _ref$type,
+    _ref$fullFeatured = _ref.fullFeatured,
+    fullFeatured = _ref$fullFeatured === void 0 ? false : _ref$fullFeatured,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'json' : _ref$title,
+    icon = _ref.icon,
+    className = _ref.className,
+    _ref$collapseStringMo = _ref.collapseStringMode,
+    collapseStringMode = _ref$collapseStringMo === void 0 ? 'directly' : _ref$collapseStringMo,
+    _ref$collapsed = _ref.collapsed,
+    collapsed = _ref$collapsed === void 0 ? 2 : _ref$collapsed,
+    dark = _ref.dark,
+    _ref$displaySize = _ref.displaySize,
+    displaySize = _ref$displaySize === void 0 ? 'collapsed' : _ref$displaySize,
+    _ref$ignoreLargeArray = _ref.ignoreLargeArray,
+    ignoreLargeArray = _ref$ignoreLargeArray === void 0 ? false : _ref$ignoreLargeArray,
+    _ref$matchesURL = _ref.matchesURL,
+    matchesURL = _ref$matchesURL === void 0 ? true : _ref$matchesURL,
+    src = _ref.src,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? 'default' : _ref$theme,
+    style = _ref.style,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useThemeMode = useThemeMode(),
+    isDarkMode = _useThemeMode.isDarkMode;
+  var _useStyles = useStyles(fullFeatured ? 'block' : type),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  var jsonString = useMemo(function () {
+    return stringify(src);
+  }, [src]);
+  var JsonViewEle = /*#__PURE__*/_jsx(JsonView, _objectSpread({
+    collapseStringMode: collapseStringMode,
+    collapsed: collapsed,
+    dark: dark !== null && dark !== void 0 ? dark : isDarkMode
+    // displayArrayIndex={displayArrayIndex}
+    ,
+    displaySize: displaySize,
+    ignoreLargeArray: ignoreLargeArray,
+    matchesURL: matchesURL,
+    src: src,
+    theme: theme
+  }, props));
+  return /*#__PURE__*/_jsxs(Flex, {
+    className: cx(styles.container, className),
+    style: style,
+    vertical: true,
+    children: [fullFeatured && /*#__PURE__*/_jsxs(Flex, {
+      align: 'center',
+      className: styles.header,
+      justify: 'space-between',
+      children: [/*#__PURE__*/_jsx(ActionIcon, {
+        icon: expand ? ChevronDown : ChevronRight,
+        onClick: function onClick() {
+          return setExpand(!expand);
+        },
+        size: {
+          blockSize: 24,
+          fontSize: 14,
+          strokeWidth: 3
+        }
+      }), /*#__PURE__*/_jsxs(Flex, {
+        align: 'center',
+        className: styles.title,
+        flex: 1,
+        gap: 2,
+        children: [icon, /*#__PURE__*/_jsx(Flex, {
+          className: styles.titleText,
+          flex: 1,
+          children: /*#__PURE__*/_jsx(Text, {
+            ellipsis: true,
+            children: title
+          })
+        })]
+      }), /*#__PURE__*/_jsx(CopyButton, {
+        content: jsonString,
+        placement: "left",
+        size: {
+          blockSize: 24,
+          fontSize: 14,
+          strokeWidth: 2
+        }
+      })]
+    }), /*#__PURE__*/_jsx(Flex, {
+      className: styles.content,
+      flex: 1,
+      style: expand ? {} : {
+        height: 0,
+        padding: 0,
+        overflow: 'hidden'
+      },
+      children: JsonViewEle
+    })]
+  });
+};

package/es/JsonViewer/style.d.ts

@@ -0,0 +1,7 @@
+export declare const useStyles: (props?: "ghost" | "block" | "pure" | undefined) => import("antd-style").ReturnStyles<{
+    container: string;
+    content: import("antd-style").SerializedStyles;
+    header: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+    titleText: import("antd-style").SerializedStyles;
+}>;

package/es/JsonViewer/style.js

@@ -0,0 +1,19 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, type) {
+  var token = _ref.token,
+    css = _ref.css,
+    cx = _ref.cx,
+    prefixCls = _ref.prefixCls;
+  var prefix = "".concat(prefixCls, "-json-viewer");
+  var isBlock = type === 'block';
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), isBlock ? token.colorFillTertiary : 'transparent', isBlock ? token.colorFillTertiary : token.colorFillQuaternary);
+  return {
+    container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n          &:hover {\n            .json-view {\n              /* show root copy always when hover */\n              & > .json-view--copy:first-of-type {\n                display: inline !important;\n              }\n            }\n          }\n        "])), token.borderRadius, token.motionEaseOut)),
+    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        overflow: auto;\n        width: 100%;\n        height: 100%;\n        padding: ", "px;\n      "])), type === 'pure' ? 0 : token.padding),
+    header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-block: 4px;\n        padding-inline: 8px;\n        background: ", ";\n      "])), token.colorFillQuaternary),
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        user-select: none;\n        overflow: hidden;\n        margin: 0 ", "px;\n      "])), token.margin),
+    titleText: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        font-size: ", "px;\n        .", "-typography {\n          color: ", ";\n        }\n      "])), token.fontSize, prefixCls, token.colorTextDescription)
+  };
+});

package/es/index.d.ts

@@ -2,6 +2,7 @@ export * from './ButtonGroup';
 export * from './CollapseGroup';
 export * from './ConfigProvider';
 export * from './DragPanel';
+export * from './JsonViewer';
 export * from './Logo';
 export * from './LogViewer';
 export * from './Mentions';

package/es/index.js

@@ -2,6 +2,7 @@ export * from "./ButtonGroup";
 export * from "./CollapseGroup";
 export * from "./ConfigProvider";
 export * from "./DragPanel";
+export * from "./JsonViewer";
 export * from "./Logo";
 export * from "./LogViewer";
 export * from "./Mentions";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.89",
+  "version": "1.0.0-beta.90",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",
@@ -101,6 +101,7 @@
     "react-draggable": "^4.4.6",
     "react-error-boundary": "^4",
     "react-layout-kit": "^1",
+    "react18-json-view": "^0.2.8",
     "shiki": "^1.10.3",
     "swr": "^2.2.5",
     "url-join": "^5.0.0",

package/umd/index.min.css

@@ -0,0 +1,2 @@
+:is(.dark .json-view,.dark.json-view){--json-property:#009033;--json-index:#5d75f2;--json-number:#5d75f2;--json-string:#c57e29;--json-boolean:#e4407b;--json-null:#e4407b;color:#d1d1d1}:is(.dark .json-view_a11y,.dark.json-view_a11y){--json-property:gold;--json-index:#00e0e0;--json-number:#00e0e0;--json-string:#abe338;--json-boolean:#ffa07a;--json-null:#ffa07a;color:#d1d1d1}:is(.dark .json-view_github,.dark.json-view_github){--json-property:#79b8ff;--json-index:#79b8ff;--json-number:#79b8ff;--json-string:#9ecbff;--json-boolean:#79b8ff;--json-null:#79b8ff;color:#79b8ff}:is(.dark .json-view_vscode,.dark.json-view_vscode){--json-property:#9cdcfe;--json-index:#b5cea8;--json-number:#b5cea8;--json-string:#ce9178;--json-boolean:#569cd6;--json-null:#569cd6;color:orchid}:is(.dark .json-view_atom,.dark.json-view_atom){--json-property:#e06c75;--json-index:#d19a66;--json-number:#d19a66;--json-string:#98c379;--json-boolean:#56b6c2;--json-null:#56b6c2;color:#abb2bf}:is(.dark .json-view_winter-is-coming,.dark.json-view_winter-is-coming){--json-property:#91dacd;--json-index:#8dec95;--json-number:#8dec95;--json-string:#e0aff5;--json-boolean:#f29fd8;--json-null:#f29fd8;color:#a7dbf7}.json-view{--json-property:#009033;--json-index:#676dff;--json-number:#676dff;--json-string:#b2762e;--json-boolean:#dc155e;--json-null:#dc155e;color:#4d4d4d;display:block;text-align:left}.json-view .json-view--property{color:var(--json-property)}.json-view .json-view--index{color:var(--json-index)}.json-view .json-view--number{color:var(--json-number)}.json-view .json-view--string{color:var(--json-string)}.json-view .json-view--boolean{color:var(--json-boolean)}.json-view .json-view--null{color:var(--json-null)}.json-view .jv-indent{padding-left:1em}.json-view .jv-chevron{cursor:pointer;display:inline-block;height:1em;opacity:.4;vertical-align:-20%;width:1em}:is(.json-view .jv-chevron:hover,.json-view .jv-size:hover+.jv-chevron){opacity:.8}.json-view .jv-size{cursor:pointer;font-size:.875em;font-style:italic;line-height:1;margin-left:.5em;opacity:.4;vertical-align:-5%}.json-view .json-view--link svg,.json-view :is(.json-view--copy,.json-view--edit){cursor:pointer;display:none;height:1em;margin-left:.25em;width:1em}.json-view .json-view--input{background:transparent;border:1px solid;border-radius:4px;font-size:87.5%;line-height:1.25;margin-left:.25em;padding:0 4px;width:120px}.json-view .json-view--deleting{background-color:#da000011;outline:1px solid #da0000;text-decoration-line:line-through}:is(.json-view:hover,.json-view--pair:hover)>.json-view--link svg,:is(.json-view:hover,.json-view--pair:hover)>:is(.json-view--copy,.json-view--edit){display:inline-block}.json-view .jv-button{background:transparent;border:none;color:inherit;cursor:pointer;outline:none}.json-view .cursor-pointer{cursor:pointer}.json-view svg{vertical-align:-10%}.jv-size-chevron~svg{vertical-align:-16%}.json-view_a11y{--json-property:#aa5d00;--json-index:#007299;--json-number:#007299;--json-string:green;--json-boolean:#d91e18;--json-null:#d91e18;color:#545454}.json-view_github{--json-property:#005cc5;--json-index:#005cc5;--json-number:#005cc5;--json-string:#032f62;--json-boolean:#005cc5;--json-null:#005cc5;color:#005cc5}.json-view_vscode{--json-property:#0451a5;--json-index:#00f;--json-number:#00f;--json-string:#a31515;--json-boolean:#00f;--json-null:#00f;color:#005cc5}.json-view_atom{--json-property:#e45649;--json-index:#986801;--json-number:#986801;--json-string:#50a14f;--json-boolean:#0184bc;--json-null:#0184bc;color:#383a42}.json-view_winter-is-coming{--json-property:#3a9685;--json-index:#ae408b;--json-number:#ae408b;--json-string:#8123a9;--json-boolean:#0184bc;--json-null:#0184bc;color:#0431fa}
+/*# sourceMappingURL=index.min.css.map*/

package/umd/index.min.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.min.css","mappings":"AAAA,sCAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,gDAEC,oBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,oDAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,oDAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,YAOD,CACA,gDAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,wEAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CCrDA,WAIC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CAPpB,aAAc,CADd,aAAc,CAEd,eAOD,CACA,gCACC,0BACD,CACA,6BACC,uBACD,CACA,8BACC,wBACD,CACA,8BACC,wBACD,CACA,+BACC,yBACD,CACA,4BACC,sBACD,CAEA,sBACC,gBACD,CACA,uBAGC,cAAe,CAFf,oBAAqB,CAKrB,UAAW,CAFX,UAAY,CAFZ,mBAAoB,CAGpB,SAED,CACA,wEACC,UACD,CACA,oBACC,cAAe,CAEf,gBAAkB,CAClB,iBAAkB,CAGlB,aAAc,CAFd,gBAAkB,CAHlB,UAAY,CAIZ,kBAED,CAEA,kFAMC,cAAe,CAJf,YAAa,CAEb,UAAW,CACX,iBAAmB,CAFnB,SAID,CAEA,6BAQC,sBAAuB,CAJvB,gBAA8B,CAD9B,iBAAkB,CAGlB,eAAgB,CAChB,gBAAiB,CALjB,iBAAmB,CAGnB,aAAgB,CAJhB,WAQD,CACA,gCAEC,0BAA2B,CAD3B,yBAA0B,CAE1B,iCACD,CAEA,sJAEC,oBACD,CAEA,sBACC,sBAAuB,CAEvB,WAAY,CAEZ,aAAc,CADd,cAAe,CAFf,YAID,CACA,2BACC,cACD,CAEA,eACC,mBACD,CACA,qBACC,mBACD,CAGA,gBAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,mBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,kBAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,kBAEC,uBAAwB,CACxB,iBAAqB,CACrB,kBAAsB,CACtB,qBAAsB,CACtB,mBAAuB,CACvB,gBAAoB,CANpB,aAOD,CACA,gBAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD,CACA,4BAEC,uBAAwB,CACxB,oBAAqB,CACrB,qBAAsB,CACtB,qBAAsB,CACtB,sBAAuB,CACvB,mBAAoB,CANpB,aAOD","sources":["webpack://YuntiUI/./node_modules/.pnpm/react18-json-view@0.2.8_react@18.3.1/node_modules/react18-json-view/src/dark.css","webpack://YuntiUI/./node_modules/.pnpm/react18-json-view@0.2.8_react@18.3.1/node_modules/react18-json-view/src/style.css"],"sourcesContent":[":is(.dark .json-view, .dark.json-view) {\r\n\tcolor: #d1d1d1;\r\n\t--json-property: #009033;\r\n\t--json-index: #5d75f2;\r\n\t--json-number: #5d75f2;\r\n\t--json-string: #c57e29;\r\n\t--json-boolean: #e4407b;\r\n\t--json-null: #e4407b;\r\n}\r\n:is(.dark .json-view_a11y, .dark.json-view_a11y) {\r\n\tcolor: #d1d1d1;\r\n\t--json-property: #ffd700;\r\n\t--json-index: #00e0e0;\r\n\t--json-number: #00e0e0;\r\n\t--json-string: #abe338;\r\n\t--json-boolean: #ffa07a;\r\n\t--json-null: #ffa07a;\r\n}\r\n:is(.dark .json-view_github, .dark.json-view_github) {\r\n\tcolor: #79b8ff;\r\n\t--json-property: #79b8ff;\r\n\t--json-index: #79b8ff;\r\n\t--json-number: #79b8ff;\r\n\t--json-string: #9ecbff;\r\n\t--json-boolean: #79b8ff;\r\n\t--json-null: #79b8ff;\r\n}\r\n:is(.dark .json-view_vscode, .dark.json-view_vscode) {\r\n\tcolor: #da70d6;\r\n\t--json-property: #9cdcfe;\r\n\t--json-index: #b5cea8;\r\n\t--json-number: #b5cea8;\r\n\t--json-string: #ce9178;\r\n\t--json-boolean: #569cd6;\r\n\t--json-null: #569cd6;\r\n}\r\n:is(.dark .json-view_atom, .dark.json-view_atom) {\r\n\tcolor: #abb2bf;\r\n\t--json-property: #e06c75;\r\n\t--json-index: #d19a66;\r\n\t--json-number: #d19a66;\r\n\t--json-string: #98c379;\r\n\t--json-boolean: #56b6c2;\r\n\t--json-null: #56b6c2;\r\n}\r\n:is(.dark .json-view_winter-is-coming, .dark.json-view_winter-is-coming) {\r\n\tcolor: #a7dbf7;\r\n\t--json-property: #91dacd;\r\n\t--json-index: #8dec95;\r\n\t--json-number: #8dec95;\r\n\t--json-string: #e0aff5;\r\n\t--json-boolean: #f29fd8;\r\n\t--json-null: #f29fd8;\r\n}\r\n",".json-view {\r\n\tdisplay: block;\r\n\tcolor: #4d4d4d;\r\n\ttext-align: left;\r\n\t--json-property: #009033;\r\n\t--json-index: #676dff;\r\n\t--json-number: #676dff;\r\n\t--json-string: #b2762e;\r\n\t--json-boolean: #dc155e;\r\n\t--json-null: #dc155e;\r\n}\r\n.json-view .json-view--property {\r\n\tcolor: var(--json-property);\r\n}\r\n.json-view .json-view--index {\r\n\tcolor: var(--json-index);\r\n}\r\n.json-view .json-view--number {\r\n\tcolor: var(--json-number);\r\n}\r\n.json-view .json-view--string {\r\n\tcolor: var(--json-string);\r\n}\r\n.json-view .json-view--boolean {\r\n\tcolor: var(--json-boolean);\r\n}\r\n.json-view .json-view--null {\r\n\tcolor: var(--json-null);\r\n}\r\n\r\n.json-view .jv-indent {\r\n\tpadding-left: 1em;\r\n}\r\n.json-view .jv-chevron {\r\n\tdisplay: inline-block;\r\n\tvertical-align: -20%;\r\n\tcursor: pointer;\r\n\topacity: 0.4;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n}\r\n:is(.json-view .jv-chevron:hover, .json-view .jv-size:hover + .jv-chevron) {\r\n\topacity: 0.8;\r\n}\r\n.json-view .jv-size {\r\n\tcursor: pointer;\r\n\topacity: 0.4;\r\n\tfont-size: 0.875em;\r\n\tfont-style: italic;\r\n\tmargin-left: 0.5em;\r\n\tvertical-align: -5%;\r\n\tline-height: 1;\r\n}\r\n\r\n.json-view :is(.json-view--copy, .json-view--edit),\r\n.json-view .json-view--link svg {\r\n\tdisplay: none;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tmargin-left: 0.25em;\r\n\tcursor: pointer;\r\n}\r\n\r\n.json-view .json-view--input {\r\n\twidth: 120px;\r\n\tmargin-left: 0.25em;\r\n\tborder-radius: 4px;\r\n\tborder: 1px solid currentColor;\r\n\tpadding: 0px 4px;\r\n\tfont-size: 87.5%;\r\n\tline-height: 1.25;\r\n\tbackground: transparent;\r\n}\r\n.json-view .json-view--deleting {\r\n\toutline: 1px solid #da0000;\r\n\tbackground-color: #da000011;\r\n\ttext-decoration-line: line-through;\r\n}\r\n\r\n:is(.json-view:hover, .json-view--pair:hover) > :is(.json-view--copy, .json-view--edit),\r\n:is(.json-view:hover, .json-view--pair:hover) > .json-view--link svg {\r\n\tdisplay: inline-block;\r\n}\r\n\r\n.json-view .jv-button {\r\n\tbackground: transparent;\r\n\toutline: none;\r\n\tborder: none;\r\n\tcursor: pointer;\r\n\tcolor: inherit;\r\n}\r\n.json-view .cursor-pointer {\r\n\tcursor: pointer;\r\n}\r\n\r\n.json-view svg {\r\n\tvertical-align: -10%;\r\n}\r\n.jv-size-chevron ~ svg {\r\n\tvertical-align: -16%;\r\n}\r\n\r\n/* Themes */\r\n.json-view_a11y {\r\n\tcolor: #545454;\r\n\t--json-property: #aa5d00;\r\n\t--json-index: #007299;\r\n\t--json-number: #007299;\r\n\t--json-string: #008000;\r\n\t--json-boolean: #d91e18;\r\n\t--json-null: #d91e18;\r\n}\r\n.json-view_github {\r\n\tcolor: #005cc5;\r\n\t--json-property: #005cc5;\r\n\t--json-index: #005cc5;\r\n\t--json-number: #005cc5;\r\n\t--json-string: #032f62;\r\n\t--json-boolean: #005cc5;\r\n\t--json-null: #005cc5;\r\n}\r\n.json-view_vscode {\r\n\tcolor: #005cc5;\r\n\t--json-property: #0451a5;\r\n\t--json-index: #0000ff;\r\n\t--json-number: #0000ff;\r\n\t--json-string: #a31515;\r\n\t--json-boolean: #0000ff;\r\n\t--json-null: #0000ff;\r\n}\r\n.json-view_atom {\r\n\tcolor: #383a42;\r\n\t--json-property: #e45649;\r\n\t--json-index: #986801;\r\n\t--json-number: #986801;\r\n\t--json-string: #50a14f;\r\n\t--json-boolean: #0184bc;\r\n\t--json-null: #0184bc;\r\n}\r\n.json-view_winter-is-coming {\r\n\tcolor: #0431fa;\r\n\t--json-property: #3a9685;\r\n\t--json-index: #ae408b;\r\n\t--json-number: #ae408b;\r\n\t--json-string: #8123a9;\r\n\t--json-boolean: #0184bc;\r\n\t--json-null: #0184bc;\r\n}\r\n"],"names":[],"sourceRoot":""}