impaktapps-ui-builder 1.0.261 → 1.0.271

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.
@@ -1,300 +0,0 @@
1
- export default function InfoCard(theme) {
2
- const uiSchema ={
3
- type: "WrapperLayout",
4
- config: {
5
- main: {},
6
- style: {
7
- wrapperStyle: {
8
- position: "relative",
9
- top: "50%",
10
- transform: "translateY(-50%)",
11
- marginBottom: 0,
12
- borderRadius: "12px",
13
- fontFamily: "Poppins",
14
- },
15
- componentsBoxStyle: {
16
- flexDirection: "column",
17
- overflow: "hidden",
18
- flexWrap: "nowrap",
19
- width: "100% !important",
20
- background: theme.palette.background.paper,
21
- borderRadius: "12px",
22
- border: `1.5px solid ${theme.palette.divider}`,
23
- padding: "24px 24px 24px 24px",
24
- height: "100%",
25
- minHeight: "140px",
26
- position: "relative",
27
- gap: "0px !important",
28
- transition: "box-shadow 0.25s ease, transform 0.25s ease",
29
- "&:hover": {
30
- boxShadow: "0 8px 28px 0 rgba(100, 100, 120, 0.18)",
31
- transform: "translateY(-3px)",
32
- },
33
- },
34
- },
35
- layout: { xs: 12, sm: 12, md: 3, lg: 3 },
36
- },
37
- elements: [
38
- {
39
- type: "Control",
40
- scope: "#/properties/initilCardScope",
41
- config: {
42
- main: { heading: "Title" },
43
- style: {
44
- color: `${theme.palette.primary.main}`,
45
- fontSize: "11px",
46
- fontWeight: 600,
47
- fontFamily: "Poppins",
48
- letterSpacing: "0.6px",
49
- background: `${theme.palette.primary.main}18`,
50
- borderRadius: "20px",
51
- padding: "4px 14px",
52
- display: "inline-flex",
53
- alignItems: "center",
54
- width: "fit-content",
55
- alignSelf: "flex-start",
56
- position: "absolute",
57
- top: "24px",
58
- left: "20px",
59
- whiteSpace: "nowrap",
60
- },
61
- },
62
- options: { widget: "Box" },
63
- },
64
- {
65
- type: "Control",
66
- scope: "#/properties/initilCardScope",
67
- config: {
68
- main: { url: "https://www.svgrepo.com/show/500606/loading.svg" },
69
- style: {
70
- containerStyle: {
71
- position: "absolute",
72
- top: "24px",
73
- right: "22px",
74
- display: "flex",
75
- justifyContent: "flex-end",
76
- alignItems: "flex-start",
77
- },
78
- imageStyle: {
79
- width: "27px",
80
- height: "27px",
81
- },
82
- },
83
- },
84
- options: { widget: "Image" },
85
- },
86
- {
87
- type: "Control",
88
- scope: "#/properties/initilCardScope",
89
- config: {
90
- main: { heading: "" },
91
- style: {
92
- display: "block",
93
- height: "48px",
94
- width: "100%",
95
- background: "transparent",
96
- padding: "0px",
97
- margin: "0px",
98
- },
99
- },
100
- options: { widget: "Box" },
101
- },
102
- {
103
- type: "WrapperLayout",
104
- config: {
105
- main: { rowSpacing: 0, columnSpacingSpacing: 0, spacing: 0, gap: 0 },
106
- style: {
107
- componentsBoxStyle: {
108
- flexDirection: "row",
109
- alignItems: "center",
110
- flexWrap: "nowrap",
111
- gap: "4px",
112
- padding: "0px",
113
- marginTop: "-10px",
114
- margin: "0px",
115
- marginBottom: "6px",
116
- background: "transparent",
117
- boxShadow: "none",
118
- width: "0",
119
- minHeight: "unset",
120
- },
121
- },
122
- layout: { xs: 12, sm: 12, md: 12, lg: 12 },
123
- },
124
- elements: [
125
- {
126
- type: "Control",
127
- scope: "#/properties/initilCardScope",
128
- config: {
129
- layout: "auto",
130
- main: { heading: "•" },
131
- style: {
132
- color: theme.palette.text.secondary,
133
- fontSize: "22px",
134
- fontWeight: 600,
135
- fontFamily: "Poppins",
136
- letterSpacing: "0px",
137
- background: "transparent",
138
- padding: "0px",
139
- margin: "0px",
140
- width: "fit-content",
141
- flexShrink: 0,
142
- display: "flex",
143
- alignItems: "center",
144
- lineHeight: "1",
145
- paddingBottom: "2px"
146
- },
147
- },
148
- options: { widget: "Box" },
149
- },
150
- {
151
- type: "Control",
152
- scope: "#/properties/initilCardScope",
153
- config: {
154
- layout: "auto",
155
- main: { heading: "Label One" },
156
- style: {
157
- color: theme.palette.text.secondary,
158
- fontSize: "11px",
159
- fontWeight: 600,
160
- fontFamily: "Poppins",
161
- letterSpacing: "0.6px",
162
- background: "transparent",
163
- padding: "0px",
164
- margin: "0px",
165
- width: "fit-content",
166
- display: "flex",
167
- alignItems: "center",
168
- lineHeight: "1.4",
169
- },
170
- },
171
- options: { widget: "Box" },
172
- },
173
- ],
174
- },
175
- {
176
- type: "Control",
177
- scope: "#/properties/initilCardScope",
178
- config: {
179
- main: { heading: "--" },
180
- style: {
181
- color: `${theme.palette.primary.main}`,
182
- fontSize: { xs: "28px", md: "32px" },
183
- fontWeight: 700,
184
- fontFamily: "Poppins",
185
- lineHeight: "1.15",
186
- margin: "0px",
187
- marginBottom: "16px",
188
- padding: "0px",
189
- background: "transparent",
190
- display: "flex",
191
- maxWidth: "220px",
192
- whiteSpace: "nowrap",
193
- overflowX: "auto",
194
- scrollbarWidth: "none",
195
- "&::-webkit-scrollbar": { display: "none" },
196
- },
197
- },
198
- options: { widget: "Box" },
199
- },
200
- {
201
- type: "WrapperLayout",
202
- config: {
203
- main: { rowSpacing: 0, columnSpacingSpacing: 0, spacing: 0, gap: 0 },
204
- style: {
205
- componentsBoxStyle: {
206
- flexDirection: "row",
207
- alignItems: "center",
208
- flexWrap: "nowrap",
209
- gap: "4px",
210
- padding: "0px",
211
- margin: "0px",
212
- marginBottom: "6px",
213
- background: "transparent",
214
- boxShadow: "none",
215
- width: "0%",
216
- minHeight: "unset",
217
- },
218
- },
219
- layout: { xs: 12, sm: 12, md: 12, lg: 12 },
220
- },
221
- elements: [
222
- {
223
- type: "Control",
224
- scope: "#/properties/initilCardScope",
225
- config: {
226
- layout: "auto",
227
- main: { heading: "•" },
228
- style: {
229
- color: theme.palette.text.secondary,
230
- fontSize: "22px",
231
- fontWeight: 600,
232
- fontFamily: "Poppins",
233
- letterSpacing: "0px",
234
- background: "transparent",
235
- padding: "0px",
236
- margin: "0px",
237
- width: "fit-content",
238
- flexShrink: 0,
239
- display: "flex",
240
- alignItems: "center",
241
- lineHeight: "1",
242
- paddingBottom: "2px"
243
- },
244
- },
245
- options: { widget: "Box" },
246
- },
247
- {
248
- type: "Control",
249
- scope: "#/properties/initilCardScope",
250
- config: {
251
- layout: "auto",
252
- main: { heading: "Label Two" },
253
- style: {
254
- color: theme.palette.text.secondary,
255
- fontSize: "11px",
256
- fontWeight: 600,
257
- fontFamily: "Poppins",
258
- letterSpacing: "0.6px",
259
- background: "transparent",
260
- padding: "0px",
261
- margin: "0px",
262
- width: "fit-content",
263
- display: "flex",
264
- alignItems: "center",
265
- lineHeight: "1.4",
266
- },
267
- },
268
- options: { widget: "Box" },
269
- },
270
- ],
271
- },
272
- {
273
- type: "Control",
274
- scope: "#/properties/initilCardScope",
275
- config: {
276
- main: { heading: "--" },
277
- style: {
278
- color: `${theme.palette.primary.main}`,
279
- fontSize: { xs: "20px", md: "22px" },
280
- fontWeight: 500,
281
- fontFamily: "Poppins",
282
- lineHeight: "1.15",
283
- margin: "0px",
284
- padding: "0px",
285
- background: "transparent",
286
- display: "flex",
287
- maxWidth: "220px",
288
- whiteSpace: "nowrap",
289
- overflowX: "auto",
290
- scrollbarWidth: "none",
291
- "&::-webkit-scrollbar": { display: "none" },
292
- },
293
- },
294
- options: { widget: "Box" },
295
- },
296
- ],
297
- };
298
-
299
- return uiSchema
300
- }