pixel-react 1.0.7 → 1.0.8

package/lib/components/AddButton/AddButton.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './AddButton.scss';
+import { AddButtonProps } from './types';
+declare const AddButton: React.FC<AddButtonProps>;
+export default AddButton;

package/lib/components/AddButton/AddButton.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import AddButton from './AddButton';
+declare const meta: Meta<typeof AddButton>;
+type Story = StoryObj<typeof AddButton>;
+export declare const PrimaryAddButton: Story;
+export default meta;

package/lib/components/AddButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AddButton';

package/lib/components/AddButton/types.d.ts

@@ -0,0 +1,4 @@
+export interface AddButtonProps {
+    name: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}

package/lib/components/GridLayout/types.d.ts

@@ -22,6 +22,12 @@ export interface ContainerProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
 }
 export interface RowProps {
     /**
@@ -38,6 +44,11 @@ export interface RowProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
 }
 export interface ColProps {
     /**
@@ -54,4 +65,10 @@ export interface ColProps {
      * @type {number}
      */
     size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
 }

package/lib/index.d.ts

@@ -271,6 +271,12 @@ interface ContainerProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
 }
 interface RowProps {
     /**
@@ -287,6 +293,11 @@ interface RowProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
 }
 interface ColProps {
     /**
@@ -303,6 +314,12 @@ interface ColProps {
      * @type {number}
      */
     size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
 }
 
 declare const Container: React__default.FC<ContainerProps>;

package/lib/index.esm.js

@@ -1207,11 +1207,12 @@ styleInject(css_248z$r);
 const Container = ({
   children,
   fluid = false,
-  gap = '0px'
+  gap = '0px',
+  className = ''
 }) => {
-  const className = fluid ? 'ff-container-fluid' : 'ff-container';
+  const containerClassName = fluid ? 'ff-container-fluid' : 'ff-container';
   return jsx("div", {
-    className: className,
+    className: classNames(containerClassName, className),
     style: {
       gap
     },
@@ -1220,10 +1221,11 @@ const Container = ({
 };
 const Row = ({
   children,
-  gap = '0px'
+  gap = '0px',
+  className = ''
 }) => {
   return jsx("div", {
-    className: "ff-row",
+    className: classNames("ff-row", className),
     style: {
       gap
     },
@@ -1232,11 +1234,12 @@ const Row = ({
 };
 const Col = ({
   children,
-  size = 12
+  size = 12,
+  className = ''
 }) => {
-  const className = `ff-col-${size}`;
+  const colClassName = `ff-col-${size}`;
   return jsx("div", {
-    className: className,
+    className: classNames(colClassName, className),
     children: children
   });
 };