mic-inspector
Version:
A react inspector which a most similar of Chorme DevTools inspector
78 lines (77 loc) • 2.48 kB
JavaScript
;
var _a, _b, _c;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var mic_global_1 = require("mic-global");
var types_1 = require("../named-descriptor/types");
var types_2 = require("./types");
var types_3 = require("../types");
exports.useStyles = mic_global_1.createStyles(types_3.ClassName.ObjectValue, (_a = {
'&[data-arraylike="true"]': (_b = {
'&[data-preview="true"]': {
'& > span': {
marginRight: 0,
},
'& > q': {
'&::before, &::after': {
display: 'none',
},
},
}
},
_b['&[data-array-length="0"]:not([data-preview="true"]) > span > i'] = {
display: 'none',
},
_b["& ." + types_3.ClassName.PropertyName + "[data-type$='" + types_1.DescriptorNameType.Index.toString(2) + "']"] = {
display: 'none',
},
_b['& > span > i'] = {
fontStyle: 'normal',
},
_b['& > q'] = {
'&::before': {
content: '"["',
},
'&::after': {
content: '"]"',
},
},
_b),
'&[data-node="true"]': {
'& > span': {
color: '#881391',
},
'& > q': {
display: 'none',
},
},
'&:not([data-node="true"]) > span:not(:empty)': {
marginRight: mic_global_1.EM.S5,
},
'& > q': {
'&:empty': {
maxWidth: 'none',
overflow: 'visible',
letterSpacing: mic_global_1.EM.S2,
},
'&::before': {
content: '"{"',
},
'&::after': {
content: '"}"',
},
'& > i': (_c = {},
_c["&[data-separator=\"" + types_2.ObjectValueSeparator.Comma + "\"]"] = {
marginRight: mic_global_1.EM.S5,
},
_c),
}
},
_a["& ." + types_3.ClassName.PropertyName + " > span"] = {
color: 'inherit !important',
},
_a["& ." + types_3.ClassName.Property] = {
display: 'inline',
maxWidth: 'none',
},
_a));