@worldresources/wri-design-systems 2.191.4 → 2.191.7

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { ButtonProps as ButtonProps$1, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, Switch as Switch$1, SelectRootProps, SliderRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Table as Table$1, Tabs, Alert } from '@chakra-ui/react';
+import { ButtonProps as ButtonProps$1, Checkbox as Checkbox$1, RadioCardRootProps, RadioGroup as RadioGroup$1, Slider as Slider$1, SliderRootProps, Switch as Switch$1, SelectRootProps, TextareaProps as TextareaProps$1, InputProps, Tag as Tag$1, Accordion, Table as Table$1, Tabs, Alert } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
 import React__default, { ReactNode, ReactElement, Ref } from 'react';
@@ -531,6 +531,8 @@ type IconButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' |
 
 declare const IconButton: ({ icon, disabled, ...rest }: IconButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type SizeValue = number | string;
+
 interface ToolbarItem {
     icon: React.ReactElement;
     ariaLabel: string;
@@ -551,6 +553,17 @@ interface ToolbarProps {
     /** Override internal UI labels for internationalization support. */
     labels?: Partial<ToolbarLabels>;
 }
+interface ToolbarButtonProps {
+    isExpanded: boolean;
+    ariaLabel: string;
+    icon?: React.ReactNode;
+    label?: React.ReactNode;
+    tooltip?: string;
+    disabled?: boolean;
+    onClick?: () => void;
+    showGap?: boolean;
+    vertical?: boolean;
+}
 
 declare const Toolbar: ({ items, vertical, expanded, showExpandedToggle, autoCollapse, ariaLabel, defaultGaps, labels, }: ToolbarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
@@ -725,6 +738,32 @@ declare const Slider: React__default.ForwardRefExoticComponent<Omit<Slider$1.Roo
     isCentred?: boolean;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+type SliderMarksProps = {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    isCentred?: boolean;
+};
+type ValueChangeDetails = {
+    value: number[];
+};
+type SliderProps = Omit<SliderRootProps, 'size' | 'variant' | 'colorPalette' | 'thumbAlignment' | 'thumbSize' | 'label' | 'defaultChecked' | 'origin' | 'defaultValue'> & {
+    width?: string;
+    min?: number;
+    max?: number;
+    value?: number[];
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    step?: number;
+    disabled?: boolean;
+    onValueChange?: (details: ValueChangeDetails) => void;
+    onValueChangeEnd?: (details: ValueChangeDetails) => void;
+    isCentred?: boolean;
+};
+
 type SwitchProps = Omit<Switch$1.RootProps, 'size' | 'variant' | 'colorPalette' | 'invalid' | 'onCheckedChange' | 'onChange'> & {
     name: string;
     onChange?: (name: string, checked: boolean) => void;
@@ -777,6 +816,11 @@ type InputWithUnitsProps = {
 
 declare const InputWithUnits: ({ label, caption, errorMessage, units, unitsPosition, defaultUnit, defaultValue, onChange, required, disabled, }: InputWithUnitsProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * Internal strength key — used for styling logic.
+ * Decoupled from display labels so that translations do not break styles.
+ */
+type StrengthLevel = 'very-weak' | 'weak' | 'medium' | 'strong' | 'very-strong';
 type PasswordProps = {
     label: string;
     caption?: string;
@@ -844,25 +888,6 @@ type SelectProps = Omit<SelectRootProps, 'collection' | 'size' | 'colorPalette'
 
 declare const Select: ({ label, caption, placeholder, items, size, required, disabled, onChange, errorMessage, multiple, labels, ...rest }: SelectProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type ValueChangeDetails = {
-    value: number[];
-};
-type SliderProps = Omit<SliderRootProps, 'size' | 'variant' | 'colorPalette' | 'thumbAlignment' | 'thumbSize' | 'label' | 'defaultChecked' | 'origin' | 'defaultValue'> & {
-    width?: string;
-    min?: number;
-    max?: number;
-    value?: number[];
-    marks?: Array<number | {
-        value: number;
-        label: React.ReactNode;
-    }>;
-    step?: number;
-    disabled?: boolean;
-    onValueChange?: (details: ValueChangeDetails) => void;
-    onValueChangeEnd?: (details: ValueChangeDetails) => void;
-    isCentred?: boolean;
-};
-
 type SliderInputProps = {
     label: string;
     caption?: string;
@@ -1205,8 +1230,6 @@ interface AnalysisWidgetActionsProps {
 
 declare const AnalysisWidget: ({ children, header, footer, expanded, collapsible, actions, showFooterOnCollapsed, labels, }: AnalysisWidgetProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type SizeValue = number | string;
-
 type ModalProps = {
     header: React.ReactNode;
     content: React.ReactNode;
@@ -1400,7 +1423,7 @@ type AvatarProps = {
     name: string;
     ariaLabel?: string;
     size?: 'small' | 'medium' | 'large';
-    customSize?: string;
+    customSize?: SizeValue;
     src?: string;
     srcSet?: string;
     onClick?: () => void;
@@ -1490,4 +1513,4 @@ declare const Toast: React__default.FC<ToastComponentProps>;
 
 declare const showToast: (props: ToastProps) => void;
 
-export { AlertBanner, AnalysisWidget, type AnalysisWidgetLabels, Avatar, Badge, BaseMap, type BaseMapLabels, Breadcrumb, Button, type ButtonLabels, Checkbox, CheckboxList, type CheckboxListLabels, CheckboxOptionCard, CloseButton, type CloseButtonLabels, ClusterPoint, Combobox, type DesignSystemLabels, DesignSystemLocaleProvider, type DesignSystemLocaleProviderProps, ExtendableCard, Footer, FormContainer, IconButton, InlineMessage, type InlineMessageLabels, InputWithUnits, ItemCount, type ItemCountLabels, LayerGroup, LayerGroupContainer, type LayerGroupLabels, LayerItem, LayerParameters, LegendItem, type LegendItemLabels, List, MapControlsToolbar, type MapControlsToolbarLabels, MapMarker, MapMarkers, MapPopUp, type MapPopUpLabels, Menu, MobileTabBar, Modal, MultiActionButton, Navbar, type NavbarLabels, NavigationRail, type NavigationRailLabels, type OpacityControlLabels, OptionCard, Pagination, type PaginationLabels, Panel, Password, type PasswordLabels, ProgressBar, QualitativeAttribute, type QualitativeAttributeLabels, Radio, RadioGroup, RadioList, type RadioListLabels, SSOButtons, ScaleBar, Search, type SearchLabels, Select, type SelectLabels, Sheet, SimpleMapPin, Slider, SliderInput, StepProgressIndicator, type StepProgressIndicatorLabels, Switch, TabBar, Table, TableCell, type TableLabels, TableRow, Tag, TextInput, type TextInputLabels, Textarea, type TextareaLabels, Toast, type ToastLabels, Toolbar, type ToolbarLabels, Tooltip, 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, getThemedColor, showToast };