@confidencesystemsinc/sdk 1.2.2 → 1.2.3
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
|
@@ -14,10 +14,15 @@ import { usePlaybookExpandedTasks } from "../../hooks/usePlaybookExpandedTasks";
|
|
|
14
14
|
export interface ConfidencePlaybookStyleConfiguration {
|
|
15
15
|
overlay?: {
|
|
16
16
|
position?: "left" | "right";
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
17
|
+
size?: {
|
|
18
|
+
width?: number | string;
|
|
19
|
+
height?: number | string;
|
|
20
|
+
};
|
|
21
|
+
offset?: {
|
|
22
|
+
top?: number | string;
|
|
23
|
+
right?: number | string;
|
|
24
|
+
left?: number | string;
|
|
25
|
+
};
|
|
21
26
|
};
|
|
22
27
|
whiteLabel?: {
|
|
23
28
|
titleBackgroundColor?: string;
|
|
@@ -156,18 +161,18 @@ const PlaybookView = ({
|
|
|
156
161
|
)}
|
|
157
162
|
{...(playbookStyle?.overlay && {
|
|
158
163
|
style: {
|
|
159
|
-
width: playbookStyle.overlay.width || 450,
|
|
160
|
-
height: playbookStyle.overlay.height || "calc(100vh - 4rem)",
|
|
164
|
+
width: playbookStyle.overlay.size?.width || 450,
|
|
165
|
+
height: playbookStyle.overlay.size?.height || "calc(100vh - 4rem)",
|
|
161
166
|
maxHeight: "calc(100vh - 4rem)",
|
|
162
167
|
right:
|
|
163
|
-
playbookStyle.overlay.right !== undefined
|
|
164
|
-
? playbookStyle.overlay.right
|
|
168
|
+
playbookStyle.overlay.offset?.right !== undefined
|
|
169
|
+
? playbookStyle.overlay.offset.right
|
|
165
170
|
: playbookStyle.overlay.position === "right"
|
|
166
171
|
? 32
|
|
167
172
|
: undefined,
|
|
168
173
|
left:
|
|
169
|
-
playbookStyle.overlay.left !== undefined
|
|
170
|
-
? playbookStyle.overlay.left
|
|
174
|
+
playbookStyle.overlay.offset?.left !== undefined
|
|
175
|
+
? playbookStyle.overlay.offset.left
|
|
171
176
|
: playbookStyle.overlay.position === "left"
|
|
172
177
|
? 32
|
|
173
178
|
: undefined,
|
|
@@ -98,8 +98,10 @@ export const ConfidenceOverlay: Story = {
|
|
|
98
98
|
},
|
|
99
99
|
overlay: {
|
|
100
100
|
position: "right",
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
size: {
|
|
102
|
+
width: 500,
|
|
103
|
+
height: "calc(100vh - 4rem)",
|
|
104
|
+
},
|
|
103
105
|
},
|
|
104
106
|
},
|
|
105
107
|
},
|
|
@@ -111,9 +113,8 @@ export const FiservOverlay: Story = {
|
|
|
111
113
|
playbookStyle: {
|
|
112
114
|
overlay: {
|
|
113
115
|
position: "right",
|
|
114
|
-
right: 0,
|
|
115
|
-
width: 500,
|
|
116
|
-
height: "calc(100vh - 4rem)",
|
|
116
|
+
offset: { right: 0 },
|
|
117
|
+
size: { width: 500, height: "calc(100vh - 4rem)" },
|
|
117
118
|
},
|
|
118
119
|
whiteLabel: {
|
|
119
120
|
titleBackgroundColor: "#FFE3CF",
|