@campxdev/react-blueprint 1.0.8 → 1.0.9
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/package.json
CHANGED
|
@@ -104,6 +104,8 @@ export const Tutorial = ({
|
|
|
104
104
|
run={run}
|
|
105
105
|
showSkipButton
|
|
106
106
|
showProgress={showProgress}
|
|
107
|
+
disableCloseOnEsc
|
|
108
|
+
disableOverlayClose
|
|
107
109
|
spotlightPadding={5}
|
|
108
110
|
locale={{
|
|
109
111
|
last: "Got it",
|
|
@@ -113,12 +115,13 @@ export const Tutorial = ({
|
|
|
113
115
|
}}
|
|
114
116
|
styles={{
|
|
115
117
|
buttonNext: {
|
|
116
|
-
backgroundColor:
|
|
117
|
-
color:
|
|
118
|
+
backgroundColor: theme.palette.primary.main,
|
|
119
|
+
color: theme.palette.secondary.light,
|
|
120
|
+
border: "none",
|
|
118
121
|
height: "28px",
|
|
119
122
|
width: "100px",
|
|
120
123
|
padding: "0px",
|
|
121
|
-
fontFamily: "
|
|
124
|
+
fontFamily: "Heebo, sans-serif",
|
|
122
125
|
},
|
|
123
126
|
buttonBack: {
|
|
124
127
|
backgroundColor: "transparent",
|
|
@@ -130,8 +133,16 @@ export const Tutorial = ({
|
|
|
130
133
|
marginLeft: "5px",
|
|
131
134
|
padding: "0px",
|
|
132
135
|
border: "1px solid black",
|
|
133
|
-
fontFamily: "
|
|
136
|
+
fontFamily: "Heebo, sans-serif",
|
|
134
137
|
},
|
|
138
|
+
tooltip: {
|
|
139
|
+
padding: "10px",
|
|
140
|
+
},
|
|
141
|
+
tooltipContainer: {
|
|
142
|
+
display: "flex",
|
|
143
|
+
backgroundColor: theme.palette.surface.paperBackground,
|
|
144
|
+
},
|
|
145
|
+
|
|
135
146
|
options: {},
|
|
136
147
|
}}
|
|
137
148
|
/>
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Meta, StoryObj } from "@storybook/react";
|
|
2
2
|
import { Tutorial } from "../../components/Feedback/Tutorial/Tutorial";
|
|
3
|
+
import { Typography } from "../../components/DataDisplay/Typography/Typography";
|
|
4
|
+
import { useTheme } from "@mui/material";
|
|
3
5
|
|
|
4
6
|
export default {
|
|
5
7
|
title: "Feedback/Tutorial",
|
|
@@ -46,7 +48,18 @@ export const PrimaryTutorial: StoryObj<typeof Tutorial> = {
|
|
|
46
48
|
steps: [
|
|
47
49
|
{
|
|
48
50
|
target: ".tutorial-target",
|
|
49
|
-
content:
|
|
51
|
+
content: (
|
|
52
|
+
<>
|
|
53
|
+
<div>
|
|
54
|
+
<Typography variant="body2">
|
|
55
|
+
Click the button above 👆 to submit your feedback.
|
|
56
|
+
</Typography>
|
|
57
|
+
<Typography variant="caption" color="highlight">
|
|
58
|
+
Check the environment box to ensure detailed reporting.
|
|
59
|
+
</Typography>
|
|
60
|
+
</div>
|
|
61
|
+
</>
|
|
62
|
+
),
|
|
50
63
|
disableBeacon: true,
|
|
51
64
|
},
|
|
52
65
|
// {
|