@worldresources/wri-design-systems 2.139.0 → 2.141.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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 * as React$1 from 'react';
-import React__default, { ReactElement } from 'react';
+import React__default, { ReactElement, Ref } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 
@@ -560,6 +560,14 @@ declare const Table: ({ columns, data, renderRow, striped, stickyHeader, paginat
 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>>;
 
+interface ExtendableCardProps {
+    children: React__default.ReactNode;
+    header: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+}
+
+declare const ExtendableCard: ({ children, header, footer }: ExtendableCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ModalProps = {
     header: React.ReactNode;
     content: React.ReactNode;
@@ -623,6 +631,23 @@ type FooterProps = {
 
 declare const Footer: ({ children, label, fixed, filled, maxWidth, }: FooterProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type MobileTabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
+    label: string;
+    value: string;
+    icon: React.ReactNode;
+    bagdeCount?: number;
+    disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+    hideLabel?: boolean;
+};
+type MobileTabBarProps = {
+    defaultValue?: string;
+    tabs: MobileTabBarItemProps[];
+    onTabClick?: (tabLabel: string) => void;
+};
+
+declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type NavbarNavigationItemsProps = {
     label: string;
     link?: string;
@@ -679,6 +704,7 @@ type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     value: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
 };
 type TabBarProps = {
     variant?: 'panel' | 'view';
@@ -747,4 +773,4 @@ type ToastProps = {
 
 declare const showToast: (props: ToastProps) => void;
 
-export { Badge, BaseMap, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, List, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepProgressIndicator, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
+export { Badge, BaseMap, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, ExtendableCard, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, List, MapControl, MapControls, Menu, MobileTabBar, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, ProgressBar, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Sheet, Slider, SliderInput, StepProgressIndicator, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };