@paubox/ui 0.3.1 → 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.
- package/index.esm.css +1 -0
- package/index.esm.d.ts +1 -0
- package/index.esm.js +27887 -0
- package/package.json +12 -16
- package/{hooks → src/hooks}/useClickOutside.d.ts +0 -1
- package/{icons → src/icons}/Add.d.ts +0 -2
- package/src/icons/CalendarIcon.d.ts +2 -0
- package/{icons → src/icons}/Cancel.d.ts +0 -2
- package/{icons → src/icons}/ChevronDown.d.ts +0 -2
- package/{icons → src/icons}/ChevronLeft.d.ts +0 -2
- package/{icons → src/icons}/ChevronRight.d.ts +0 -2
- package/{icons → src/icons}/ChevronUp.d.ts +0 -2
- package/{icons → src/icons}/Close.d.ts +0 -2
- package/{icons → src/icons}/Delete.d.ts +0 -2
- package/{icons → src/icons}/Edit.d.ts +0 -2
- package/{icons → src/icons}/Error.d.ts +0 -2
- package/{icons → src/icons}/Info.d.ts +0 -2
- package/{icons → src/icons}/LoadingWheel.d.ts +0 -2
- package/{icons → src/icons}/MoreVertical.d.ts +0 -2
- package/{icons → src/icons}/Return.d.ts +0 -2
- package/{icons → src/icons}/SearchIcon.d.ts +0 -2
- package/{icons → src/icons}/Success.d.ts +0 -2
- package/{icons → src/icons}/SvgProps.d.ts +0 -1
- package/{icons → src/icons}/Warning.d.ts +0 -2
- package/{icons → src/icons}/index.d.ts +1 -1
- package/{lib → src/lib}/AlertBar/AlertBar.d.ts +0 -1
- package/{lib → src/lib}/Button/BaseButton.d.ts +3 -5
- package/{lib → src/lib}/Button/Button.d.ts +1 -3
- package/{lib → src/lib}/Calendar/Calendar.d.ts +1 -2
- package/src/lib/Calendar/CalendarContainer.d.ts +3 -0
- package/{lib → src/lib}/Checkbox/Checkbox.d.ts +2 -3
- package/{lib → src/lib}/DatePicker/DatePicker.d.ts +0 -2
- package/{lib → src/lib}/Dropdown/Dropdown.d.ts +0 -1
- package/{lib → src/lib}/Dropdown/DropdownOption.d.ts +0 -1
- package/{lib → src/lib}/Inputs/Input.d.ts +0 -1
- package/{lib → src/lib}/Inputs/MultiSelect.d.ts +3 -4
- package/{lib → src/lib}/Inputs/Search.d.ts +1 -2
- package/{lib → src/lib}/Pagination/Pagination.d.ts +1 -1
- package/{lib → src/lib}/Popper/Popper.d.ts +0 -2
- package/{lib → src/lib}/RichTextToolbar/RichTextToolbar.d.ts +3 -4
- package/{lib → src/lib}/Table/Table.d.ts +1 -3
- package/{lib → src/lib}/Table/tableComponents.d.ts +44 -45
- package/{lib → src/lib}/Tooltip/Tooltip.d.ts +0 -1
- package/{lib → src/lib}/Typography/Typography.d.ts +1 -3
- package/src/theme/elevation.d.ts +4 -0
- package/src/theme/typography.d.ts +22 -0
- package/README.md +0 -7
- package/icons/Calendar.d.ts +0 -4
- package/index.js +0 -847
- package/index.mjs +0 -12088
- package/lib/Calendar/CalendarContainer.d.ts +0 -4
- package/style.css +0 -1
- package/theme/elevation.d.ts +0 -4
- package/theme/typography.d.ts +0 -22
- /package/{hooks → src/hooks}/index.d.ts +0 -0
- /package/{index.d.ts → src/index.d.ts} +0 -0
- /package/{lib → src/lib}/Inputs/index.d.ts +0 -0
- /package/{theme → src/theme}/baseTypography.d.ts +0 -0
- /package/{theme → src/theme}/colors.d.ts +0 -0
- /package/{theme → src/theme}/index.d.ts +0 -0
- /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.
|
|
6
|
-
"
|
|
7
|
-
"
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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,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(
|
|
13
|
-
theme?: import(
|
|
11
|
+
export declare const BaseButton: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
14
13
|
as?: React.ElementType;
|
|
15
|
-
} & BaseButtonProps, import(
|
|
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;
|
|
@@ -8,4 +8,3 @@ export type CalendarProps = {
|
|
|
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
10
|
export declare const Calendar: FC<CalendarProps>;
|
|
11
|
-
export default Calendar;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import
|
|
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
7
|
export declare const Checkbox: ({ checked, indeterminate, onChange, ...props }: CheckboxProps) => JSX.Element;
|
|
9
|
-
export
|
|
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;
|
|
@@ -8,4 +7,3 @@ export interface DatePickerProps {
|
|
|
8
7
|
onChange: ((date: Date | null) => void) | ((dates: [Date, Date | null]) => void);
|
|
9
8
|
}
|
|
10
9
|
export declare const DatePicker: FC<DatePickerProps>;
|
|
11
|
-
export default DatePicker;
|
|
@@ -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(
|
|
16
|
-
theme?: import(
|
|
15
|
+
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
17
17
|
as?: React.ElementType;
|
|
18
|
-
}, import(
|
|
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(
|
|
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;
|
|
@@ -11,4 +11,4 @@ interface PaginationProps {
|
|
|
11
11
|
onPageChange: (page: number) => void;
|
|
12
12
|
}
|
|
13
13
|
export declare const Pagination: ({ pageInfo, isLoading, onPageSizeChange, onPageChange, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
-
export
|
|
14
|
+
export {};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { FC, MutableRefObject, ReactNode } from 'react';
|
|
2
|
-
|
|
3
2
|
export interface PopperProps {
|
|
4
3
|
anchorRef: MutableRefObject<HTMLElement | null>;
|
|
5
4
|
open: boolean;
|
|
@@ -7,4 +6,3 @@ export interface PopperProps {
|
|
|
7
6
|
children: ReactNode;
|
|
8
7
|
}
|
|
9
8
|
export declare const Popper: FC<PopperProps>;
|
|
10
|
-
export default Popper;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
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>;
|
|
@@ -8,4 +8,3 @@ export interface RichTextToolbarProps {
|
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
10
|
export declare const RichTextToolbar: React.FC<RichTextToolbarProps>;
|
|
11
|
-
export default RichTextToolbar;
|
|
@@ -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;
|
|
@@ -40,4 +39,3 @@ export interface TableProps<T extends object> {
|
|
|
40
39
|
dense?: boolean;
|
|
41
40
|
}
|
|
42
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;
|
|
43
|
-
export default Table;
|
|
@@ -1,73 +1,72 @@
|
|
|
1
|
-
import { RowAction } from './Table';
|
|
2
1
|
import { Row } from '@tanstack/react-table';
|
|
3
|
-
|
|
4
|
-
export declare const TableContainer: import(
|
|
5
|
-
theme?: import(
|
|
2
|
+
import { RowAction } from './Table';
|
|
3
|
+
export declare const TableContainer: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
6
5
|
as?: React.ElementType;
|
|
7
|
-
}, import(
|
|
8
|
-
export declare const TableWrapper: import(
|
|
9
|
-
theme?: import(
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export declare const TableWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme;
|
|
10
9
|
as?: React.ElementType;
|
|
11
|
-
}, import(
|
|
12
|
-
export declare const StyledTable: import(
|
|
13
|
-
theme?: import(
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const StyledTable: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
14
13
|
as?: React.ElementType;
|
|
15
|
-
}, import(
|
|
16
|
-
export declare const TableHeader: import(
|
|
17
|
-
theme?: import(
|
|
14
|
+
}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
|
|
15
|
+
export declare const TableHeader: import("@emotion/styled").StyledComponent<{
|
|
16
|
+
theme?: import("@emotion/react").Theme;
|
|
18
17
|
as?: React.ElementType;
|
|
19
|
-
}, import(
|
|
20
|
-
export declare const Th: import(
|
|
18
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
19
|
+
export declare const Th: import("@emotion/styled").StyledComponent<{
|
|
21
20
|
variant: "headline100Regular" | "headline100Semibold" | "headline200Regular" | "headline200Semibold" | "headline300Regular" | "headline300Semibold" | "paragraph100Regular" | "paragraph100Semibold" | "paragraph200Regular" | "paragraph200Semibold" | "paragraph300Regular" | "paragraph300Medium" | "paragraph300Semibold" | "paragraph300Bold" | "button100Medium" | "button200Medium" | "label100Regular" | "label100Medium" | "label100Semibold" | "label200Regular" | "label200Medium" | "label200Semibold";
|
|
22
21
|
color?: "primary" | "secondary" | string;
|
|
23
|
-
css?: import(
|
|
22
|
+
css?: import("@emotion/react").SerializedStyles;
|
|
24
23
|
as?: keyof import("react").JSX.IntrinsicElements;
|
|
25
|
-
} & import(
|
|
26
|
-
theme?: import(
|
|
24
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
theme?: import("@emotion/react").Theme;
|
|
27
26
|
}, {}, {}>;
|
|
28
|
-
export declare const Tr: import(
|
|
29
|
-
theme?: import(
|
|
27
|
+
export declare const Tr: import("@emotion/styled").StyledComponent<{
|
|
28
|
+
theme?: import("@emotion/react").Theme;
|
|
30
29
|
as?: React.ElementType;
|
|
31
30
|
} & {
|
|
32
31
|
enableHover: boolean;
|
|
33
|
-
}, import(
|
|
34
|
-
export declare const Td: import(
|
|
32
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
|
|
33
|
+
export declare const Td: import("@emotion/styled").StyledComponent<{
|
|
35
34
|
variant: "headline100Regular" | "headline100Semibold" | "headline200Regular" | "headline200Semibold" | "headline300Regular" | "headline300Semibold" | "paragraph100Regular" | "paragraph100Semibold" | "paragraph200Regular" | "paragraph200Semibold" | "paragraph300Regular" | "paragraph300Medium" | "paragraph300Semibold" | "paragraph300Bold" | "button100Medium" | "button200Medium" | "label100Regular" | "label100Medium" | "label100Semibold" | "label200Regular" | "label200Medium" | "label200Semibold";
|
|
36
35
|
color?: "primary" | "secondary" | string;
|
|
37
|
-
css?: import(
|
|
36
|
+
css?: import("@emotion/react").SerializedStyles;
|
|
38
37
|
as?: keyof import("react").JSX.IntrinsicElements;
|
|
39
|
-
} & import(
|
|
40
|
-
theme?: import(
|
|
38
|
+
} & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
39
|
+
theme?: import("@emotion/react").Theme;
|
|
41
40
|
}, {}, {}>;
|
|
42
|
-
export declare const HeaderContent: import(
|
|
43
|
-
theme?: import(
|
|
41
|
+
export declare const HeaderContent: import("@emotion/styled").StyledComponent<{
|
|
42
|
+
theme?: import("@emotion/react").Theme;
|
|
44
43
|
as?: React.ElementType;
|
|
45
|
-
}, import(
|
|
46
|
-
export declare const ResizeHandleContainer: import(
|
|
47
|
-
theme?: import(
|
|
44
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
45
|
+
export declare const ResizeHandleContainer: import("@emotion/styled").StyledComponent<{
|
|
46
|
+
theme?: import("@emotion/react").Theme;
|
|
48
47
|
as?: React.ElementType;
|
|
49
|
-
}, import(
|
|
50
|
-
export declare const ResizeHandle: import(
|
|
51
|
-
theme?: import(
|
|
48
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
49
|
+
export declare const ResizeHandle: import("@emotion/styled").StyledComponent<{
|
|
50
|
+
theme?: import("@emotion/react").Theme;
|
|
52
51
|
as?: React.ElementType;
|
|
53
|
-
}, import(
|
|
54
|
-
export declare const SortIcon: import(
|
|
55
|
-
theme?: import(
|
|
52
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
53
|
+
export declare const SortIcon: import("@emotion/styled").StyledComponent<{
|
|
54
|
+
theme?: import("@emotion/react").Theme;
|
|
56
55
|
as?: React.ElementType;
|
|
57
|
-
}, import(
|
|
58
|
-
export declare const LoadingOverlay: import(
|
|
59
|
-
theme?: import(
|
|
56
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
57
|
+
export declare const LoadingOverlay: import("@emotion/styled").StyledComponent<{
|
|
58
|
+
theme?: import("@emotion/react").Theme;
|
|
60
59
|
as?: React.ElementType;
|
|
61
|
-
}, import(
|
|
62
|
-
export declare const ContextMenuButton: import(
|
|
63
|
-
theme?: import(
|
|
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;
|
|
64
63
|
}, {}, {}>;
|
|
65
|
-
export declare const MenuItem: import(
|
|
66
|
-
theme?: import(
|
|
64
|
+
export declare const MenuItem: import("@emotion/styled").StyledComponent<{
|
|
65
|
+
theme?: import("@emotion/react").Theme;
|
|
67
66
|
as?: React.ElementType;
|
|
68
67
|
} & {
|
|
69
68
|
disabled?: boolean;
|
|
70
|
-
}, import(
|
|
69
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
71
70
|
interface ContextMenuCellProps {
|
|
72
71
|
row: Row<any>;
|
|
73
72
|
setOpenMenuId: React.Dispatch<React.SetStateAction<string | null>>;
|
|
@@ -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
package/icons/Calendar.d.ts
DELETED