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.
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import './AddButton.scss';
3
+ import { AddButtonProps } from './types';
4
+ declare const AddButton: React.FC<AddButtonProps>;
5
+ export default AddButton;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AddButton from './AddButton';
3
+ declare const meta: Meta<typeof AddButton>;
4
+ type Story = StoryObj<typeof AddButton>;
5
+ export declare const PrimaryAddButton: Story;
6
+ export default meta;
@@ -0,0 +1 @@
1
+ export { default } from './AddButton';
@@ -0,0 +1,4 @@
1
+ export interface AddButtonProps {
2
+ name: string;
3
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
+ }
@@ -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 className = fluid ? 'ff-container-fluid' : 'ff-container';
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 className = `ff-col-${size}`;
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
  };