greenole-design-system 1.1.82 → 1.1.84

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

@@ -3,16 +3,16 @@ 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 */
+/** Editable and controlled base */
 export declare const Playground: Story;
-/** Sem exibição de valor */
+/** Without value display */
 export declare const WithoutValue: Story;
-/** Diferentes cores e valores */
+/** Different colors and values */
 export declare const BlueMid: Story;
 export declare const RedHigh: Story;
 export declare const YellowLow: Story;
 export declare const CustomRange: Story;
-/** Caixinha com borda */
+/** Box with border */
 export declare const WithBorder: Story;
-/** Somente número puro */
+/** Plain number only */
 export declare const WithoutBorder: Story;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { THookTypes } from '../../utils/i18n/types';
-export type ToastVariant = "success" | "error" | "warning" | "info";
-export type ToastPosition = "top-left" | "top-right" | "bottom-left" | "bottom-right";
+export type ToastVariant = 'success' | 'error' | 'warning' | 'info';
+export type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export interface ToastProps {
     id?: string;
     variant?: ToastVariant;
@@ -12,6 +12,7 @@ export interface ToastProps {
     autoDismissTime?: number;
     closable?: boolean;
     className?: string;
+    container?: HTMLElement;
     onClose?: () => void;
     t?: THookTypes;
 }

package/dist/base-components/Toast/ToastProvider.d.ts

@@ -10,7 +10,7 @@ type ToastItem = {
     autoDismissTime: number;
 };
 type ToastContextType = {
-    showToast: (message: string, variant?: ToastVariant, options?: Partial<Omit<ToastItem, "id" | "message" | "variant">>) => void;
+    showToast: (message: string, variant?: ToastVariant, options?: Partial<Omit<ToastItem, 'id' | 'message' | 'variant'>>) => void;
     clearToasts: () => void;
 };
 export declare const ToastProvider: React.FC<{

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

@@ -11,4 +11,5 @@ export interface TooltipTypes {
     bgColor?: string;
     textColor?: string;
     darkMode?: boolean;
+    container?: HTMLElement;
 }

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

@@ -1,4 +1,19 @@
 import { default as React } from 'react';
-import { CardProps } from './Card.types';
-declare const Card: React.FC<CardProps>;
+import { CardContentProps, CardDescriptionProps, CardProps, CardSectionProps, CardTitleProps } from './Card.types';
+declare const CardHeader: React.FC<CardSectionProps>;
+declare const CardTitle: React.FC<CardTitleProps>;
+declare const CardDescription: React.FC<CardDescriptionProps>;
+declare const CardAction: React.FC<CardSectionProps>;
+declare const CardContent: React.FC<CardContentProps>;
+declare const CardFooter: React.FC<CardSectionProps>;
+type CardCompound = React.FC<CardProps> & {
+    Header: typeof CardHeader;
+    Title: typeof CardTitle;
+    Description: typeof CardDescription;
+    Action: typeof CardAction;
+    Content: typeof CardContent;
+    Footer: typeof CardFooter;
+};
+declare const Card: CardCompound;
+export { CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
 export default Card;

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

@@ -3,7 +3,8 @@ import { Card } from './';
 declare const meta: Meta<typeof Card>;
 export default meta;
 type Story = StoryObj<typeof Card>;
-export declare const Playground: Story;
-export declare const CardWithIconAndActions: Story;
-export declare const CardWithDropdownHeader: Story;
-export declare const CardWithSaveCancel: Story;
+export declare const Default: Story;
+export declare const AlertsWithScroll: Story;
+export declare const InsightsWithScroll: Story;
+export declare const CommandLogsWithFilterAndSearch: Story;
+export declare const AllCardFeatures: Story;

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

@@ -1,15 +1,18 @@
 export declare const CardWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $width?: string;
     $height?: string;
+    $padding?: string;
+    $gap?: string;
+    $bordered: boolean;
+    $shadow: boolean;
+    $dividers: boolean;
 }>> & string;
-export declare const CardHeaderWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $background?: string;
-}>> & string;
-export declare const CardHeaderLeft: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardBodyWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $withImage?: boolean;
-}>> & string;
-export declare const CardBodyContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardFooterWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $align: "left" | "center" | "right";
+export declare const CardHeaderCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardTitleCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardDescriptionCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardActionCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CardContentCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $scrollable?: boolean;
+    $maxHeight?: string;
 }>> & string;
+export declare const CardFooterCompound: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,26 +1,35 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface CardProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
+import { TypographyVariant } from '../Typography/Typography';
+export interface CardLayout {
     width?: string | number;
     height?: string | number;
+    padding?: string | number;
+    gap?: string | number;
 }
-export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
-    title?: string | ReactNode;
-    titleSize?: "sm" | "md" | "lg";
-    className?: string;
-    icon?: ReactNode;
-    actions?: ReactNode;
-    background?: string;
+export interface CardOptions {
+    bordered?: boolean;
+    shadow?: boolean;
+    dividers?: boolean;
 }
-export interface CardBodyProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
-    withImage?: boolean;
-    image?: ReactNode;
+export interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    layout?: CardLayout;
+    options?: CardOptions;
+    children?: ReactNode;
 }
-export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
-    align?: "left" | "center" | "right";
+export interface CardSectionProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+export interface CardContentProps extends CardSectionProps {
+    scrollable?: boolean;
+    maxHeight?: string | number;
+}
+export interface CardTitleProps extends Omit<HTMLAttributes<HTMLHeadingElement>, "title"> {
+    children?: ReactNode;
+    variant?: TypographyVariant;
+    color?: string;
+}
+export interface CardDescriptionProps extends Omit<HTMLAttributes<HTMLParagraphElement>, "title"> {
+    children?: ReactNode;
+    variant?: TypographyVariant;
+    color?: string;
 }

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

@@ -1,5 +1,2 @@
-export { default as Card } from './Card';
+export { default as Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './Card';
 export * from './Card.types';
-export { default as CardBody } from './CardBody';
-export { default as CardFooter } from './CardFooter';
-export { default as CardHeader } from './CardHeader';

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { THookTypes } from '../../utils/i18n/types';
-export type ModalType = "success" | "error" | "warning";
+export type ModalType = 'success' | 'error' | 'warning';
 export type ModalTypeIcon = {
     [key in ModalType]?: React.ReactNode;
 };
@@ -15,6 +15,7 @@ export interface ModalProps {
     showOverlay?: boolean;
     cancelButton?: ReactNode;
     confirmButton?: ReactNode;
+    container?: HTMLElement;
     onCancel?: () => void;
     onConfirm?: () => void;
     onClose?: () => void;

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

@@ -22,3 +22,5 @@ export declare const ForceRightAnimation: Story;
 export declare const AlignmentRight: Story;
 export declare const AlignmentLeftAndRight: Story;
 export declare const InSmallContainer: Story;
+export declare const clearable: Story;
+export declare const clearableLeft: Story;

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

@@ -4,6 +4,8 @@ export declare const SearchWrapper: import('styled-components/dist/types').IStyl
     $alignment?: "left" | "right";
     $isMobile?: boolean;
     $expandedWidth?: string;
+    $clearable?: boolean;
+    $size?: "sm" | "md";
 }>> & 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;
@@ -11,4 +13,5 @@ export declare const SearchIconButton: import('styled-components/dist/types').IS
     $iconColor?: string;
     $alignment?: "left" | "right";
     $isMobile?: boolean;
+    $clearable?: boolean;
 }>> & string;

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

@@ -1,7 +1,7 @@
 import { THookTypes } from '../../utils/i18n/types';
-export type SearchMode = "collapsed" | "expanded";
-export type SearchAnimationDirection = "left" | "right" | "auto";
-export type SearchAlignment = "left" | "right";
+export type SearchMode = 'collapsed' | 'expanded';
+export type SearchAnimationDirection = 'left' | 'right' | 'auto';
+export type SearchAlignment = 'left' | 'right';
 export interface SearchProps {
     mode?: SearchMode;
     alignment?: SearchAlignment;
@@ -19,4 +19,6 @@ export interface SearchProps {
     animationDirection?: SearchAnimationDirection;
     isMobile?: boolean;
     expandedWidth?: string;
+    clearable?: boolean;
+    size?: 'sm' | 'md';
 }

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

@@ -47,6 +47,6 @@ export declare const TableFilterWrapper: import('styled-components/dist/types').
 export declare const TableRowActionsButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableRowActionsDropdownContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TableRowActionItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $variant?: "default" | "danger" | "warning";
+    $variant?: "default" | "danger" | "warning" | "confirm";
     $disabled?: boolean;
 }>> & string;

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

@@ -21,9 +21,9 @@ export interface TableColumn<T = any> {
 }
 export interface TableRowAction<T = any> {
     key: string;
-    label: string;
+    label: ReactNode;
     icon?: ReactNode;
-    variant?: 'default' | 'danger' | 'warning';
+    variant?: 'default' | 'danger' | 'warning' | 'confirm';
     onClick: (row: T) => void;
     visible?: (row: T) => boolean;
     disabled?: (row: T) => boolean;

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

@@ -8,3 +8,4 @@ export declare const TimelineTemplate: Story;
 export declare const WithMessage: Story;
 export declare const WithWarningMessage: Story;
 export declare const ErrorMessage: Story;
+export declare const centerEdgeLabels: Story;

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

@@ -23,5 +23,6 @@ export declare const Label: import('styled-components/dist/types').IStyledCompon
     $isTimeline?: boolean;
     $isFirst?: boolean;
     $isLast?: boolean;
+    $centerEdgeLabels?: boolean;
 }>> & string;
 export declare const MessageWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -19,5 +19,6 @@ export type TimelineProps = {
     className?: string;
     isMobile?: boolean;
     disableStepAnimation?: boolean;
+    centerEdgeLabels?: boolean;
     onStepClick?: (stepIndex: number, stepId?: string) => void;
 };