@worldresources/wri-design-systems 2.201.3 → 2.202.1

package/dist/index.d.ts

@@ -15,7 +15,7 @@ type RadiusToken = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 type BorderWidthToken = 100 | 200 | 300 | 400;
 declare const designSystemStylesForTailwind: Record<string, string>;
 declare const designSystemStyles: _chakra_ui_react.SystemContext;
-declare const getThemedColor: (variant: ColorVariant, 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;
+declare const getThemedColor: (variant: ColorVariant, 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" | "text-on-negative-mids") => string;
 declare const getThemedFontSize: (token: FontSizeToken) => string;
 declare const getThemedSpacing: (token: SpacingToken) => string;
 declare const getThemedLineHeight: (token: LineHeightToken) => string;
@@ -689,7 +689,7 @@ declare const RichTextEditor: ({ defaultValue, disabled, ariaLabel, placeholder,
 type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
     label?: string;
     loading?: boolean;
-    variant?: 'primary' | 'secondary' | 'borderless' | 'outline';
+    variant?: 'primary' | 'secondary' | 'borderless' | 'outline' | 'negative';
     size?: 'default' | 'small';
     disabled?: boolean;
     leftIcon?: React__default.ReactNode;
@@ -703,7 +703,7 @@ type ButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'ch
 declare const Button: React$1.ForwardRefExoticComponent<Omit<_chakra_ui_react.ButtonProps, "children" | "colorPalette" | "size" | "variant"> & {
     label?: string;
     loading?: boolean;
-    variant?: "primary" | "secondary" | "borderless" | "outline";
+    variant?: "primary" | "secondary" | "borderless" | "outline" | "negative";
     size?: "default" | "small";
     disabled?: boolean;
     leftIcon?: React.ReactNode;
@@ -825,9 +825,7 @@ type MenuProps = {
 
 declare const Menu: ({ theme, label, hideArrow, fontSize, items, groups, onSelect, customTrigger, selectionMode, defaultSelectedValues, menuWidth, labels, }: MenuProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPalette' | 'children'> & {
-    variant?: 'primary' | 'secondary';
-    size?: 'default' | 'small';
+type MultiActionButtonProps = Omit<ButtonProps, 'label' | 'leftIcon' | 'rightIcon' | 'onClick' | 'children' | 'css'> & {
     mainActionLeftIcon?: React__default.ReactNode;
     mainActionRightIcon?: React__default.ReactNode;
     mainActionLabel: string;
@@ -836,8 +834,8 @@ type MultiActionButtonProps = Omit<ButtonProps$1, 'size' | 'variant' | 'colorPal
         label: React__default.ReactNode;
         value: string;
         onClick: VoidFunction;
+        disabled?: boolean;
     }[];
-    disabled?: boolean;
 };
 
 declare const MultiActionButton: ({ variant, size, mainActionLabel, mainActionOnClick, otherActions, disabled: isDisabledProp, mainActionLeftIcon, mainActionRightIcon, ...rest }: MultiActionButtonProps) => _emotion_react_jsx_runtime.JSX.Element;
@@ -1747,11 +1745,12 @@ declare const AlertBanner: React$1.ForwardRefExoticComponent<AlertProps & React$
 
 type ProgressBarProps = {
     progress: number;
+    color?: string;
     /** Override internal UI labels for internationalization support. */
     labels?: Partial<ProgressBarLabels>;
 };
 
-declare const ProgressBar: ({ progress, labels }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const ProgressBar: ({ progress, labels, color }: ProgressBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type StepProgressIndicatorProps = {
     steps: {