greenole-design-system 1.1.82 → 1.1.83

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