greenole-design-system 1.1.72 → 1.1.73
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/Checkbox/Checkbox.d.ts +4 -0
- package/dist/base-components/Checkbox/Checkbox.stories.d.ts +7 -0
- package/dist/base-components/Checkbox/Checkbox.styles.d.ts +10 -0
- package/dist/base-components/Checkbox/Checkbox.types.d.ts +13 -0
- package/dist/base-components/DropdownMenu/DropdownMenu.stories.d.ts +1 -0
- package/dist/base-components/DropdownMenu/DropdownMenu.types.d.ts +1 -0
- package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts +0 -2
- package/dist/base-components/SwitchButton/SwitchButton.types.d.ts +0 -2
- package/dist/components/Accordion/Accordion.stories.d.ts +2 -0
- package/dist/components/Accordion/Accordion.styles.d.ts +1 -0
- package/dist/components/Accordion/types.d.ts +2 -1
- package/dist/components/Search/Search.d.ts +4 -0
- package/dist/components/Search/Search.stories.d.ts +16 -0
- package/dist/components/Search/Search.styles.d.ts +10 -0
- package/dist/components/Search/Search.types.d.ts +13 -0
- package/dist/components/Search/index.d.ts +2 -0
- package/dist/greenole-design-system.cjs.js +559 -459
- package/dist/greenole-design-system.js +4513 -4303
- package/dist/greenole.css +8 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +3 -0
- package/package.json +1 -1
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Checkbox } from './Checkbox';
|
|
3
|
+
declare const meta: Meta<typeof Checkbox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Checkbox>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const ListWithSelectAll: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const HiddenInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
2
|
+
export declare const Box: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
3
|
+
$checked: boolean;
|
|
4
|
+
$color: string;
|
|
5
|
+
$disabled?: boolean;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const LabelText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
|
+
export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
9
|
+
$disabled?: boolean;
|
|
10
|
+
}>> & string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type CheckboxProps = {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
onChange?: (checked: boolean) => void;
|
|
6
|
+
color?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
9
|
+
id?: string;
|
|
10
|
+
name?: string;
|
|
11
|
+
value?: string;
|
|
12
|
+
label?: ReactNode;
|
|
13
|
+
};
|
|
@@ -9,6 +9,7 @@ export interface DropdownMenuProps {
|
|
|
9
9
|
onOpenChange?: (isOpen: boolean) => void;
|
|
10
10
|
usePortal?: boolean;
|
|
11
11
|
container?: HTMLElement | null;
|
|
12
|
+
closeOnContentClick?: boolean;
|
|
12
13
|
}
|
|
13
14
|
export type DropdownMenuPositionProps = 'top' | 'bottom' | 'left' | 'right';
|
|
14
15
|
export type SetOpenState = React.Dispatch<React.SetStateAction<boolean>>;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export declare const SwitchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
2
2
|
$checked: boolean;
|
|
3
3
|
$color: string;
|
|
4
|
-
$variant: "filled" | "outline";
|
|
5
|
-
$thumbVariant: "filled" | "outline";
|
|
6
4
|
$disabled?: boolean;
|
|
7
5
|
}>> & string;
|
|
@@ -7,6 +7,7 @@ export declare const ChevronContainer: import('styled-components/dist/types').IS
|
|
|
7
7
|
}>> & string;
|
|
8
8
|
export declare const AccordionContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
9
|
$noPaddingContent: boolean;
|
|
10
|
+
$contentMaxHeight?: string;
|
|
10
11
|
}>> & string;
|
|
11
12
|
export declare const SubtitleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
12
13
|
export declare const SubtitleIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export interface AccordionProps {
|
|
3
|
-
title:
|
|
3
|
+
title: ReactNode;
|
|
4
4
|
subtitle?: string;
|
|
5
5
|
subtitleIcon?: ReactNode;
|
|
6
6
|
defaultOpen?: boolean;
|
|
@@ -8,5 +8,6 @@ export interface AccordionProps {
|
|
|
8
8
|
textColor?: string;
|
|
9
9
|
borderColor?: string;
|
|
10
10
|
noPaddingContent?: boolean;
|
|
11
|
+
contentMaxHeight?: number | string;
|
|
11
12
|
children: ReactNode;
|
|
12
13
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Search } from './Search';
|
|
3
|
+
declare const meta: Meta<typeof Search>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Search>;
|
|
6
|
+
export declare const Collapsed: Story;
|
|
7
|
+
export declare const Expanded: Story;
|
|
8
|
+
export declare const WithDebounce: Story;
|
|
9
|
+
export declare const Controlled: Story;
|
|
10
|
+
export declare const WithURLSync: Story;
|
|
11
|
+
export declare const CollapsedWithURLValue: Story;
|
|
12
|
+
export declare const WithOnSubmit: Story;
|
|
13
|
+
export declare const Disabled: Story;
|
|
14
|
+
export declare const WithInitialValue: Story;
|
|
15
|
+
export declare const CollapsedWithDefaultValue: Story;
|
|
16
|
+
export declare const Playground: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const SearchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
|
+
$expanded: boolean;
|
|
3
|
+
$disabled?: boolean;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const SearchIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
6
|
+
$disabled?: boolean;
|
|
7
|
+
}>> & string;
|
|
8
|
+
export declare const SearchInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
9
|
+
$expanded: boolean;
|
|
10
|
+
}>> & string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type SearchMode = 'collapsed' | 'expanded';
|
|
2
|
+
export interface SearchProps {
|
|
3
|
+
mode?: SearchMode;
|
|
4
|
+
placeholder?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
value?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
debounceTime?: number;
|
|
9
|
+
queryKey?: string;
|
|
10
|
+
onChange?: (value: string) => void;
|
|
11
|
+
onSubmit?: (value: string) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|