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.
@@ -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: ReactNode;
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';
@@ -16,3 +16,4 @@ export declare const OptionsWithIconsMultipleWithShowTags: Story;
16
16
  export declare const WithClear: Story;
17
17
  export declare const WithPortal: Story;
18
18
  export declare const NoOptions: Story;
19
+ export declare const WithMenuMinWidth: Story;
@@ -28,6 +28,7 @@ export interface DropdownTypes {
28
28
  showSelectAll?: boolean;
29
29
  container?: HTMLElement;
30
30
  showTags?: boolean;
31
+ menuMinWidth?: number;
31
32
  t?: THookTypes;
32
33
  onChange: (value: string | string[]) => void;
33
34
  onSearch?: (searchTerm: string) => void;
@@ -6,3 +6,4 @@ type Story = StoryObj<typeof DropdownMenu>;
6
6
  export declare const Default: Story;
7
7
  export declare const WithPortal: Story;
8
8
  export declare const CloseOnContentClick: Story;
9
+ export declare const WithShadow: Story;
@@ -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').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
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;
@@ -5,6 +5,7 @@ export interface DropdownMenuProps {
5
5
  position?: DropdownMenuPositionProps;
6
6
  limit?: boolean;
7
7
  showArrow?: boolean;
8
+ showShadow?: boolean;
8
9
  className?: string;
9
10
  onOpenChange?: (isOpen: boolean) => void;
10
11
  usePortal?: boolean;
@@ -1,2 +1,7 @@
1
- import { SkeletonProps } from './Skeleton.types';
2
- 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>, SkeletonProps>> & string;
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;
@@ -22,3 +22,4 @@ export declare const WithFilterAndActions: Story;
22
22
  export declare const WithFilterAndFetchData: Story;
23
23
  export declare const WithRowActions: Story;
24
24
  export declare const WithRowSelection: Story;
25
+ export declare const WithRowSelectionUsingResolver: Story;
@@ -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[];