@worldresources/wri-design-systems 2.202.9 → 2.202.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +560 -345
- package/dist/index.d.ts +23 -20
- package/dist/index.esm.js +560 -345
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -734,16 +734,16 @@ declare const CloseButton: ({ disabled, labels, ...rest }: CloseButtonProps) =>
|
|
|
734
734
|
|
|
735
735
|
declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
736
736
|
|
|
737
|
-
type
|
|
738
|
-
|
|
737
|
+
type ToolbarExpandSide = 'left' | 'right';
|
|
739
738
|
interface ToolbarItem {
|
|
740
739
|
icon: React.ReactElement;
|
|
741
740
|
ariaLabel: string;
|
|
742
|
-
label?:
|
|
741
|
+
label?: React.ReactNode;
|
|
743
742
|
disabled?: boolean;
|
|
744
743
|
onClick?: () => void;
|
|
745
744
|
gap?: boolean;
|
|
746
745
|
tooltip?: string;
|
|
746
|
+
active?: boolean;
|
|
747
747
|
}
|
|
748
748
|
interface ToolbarProps {
|
|
749
749
|
items: ToolbarItem[];
|
|
@@ -753,7 +753,7 @@ interface ToolbarProps {
|
|
|
753
753
|
ariaLabel?: string;
|
|
754
754
|
defaultGaps?: boolean;
|
|
755
755
|
autoCollapse?: boolean;
|
|
756
|
-
|
|
756
|
+
expandSide?: ToolbarExpandSide;
|
|
757
757
|
labels?: Partial<ToolbarLabels>;
|
|
758
758
|
}
|
|
759
759
|
interface ToolbarButtonProps {
|
|
@@ -764,11 +764,12 @@ interface ToolbarButtonProps {
|
|
|
764
764
|
tooltip?: string;
|
|
765
765
|
disabled?: boolean;
|
|
766
766
|
onClick?: () => void;
|
|
767
|
-
showGap?: boolean;
|
|
768
767
|
vertical?: boolean;
|
|
768
|
+
expandSide?: ToolbarExpandSide;
|
|
769
|
+
active?: boolean;
|
|
769
770
|
}
|
|
770
771
|
|
|
771
|
-
declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, autoCollapse, ariaLabel, defaultGaps, labels, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
772
|
+
declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, autoCollapse, expandSide, ariaLabel, defaultGaps, labels, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
772
773
|
|
|
773
774
|
type MapControlsToolbarProps = {
|
|
774
775
|
onZoomInClick?: () => void;
|
|
@@ -782,7 +783,6 @@ type MapControlsToolbarProps = {
|
|
|
782
783
|
expanded?: boolean;
|
|
783
784
|
showExpandedToggle?: boolean;
|
|
784
785
|
ariaLabel?: string;
|
|
785
|
-
/** Override internal UI labels for internationalization support. */
|
|
786
786
|
labels?: Partial<MapControlsToolbarLabels>;
|
|
787
787
|
};
|
|
788
788
|
declare const MapControlsToolbar: ({ onZoomInClick, onZoomOutClick, onExpandClick, onShareClick, onPrintClick, onSettingsClick, onQuestionClick, vertical, expanded, showExpandedToggle, ariaLabel, labels, }: MapControlsToolbarProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -850,9 +850,10 @@ type TooltipProps = {
|
|
|
850
850
|
portalRef?: React.RefObject<HTMLElement | null>;
|
|
851
851
|
openDelay?: number;
|
|
852
852
|
closeDelay?: number;
|
|
853
|
+
preserveFocusOnChild?: boolean;
|
|
853
854
|
};
|
|
854
855
|
|
|
855
|
-
declare const Tooltip: ({ children, content, showArrow, disabled, position, variant, portalRef, openDelay, closeDelay, }: TooltipProps) =>
|
|
856
|
+
declare const Tooltip: ({ children, content, showArrow, disabled, position, variant, portalRef, openDelay, closeDelay, preserveFocusOnChild, }: TooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
856
857
|
|
|
857
858
|
type FormContainerProps = {
|
|
858
859
|
label?: ReactNode;
|
|
@@ -1517,6 +1518,8 @@ interface AnalysisWidgetActionsProps {
|
|
|
1517
1518
|
|
|
1518
1519
|
declare const AnalysisWidget: ({ children, header, footer, expanded, collapsible, actions, showFooterOnCollapsed, labels, }: AnalysisWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1519
1520
|
|
|
1521
|
+
type SizeValue = number | string;
|
|
1522
|
+
|
|
1520
1523
|
type ModalProps = {
|
|
1521
1524
|
header: React.ReactNode;
|
|
1522
1525
|
content: React.ReactNode;
|
|
@@ -1732,6 +1735,16 @@ type SearchProps = Omit<InputProps, 'variant' | 'colorPalette' | 'defaultChecked
|
|
|
1732
1735
|
|
|
1733
1736
|
declare const Search: ({ placeholder, disabled, size, options, resultsMaxHeight, isLoading, displayResults, onSelect, onQueryChange, onClear, renderResults, labels, }: SearchProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1734
1737
|
|
|
1738
|
+
type BadgeSize = 'small' | 'large';
|
|
1739
|
+
type BadgeProps = {
|
|
1740
|
+
hasNotification?: boolean;
|
|
1741
|
+
notificationCount?: number;
|
|
1742
|
+
label?: string;
|
|
1743
|
+
size?: BadgeSize;
|
|
1744
|
+
labels?: Partial<BadgeLabels>;
|
|
1745
|
+
children?: ReactNode;
|
|
1746
|
+
};
|
|
1747
|
+
|
|
1735
1748
|
type AvatarProps = {
|
|
1736
1749
|
name: string;
|
|
1737
1750
|
ariaLabel?: string;
|
|
@@ -1741,24 +1754,14 @@ type AvatarProps = {
|
|
|
1741
1754
|
srcSet?: string;
|
|
1742
1755
|
onClick?: () => void;
|
|
1743
1756
|
notificationCount?: number;
|
|
1757
|
+
badgeSize?: BadgeSize;
|
|
1744
1758
|
disabled?: boolean;
|
|
1745
1759
|
customBackgroundColor?: string;
|
|
1746
|
-
/** Override internal UI labels for internationalization support. */
|
|
1747
1760
|
labels?: Partial<AvatarLabels>;
|
|
1748
1761
|
};
|
|
1749
1762
|
|
|
1750
1763
|
declare const Avatar: React$1.ForwardRefExoticComponent<AvatarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1751
1764
|
|
|
1752
|
-
type BadgeSize = 'small' | 'large';
|
|
1753
|
-
type BadgeProps = {
|
|
1754
|
-
hasNotification?: boolean;
|
|
1755
|
-
notificationCount?: number;
|
|
1756
|
-
label?: string;
|
|
1757
|
-
size?: BadgeSize;
|
|
1758
|
-
labels?: Partial<BadgeLabels>;
|
|
1759
|
-
children?: ReactNode;
|
|
1760
|
-
};
|
|
1761
|
-
|
|
1762
1765
|
declare const Badge: ({ hasNotification, notificationCount, label, labels, children, size, }: BadgeProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1763
1766
|
|
|
1764
1767
|
type InlineMessageProps = {
|
|
@@ -1843,4 +1846,4 @@ declare const Toast: React__default.FC<ToastComponentProps>;
|
|
|
1843
1846
|
declare const showToast: (props: ToastProps) => void;
|
|
1844
1847
|
declare const closeToast: (id?: string) => void;
|
|
1845
1848
|
|
|
1846
|
-
export { AlertBanner, type AlertBannerLabels, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarLabels, type AvatarProps, Badge, type BadgeLabels, type BadgeProps, type BadgeSize, 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 ComboboxLabels, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, FieldWrapper, type FieldWrapperLabels, type FieldWrapperProps, type FieldWrapperSize, 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 LayerItemLabels, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerLabels, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuLabels, type MenuProps, MobileSearch, type MobileSearchLabels, type MobileSearchProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarLabels, type MobileTabBarProps, Modal, type ModalLabels, 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 ProgressBarLabels, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, RichTextEditor, type RichTextEditorControlKey, type RichTextEditorLabels, type RichTextEditorProps, type RichTextEditorSize, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetLabels, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchLabels, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagLabels, 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, closeToast, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };
|
|
1849
|
+
export { AlertBanner, type AlertBannerLabels, type AlertProps, AnalysisWidget, type AnalysisWidgetActionsProps, type AnalysisWidgetLabels, type AnalysisWidgetProps, Avatar, type AvatarLabels, type AvatarProps, Badge, type BadgeLabels, type BadgeProps, type BadgeSize, 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 ComboboxLabels, type ComboboxProps, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, type ExtendableCardProps, FieldWrapper, type FieldWrapperLabels, type FieldWrapperProps, type FieldWrapperSize, 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 LayerItemLabels, type LayerItemProps, LayerParameters, type LayerParametersProps, LegendItem, type LegendItemLabels, type LegendItemProps, List, type ListItemProps, type ListItemVariant, type ListProps, MapControlsToolbar, type MapControlsToolbarLabels, type MapControlsToolbarProps, MapMarker, type MapMarkerLabels, type MapMarkerProps, MapMarkers, MapPopUp, type MapPopUpLabels, type MapPopUpProps, Menu, type MenuItemProps, type MenuLabels, type MenuProps, MobileSearch, type MobileSearchLabels, type MobileSearchProps, MobileTabBar, type MobileTabBarItemProps, type MobileTabBarLabels, type MobileTabBarProps, Modal, type ModalLabels, 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 ProgressBarLabels, type ProgressBarProps, QualitativeAttribute, type QualitativeAttributeLabels, type QualitativeAttributeProps, Radio, RadioGroup, type RadioGroupProps, RadioList, type RadioListLabels, type RadioListProps, type RadioProps, RichTextEditor, type RichTextEditorControlKey, type RichTextEditorLabels, type RichTextEditorProps, type RichTextEditorSize, SSOButtons, ScaleBar, type ScaleBarProps, Search, type SearchLabels, type SearchProps, Select, type SelectItemProps, type SelectLabels, type SelectProps, Sheet, type SheetLabels, type SheetProps, SimpleMapPin, Slider, SliderInput, type SliderInputProps, type SliderMarksProps, type SliderProps, StepProgressIndicator, type StepProgressIndicatorLabels, type StepProgressIndicatorProps, type StrengthLevel, Switch, type SwitchLabels, type SwitchProps, TabBar, type TabBarItemProps, type TabBarProps, Table, TableCell, type TableLabels, type TableProps, TableRow, Tag, type TagLabels, type TagProps, TextInput, type TextInputLabels, type TextInputProps, Textarea, type TextareaLabels, type TextareaProps, Toast, type ToastComponentProps, type ToastLabels, type ToastProps, Toolbar, type ToolbarButtonProps, type ToolbarExpandSide, type ToolbarItem, type ToolbarLabels, type ToolbarProps, Tooltip, type TooltipProps, closeToast, designSystemStyles, designSystemStylesForTailwind, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, showToast };
|