@lijinmei-810/dev-inspector 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dev-inspector.css +494 -160
- package/dist/index.cjs +688 -177
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +478 -180
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +19 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +689 -178
- package/dist/index.js.map +1 -1
- package/package.json +7 -2
package/dist/index.d.cts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
+
declare global {
|
|
5
|
+
interface Window {
|
|
6
|
+
__DEV_INSPECTOR_LAST_PROMPT__?: string;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
4
9
|
declare function InspectorPanel({ targetEl, tokenMap, onTokenMapUpdate, onTargetChange, onClose, }: {
|
|
5
10
|
targetEl: Element;
|
|
6
11
|
tokenMap: Record<string, string>;
|
|
@@ -58,6 +63,19 @@ type TypographyToken = {
|
|
|
58
63
|
color: string;
|
|
59
64
|
usage: string;
|
|
60
65
|
};
|
|
66
|
+
type InspectorTypographyLevel = {
|
|
67
|
+
fontSize: string;
|
|
68
|
+
fontWeight: string;
|
|
69
|
+
lineHeight: string;
|
|
70
|
+
color: string;
|
|
71
|
+
};
|
|
72
|
+
type InspectorTypographyTokens = {
|
|
73
|
+
title: InspectorTypographyLevel;
|
|
74
|
+
sectionLabel: InspectorTypographyLevel;
|
|
75
|
+
body: InspectorTypographyLevel;
|
|
76
|
+
meta: InspectorTypographyLevel;
|
|
77
|
+
tinyBadge: InspectorTypographyLevel;
|
|
78
|
+
};
|
|
61
79
|
type RadiusPreset = {
|
|
62
80
|
label: string;
|
|
63
81
|
sub: string;
|
|
@@ -112,6 +130,7 @@ type DevInspectorEndpoints = {
|
|
|
112
130
|
type DevInspectorTokenConfig = {
|
|
113
131
|
colorPalette: PaletteGroup[];
|
|
114
132
|
tokenLabels: Record<string, string>;
|
|
133
|
+
inspectorTypography: InspectorTypographyTokens;
|
|
115
134
|
radiusPresets: RadiusPreset[];
|
|
116
135
|
spaceSteps: SpaceStep[];
|
|
117
136
|
borderWidthSteps: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
|
|
4
|
+
declare global {
|
|
5
|
+
interface Window {
|
|
6
|
+
__DEV_INSPECTOR_LAST_PROMPT__?: string;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
4
9
|
declare function InspectorPanel({ targetEl, tokenMap, onTokenMapUpdate, onTargetChange, onClose, }: {
|
|
5
10
|
targetEl: Element;
|
|
6
11
|
tokenMap: Record<string, string>;
|
|
@@ -58,6 +63,19 @@ type TypographyToken = {
|
|
|
58
63
|
color: string;
|
|
59
64
|
usage: string;
|
|
60
65
|
};
|
|
66
|
+
type InspectorTypographyLevel = {
|
|
67
|
+
fontSize: string;
|
|
68
|
+
fontWeight: string;
|
|
69
|
+
lineHeight: string;
|
|
70
|
+
color: string;
|
|
71
|
+
};
|
|
72
|
+
type InspectorTypographyTokens = {
|
|
73
|
+
title: InspectorTypographyLevel;
|
|
74
|
+
sectionLabel: InspectorTypographyLevel;
|
|
75
|
+
body: InspectorTypographyLevel;
|
|
76
|
+
meta: InspectorTypographyLevel;
|
|
77
|
+
tinyBadge: InspectorTypographyLevel;
|
|
78
|
+
};
|
|
61
79
|
type RadiusPreset = {
|
|
62
80
|
label: string;
|
|
63
81
|
sub: string;
|
|
@@ -112,6 +130,7 @@ type DevInspectorEndpoints = {
|
|
|
112
130
|
type DevInspectorTokenConfig = {
|
|
113
131
|
colorPalette: PaletteGroup[];
|
|
114
132
|
tokenLabels: Record<string, string>;
|
|
133
|
+
inspectorTypography: InspectorTypographyTokens;
|
|
115
134
|
radiusPresets: RadiusPreset[];
|
|
116
135
|
spaceSteps: SpaceStep[];
|
|
117
136
|
borderWidthSteps: string[];
|