@worldresources/wri-design-systems 2.156.2 → 2.158.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { ButtonProps, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, SelectRootProps, SliderRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Table as Table$1, Tabs } from '@chakra-ui/react';
+import { ButtonProps as ButtonProps$1, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, SelectRootProps, SliderRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Table as Table$1, Tabs } from '@chakra-ui/react';
 import * as React$1 from 'react';
 import React__default, { ReactElement, Ref } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -34,13 +34,13 @@ declare const SSOButtons: {
     Microsoft: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
 };
 
-type CloseButtonProps = Omit<ButtonProps, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
+type CloseButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
     disabled?: boolean;
 };
 
 declare const CloseButton: ({ disabled, ...rest }: CloseButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type IconButtonProps = Omit<ButtonProps, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
+type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
     icon: React__default.ReactNode;
     disabled?: boolean;
 };
@@ -108,7 +108,7 @@ type MenuProps = {
 
 declare const Menu: ({ label, items, groups, onSelect, customTrigger }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type MultiActionButtonProps = Omit<ButtonProps, 'size' | 'variant' | 'colorPalette' | 'children'> & {
+type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
     size?: 'default' | 'small';
     mainActionLabel: string;
@@ -593,7 +593,7 @@ type TableProps = {
         label: string;
         sortable?: boolean;
     }[];
-    data: any;
+    data?: any;
     renderRow: any;
     striped?: boolean;
     stickyHeader?: boolean;
@@ -614,9 +614,10 @@ type TableProps = {
     onPageSizeChange?: (pageSize: number) => void;
     onPageChange?: (page: number) => void;
     onAllItemsSelected?: (checked: boolean) => void;
+    loading?: boolean;
 };
 
-declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const TableRow: React__default.ForwardRefExoticComponent<Table$1.RowProps & React__default.RefAttributes<HTMLTableRowElement>>;
 declare const TableCell: React__default.ForwardRefExoticComponent<Table$1.CellProps & React__default.RefAttributes<HTMLTableCellElement>>;
@@ -727,6 +728,17 @@ type MobileTabBarProps = {
 
 declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, hideLabels, activationMode, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
+    label?: string;
+    loading?: boolean;
+    variant?: 'primary' | 'secondary' | 'borderless' | 'outline';
+    size?: 'default' | 'small';
+    disabled?: boolean;
+    leftIcon?: React__default.ReactNode;
+    rightIcon?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+};
+
 type NavbarNavigationItemsProps = {
     label: string;
     link?: string;
@@ -742,15 +754,19 @@ type NavbarProps = {
     navigationSection?: NavbarNavigationItemsProps[];
     utilitySection?: React.ReactNode[];
     actionsSection?: {
-        label: string;
-        onClick?: () => void;
+        ariaLabel: ButtonProps['aria-label'];
+        children?: ButtonProps['children'];
+        variant?: ButtonProps['variant'];
+        size?: ButtonProps['size'];
+        onClick?: ButtonProps['onClick'];
     }[];
     maxWidth?: number;
     fixed?: boolean;
     onNavbarHeightChange?: (height: number) => void;
+    backgroundColor?: string;
 };
 
-declare const Navbar: ({ logo, linkRouter, pathname, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Navbar: ({ logo, linkRouter, pathname, navigationSection, utilitySection, actionsSection, maxWidth, fixed, onNavbarHeightChange, backgroundColor, }: NavbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type NavigationRailTabProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     label: string;