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
package/lib/index.js
CHANGED
|
@@ -1227,11 +1227,12 @@ styleInject(css_248z$r);
|
|
|
1227
1227
|
const Container = ({
|
|
1228
1228
|
children,
|
|
1229
1229
|
fluid = false,
|
|
1230
|
-
gap = '0px'
|
|
1230
|
+
gap = '0px',
|
|
1231
|
+
className = ''
|
|
1231
1232
|
}) => {
|
|
1232
|
-
const
|
|
1233
|
+
const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
|
|
1233
1234
|
return jsxRuntime.jsx("div", {
|
|
1234
|
-
className: className,
|
|
1235
|
+
className: classNames(containerClassName, className),
|
|
1235
1236
|
style: {
|
|
1236
1237
|
gap
|
|
1237
1238
|
},
|
|
@@ -1240,10 +1241,11 @@ const Container = ({
|
|
|
1240
1241
|
};
|
|
1241
1242
|
const Row = ({
|
|
1242
1243
|
children,
|
|
1243
|
-
gap = '0px'
|
|
1244
|
+
gap = '0px',
|
|
1245
|
+
className = ''
|
|
1244
1246
|
}) => {
|
|
1245
1247
|
return jsxRuntime.jsx("div", {
|
|
1246
|
-
className: "ff-row",
|
|
1248
|
+
className: classNames("ff-row", className),
|
|
1247
1249
|
style: {
|
|
1248
1250
|
gap
|
|
1249
1251
|
},
|
|
@@ -1252,11 +1254,12 @@ const Row = ({
|
|
|
1252
1254
|
};
|
|
1253
1255
|
const Col = ({
|
|
1254
1256
|
children,
|
|
1255
|
-
size = 12
|
|
1257
|
+
size = 12,
|
|
1258
|
+
className = ''
|
|
1256
1259
|
}) => {
|
|
1257
|
-
const
|
|
1260
|
+
const colClassName = `ff-col-${size}`;
|
|
1258
1261
|
return jsxRuntime.jsx("div", {
|
|
1259
|
-
className: className,
|
|
1262
|
+
className: classNames(colClassName, className),
|
|
1260
1263
|
children: children
|
|
1261
1264
|
});
|
|
1262
1265
|
};
|