@worldresources/wri-design-systems 2.191.10 → 2.191.14

package/dist/index.d.ts

@@ -6,9 +6,20 @@ import React__default, { ReactNode, ReactElement, Ref } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { Placement } from '@floating-ui/react';
 
+type ColorVariant = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'accessible';
+type FontSizeToken = 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100;
+type LineHeightToken = 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200;
+type SpacingToken = 0 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000 | 1100 | 1200 | 1400 | 1600 | 2000 | 2400 | 2800;
+type RadiusToken = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+type BorderWidthToken = 100 | 200 | 300 | 400;
 declare const designSystemStylesForTailwind: Record<string, string>;
 declare const designSystemStyles: _chakra_ui_react.SystemContext;
-declare const getThemedColor: (variant: "neutral" | "primary" | "secondary" | "success" | "warning" | "error" | "accessible", index: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "text-on-primary-mids" | "text-on-secondary-mids" | "controls-on-neutral-lights" | "controls-on-neutral-darks") => string;
+declare const getThemedColor: (variant: ColorVariant, index: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "text-on-primary-mids" | "text-on-secondary-mids" | "controls-on-neutral-lights" | "controls-on-neutral-darks") => string;
+declare const getThemedFontSize: (token: FontSizeToken) => string;
+declare const getThemedSpacing: (token: SpacingToken) => string;
+declare const getThemedLineHeight: (token: LineHeightToken) => string;
+declare const getThemedRadius: (token: RadiusToken) => string;
+declare const getThemedBorderWidth: (token: BorderWidthToken) => string;
 
 /**
  * Use for label keys that are rendered as visible JSX text (children of elements).
@@ -615,6 +626,8 @@ declare const Menu: ({ theme, label, fontSize, items, groups, onSelect, customTr
 type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     variant?: 'primary' | 'secondary';
     size?: 'default' | 'small';
+    mainActionLeftIcon?: React__default.ReactNode;
+    mainActionRightIcon?: React__default.ReactNode;
     mainActionLabel: string;
     mainActionOnClick: VoidFunction;
     otherActions: {
@@ -625,7 +638,7 @@ type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPal
     disabled?: boolean;
 };
 
-declare const MultiActionButton: ({ variant, size, mainActionLabel, mainActionOnClick, otherActions, disabled: isDisabledProp, ...rest }: MultiActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const MultiActionButton: ({ variant, size, mainActionLabel, mainActionOnClick, otherActions, disabled: isDisabledProp, mainActionLeftIcon, mainActionRightIcon, ...rest }: MultiActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type TooltipProps = {
     children: React.ReactNode;
@@ -1150,7 +1163,7 @@ interface ListItemProps {
     label: string;
     caption?: string;
     icon?: ReactElement;
-    value?: string;
+    value?: React__default.ReactNode;
     variant?: ListItemVariant;
     isExpanded?: boolean;
     onItemClick?: () => void;
@@ -1194,11 +1207,13 @@ type TableProps = {
     onPageChange?: (page: number) => void;
     onAllItemsSelected?: (checked: boolean) => void;
     loading?: boolean;
+    /** When set, the table scrolls vertically within this height and horizontally when it overflows its container (e.g. '400px', '60vh'). */
+    height?: string;
     /** Override internal UI labels for internationalization support. */
     labels?: Partial<TableLabels>;
 };
 
-declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, labels, }: TableProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, renderRow, striped, stickyHeader, pagination, selectable, selectedRows, variant, onSortColumn, onPageSizeChange, onPageChange, onAllItemsSelected, loading, height, labels, }: 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>>;
@@ -1513,4 +1528,4 @@ declare const Toast: React__default.FC<ToastComponentProps>;
 
 declare const showToast: (props: ToastProps) => void;
 
-export { AlertBanner, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, Modal, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, designSystemStyles, designSystemStylesForTailwind, getThemedColor, showToast };
+export { AlertBanner, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarProps, Badge, type BadgeProps, BaseMap, type BaseMapLabels, type BaseMapOptionProps, type BaseMapProps, Breadcrumb, type BreadcrumbProps, Button, type ButtonLabels, type ButtonProps, Checkbox, CheckboxList, type CheckboxListLabel, type CheckboxListLabels, type CheckboxListProps, CheckboxOptionCard, type CheckboxOptionCardItemProps, type CheckboxOptionCardProps, type CheckboxProps, CloseButton, type CloseButtonLabels, type CloseButtonProps, ClusterPoint, Combobox, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, Footer, type FooterProps, FormContainer, type FormContainerProps, IconButton, type IconButtonProps, InlineMessage, type InlineMessageLabels, type InlineMessageProps, InputWithUnits, type InputWithUnitsProps, ItemCount, type ItemCountLabels, type ItemCountProps, LayerGroup, LayerGroupContainer, type LayerGroupContainerProps, type LayerGroupLabels, type LayerGroupProps, LayerItem, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, Modal, type ModalProps, MultiActionButton, type MultiActionButtonProps, Navbar, type NavbarLabels, type NavbarNavigationItemsProps, type NavbarProps, NavigationRail, type NavigationRailLabels, type NavigationRailProps, type NavigationRailTabProps, type OpacityControlLabels, OptionCard, type OptionCardItemProps, type OptionCardProps, Pagination, type PaginationLabels, type PaginationProps, Panel, type PanelProps, Password, type PasswordLabels, type PasswordProps, ProgressBar, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };