@paubox/ui 0.3.0 → 0.3.2

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.
Files changed (62) hide show
  1. package/index.esm.css +1 -0
  2. package/index.esm.d.ts +1 -0
  3. package/index.esm.js +27887 -0
  4. package/package.json +12 -16
  5. package/{hooks → src/hooks}/useClickOutside.d.ts +0 -1
  6. package/{icons → src/icons}/Add.d.ts +0 -2
  7. package/src/icons/CalendarIcon.d.ts +2 -0
  8. package/{icons → src/icons}/Cancel.d.ts +0 -2
  9. package/{icons → src/icons}/ChevronDown.d.ts +0 -2
  10. package/{icons → src/icons}/ChevronLeft.d.ts +0 -2
  11. package/{icons → src/icons}/ChevronRight.d.ts +0 -2
  12. package/{icons → src/icons}/ChevronUp.d.ts +0 -2
  13. package/{icons → src/icons}/Close.d.ts +0 -2
  14. package/{icons → src/icons}/Delete.d.ts +0 -2
  15. package/{icons → src/icons}/Edit.d.ts +0 -2
  16. package/{icons → src/icons}/Error.d.ts +0 -2
  17. package/{icons → src/icons}/Info.d.ts +0 -2
  18. package/{icons → src/icons}/LoadingWheel.d.ts +0 -2
  19. package/{icons → src/icons}/MoreVertical.d.ts +0 -2
  20. package/{icons → src/icons}/Return.d.ts +0 -2
  21. package/{icons → src/icons}/SearchIcon.d.ts +0 -2
  22. package/{icons → src/icons}/Success.d.ts +0 -2
  23. package/{icons → src/icons}/SvgProps.d.ts +0 -1
  24. package/{icons → src/icons}/Warning.d.ts +0 -2
  25. package/{icons → src/icons}/index.d.ts +1 -1
  26. package/{lib → src/lib}/AlertBar/AlertBar.d.ts +0 -1
  27. package/{lib → src/lib}/Button/BaseButton.d.ts +3 -5
  28. package/{lib → src/lib}/Button/Button.d.ts +1 -3
  29. package/{lib → src/lib}/Calendar/Calendar.d.ts +2 -3
  30. package/src/lib/Calendar/CalendarContainer.d.ts +3 -0
  31. package/{lib → src/lib}/Checkbox/Checkbox.d.ts +3 -4
  32. package/{lib → src/lib}/DatePicker/DatePicker.d.ts +1 -3
  33. package/{lib → src/lib}/Dropdown/Dropdown.d.ts +0 -1
  34. package/{lib → src/lib}/Dropdown/DropdownOption.d.ts +0 -1
  35. package/{lib → src/lib}/Inputs/Input.d.ts +0 -1
  36. package/{lib → src/lib}/Inputs/MultiSelect.d.ts +3 -4
  37. package/{lib → src/lib}/Inputs/Search.d.ts +1 -2
  38. package/{lib → src/lib}/Pagination/Pagination.d.ts +2 -2
  39. package/{lib → src/lib}/Popper/Popper.d.ts +1 -3
  40. package/{lib → src/lib}/RichTextToolbar/RichTextToolbar.d.ts +4 -5
  41. package/{lib → src/lib}/Table/Table.d.ts +2 -4
  42. package/src/lib/Table/tableComponents.d.ts +77 -0
  43. package/{lib → src/lib}/Tooltip/Tooltip.d.ts +0 -1
  44. package/{lib → src/lib}/Typography/Typography.d.ts +1 -3
  45. package/src/theme/elevation.d.ts +4 -0
  46. package/src/theme/typography.d.ts +22 -0
  47. package/README.md +0 -7
  48. package/icons/Calendar.d.ts +0 -4
  49. package/index.js +0 -813
  50. package/index.mjs +0 -2695
  51. package/lib/Calendar/CalendarContainer.d.ts +0 -4
  52. package/lib/Table/tableComponents.d.ts +0 -72
  53. package/style.css +0 -1
  54. package/theme/elevation.d.ts +0 -4
  55. package/theme/typography.d.ts +0 -22
  56. /package/{hooks → src/hooks}/index.d.ts +0 -0
  57. /package/{index.d.ts → src/index.d.ts} +0 -0
  58. /package/{lib → src/lib}/Inputs/index.d.ts +0 -0
  59. /package/{theme → src/theme}/baseTypography.d.ts +0 -0
  60. /package/{theme → src/theme}/colors.d.ts +0 -0
  61. /package/{theme → src/theme}/index.d.ts +0 -0
  62. /package/{theme → src/theme}/spacing.d.ts +0 -0
package/package.json CHANGED
@@ -2,19 +2,15 @@
2
2
  "name": "@paubox/ui",
3
3
  "author": "Paubox, Inc.",
4
4
  "description": "Paubox Component Library",
5
- "version": "0.3.0",
6
- "main": "./index.js",
7
- "types": "./index.d.ts",
8
- "exports": {
9
- ".": {
10
- "import": {
11
- "types": "./index.d.ts",
12
- "default": "./index.mjs"
13
- },
14
- "require": {
15
- "types": "./index.d.ts",
16
- "default": "./index.js"
17
- }
18
- }
19
- }
20
- }
5
+ "version": "0.3.2",
6
+ "type": "module",
7
+ "peerDependencies": {
8
+ "@emotion/react": "11.x",
9
+ "@emotion/styled": "11.x",
10
+ "react": "18.x",
11
+ "react-dom": "18.x"
12
+ },
13
+ "module": "./index.esm.js",
14
+ "main": "./index.esm.js",
15
+ "types": "./index.esm.d.ts"
16
+ }
@@ -1,3 +1,2 @@
1
1
  import { RefObject } from 'react';
2
-
3
2
  export declare const useClickOutside: (ref: RefObject<HTMLElement | undefined>, callback: () => void, addEventListener?: boolean) => void;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const Add: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Add;
@@ -0,0 +1,2 @@
1
+ import { SvgProps } from './SvgProps';
2
+ export declare const CalendarIcon: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Cancel: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Cancel;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const ChevronDown: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default ChevronDown;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const ChevronLeft: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default ChevronLeft;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const ChevronRight: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default ChevronRight;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const ChevronUp: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default ChevronUp;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Close: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Close;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const Delete: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Delete;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const Edit: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Edit;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Error: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Error;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Info: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Info;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const LoadingWheel: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default LoadingWheel;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const MoreVertical: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default MoreVertical;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Return: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Return;
@@ -1,4 +1,2 @@
1
1
  import { IconProps } from './SvgProps';
2
-
3
2
  export declare const SearchIcon: (props: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default SearchIcon;
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Success: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Success;
@@ -1,5 +1,4 @@
1
1
  import { SVGProps as ReactSVGProps } from 'react';
2
-
3
2
  export interface SvgProps extends ReactSVGProps<SVGSVGElement> {
4
3
  }
5
4
  export interface IconProps {
@@ -1,4 +1,2 @@
1
1
  import { SvgProps } from './SvgProps';
2
-
3
2
  export declare const Warning: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Warning;
@@ -1,5 +1,5 @@
1
1
  export * from './Add';
2
- export * from './Calendar';
2
+ export * from './CalendarIcon';
3
3
  export * from './Cancel';
4
4
  export * from './ChevronDown';
5
5
  export * from './ChevronLeft';
@@ -5,4 +5,3 @@ export interface AlertBarProps {
5
5
  size?: 'small' | 'large';
6
6
  }
7
7
  export declare const AlertBar: (props: AlertBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
- export default AlertBar;
@@ -1,5 +1,4 @@
1
1
  import { CSSProperties, MouseEventHandler } from 'react';
2
-
3
2
  export interface BaseButtonProps {
4
3
  color?: 'primary' | 'secondary' | 'danger';
5
4
  disabled?: boolean;
@@ -9,8 +8,7 @@ export interface BaseButtonProps {
9
8
  onClick?: MouseEventHandler<HTMLButtonElement>;
10
9
  style?: CSSProperties;
11
10
  }
12
- declare const BaseButton: import('@emotion/styled').StyledComponent<{
13
- theme?: import('@emotion/react').Theme;
11
+ export declare const BaseButton: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme;
14
13
  as?: React.ElementType;
15
- } & BaseButtonProps, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
16
- export default BaseButton;
14
+ } & BaseButtonProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
@@ -1,9 +1,7 @@
1
+ import React from 'react';
1
2
  import { BaseButtonProps } from './BaseButton';
2
- import { default as React } from 'react';
3
-
4
3
  export interface ButtonProps extends Omit<BaseButtonProps, 'round'> {
5
4
  iconLeft?: React.ReactNode;
6
5
  iconRight?: React.ReactNode;
7
6
  }
8
7
  export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
9
- export default Button;
@@ -1,5 +1,5 @@
1
1
  import { FC, KeyboardEvent, MouseEvent } from 'react';
2
-
2
+ import 'react-datepicker/dist/react-datepicker.min.css';
3
3
  export type CalendarProps = {
4
4
  rangeSelect?: boolean;
5
5
  selectedDate?: Date | null;
@@ -7,5 +7,4 @@ export type CalendarProps = {
7
7
  endDate?: Date | null;
8
8
  onChange?: ((date: Date, event?: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void) | ((dates: [Date, Date | null], event?: MouseEvent<HTMLElement, MouseEvent> | KeyboardEvent<HTMLElement>) => void);
9
9
  };
10
- declare const Calendar: FC<CalendarProps>;
11
- export default Calendar;
10
+ export declare const Calendar: FC<CalendarProps>;
@@ -0,0 +1,3 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import 'react-datepicker/dist/react-datepicker.min.css';
3
+ export declare const CalendarContainer: ({ children }: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,9 +1,8 @@
1
- import { default as React, ChangeEvent } from 'react';
2
-
1
+ import React, { ChangeEvent } from 'react';
3
2
  interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> {
4
3
  checked?: boolean;
5
4
  indeterminate?: boolean;
6
5
  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
7
6
  }
8
- declare const Checkbox: ({ checked, indeterminate, onChange, ...props }: CheckboxProps) => JSX.Element;
9
- export default Checkbox;
7
+ export declare const Checkbox: ({ checked, indeterminate, onChange, ...props }: CheckboxProps) => JSX.Element;
8
+ export {};
@@ -1,5 +1,4 @@
1
1
  import { FC } from 'react';
2
-
3
2
  export interface DatePickerProps {
4
3
  rangeSelect?: boolean;
5
4
  selectedDate?: Date | null;
@@ -7,5 +6,4 @@ export interface DatePickerProps {
7
6
  endDate?: Date | null;
8
7
  onChange: ((date: Date | null) => void) | ((dates: [Date, Date | null]) => void);
9
8
  }
10
- declare const DatePicker: FC<DatePickerProps>;
11
- export default DatePicker;
9
+ export declare const DatePicker: FC<DatePickerProps>;
@@ -8,4 +8,3 @@ export interface DropdownProps {
8
8
  bottom?: number;
9
9
  }
10
10
  export declare const Dropdown: ({ children, open, setOpen, right, left, top, bottom, ...rest }: DropdownProps) => import("@emotion/react/jsx-runtime").JSX.Element;
11
- export default Dropdown;
@@ -5,4 +5,3 @@ export interface DropdownOptionProps {
5
5
  icon?: React.ReactNode;
6
6
  }
7
7
  export declare const DropdownOption: ({ label, href, onClick, icon, }: DropdownOptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
- export default DropdownOption;
@@ -5,4 +5,3 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>
5
5
  rightIcon?: React.ElementType;
6
6
  }
7
7
  export declare const Input: ({ leftIcon: LeftIcon, rightIcon: RightIcon, sz, error, ...props }: InputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
8
- export default Input;
@@ -12,9 +12,8 @@ export interface MultiSelectProps extends React.InputHTMLAttributes<HTMLSelectEl
12
12
  export interface ChipProps {
13
13
  sz?: 'sm' | 'lg';
14
14
  }
15
- export declare const InputWrapper: import('@emotion/styled').StyledComponent<{
16
- theme?: import('@emotion/react').Theme;
15
+ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
16
+ theme?: import("@emotion/react").Theme;
17
17
  as?: React.ElementType;
18
- }, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
19
  export declare const MultiSelect: ({ sz, error, options, ...props }: MultiSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
20
- export default MultiSelect;
@@ -4,6 +4,5 @@ export interface SearchProps extends React.InputHTMLAttributes<HTMLInputElement>
4
4
  setLoading: (value: boolean) => void;
5
5
  setSearchValue: (value: string) => void;
6
6
  }
7
- export declare const loadingWheelStyle: import('@emotion/react').SerializedStyles;
7
+ export declare const loadingWheelStyle: import("@emotion/react").SerializedStyles;
8
8
  export declare const Search: ({ loading, setLoading, setSearchValue, sz, ...props }: SearchProps) => import("@emotion/react/jsx-runtime").JSX.Element;
9
- export default Search;
@@ -10,5 +10,5 @@ interface PaginationProps {
10
10
  onPageSizeChange: (size: number) => void;
11
11
  onPageChange: (page: number) => void;
12
12
  }
13
- declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, onPageChange, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
- export default Pagination;
13
+ export declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, onPageChange, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
14
+ export {};
@@ -1,10 +1,8 @@
1
1
  import { FC, MutableRefObject, ReactNode } from 'react';
2
-
3
2
  export interface PopperProps {
4
3
  anchorRef: MutableRefObject<HTMLElement | null>;
5
4
  open: boolean;
6
5
  onClose: () => void;
7
6
  children: ReactNode;
8
7
  }
9
- declare const Popper: FC<PopperProps>;
10
- export default Popper;
8
+ export declare const Popper: FC<PopperProps>;
@@ -1,11 +1,10 @@
1
- import { default as Quill } from 'quill/core/quill';
2
- import { default as React } from 'react';
3
-
1
+ import React from 'react';
2
+ import 'quill/dist/quill.snow.css';
3
+ import Quill from 'quill/core/quill';
4
4
  export interface RichTextToolbarProps {
5
5
  setValue: (val: string) => void;
6
6
  inputRef: React.RefObject<HTMLDivElement>;
7
7
  setInitialValue: (quillInstance: Quill) => void;
8
8
  className?: string;
9
9
  }
10
- declare const RichTextToolbar: React.FC<RichTextToolbarProps>;
11
- export default RichTextToolbar;
10
+ export declare const RichTextToolbar: React.FC<RichTextToolbarProps>;
@@ -1,6 +1,5 @@
1
- import { PageInfo } from '../Pagination/Pagination';
2
1
  import { ColumnDef, OnChangeFn, Row } from '@tanstack/react-table';
3
-
2
+ import { PageInfo } from '../Pagination/Pagination';
4
3
  export type TableColumn<T> = ColumnDef<T> & {
5
4
  key: string;
6
5
  header: string;
@@ -39,5 +38,4 @@ export interface TableProps<T extends object> {
39
38
  rowActions?: RowAction<T>[];
40
39
  dense?: boolean;
41
40
  }
42
- declare const Table: <T extends object>({ height, data, pageInfo, columns, getRowId, isLoading, sorting, onPageSizeChange, onPageChange, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, onRowClick, rowActions, dense, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
43
- export default Table;
41
+ export declare const Table: <T extends object>({ height, data, pageInfo, columns, getRowId, isLoading, sorting, onPageSizeChange, onPageChange, onSortChange, enableRowSelection, selectedRows, onRowSelectionChange, onRowClick, rowActions, dense, }: TableProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -0,0 +1,77 @@
1
+ import { Row } from '@tanstack/react-table';
2
+ import { RowAction } from './Table';
3
+ export declare const TableContainer: import("@emotion/styled").StyledComponent<{
4
+ theme?: import("@emotion/react").Theme;
5
+ as?: React.ElementType;
6
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
+ export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
8
+ theme?: import("@emotion/react").Theme;
9
+ as?: React.ElementType;
10
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
+ export declare const StyledTable: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme;
13
+ as?: React.ElementType;
14
+ }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
15
+ export declare const TableHeader: import("@emotion/styled").StyledComponent<{
16
+ theme?: import("@emotion/react").Theme;
17
+ as?: React.ElementType;
18
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
+ export declare const Th: import("@emotion/styled").StyledComponent<{
20
+ variant: "headline100Regular" | "headline100Semibold" | "headline200Regular" | "headline200Semibold" | "headline300Regular" | "headline300Semibold" | "paragraph100Regular" | "paragraph100Semibold" | "paragraph200Regular" | "paragraph200Semibold" | "paragraph300Regular" | "paragraph300Medium" | "paragraph300Semibold" | "paragraph300Bold" | "button100Medium" | "button200Medium" | "label100Regular" | "label100Medium" | "label100Semibold" | "label200Regular" | "label200Medium" | "label200Semibold";
21
+ color?: "primary" | "secondary" | string;
22
+ css?: import("@emotion/react").SerializedStyles;
23
+ as?: keyof import("react").JSX.IntrinsicElements;
24
+ } & import("react").HTMLAttributes<HTMLDivElement> & {
25
+ theme?: import("@emotion/react").Theme;
26
+ }, {}, {}>;
27
+ export declare const Tr: import("@emotion/styled").StyledComponent<{
28
+ theme?: import("@emotion/react").Theme;
29
+ as?: React.ElementType;
30
+ } & {
31
+ enableHover: boolean;
32
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
33
+ export declare const Td: import("@emotion/styled").StyledComponent<{
34
+ variant: "headline100Regular" | "headline100Semibold" | "headline200Regular" | "headline200Semibold" | "headline300Regular" | "headline300Semibold" | "paragraph100Regular" | "paragraph100Semibold" | "paragraph200Regular" | "paragraph200Semibold" | "paragraph300Regular" | "paragraph300Medium" | "paragraph300Semibold" | "paragraph300Bold" | "button100Medium" | "button200Medium" | "label100Regular" | "label100Medium" | "label100Semibold" | "label200Regular" | "label200Medium" | "label200Semibold";
35
+ color?: "primary" | "secondary" | string;
36
+ css?: import("@emotion/react").SerializedStyles;
37
+ as?: keyof import("react").JSX.IntrinsicElements;
38
+ } & import("react").HTMLAttributes<HTMLDivElement> & {
39
+ theme?: import("@emotion/react").Theme;
40
+ }, {}, {}>;
41
+ export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
42
+ theme?: import("@emotion/react").Theme;
43
+ as?: React.ElementType;
44
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
45
+ export declare const ResizeHandleContainer: import("@emotion/styled").StyledComponent<{
46
+ theme?: import("@emotion/react").Theme;
47
+ as?: React.ElementType;
48
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
49
+ export declare const ResizeHandle: import("@emotion/styled").StyledComponent<{
50
+ theme?: import("@emotion/react").Theme;
51
+ as?: React.ElementType;
52
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
53
+ export declare const SortIcon: import("@emotion/styled").StyledComponent<{
54
+ theme?: import("@emotion/react").Theme;
55
+ as?: React.ElementType;
56
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
57
+ export declare const LoadingOverlay: import("@emotion/styled").StyledComponent<{
58
+ theme?: import("@emotion/react").Theme;
59
+ as?: React.ElementType;
60
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
61
+ export declare const ContextMenuButton: import("@emotion/styled").StyledComponent<import("../Button/Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
62
+ theme?: import("@emotion/react").Theme;
63
+ }, {}, {}>;
64
+ export declare const MenuItem: import("@emotion/styled").StyledComponent<{
65
+ theme?: import("@emotion/react").Theme;
66
+ as?: React.ElementType;
67
+ } & {
68
+ disabled?: boolean;
69
+ }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
70
+ interface ContextMenuCellProps {
71
+ row: Row<any>;
72
+ setOpenMenuId: React.Dispatch<React.SetStateAction<string | null>>;
73
+ openMenuId: string | null;
74
+ rowActions: RowAction<any>[];
75
+ }
76
+ export declare const ContextMenuCell: ({ row, setOpenMenuId, openMenuId, rowActions, }: ContextMenuCellProps) => import("@emotion/react/jsx-runtime").JSX.Element;
77
+ export {};
@@ -9,4 +9,3 @@ export interface TooltipWrapperProps extends Omit<TooltipProps, 'content' | 'chi
9
9
  hover: boolean;
10
10
  }
11
11
  export declare const Tooltip: React.FC<TooltipProps>;
12
- export default Tooltip;
@@ -1,6 +1,5 @@
1
- import { default as React } from 'react';
2
1
  import { SerializedStyles } from '@emotion/react';
3
-
2
+ import React from 'react';
4
3
  export type TypographyProps = {
5
4
  variant: 'headline100Regular' | 'headline100Semibold' | 'headline200Regular' | 'headline200Semibold' | 'headline300Regular' | 'headline300Semibold' | 'paragraph100Regular' | 'paragraph100Semibold' | 'paragraph200Regular' | 'paragraph200Semibold' | 'paragraph300Regular' | 'paragraph300Medium' | 'paragraph300Semibold' | 'paragraph300Bold' | 'button100Medium' | 'button200Medium' | 'label100Regular' | 'label100Medium' | 'label100Semibold' | 'label200Regular' | 'label200Medium' | 'label200Semibold';
6
5
  /**
@@ -13,4 +12,3 @@ export type TypographyProps = {
13
12
  as?: keyof React.JSX.IntrinsicElements;
14
13
  } & React.HTMLAttributes<HTMLDivElement>;
15
14
  export declare const Typography: React.FC<TypographyProps>;
16
- export default Typography;
@@ -0,0 +1,4 @@
1
+ export declare const elevation100: import("@emotion/react").SerializedStyles;
2
+ export declare const elevation200: import("@emotion/react").SerializedStyles;
3
+ export declare const elevation300: import("@emotion/react").SerializedStyles;
4
+ export declare const elevation400: import("@emotion/react").SerializedStyles;
@@ -0,0 +1,22 @@
1
+ export declare const $headline100Regular: import("@emotion/react").SerializedStyles;
2
+ export declare const $headline100Semibold: import("@emotion/react").SerializedStyles;
3
+ export declare const $headline200Regular: import("@emotion/react").SerializedStyles;
4
+ export declare const $headline200Semibold: import("@emotion/react").SerializedStyles;
5
+ export declare const $headline300Regular: import("@emotion/react").SerializedStyles;
6
+ export declare const $headline300Semibold: import("@emotion/react").SerializedStyles;
7
+ export declare const $paragraph100Regular: import("@emotion/react").SerializedStyles;
8
+ export declare const $paragraph100Semibold: import("@emotion/react").SerializedStyles;
9
+ export declare const $paragraph200Regular: import("@emotion/react").SerializedStyles;
10
+ export declare const $paragraph200Semibold: import("@emotion/react").SerializedStyles;
11
+ export declare const $paragraph300Regular: import("@emotion/react").SerializedStyles;
12
+ export declare const $paragraph300Medium: import("@emotion/react").SerializedStyles;
13
+ export declare const $paragraph300Semibold: import("@emotion/react").SerializedStyles;
14
+ export declare const $paragraph300Bold: import("@emotion/react").SerializedStyles;
15
+ export declare const $button100Medium: import("@emotion/react").SerializedStyles;
16
+ export declare const $button200Medium: import("@emotion/react").SerializedStyles;
17
+ export declare const $label100Regular: import("@emotion/react").SerializedStyles;
18
+ export declare const $label100Medium: import("@emotion/react").SerializedStyles;
19
+ export declare const $label100Semibold: import("@emotion/react").SerializedStyles;
20
+ export declare const $label200Regular: import("@emotion/react").SerializedStyles;
21
+ export declare const $label200Medium: import("@emotion/react").SerializedStyles;
22
+ export declare const $label200Semibold: import("@emotion/react").SerializedStyles;
package/README.md DELETED
@@ -1,7 +0,0 @@
1
- # ui
2
-
3
- This library was generated with [Nx](https://nx.dev).
4
-
5
- ## Running unit tests
6
-
7
- Run `nx test ui` to execute the unit tests via [Vitest](https://vitest.dev/).
@@ -1,4 +0,0 @@
1
- import { SvgProps } from './SvgProps';
2
-
3
- export declare const Calendar: (props: SvgProps) => import("@emotion/react/jsx-runtime").JSX.Element;
4
- export default Calendar;