@worldresources/wri-design-systems 2.191.24 → 2.192.0

package/dist/index.d.ts

@@ -432,6 +432,26 @@ type StepProgressIndicatorLabels = {
     /** Builds the aria-label per step. Default fn provided. */
     currentStepLabel: (step: number, label: string, isCompleted: boolean) => string;
 };
+/** Labels for RichTextEditor internal UI strings. */
+type RichTextEditorLabels = {
+    /** Default aria-label for the editor content region. */
+    editorAriaLabel: string;
+    /** Default placeholder shown when editor is empty. */
+    placeholder: string;
+    /** Tooltip / aria labels for controls. */
+    undoTooltip: string;
+    redoTooltip: string;
+    fontFamilyTooltip: string;
+    fontSizeTooltip: string;
+    boldTooltip: string;
+    italicTooltip: string;
+    underlineTooltip: string;
+    strikethroughTooltip: string;
+    bulletListTooltip: string;
+    orderedListTooltip: string;
+    linkTooltip: string;
+    imageTooltip: string;
+};
 /**
  * Top-level labels map for the design system.
  * Consumers can provide partial overrides for any component via
@@ -466,6 +486,7 @@ type DesignSystemLabels = {
     QualitativeAttribute?: Partial<QualitativeAttributeLabels>;
     MapControlsToolbar?: Partial<MapControlsToolbarLabels>;
     StepProgressIndicator?: Partial<StepProgressIndicatorLabels>;
+    RichTextEditor?: Partial<RichTextEditorLabels>;
 };
 
 type DesignSystemLocaleProviderProps = {
@@ -489,6 +510,31 @@ type DesignSystemLocaleProviderProps = {
  */
 declare const DesignSystemLocaleProvider: ({ labels, children, }: DesignSystemLocaleProviderProps) => react_jsx_runtime.JSX.Element;
 
+type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
+    icon: React__default.ReactNode;
+    disabled?: boolean;
+};
+
+type RichTextEditorControlKey = 'undo' | 'redo' | 'fontFamily' | 'fontSize' | 'bold' | 'italic' | 'underline' | 'strikethrough' | 'bulletList' | 'orderedList' | 'link' | 'image';
+type RichTextEditorSize = string;
+type RichTextEditorProps = {
+    defaultValue?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+    placeholder?: string;
+    /**
+     * Custom minimum height for the editor content area.
+     * If omitted, the component size is defined by its container.
+     */
+    minHeight?: string;
+    visibleControls?: RichTextEditorControlKey[];
+    onChange?: (value: string) => void;
+    /** Override internal labels for i18n. */
+    labels?: Partial<RichTextEditorLabels>;
+};
+
+declare const RichTextEditor: ({ defaultValue, disabled, ariaLabel, placeholder, minHeight, visibleControls, onChange, labels, }: RichTextEditorProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     label?: string;
     loading?: boolean;
@@ -503,7 +549,7 @@ type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'ch
 };
 
 /** @jsxImportSource @emotion/react */
-declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "size" | "variant" | "colorPalette"> & {
+declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "colorPalette" | "size" | "variant"> & {
     label?: string;
     loading?: boolean;
     variant?: "primary" | "secondary" | "borderless" | "outline";
@@ -535,11 +581,6 @@ type CloseButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette'
 
 declare const CloseButton: ({ disabled, labels, ...rest }: CloseButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children' | '_loading'> & {
-    icon: React__default.ReactNode;
-    disabled?: boolean;
-};
-
 declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type SizeValue = number | string;
@@ -731,7 +772,7 @@ declare const RadioGroup: ({ children, horizontal, name, value, onChange, custom
 
 /** @jsxImportSource @emotion/react */
 
-declare const Slider: React__default.ForwardRefExoticComponent<Omit<Slider$1.RootProps, "size" | "variant" | "colorPalette" | "label" | "defaultChecked" | "defaultValue" | "origin" | "thumbAlignment" | "thumbSize"> & {
+declare const Slider: React__default.ForwardRefExoticComponent<Omit<Slider$1.RootProps, "colorPalette" | "size" | "variant" | "label" | "defaultChecked" | "defaultValue" | "origin" | "thumbAlignment" | "thumbSize"> & {
     width?: string;
     min?: number;
     max?: number;
@@ -1507,7 +1548,7 @@ type ToastProps = {
     label: string;
     caption?: React.ReactNode;
     type: 'success' | 'warning' | 'error' | 'info' | 'loading';
-    placement: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    placement: 'top-start' | 'top' | 'top-end' | 'bottom-start' | 'bottom' | 'bottom-end';
     duration?: number;
     icon?: React.ReactNode;
     action?: {
@@ -1516,6 +1557,7 @@ type ToastProps = {
     };
     closable?: boolean;
     closableLabel?: string;
+    onClose?: () => void;
 };
 type ToastComponentProps = {
     /** Override internal UI labels for internationalization support. */
@@ -1528,4 +1570,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, getThemedBorderWidth, getThemedColor, getThemedFontSize, getThemedLineHeight, getThemedRadius, getThemedSpacing, 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, 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 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 };