@worldresources/wri-design-systems 2.140.0 → 2.141.1

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';
 
@@ -631,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?: (tabValue: string) => void;
+};
+
+declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type NavbarNavigationItemsProps = {
     label: string;
     link?: string;
@@ -687,12 +704,13 @@ type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     value: string;
     icon?: React.ReactNode;
     disabled?: boolean;
+    ref?: Ref<HTMLButtonElement>;
 };
 type TabBarProps = {
     variant?: 'panel' | 'view';
     defaultValue?: string;
     tabs: TabBarItemProps[];
-    onTabClick?: (tabLabel: string) => void;
+    onTabClick?: (tabValue: string) => void;
 };
 
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -755,4 +773,4 @@ type ToastProps = {
 
 declare const showToast: (props: ToastProps) => void;
 
-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, 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 };