greenole-design-system 1.1.25 → 1.1.26

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

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

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

@@ -1,7 +1,13 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Dropdown } from './';
+import { default as Dropdown } from './Dropdown';
 declare const meta: Meta<typeof Dropdown>;
 export default meta;
 type Story = StoryObj<typeof Dropdown>;
 export declare const Default: Story;
-export declare const DarkTheme: Story;
+export declare const Multiple: Story;
+export declare const Searchable: Story;
+export declare const WithMaxSelected: Story;
+export declare const WithLoadMore: Story;
+export declare const Invalid: Story;
+export declare const WithMessage: Story;
+export declare const OptionsWithIcons: Story;

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

@@ -0,0 +1,35 @@
+import { DropdownTypes } from './Dropdown.types';
+type StyledButtonProps = Pick<DropdownTypes, 'invalid' | 'disabled' | 'className'> & {
+    $open: boolean;
+    $invalid: boolean;
+};
+type StyledMenuProps = {
+    $open: boolean;
+};
+type StyledOptionProps = {
+    $isSelected: boolean;
+    $isDisabled: boolean;
+};
+type StyledOptionCheckboxProps = {
+    $isSelected: boolean;
+};
+type StyledDropdownMessageProps = {
+    $invalid: boolean;
+};
+export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DropdownMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownMessageProps>> & string;
+export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
+export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
+    $open: boolean;
+}>> & string;
+export declare const DropdownMenu: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledMenuProps>> & string;
+export declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const OptionsList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledOptionProps>> & string;
+export declare const OptionCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledOptionCheckboxProps>> & string;
+export declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const NoResults: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Sentinel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export {};

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

@@ -1,20 +1,28 @@
-import { HTMLAttributes } from 'react';
-export interface DropdownProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    options: DropdownOption[];
-    selectedValue?: string;
-    onChange?: (selected: string) => void;
-    className?: string;
-    width?: string;
-    theme?: "light" | "dark";
-    hasSearch?: boolean;
-    placeholder?: string;
-    label?: string;
-    subtitle?: string;
-    subtitleIcon?: React.ReactNode;
-    labelSize?: "body-sm" | "body-md" | "body-lg" | "body-xl";
-    labelWeight?: "regular" | "medium" | "semibold" | "bold";
-}
-export interface DropdownOption {
-    value: string;
+import { ReactNode } from 'react';
+export interface DropdownOptionsType {
+    icon?: ReactNode;
     label: string;
+    value: string;
+}
+export interface DropdownAsyncOptionsType {
+    data: DropdownOptionsType[];
+    hasMore: boolean;
+}
+export interface DropdownTypes {
+    label?: string;
+    multiple?: boolean;
+    searchable?: boolean;
+    placeholder?: string;
+    values?: string | string[];
+    maxSelected?: number;
+    options?: DropdownOptionsType[];
+    hasMore?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    message?: string | ReactNode;
+    className?: string;
+    onChange: (value: string | string[]) => void;
+    onSearch?: (searchTerm: string) => void;
+    onLoadMore?: () => void;
 }

package/dist/base-components/Dropdown/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Dropdown } from './Dropdown';
-export * from './Dropdown.types';
+export type { DropdownAsyncOptionsType, DropdownOptionsType, } from './Dropdown.types';

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

@@ -3,7 +3,7 @@ import { TypographyVariant } from '../../components/Typography/Typography';
 export type TooltipPositionTypes = 'top' | 'bottom' | 'left' | 'right';
 export type TooltipThemeTypes = 'light' | 'dark';
 export interface TooltipTypes {
-    text: string;
+    text: string | ReactNode;
     position?: TooltipPositionTypes;
     children: ReactNode;
     show?: boolean;

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

@@ -1,20 +1,15 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { DropdownOption } from '../../base-components/Dropdown/Dropdown.types';
 export interface CardProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     className?: string;
-    theme?: "light" | "dark";
-    width?: "tw-w-48" | "tw-w-64" | "tw-w-80" | "tw-w-full" | string;
+    theme?: 'light' | 'dark';
+    width?: 'tw-w-48' | 'tw-w-64' | 'tw-w-80' | 'tw-w-full' | string;
 }
 export interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
     title: string;
-    titleSize?: "sm" | "md" | "lg";
-    dropdownOptions?: DropdownOption[];
-    showDropdown?: boolean;
-    selectedValue?: string;
-    onDropdownSelect?: (value: string) => void;
+    titleSize?: 'sm' | 'md' | 'lg';
     className?: string;
-    theme?: "light" | "dark";
+    theme?: 'light' | 'dark';
 }
 export interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
@@ -23,5 +18,5 @@ export interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
 export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
     className?: string;
-    align?: "left" | "center" | "right";
+    align?: 'left' | 'center' | 'right';
 }