@northlight/ui 2.17.0 → 2.18.0

package/dist/es/northlight.d.ts

@@ -483,7 +483,7 @@ type ButtonProps = Omit<ButtonProps$1, 'as' | 'size'> & {
  * @example (Example)
  * (?
  * +
- * const variants = ['link', 'success', 'default', 'danger', 'brand', 'ghost']
+ * const variants = ['link', 'success', 'default', 'danger', 'brand', 'ghost', 'ai']
  *
  * const ExampleButton = () => {
  *  const [currentVariant, setCurrentVariant ] = useState(0)
@@ -492,7 +492,7 @@ type ButtonProps = Omit<ButtonProps$1, 'as' | 'size'> & {
  * const handleClick = () => {
  * setIsLoading(true)
  * setTimeout(() => {
- * setCurrentVariant((prev) => prev === 5 ? 0 : prev + 1)
+ * setCurrentVariant((prev) => prev === variants.length - 1 ? 0 : prev + 1)
  * setIsLoading(false)
  * }, 300)
  *
@@ -1031,6 +1031,7 @@ interface IntentButtonProps {
     onTimeout?: () => void;
     tooltipText?: string;
     'aria-label'?: string;
+    ringColor?: string;
 }
 
 /**
@@ -1062,7 +1063,7 @@ interface IntentButtonProps {
  *?)
  *
  */
-declare const IntentButton: ({ icon, timeout, onTimeout, tooltipText, "aria-label": ariaLabel, }: IntentButtonProps) => JSX.Element;
+declare const IntentButton: ({ icon, timeout, ringColor, onTimeout, tooltipText, "aria-label": ariaLabel, }: IntentButtonProps) => JSX.Element;
 
 interface ToolboxProps extends Omit<FlexProps, 'direction'> {
     isResizable?: boolean;
@@ -2106,6 +2107,7 @@ interface FilePickerProps {
     maxFileSize?: number;
     value?: string | null;
     loadWithSpinner?: boolean;
+    variant?: 'ai';
     /** Will upon a popup modal for the user to click another button to triggr delte callback */
     confirmDelete?: boolean;
     editFileOptions?: EditFileOptionsType;
@@ -2131,9 +2133,11 @@ interface MultiFilePickerProps<T extends FileFormat> extends Omit<FilePickerProp
     enablePreLoad?: boolean;
     enableSmartLoad?: boolean;
     confirmDelete?: boolean;
+    variant?: 'ai';
 }
 interface MultiFileUploaderProps<T extends FileFormat> {
     /** Ex: acceptFormat="'acceptFormat="video/*, .jpg" */
+    variant?: 'ai';
     acceptFormat?: string;
     compression?: CompressionType;
     maxFileSize?: number;
@@ -2191,7 +2195,7 @@ interface FileIconButtonProps extends Omit<IconButtonProps$1, 'icon' | 'ButtonVa
  *
  *
  */
-declare const FilePicker: ({ acceptFormat, onChange, compression, uploaded: uploadedInitial, maxFileSize, showProgress, value, loadWithSpinner, confirmDelete, editFileOptions, }: FilePickerProps) => JSX.Element;
+declare const FilePicker: ({ acceptFormat, onChange, compression, uploaded: uploadedInitial, maxFileSize, showProgress, value, loadWithSpinner, confirmDelete, editFileOptions, ...rest }: FilePickerProps) => JSX.Element;
 
 /**
  * The file picker component wrapped in a <Field />
@@ -2249,7 +2253,7 @@ declare const FilePickerField: ({ name, label, direction, isRequired, validate,
  * ?)
  *
  */
-declare function MultiFileUploader<T extends FileFormat>({ acceptFormat, compression, onChange, addFilesToQueue, updatePreviewFiles, maxFileSize, }: MultiFileUploaderProps<T>): JSX.Element;
+declare function MultiFileUploader<T extends FileFormat>({ acceptFormat, compression, onChange, addFilesToQueue, updatePreviewFiles, maxFileSize, ...rest }: MultiFileUploaderProps<T>): JSX.Element;
 
 /**
  * Lets user import file of any type as Javascript File Object
@@ -2264,7 +2268,7 @@ declare function MultiFileUploader<T extends FileFormat>({ acceptFormat, compres
  *
  *
  */
-declare function MultiFilePicker<T extends FileFormat>({ acceptFormat, compression, onChange, files, uploadingFiles, deleteFile, confirmDelete, maxFileSize, enablePreLoad, enableSmartLoad, editFileOptions, }: MultiFilePickerProps<T>): JSX.Element;
+declare function MultiFilePicker<T extends FileFormat>({ acceptFormat, compression, onChange, files, uploadingFiles, deleteFile, confirmDelete, maxFileSize, enablePreLoad, enableSmartLoad, editFileOptions, variant, }: MultiFilePickerProps<T>): JSX.Element;
 
 /**
  * Show list of files, their uploading progress as well as options to edit/delete them