greenole-design-system 1.1.85 → 1.1.87
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/dist/base-components/Button/Button.stories.d.ts +3 -0
- package/dist/base-components/Button/Button.styles.d.ts +2 -1
- package/dist/base-components/Button/Button.types.d.ts +3 -1
- package/dist/base-components/Button/index.d.ts +1 -1
- package/dist/base-components/Dropdown/Dropdown.stories.d.ts +1 -0
- package/dist/base-components/Dropdown/Dropdown.types.d.ts +1 -0
- package/dist/base-components/DropdownMenu/DropdownMenu.stories.d.ts +1 -0
- package/dist/base-components/DropdownMenu/DropdownMenu.styles.d.ts +3 -1
- package/dist/base-components/DropdownMenu/DropdownMenu.types.d.ts +1 -0
- package/dist/base-components/Skeleton/Skeleton.styles.d.ts +7 -2
- package/dist/components/Table/Table.d.ts +1 -1
- package/dist/components/Table/Table.stories.d.ts +1 -0
- package/dist/components/Table/Table.types.d.ts +1 -0
- package/dist/greenole-design-system.cjs.js +548 -486
- package/dist/greenole-design-system.js +5198 -5095
- package/package.json +1 -1
|
@@ -8,6 +8,9 @@ export declare const Secondary: Story;
|
|
|
8
8
|
export declare const Tertiary: Story;
|
|
9
9
|
export declare const Link: Story;
|
|
10
10
|
export declare const DangerPrimary: Story;
|
|
11
|
+
export declare const DangerSecondary: Story;
|
|
12
|
+
export declare const IconSquare: Story;
|
|
13
|
+
export declare const IconCircle: Story;
|
|
11
14
|
export declare const WithIcons: Story;
|
|
12
15
|
export declare const LoadingState: Story;
|
|
13
16
|
export declare const Disabled: Story;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
export declare const TypographyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
1
2
|
export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
2
3
|
$variant: "primary" | "secondary" | "tertiary" | "link";
|
|
3
4
|
$size: "sm" | "md" | "lg";
|
|
4
5
|
$color: "default" | "danger";
|
|
6
|
+
$shape: "default" | "square" | "circle";
|
|
5
7
|
$disabled: boolean;
|
|
6
8
|
$fullWidth: boolean;
|
|
7
9
|
}>> & string;
|
|
8
10
|
export declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
9
|
-
export declare const TypographyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -3,11 +3,13 @@ import { TypographyVariant } from '../../components/Typography/Typography';
|
|
|
3
3
|
export type ButtonVariant = "primary" | "secondary" | "tertiary" | "link";
|
|
4
4
|
export type ButtonSize = "sm" | "md" | "lg";
|
|
5
5
|
export type ButtonColor = "default" | "danger";
|
|
6
|
+
export type ButtonShape = "default" | "square" | "circle";
|
|
6
7
|
export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
7
|
-
children
|
|
8
|
+
children?: ReactNode;
|
|
8
9
|
variant?: ButtonVariant;
|
|
9
10
|
size?: ButtonSize;
|
|
10
11
|
color?: ButtonColor;
|
|
12
|
+
shape?: ButtonShape;
|
|
11
13
|
fullWidth?: boolean;
|
|
12
14
|
typography?: TypographyVariant;
|
|
13
15
|
loading?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export { default as Button } from './Button';
|
|
2
|
-
export type { ButtonColor, ButtonProps, ButtonSize, ButtonVariant } from './Button.types';
|
|
2
|
+
export type { ButtonColor, ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from './Button.types';
|
|
@@ -11,4 +11,6 @@ export declare const DropdownMenuArrow: import('styled-components/dist/types').I
|
|
|
11
11
|
$position: DropdownMenuPositionProps;
|
|
12
12
|
$limit?: boolean;
|
|
13
13
|
}>> & string;
|
|
14
|
-
export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').
|
|
14
|
+
export declare const DropdownMenuContentWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
15
|
+
$showShadow?: boolean;
|
|
16
|
+
}>> & string;
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
interface SkeletonWrapperProps {
|
|
2
|
+
$width?: string | number;
|
|
3
|
+
$height?: string | number;
|
|
4
|
+
$borderRadius?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const SkeletonWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SkeletonWrapperProps>> & string;
|
|
7
|
+
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { TableProps } from './Table.types';
|
|
3
|
-
declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, queryResult, onPageChange, onItemsPerPageChange, onSearchChange, title, filterConfig, onFilterChange, rowActions, rowActionsLabel, enableRowSelection, rowIdKey, onSelectionChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
|
|
3
|
+
declare const Table: <T extends Record<string, any>>({ columns, data, currentPage, totalItems, headerExtra, filterContent, actions, isMobile, itemsPerPage, loading, striped, showSearch, showManageColumns, tableKey, fetchData, queryResult, onPageChange, onItemsPerPageChange, onSearchChange, title, filterConfig, onFilterChange, rowActions, rowActionsLabel, enableRowSelection, rowIdKey, rowIdResolver, onSelectionChange, t: tProp, }: Readonly<TableProps<T>>) => React.JSX.Element;
|
|
4
4
|
export default Table;
|
|
@@ -50,6 +50,7 @@ interface BaseTableProps<T = any> {
|
|
|
50
50
|
t?: THookTypes;
|
|
51
51
|
enableRowSelection?: boolean;
|
|
52
52
|
rowIdKey?: keyof T | string;
|
|
53
|
+
rowIdResolver?: (row: T, rowIndex: number) => string | number | null | undefined;
|
|
53
54
|
onSelectionChange?: (selectedRowIds: string[]) => void;
|
|
54
55
|
filterConfig?: {
|
|
55
56
|
items: FilterItem[];
|