pixel-react 1.0.6 → 1.0.8

package/lib/StyleGuide/ColorPalette/types.d.ts

@@ -4,6 +4,7 @@ export interface ColorBoxProps {
     opacity?: number;
     dropShadow?: string;
     border?: string;
+    variable?: string;
 }
 export interface Color {
     name: string;
@@ -11,5 +12,6 @@ export interface Color {
     opacity?: number;
     dropShadow?: string;
     border?: string;
+    variable?: string;
 }
 export type ColorPaletteType = Color[];

package/lib/components/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,9 @@
+import * as DNDCore from '@dnd-kit/core';
+import * as DNDSortable from '@dnd-kit/sortable';
+import * as DNDUtilities from '@dnd-kit/utilities';
+declare const DragAndDrop: {
+    DNDCore: typeof DNDCore;
+    DNDSortable: typeof DNDSortable;
+    DNDUtilities: typeof DNDUtilities;
+};
+export default DragAndDrop;

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

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

package/lib/components/DragAndDrop/DragAndDropList.d.ts

@@ -0,0 +1,20 @@
+import './DragAndDropList.scss';
+interface TaskProps {
+    id: number;
+    title: string;
+}
+export declare const Task: ({ id, title }: TaskProps) => import("react/jsx-runtime").JSX.Element;
+interface ColumnProps {
+    id: string;
+    tasks: {
+        id: number;
+        title: string;
+    }[];
+}
+export declare const Column: React.FC<ColumnProps>;
+interface InputProps {
+    onSubmit: (input: string) => void;
+}
+export declare const Input: React.FC<InputProps>;
+declare const DragAndDropList: () => import("react/jsx-runtime").JSX.Element;
+export default DragAndDropList;

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

@@ -0,0 +1 @@
+export * from './DragAndDrop';

package/lib/components/Drawer/Drawer.d.ts

@@ -1,4 +1,5 @@
 import { DrawerProps } from './Types.js';
 import './Drawer.scss';
-declare const Drawer: ({ isOpen, children, onClose, title, primaryButtonProps, secondaryButtonProps, leftPrimaryButtonProps, leftSecondaryButtonProps, showEditButton, onEdit, overlay, isFooterRequired, footerContent, size, _isExpanded, isBackButtonVisible, _isCloseModalButtonVisible, }: DrawerProps) => import("react").ReactPortal;
+import { FC } from 'react';
+declare const Drawer: FC<DrawerProps>;
 export default Drawer;

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/components/Modal/Modal.d.ts

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+export interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /*** label value for aria-label  */
+    contentLabel?: string;
+    /*** default header will be provided with title and close icon. */
+    isHeaderDisplayed: boolean;
+    /*** Title to be displayed in the header when defaultHeader is true*/
+    headerTitle?: string;
+    /*** Custom class names for the modal content */
+    contentClassName?: string;
+    /*** Custom class name for the overlay */
+    overlayClassName?: string;
+    /*** Whether the modal should close when the 'Escape' key is pressed */
+    shouldCloseOnEsc?: boolean;
+    /*** Whether to hide the app from screen readers when the modal is open */
+    ariaHideApp?: boolean;
+    /*** Whether the modal should close when clicking outside of it (on the overlay) */
+    shouldCloseOnOverlayClick?: boolean;
+    headerContent?: string | ReactNode;
+    footerContent?: ReactNode;
+    /***Content to be displayed inside the modal */
+    children: ReactNode;
+    isFooterDisplayed: boolean;
+}

package/lib/components/TableTree/TableTree.d.ts

@@ -1,5 +1,5 @@
-import './TableTree.scss';
 import React, { ReactNode } from 'react';
+import './TableTree.scss';
 interface ColumnDataProps {
     name: string;
     accessor: string;

package/lib/index.d.ts

@@ -1,9 +1,12 @@
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
 import * as React$1 from 'react';
-import React__default, { ReactNode, RefObject } from 'react';
+import React__default, { ReactNode, FC, RefObject } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
+import * as DNDCore from '@dnd-kit/core';
+import * as DNDSortable from '@dnd-kit/sortable';
+import * as DNDUtilities from '@dnd-kit/utilities';
 
 interface ButtonProps$1 {
     /**
@@ -153,7 +156,7 @@ interface DrawerProps {
     footerContent?: ReactNode;
 }
 
-declare const Drawer: ({ isOpen, children, onClose, title, primaryButtonProps, secondaryButtonProps, leftPrimaryButtonProps, leftSecondaryButtonProps, showEditButton, onEdit, overlay, isFooterRequired, footerContent, size, _isExpanded, isBackButtonVisible, _isCloseModalButtonVisible, }: DrawerProps) => React$1.ReactPortal;
+declare const Drawer: FC<DrawerProps>;
 
 interface IconProps {
     name: string;
@@ -268,6 +271,12 @@ interface ContainerProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
 }
 interface RowProps {
     /**
@@ -284,6 +293,11 @@ interface RowProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
 }
 interface ColProps {
     /**
@@ -300,6 +314,12 @@ interface ColProps {
      * @type {number}
      */
     size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
 }
 
 declare const Container: React__default.FC<ContainerProps>;
@@ -1402,6 +1422,12 @@ interface IconButtonProps {
 
 declare const IconButton: React__default.FC<IconButtonProps>;
 
+declare const DragAndDrop: {
+    DNDCore: typeof DNDCore;
+    DNDSortable: typeof DNDSortable;
+    DNDUtilities: typeof DNDUtilities;
+};
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1409,4 +1435,4 @@ type valueType = File | string;
 declare const getExtension: (value: valueType) => string | undefined;
 declare const getExtensionWithPeriod: (value: valueType) => string;
 
-export { Accordion, AddButton as AddResourceButton, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+export { Accordion, AddButton as AddResourceButton, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };