greenole-design-system 1.1.24 → 1.1.26

package/dist/App.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare function App(): React.JSX.Element;
+export default App;

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.d.ts

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

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

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;
 export declare const Default: Story;
+export declare const DarkMode: Story;

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

@@ -0,0 +1,9 @@
+import { TooltipPositionTypes } from './Tooltip.types';
+declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    position: TooltipPositionTypes;
+}>> & string;
+declare const TooltipArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    position: TooltipPositionTypes;
+}>> & string;
+export { TooltipArrow, TooltipBox, TooltipWrapper };

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

@@ -1,13 +1,14 @@
+import { ReactNode } from 'react';
 import { TypographyVariant } from '../../components/Typography/Typography';
-export type TooltipPosition = "top" | "bottom" | "left" | "right";
-export type TooltipTheme = "light" | "dark";
-export interface TooltipProps {
-    children: React.ReactNode;
-    text: string;
-    position?: TooltipPosition;
+export type TooltipPositionTypes = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipThemeTypes = 'light' | 'dark';
+export interface TooltipTypes {
+    text: string | ReactNode;
+    position?: TooltipPositionTypes;
+    children: ReactNode;
+    show?: boolean;
     variant?: TypographyVariant;
     bgColor?: string;
     textColor?: string;
     darkMode?: boolean;
-    className?: string;
 }

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';
 }

package/dist/components/Modal/Modal.d.ts

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

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Modal } from './Modal';
+declare const meta: Meta<typeof Modal>;
+export default meta;
+type Story = StoryObj<typeof Modal>;
+export declare const Default: Story;
+export declare const WithActions: Story;
+export declare const Error: Story;
+export declare const Warning: Story;
+export declare const Success: Story;
+export declare const WithoutTitle: Story;
+export declare const NoOverlay: Story;

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

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+export type ModalType = 'success' | 'error' | 'warning';
+export type ModalTypeIcon = {
+    [key in ModalType]?: React.ReactNode;
+};
+export interface ModalProps {
+    content: ReactNode;
+    icon?: ReactNode;
+    title?: ReactNode;
+    cancelButtonText?: string;
+    confirmButtonText?: string;
+    type?: ModalType;
+    showOverlay?: boolean;
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    onClose?: () => void;
+}

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

@@ -0,0 +1 @@
+export { default as Modal } from './Modal';

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TabsType, TabType } from './Tabs.types';
+export declare const Tab: React.FC<TabType>;
+declare const Tabs: React.FC<TabsType>;
+export default Tabs;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { default as Tabs } from './Tabs';
+import { TabsType } from './Tabs.types';
+declare const _default: Meta<typeof Tabs>;
+export default _default;
+export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;
+export declare const MobileView: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, TabsType>;

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

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface TabType {
+    label: ReactNode;
+    children: ReactNode;
+}
+export interface TabsType {
+    children: ReactNode;
+    defaultIndex?: number;
+    selectedIndex?: number;
+    isMobileOrTablet?: boolean;
+    onChange?: (index: number) => void;
+}

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

@@ -0,0 +1 @@
+export { Tab, default as Tabs } from './Tabs';