@indico-data/design-system 2.60.15 → 3.0.0

package/lib/index.d.ts

@@ -9,7 +9,6 @@ import { CSSObject } from 'styled-components';
 import { Props as Props$4 } from 'react-select';
 import { DateRange, OnSelectHandler, Mode, CustomComponents, Matcher, Formatters, MonthChangeEventHandler, DayEventHandler } from 'react-day-picker';
 export { DateRange } from 'react-day-picker';
-import { IconName as IconName$2 } from '@/types';
 import { ColumnDef, Row as Row$1, SortingState } from '@tanstack/react-table';
 export { ColumnDef, SortingFn, SortingState, Column as TanstackTableColumnType, Row as TanstackTableRowType, Table as TanstackTableType, flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';
 import { PlacesType } from 'react-tooltip';
@@ -232,7 +231,7 @@ type PermafrostComponent = {
     'data-testid'?: string;
 };
 
-type SemanticColor = 'primary' | 'secondary' | 'warning' | 'error' | 'success' | 'info' | 'pending';
+type SemanticColor = 'neutral' | 'info' | 'warning' | 'error' | 'success' | 'teal' | 'purple' | 'orange' | 'pending';
 
 type ButtonVariants = 'solid' | 'outline' | 'link' | 'action' | 'destructive' | 'soft';
 type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
@@ -467,7 +466,7 @@ interface InputDateRangePickerProps {
     isOpen?: boolean;
     setIsOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     className?: string;
-    inputIconName?: IconName$2;
+    inputIconName?: IconName;
     inputPlaceholder?: string;
     toErrorMessage?: string | undefined;
     fromErrorMessage?: string | undefined;
@@ -559,9 +558,24 @@ interface ModalProps {
     overlayElement?: (props: any, contentElement: React.ReactElement) => React.ReactElement;
     position?: 'top' | 'center';
     parentSelector?: () => HTMLElement;
+    title?: string;
+    subtitle?: string;
+    footer?: React.ReactNode;
+    maxWidthInPixels?: number;
 }
+interface ConfirmationModalProps extends ModalProps {
+    onConfirmRequest?: () => void;
+    onCancelRequest?: () => void;
+    confirmationButtonVariant?: ButtonVariants;
+    confirmationButtonText?: string;
+    cancelButtonText?: string;
+    icon?: IconName;
+    status?: 'info' | 'success' | 'error';
+}
+
+declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, title, subtitle, footer, maxWidthInPixels, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
 
-declare const Modal: ({ className, children, isOpen, onRequestClose, portalClassName, overlayClassName, appElement, shouldCloseOnOverlayClick, shouldCloseOnEsc, testId, contentElement, overlayElement, position, parentSelector, ...rest }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const ConfirmationModal: ({ className, overlayClassName, testId, isOpen, onRequestClose, portalClassName, appElement, parentSelector, shouldCloseOnOverlayClick, shouldCloseOnEsc, contentElement, overlayElement, footer, children, onConfirmRequest, onCancelRequest, confirmationButtonText, cancelButtonText, confirmationButtonVariant, icon, title, status, maxWidthInPixels, }: ConfirmationModalProps) => react_jsx_runtime.JSX.Element;
 
 type WithPaginationProps = {
     rowsPerPage: number;
@@ -682,4 +696,4 @@ interface TruncateProps {
 
 declare const Truncate: ({ lineClamp, truncateString, hasTooltip, tooltipId, ...rest }: TruncateProps) => react_jsx_runtime.JSX.Element;
 
-export { Badge, BarSpinner, Button, Card, Checkbox, CirclePulse, Col, Container, DatePicker, FloatUI, Form, Icon, IconTriggerDatePicker, LabeledInput as Input, InputDateRangePicker, Menu, Modal, Pagination, LabeledPasswordInput as PasswordInput, Pill, Radio as RadioInput, Row, LabeledSelect as SelectInput, type SelectOption, SingleInputDatePicker, Skeleton, Stepper, Table, TanstackTable, LabeledTextarea as Textarea, TimePicker, Toggle as ToggleInput, Tooltip, Truncate, registerFontAwesomeIcons };
+export { Badge, BarSpinner, Button, Card, Checkbox, CirclePulse, Col, ConfirmationModal, Container, DatePicker, FloatUI, Form, Icon, IconTriggerDatePicker, LabeledInput as Input, InputDateRangePicker, Menu, Modal, Pagination, LabeledPasswordInput as PasswordInput, Pill, Radio as RadioInput, Row, LabeledSelect as SelectInput, type SelectOption, SingleInputDatePicker, Skeleton, Stepper, Table, TanstackTable, LabeledTextarea as Textarea, TimePicker, Toggle as ToggleInput, Tooltip, Truncate, registerFontAwesomeIcons };