@paubox/ui 0.7.3 → 0.8.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@paubox/ui",
   "author": "Paubox, Inc.",
   "description": "Paubox Component Library",
-  "version": "0.7.3",
+  "version": "0.8.0",
   "type": "module",
   "private": false,
   "publishConfig": {

package/src/icons/FilterList.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './SvgProps';
+export declare const FilterList: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/icons/index.d.ts

@@ -9,6 +9,7 @@ export * from './Close';
 export * from './Delete';
 export * from './Edit';
 export * from './Error';
+export * from './FilterList';
 export * from './Info';
 export * from './LoadingWheel';
 export * from './MoreVertical';

package/src/index.d.ts

@@ -5,12 +5,14 @@ export * from './lib/Checkbox/Checkbox';
 export * from './lib/DatePicker/DatePicker';
 export * from './lib/Dropdown/Dropdown';
 export * from './lib/Dropdown/DropdownOption';
+export * from './lib/IconButton/IconButton';
 export * from './lib/Inputs/index';
 export * from './lib/Modal/Modal';
 export * from './lib/Pagination/Pagination';
 export * from './lib/Popper/Popper';
 export * from './lib/RadioButton/RadioButton';
 export * from './lib/RadioGroup/RadioGroup';
+export * from './lib/SearchBar/SearchBar';
 export * from './lib/Table/Table';
 export * from './lib/Tooltip/Tooltip';
 export * from './lib/Typography/Typography';

package/src/lib/Button/Button.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { BaseButtonProps } from './BaseButton';
 export interface ButtonProps extends Omit<BaseButtonProps, 'round'> {
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
+    iconLeft?: React.ElementType;
+    iconRight?: React.ElementType;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/src/lib/IconButton/IconButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { BaseButtonProps } from '../Button/BaseButton';
+export interface IconButtonProps extends Omit<BaseButtonProps, 'round' | 'children'> {
+    icon: React.ElementType;
+    circular?: boolean;
+    fontSize?: number;
+}
+export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/src/lib/Inputs/Input.d.ts

@@ -4,4 +4,18 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
     leftIcon?: React.ElementType;
     rightIcon?: React.ElementType;
 }
+export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BaseInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & InputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    position: "left" | "right";
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Input: ({ leftIcon: LeftIcon, rightIcon: RightIcon, sz, error, style, ...props }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/Inputs/MultiSelect.d.ts

@@ -12,8 +12,4 @@ export interface MultiSelectProps extends React.InputHTMLAttributes<HTMLSelectEl
 export interface ChipProps {
     sz?: 'sm' | 'lg';
 }
-export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const MultiSelect: ({ sz, error, options, ...props }: MultiSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/lib/SearchBar/SearchBar.d.ts

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'react';
+interface SearchBarProps extends InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    onClear?: () => void;
+    onSubmit: () => void;
+    error?: boolean;
+    showButton?: boolean;
+    showFilters?: boolean;
+}
+export declare const SearchBar: ({ placeholder, error, onClear, onSubmit, showButton, showFilters, ...props }: SearchBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};