pixel-react 1.0.7 → 1.0.8
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/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/GridLayout/types.d.ts +17 -0
- package/lib/index.d.ts +17 -0
- package/lib/index.esm.js +11 -8
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +11 -8
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/GridLayout/GridLayout.stories.tsx +13 -51
- package/src/components/GridLayout/GridLayout.tsx +9 -7
- package/src/components/GridLayout/types.ts +20 -0
- package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
- package/lib/hooks/useCustomThemeProvider.d.ts +0 -11
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './AddButton';
|
@@ -22,6 +22,12 @@ export interface ContainerProps {
|
|
22
22
|
* @type {string}
|
23
23
|
*/
|
24
24
|
gap?: string;
|
25
|
+
/**
|
26
|
+
* Classname for Container
|
27
|
+
* @default ''
|
28
|
+
* @type {string}
|
29
|
+
*/
|
30
|
+
className?: string;
|
25
31
|
}
|
26
32
|
export interface RowProps {
|
27
33
|
/**
|
@@ -38,6 +44,11 @@ export interface RowProps {
|
|
38
44
|
* @type {string}
|
39
45
|
*/
|
40
46
|
gap?: string;
|
47
|
+
/**
|
48
|
+
* @default ''
|
49
|
+
* @type string
|
50
|
+
*/
|
51
|
+
className?: string;
|
41
52
|
}
|
42
53
|
export interface ColProps {
|
43
54
|
/**
|
@@ -54,4 +65,10 @@ export interface ColProps {
|
|
54
65
|
* @type {number}
|
55
66
|
*/
|
56
67
|
size?: number;
|
68
|
+
/**
|
69
|
+
* @default ''
|
70
|
+
* @type string
|
71
|
+
*
|
72
|
+
*/
|
73
|
+
className?: string;
|
57
74
|
}
|
package/lib/index.d.ts
CHANGED
@@ -271,6 +271,12 @@ interface ContainerProps {
|
|
271
271
|
* @type {string}
|
272
272
|
*/
|
273
273
|
gap?: string;
|
274
|
+
/**
|
275
|
+
* Classname for Container
|
276
|
+
* @default ''
|
277
|
+
* @type {string}
|
278
|
+
*/
|
279
|
+
className?: string;
|
274
280
|
}
|
275
281
|
interface RowProps {
|
276
282
|
/**
|
@@ -287,6 +293,11 @@ interface RowProps {
|
|
287
293
|
* @type {string}
|
288
294
|
*/
|
289
295
|
gap?: string;
|
296
|
+
/**
|
297
|
+
* @default ''
|
298
|
+
* @type string
|
299
|
+
*/
|
300
|
+
className?: string;
|
290
301
|
}
|
291
302
|
interface ColProps {
|
292
303
|
/**
|
@@ -303,6 +314,12 @@ interface ColProps {
|
|
303
314
|
* @type {number}
|
304
315
|
*/
|
305
316
|
size?: number;
|
317
|
+
/**
|
318
|
+
* @default ''
|
319
|
+
* @type string
|
320
|
+
*
|
321
|
+
*/
|
322
|
+
className?: string;
|
306
323
|
}
|
307
324
|
|
308
325
|
declare const Container: React__default.FC<ContainerProps>;
|
package/lib/index.esm.js
CHANGED
@@ -1207,11 +1207,12 @@ styleInject(css_248z$r);
|
|
1207
1207
|
const Container = ({
|
1208
1208
|
children,
|
1209
1209
|
fluid = false,
|
1210
|
-
gap = '0px'
|
1210
|
+
gap = '0px',
|
1211
|
+
className = ''
|
1211
1212
|
}) => {
|
1212
|
-
const
|
1213
|
+
const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
|
1213
1214
|
return jsx("div", {
|
1214
|
-
className: className,
|
1215
|
+
className: classNames(containerClassName, className),
|
1215
1216
|
style: {
|
1216
1217
|
gap
|
1217
1218
|
},
|
@@ -1220,10 +1221,11 @@ const Container = ({
|
|
1220
1221
|
};
|
1221
1222
|
const Row = ({
|
1222
1223
|
children,
|
1223
|
-
gap = '0px'
|
1224
|
+
gap = '0px',
|
1225
|
+
className = ''
|
1224
1226
|
}) => {
|
1225
1227
|
return jsx("div", {
|
1226
|
-
className: "ff-row",
|
1228
|
+
className: classNames("ff-row", className),
|
1227
1229
|
style: {
|
1228
1230
|
gap
|
1229
1231
|
},
|
@@ -1232,11 +1234,12 @@ const Row = ({
|
|
1232
1234
|
};
|
1233
1235
|
const Col = ({
|
1234
1236
|
children,
|
1235
|
-
size = 12
|
1237
|
+
size = 12,
|
1238
|
+
className = ''
|
1236
1239
|
}) => {
|
1237
|
-
const
|
1240
|
+
const colClassName = `ff-col-${size}`;
|
1238
1241
|
return jsx("div", {
|
1239
|
-
className: className,
|
1242
|
+
className: classNames(colClassName, className),
|
1240
1243
|
children: children
|
1241
1244
|
});
|
1242
1245
|
};
|