@worldresources/wri-design-systems 2.142.1 → 2.143.0

package/dist/index.d.ts

@@ -45,34 +45,40 @@ type IconButtonProps = Omit<ButtonProps, 'size' | 'variant' | 'colorPalette' | '
 
 declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type MapControlProps = {
-    items: {
-        icon: React.ReactNode;
-        onClick?: () => void;
-        disabled?: boolean;
-        ariaLabel: string;
-    }[];
+interface ToolbarItem {
+    icon: React.ReactElement;
+    ariaLabel: string;
+    label?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    gap?: boolean;
+}
+interface ToolbarProps {
+    items: ToolbarItem[];
     vertical?: boolean;
-};
+    expanded?: boolean;
+    showExpandedToggle?: boolean;
+    ariaLabel?: string;
+    defaultGaps?: boolean;
+    breakpoint?: number;
+}
 
-declare const MapControl: ({ items, vertical }: MapControlProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, ariaLabel, defaultGaps, breakpoint, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type ZoomProps = {
-    onZoomInClick: () => void;
-    onZoomOutClick: () => void;
+type MapControlsToolbarProps = {
+    onZoomInClick?: () => void;
+    onZoomOutClick?: () => void;
+    onExpandClick?: () => void;
+    onShareClick?: () => void;
+    onPrintClick?: () => void;
+    onSettingsClick?: () => void;
+    onQuestionClick?: () => void;
     vertical?: boolean;
+    expanded?: boolean;
+    showExpandedToggle?: boolean;
+    ariaLabel?: string;
 };
-type GenericMapControlProps = {
-    onClick: () => void;
-};
-declare const MapControls: {
-    Zoom: ({ onZoomInClick, onZoomOutClick, vertical }: ZoomProps) => react_jsx_runtime.JSX.Element;
-    Expand: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Share: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Print: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Settings: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-    Question: ({ onClick }: GenericMapControlProps) => react_jsx_runtime.JSX.Element;
-};
+declare const MapControlsToolbar: ({ onZoomInClick, onZoomOutClick, onExpandClick, onShareClick, onPrintClick, onSettingsClick, onQuestionClick, vertical, expanded, showExpandedToggle, ariaLabel, }: MapControlsToolbarProps) => react_jsx_runtime.JSX.Element;
 
 type MenuItemProps = {
     label?: string;
@@ -534,6 +540,7 @@ interface ListItemProps {
     isExpanded?: boolean;
     onItemClick?: () => void;
     ariaLabel?: string;
+    disabled?: boolean;
 }
 interface ListProps {
     items: ListItemProps[];
@@ -652,15 +659,16 @@ type MobileTabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
     bagdeCount?: number;
     disabled?: boolean;
     ref?: Ref<HTMLButtonElement>;
-    hideLabel?: boolean;
 };
 type MobileTabBarProps = {
     defaultValue?: string;
     tabs: MobileTabBarItemProps[];
     onTabClick?: (tabValue: string) => void;
+    hideLabels?: boolean;
+    activationMode?: 'automatic' | 'manual';
 };
 
-declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const MobileTabBar: ({ defaultValue, tabs, onTabClick, hideLabels, activationMode, }: MobileTabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type NavbarNavigationItemsProps = {
     label: string;
@@ -725,9 +733,10 @@ type TabBarProps = {
     defaultValue?: string;
     tabs: TabBarItemProps[];
     onTabClick?: (tabValue: string) => void;
+    activationMode?: 'automatic' | 'manual';
 };
 
-declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, activationMode, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type BadgeProps = {
     hasNotification?: boolean;
@@ -787,4 +796,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, 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, Tooltip, 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, MapControlsToolbar, 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, Toolbar, Tooltip, designSystemStyles, getThemedColor, showToast };