@worldresources/wri-design-systems 2.122.0 → 2.124.0

package/dist/index.d.ts

@@ -73,7 +73,7 @@ type CheckboxProps = Omit<Checkbox$1.RootProps, 'size' | 'variant' | 'colorPalet
 
 declare const Checkbox: ({ name, value, checked, defaultChecked, disabled, indeterminate, onCheckedChange, children, ...rest }: CheckboxProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type OptionCardProps = {
+type CheckboxOptionCardItemProps = {
     label: string;
     caption?: string;
     icon?: React.ReactNode;
@@ -82,16 +82,32 @@ type OptionCardProps = {
     children?: React.ReactNode;
     value: string;
 };
-type OptionCardGroupProps = Omit<RadioCardRootProps, 'colorPalette' | 'size' | 'variant' | 'as' | 'asChild' | 'unstyled' | 'defaultChecked'> & {
+type CheckboxOptionCardProps = {
+    defaultValue?: string[];
+    items: CheckboxOptionCardItemProps[];
+    onValueChange?: (value: string[]) => void;
+};
+
+declare const CheckboxOptionCard: ({ defaultValue, items, onValueChange, }: CheckboxOptionCardProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type OptionCardItemProps = {
+    label: string;
+    caption?: string;
+    icon?: React.ReactNode;
+    variant?: 'default' | 'centered' | 'expanded';
+    disabled?: boolean;
+    children?: React.ReactNode;
+    value: string;
+};
+type OptionCardProps = Omit<RadioCardRootProps, 'colorPalette' | 'size' | 'variant' | 'as' | 'asChild' | 'unstyled' | 'defaultChecked'> & {
     defaultValue?: string;
+    items: OptionCardItemProps[];
     onValueChange?: ({ value }: {
         value: string;
     }) => void;
 };
 
-declare const OptionCard: ({ label, caption, icon, variant, disabled, children, value, }: OptionCardProps) => _emotion_react_jsx_runtime.JSX.Element;
-
-declare const OptionCardGroup: ({ children, ...rest }: OptionCardGroupProps) => react_jsx_runtime.JSX.Element;
+declare const OptionCard: ({ defaultValue, items, onValueChange, }: OptionCardProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type RadioProps = Omit<RadioGroup$1.ItemProps, 'size' | 'variant' | 'colorPalette' | 'name' | 'defaultChecked' | 'onChange'> & {
     value: string;
@@ -209,9 +225,10 @@ type RadioListProps = {
     errorMessage?: string;
     horizontal?: boolean;
     required?: boolean;
+    variant?: 'default' | 'card';
 };
 
-declare const RadioList: ({ label, caption, name, radios, defaultValue, onCheckedChange, errorMessage, horizontal, required, }: RadioListProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const RadioList: ({ label, caption, name, radios, defaultValue, onCheckedChange, errorMessage, horizontal, variant, required, }: RadioListProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SelectItemProps = {
     label: string;
@@ -516,6 +533,46 @@ declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpe
 
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type MenuItemProps = {
+    label?: string;
+    caption?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    command?: string;
+    children?: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    submenu?: MenuItemProps[];
+};
+type MenuProps = {
+    label: string;
+    items?: MenuItemProps[];
+    groups?: {
+        title: string;
+        items: MenuItemProps[];
+    }[];
+    onSelect?: (value: string) => void;
+};
+
+declare const Menu: ({ label, items, groups, onSelect }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
+
+type ModalProps = {
+    title: string;
+    content: React.ReactNode;
+    size?: 'small' | 'medium' | 'large' | 'xlarge';
+    draggable?: boolean;
+    blocking?: boolean;
+    open: boolean;
+    onClose?: () => void;
+    showCancelButton?: boolean;
+    cancelLabel?: string;
+    showActionButton?: boolean;
+    actionLabel?: string;
+    onActionClick?: VoidFunction;
+};
+
+declare const Modal: ({ title, content, size, draggable, blocking, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
 type BadgeProps = {
     hasNotification?: boolean;
     notificationCount?: number;
@@ -584,4 +641,4 @@ declare const IconMarkers: {
     Plant: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, MultiActionButton, NavigationRail, OptionCard, OptionCardGroup, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, 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, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };