@worldresources/wri-design-systems 2.121.0 → 2.123.0

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import React$1 from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const designSystemStyles: _chakra_ui_react.SystemContext;
-declare const getThemedColor: (variant: "neutral" | "primary" | "secondary" | "success" | "warning" | "error", index: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900) => string;
+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;
 
 type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     label?: string;
@@ -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;
@@ -426,9 +443,10 @@ type ItemCountProps = {
     currentPage: number;
     totalItems: number;
     onPageSizeChange?: (pageSize: number) => void;
+    showItemCountText?: boolean;
 };
 
-declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ItemCount: ({ pageSize, currentPage, totalItems, onPageSizeChange, showItemCountText, }: ItemCountProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type PaginationProps = {
     currentPage: number;
@@ -457,6 +475,7 @@ type TableProps = {
         currentPage: number;
         pageSize: number;
         showItemCount?: boolean;
+        showItemCountText?: boolean;
     };
     onSortColumn: (sortColumn: {
         key: string;
@@ -514,6 +533,45 @@ 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';
+    isDraggable?: boolean;
+    open: boolean;
+    onClose?: () => void;
+    showCancelButton?: boolean;
+    cancelLabel?: string;
+    showActionButton?: boolean;
+    actionLabel?: string;
+    onActionClick?: VoidFunction;
+};
+
+declare const Modal: ({ title, content, size, isDraggable, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+
 type BadgeProps = {
     hasNotification?: boolean;
     notificationCount?: number;
@@ -582,4 +640,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 };