@worldresources/wri-design-systems 2.128.1 → 2.129.0

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _chakra_ui_react 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, Tabs, Table as Table$1 } 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 _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -362,31 +362,6 @@ declare const LayerGroupContainer: ({ children, defaultValue, ...rest }: LayerGr
 
 declare const LayerItem: ({ name, label, caption, showInfoButton, infoButtonLabel, variant, disabled, onInfoClick, isDefaultSelected, onChange, }: LayerItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
-    label: string;
-    value: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-};
-type TabBarProps = {
-    variant?: 'panel' | 'view';
-    defaultValue?: string;
-    tabs: TabBarItemProps[];
-    onTabClick?: (tabLabel: string) => void;
-};
-
-type LayerPanelProps = {
-    title: string;
-    description: string;
-    tabBarVariant?: 'panel' | 'view';
-    buttonTabs?: TabBarItemProps[];
-    defaultValue?: string;
-    onTabClick?: (tabLabel: string) => void;
-    children: React.ReactNode;
-};
-
-declare const LayerPanel: ({ title, description, tabBarVariant, buttonTabs, defaultValue, onTabClick, children, }: LayerPanelProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 type LayerParametersProps = {
     label: string;
     children: React.ReactNode;
@@ -409,14 +384,6 @@ type LegendItemProps = {
 
 declare const LegendItem: ({ layerName, dataUnit, onDrag, onUpClick, onDownClick, onRemoveClick, children, onInfoClick, onOpacityChanged, }: LegendItemProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type LegendPanelProps = {
-    legendContent: React$1.ReactElement[];
-    analysisContent: React$1.ReactNode;
-    onTabClick?: (tabValue: string) => void;
-};
-
-declare const LegendPanel: ({ legendContent, analysisContent, onTabClick, }: LegendPanelProps) => _emotion_react_jsx_runtime.JSX.Element;
-
 type QualitativeAttributeProps = {
     type: 'raster' | 'line' | 'point';
     label: string;
@@ -491,6 +458,16 @@ declare const Table: ({ columns, data, renderRow, striped, stickyHeader, paginat
 declare const TableRow: React$1.ForwardRefExoticComponent<Table$1.RowProps & React$1.RefAttributes<HTMLTableRowElement>>;
 declare const TableCell: React$1.ForwardRefExoticComponent<Table$1.CellProps & React$1.RefAttributes<HTMLTableCellElement>>;
 
+type PanelProps = {
+    header?: React.ReactNode;
+    content: React.ReactNode;
+    footer?: React.ReactNode;
+    width?: string;
+    variant?: 'fixed' | 'floating';
+};
+
+declare const Panel: ({ header, content, footer, variant, width, }: PanelProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type BreadcrumbProps = {
     links: {
         label: string;
@@ -590,6 +567,19 @@ type StepBarProps = {
 
 declare const StepBar: ({ steps, currentStep }: StepBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type TabBarItemProps = Omit<Tabs.TriggerProps, 'asChild'> & {
+    label: string;
+    value: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+};
+type TabBarProps = {
+    variant?: 'panel' | 'view';
+    defaultValue?: string;
+    tabs: TabBarItemProps[];
+    onTabClick?: (tabLabel: string) => void;
+};
+
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 declare const Menu: ({ label, items, groups, onSelect, customTrigger }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -614,9 +604,10 @@ declare const Modal: ({ title, content, size, draggable, blocking, open, onClose
 type BadgeProps = {
     hasNotification?: boolean;
     notificationCount?: number;
+    label?: string;
 };
 
-declare const Badge: ({ hasNotification, notificationCount }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Badge: ({ hasNotification, notificationCount, label }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type InlineMessageProps = {
     label: string;
@@ -691,4 +682,4 @@ declare const SSOButtons: {
     Microsoft: ({ ariaLabel, size, onClick, }: GenericSSOButtonsProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
+export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerParameters, LegendItem, MapControl, MapControls, Menu, Modal, MultiActionButton, Navbar, NavigationRail, OptionCard, Pagination, Panel, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, SSOButtons, ScaleBar, Select, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };