greenole-design-system 1.1.72 → 1.1.74

package/dist/base-components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { CheckboxProps } from './Checkbox.types';
+export declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/dist/base-components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Checkbox } from './Checkbox';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Playground: Story;
+export declare const ListWithSelectAll: Story;

package/dist/base-components/Checkbox/Checkbox.styles.d.ts

@@ -0,0 +1,10 @@
+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;
+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>, {
+    $checked: boolean;
+    $color: string;
+    $disabled?: boolean;
+}>> & string;
+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;
+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>, {
+    $disabled?: boolean;
+}>> & string;

package/dist/base-components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type CheckboxProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean) => void;
+    color?: string;
+    disabled?: boolean;
+    className?: string;
+    id?: string;
+    name?: string;
+    value?: string;
+    label?: ReactNode;
+};

package/dist/base-components/DropdownMenu/DropdownMenu.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof DropdownMenu>;
 export declare const Default: Story;
 export declare const WithPortal: Story;
+export declare const CloseOnContentClick: Story;

package/dist/base-components/DropdownMenu/DropdownMenu.types.d.ts

@@ -9,6 +9,7 @@ export interface DropdownMenuProps {
     onOpenChange?: (isOpen: boolean) => void;
     usePortal?: boolean;
     container?: HTMLElement | null;
+    closeOnContentClick?: boolean;
 }
 export type DropdownMenuPositionProps = 'top' | 'bottom' | 'left' | 'right';
 export type SetOpenState = React.Dispatch<React.SetStateAction<boolean>>;

package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts

@@ -1,7 +1,5 @@
 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>, {
     $checked: boolean;
     $color: string;
-    $variant: "filled" | "outline";
-    $thumbVariant: "filled" | "outline";
     $disabled?: boolean;
 }>> & string;

package/dist/base-components/SwitchButton/SwitchButton.types.d.ts

@@ -2,8 +2,6 @@ export type SwitchButtonProps = {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     color?: string;
-    variant?: "filled" | "outline";
-    thumbVariant?: "filled" | "outline";
     disabled?: boolean;
     className?: string;
 };

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -6,3 +6,5 @@ type Story = StoryObj<typeof Accordion>;
 export declare const Default: Story;
 export declare const CustomColors: Story;
 export declare const noPaddingContent: Story;
+export declare const TitleWithNode: Story;
+export declare const ScrollLimit: Story;

package/dist/components/Accordion/Accordion.styles.d.ts

@@ -7,6 +7,7 @@ export declare const ChevronContainer: import('styled-components/dist/types').IS
 }>> & string;
 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>, {
     $noPaddingContent: boolean;
+    $contentMaxHeight?: string;
 }>> & string;
 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;
 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;

package/dist/components/Accordion/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export interface AccordionProps {
-    title: string;
+    title: ReactNode;
     subtitle?: string;
     subtitleIcon?: ReactNode;
     defaultOpen?: boolean;
@@ -8,5 +8,6 @@ export interface AccordionProps {
     textColor?: string;
     borderColor?: string;
     noPaddingContent?: boolean;
+    contentMaxHeight?: number | string;
     children: ReactNode;
 }

package/dist/components/Filter/Filter.stories.d.ts

@@ -12,3 +12,4 @@ export declare const CustomLabel: Story;
 export declare const WithMultipleSelect: Story;
 export declare const WithPortal: Story;
 export declare const WithPortalAtEdge: Story;
+export declare const WithIcon: Story;

package/dist/components/Filter/Filter.styles.d.ts

@@ -1,8 +1,12 @@
 export declare const FilterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const FilterButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $isOpen: boolean;
+    $width?: string | number;
+    $height?: string | number;
+}>> & string;
+export declare const FilterButtonLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $placeholderColor?: string;
 }>> & string;
-export declare const FilterButtonLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const FilterPanel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $usePortal?: boolean;
 }>> & string;

package/dist/components/Filter/Filter.types.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { THookTypes } from '../../utils/i18n/types';
 export interface FilterItemOption {
     label: string;
@@ -26,4 +27,8 @@ export interface FilterProps {
     onChange?: (output: FilterOutput) => void;
     usePortal?: boolean;
     container?: HTMLElement | null;
+    width?: string | number;
+    height?: string | number;
+    placeholderColor?: string;
+    icon?: ReactNode;
 }

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SearchProps } from './Search.types';
+export declare const Search: React.FC<SearchProps>;
+export default Search;

package/dist/components/Search/Search.stories.d.ts

@@ -0,0 +1,22 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Search } from './Search';
+declare const meta: Meta<typeof Search>;
+export default meta;
+type Story = StoryObj<typeof Search>;
+export declare const Collapsed: Story;
+export declare const Expanded: Story;
+export declare const WithDebounce: Story;
+export declare const Controlled: Story;
+export declare const WithURLSync: Story;
+export declare const CollapsedWithURLValue: Story;
+export declare const WithOnSubmit: Story;
+export declare const Disabled: Story;
+export declare const WithInitialValue: Story;
+export declare const CollapsedWithDefaultValue: Story;
+export declare const Playground: Story;
+export declare const PositionedLeft: Story;
+export declare const PositionedCenter: Story;
+export declare const PositionedRight: Story;
+export declare const ForceLeftAnimation: Story;
+export declare const ForceRightAnimation: Story;
+export declare const InSmallContainer: Story;

package/dist/components/Search/Search.styles.d.ts

@@ -0,0 +1,12 @@
+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>, {
+    $expanded: boolean;
+    $disabled?: boolean;
+}>> & string;
+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>, {
+    $disabled?: boolean;
+    $visible?: boolean;
+}>> & string;
+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>, {
+    $expanded: boolean;
+    $direction?: "left" | "right";
+}>> & string;

package/dist/components/Search/Search.types.d.ts

@@ -0,0 +1,15 @@
+export type SearchMode = 'collapsed' | 'expanded';
+export type SearchAnimationDirection = 'left' | 'right' | 'auto';
+export interface SearchProps {
+    mode?: SearchMode;
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    disabled?: boolean;
+    debounceTime?: number;
+    queryKey?: string;
+    onChange?: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    className?: string;
+    animationDirection?: SearchAnimationDirection;
+}

package/dist/components/Search/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Search } from './Search';
+export type { SearchProps, SearchMode } from './Search.types';