greenole-design-system 1.1.25 → 1.1.27

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

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

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

@@ -0,0 +1,18 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as RangeSlider } from './RangeSlider';
+declare const meta: Meta<typeof RangeSlider>;
+export default meta;
+type Story = StoryObj<typeof RangeSlider>;
+/** Base editável e controlada */
+export declare const Playground: Story;
+/** Sem exibição de valor */
+export declare const WithoutValue: Story;
+/** Diferentes cores e valores */
+export declare const BlueMid: Story;
+export declare const RedHigh: Story;
+export declare const YellowLow: Story;
+export declare const CustomRange: Story;
+/** Caixinha com borda */
+export declare const WithBorder: Story;
+/** Somente número puro */
+export declare const WithoutBorder: Story;

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

@@ -0,0 +1,7 @@
+export declare const SliderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ValueBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ValueText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SliderInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    percent: number;
+    color: string;
+}>> & string;

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

@@ -0,0 +1,11 @@
+export type RangeSliderProps = {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    showValue?: boolean;
+    color?: string;
+    hasBorder?: boolean;
+    onChange?: (value: number) => void;
+    className?: string;
+};

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

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

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

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

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

@@ -0,0 +1,7 @@
+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

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

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

package/dist/components/Drawer/Drawer.d.ts

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

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

@@ -0,0 +1,10 @@
+import { Meta } from '@storybook/react';
+import { DrawerProps } from './Drawer.types';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const DirectionLeft: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const ShowOverlay: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const HeaderAndFooterWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const HeaderWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
+export declare const FooterWithout: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;

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

@@ -0,0 +1,23 @@
+export declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $show: boolean;
+}>> & string;
+export declare const DrawerContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $show: boolean;
+    $isMobile: boolean;
+    $width?: string;
+    $direction: "left" | "right";
+}>> & string;
+export declare const Header: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "left" | "right";
+}>> & string;
+export declare const Title: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Body: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "left" | "right";
+}>> & string;
+export declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: "left" | "right";
+}>> & string;
+export declare const Close: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $direction: "left" | "right";
+}>> & string;

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface DrawerProps {
+    show: boolean;
+    title?: string | ReactNode;
+    subtitle?: string | ReactNode;
+    children: ReactNode;
+    width?: string;
+    isMobile?: boolean;
+    showOverlay?: boolean;
+    cancelButtonText?: string;
+    confirmButtonText?: string;
+    direction?: 'left' | 'right';
+    onCancel?: () => void;
+    onConfirm?: () => void;
+    onClose?: () => void;
+}

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

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