msw-dev-tool 1.1.19 → 1.1.21
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/cjs/index.js +22 -15
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +22 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +5 -2
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -29689,13 +29689,9 @@ const Container = ({ children }) => {
|
|
|
29689
29689
|
* - `Theme` has its own size, so the size must be cleared.
|
|
29690
29690
|
*/
|
|
29691
29691
|
const ThemeProvider = React.forwardRef(({ children }, ref) => {
|
|
29692
|
-
return (React.createElement(R$1, { ref: ref, style: {
|
|
29692
|
+
return (React.createElement(R$1, { appearance: "light", ref: ref, style: {
|
|
29693
29693
|
minHeight: 0,
|
|
29694
|
-
|
|
29695
|
-
position: "fixed",
|
|
29696
|
-
top: 0,
|
|
29697
|
-
left: 0,
|
|
29698
|
-
zIndex: 999,
|
|
29694
|
+
minWidth: 0,
|
|
29699
29695
|
} }, children));
|
|
29700
29696
|
});
|
|
29701
29697
|
ThemeProvider.displayName = "ThemeProvider";
|
|
@@ -29708,17 +29704,27 @@ const ToolButtonGroup = () => {
|
|
|
29708
29704
|
"Reset Dev tool")));
|
|
29709
29705
|
};
|
|
29710
29706
|
|
|
29711
|
-
const
|
|
29707
|
+
const DefaultDevToolTrigger = React.forwardRef((props, ref) => {
|
|
29708
|
+
return (React.createElement(o$2, { ref: ref, style: {
|
|
29709
|
+
fontSize: "2rem",
|
|
29710
|
+
borderRadius: "50%",
|
|
29711
|
+
width: "3.5rem",
|
|
29712
|
+
height: "3.5rem",
|
|
29713
|
+
margin: "1rem",
|
|
29714
|
+
position: "fixed",
|
|
29715
|
+
top: 0,
|
|
29716
|
+
left: 0,
|
|
29717
|
+
zIndex: 999,
|
|
29718
|
+
cursor: "pointer",
|
|
29719
|
+
}, ...props }, "M"));
|
|
29720
|
+
});
|
|
29721
|
+
DefaultDevToolTrigger.displayName = "DefaultDevToolTrigger";
|
|
29722
|
+
|
|
29723
|
+
const MSWDevTool = ({ trigger }) => {
|
|
29712
29724
|
return (React.createElement(ThemeProvider, null,
|
|
29713
29725
|
React.createElement(Drawer.Root, null,
|
|
29714
|
-
React.createElement(Drawer.Trigger, { asChild: true },
|
|
29715
|
-
React.createElement(
|
|
29716
|
-
fontSize: "2rem",
|
|
29717
|
-
borderRadius: "50%",
|
|
29718
|
-
width: "3.5rem",
|
|
29719
|
-
height: "3.5rem",
|
|
29720
|
-
margin: "1rem",
|
|
29721
|
-
} }, "M")),
|
|
29726
|
+
trigger ? (React.createElement(Drawer.Trigger, { asChild: true }, trigger)) : (React.createElement(Drawer.Trigger, { asChild: true },
|
|
29727
|
+
React.createElement(DefaultDevToolTrigger, null))),
|
|
29722
29728
|
React.createElement(Drawer.Portal, null,
|
|
29723
29729
|
React.createElement(ThemeProvider, null,
|
|
29724
29730
|
React.createElement(Drawer.Overlay, { style: {
|
|
@@ -29740,6 +29746,7 @@ const MSWDevTool = () => {
|
|
|
29740
29746
|
padding: "2rem",
|
|
29741
29747
|
display: "flex",
|
|
29742
29748
|
flexDirection: "column",
|
|
29749
|
+
color: "#000",
|
|
29743
29750
|
} },
|
|
29744
29751
|
React.createElement(p$3, { align: "center", justify: "between" },
|
|
29745
29752
|
React.createElement(Drawer.Title, { style: { margin: 0 } }, "MSW DEV TOOL"),
|