@baseline-ui/core 0.12.0 → 0.13.0

package/dist/index.d.mts

@@ -1396,6 +1396,18 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
     deleteAriaLabel?: string;
     /** The callback to be called when the preview is clicked. */
     addAriaLabel?: string;
+    /**
+     * The accent variable represents the type of accent color used in the
+     * application. It can have one of the following values:
+     *
+     * - "theme": Represents the accent color defined by the current application
+     *   theme.
+     * - "positive": Represents a positive accent color that doesn't change with
+     *   theme.
+     *
+     * @default "theme"
+     */
+    accent?: "theme" | "positive";
 }
 
 declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
@@ -1598,8 +1610,15 @@ interface ToggleIconButtonProps extends StylingProps, Omit<ToggleProps, "childre
     size?: "xxs" | "xs" | "sm" | "md" | "lg";
     /** Represents the variant of a component. */
     variant?: "primary" | "secondary" | "tertiary" | "toolbar";
-    /** The icon to be displayed on the button. */
-    icon: React.FC<IconProps>;
+    /**
+     * The icon to be displayed on the button. You can pass an object with
+     * `selected` and `unselected` keys to display different icons based on the
+     * state of the button.
+     */
+    icon: React.FC<IconProps> | {
+        selected: React.FC<IconProps>;
+        unselected: React.FC<IconProps>;
+    };
 }
 
 declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.d.ts

@@ -1396,6 +1396,18 @@ interface PreviewProps extends StylingProps, AriaLabelingProps {
     deleteAriaLabel?: string;
     /** The callback to be called when the preview is clicked. */
     addAriaLabel?: string;
+    /**
+     * The accent variable represents the type of accent color used in the
+     * application. It can have one of the following values:
+     *
+     * - "theme": Represents the accent color defined by the current application
+     *   theme.
+     * - "positive": Represents a positive accent color that doesn't change with
+     *   theme.
+     *
+     * @default "theme"
+     */
+    accent?: "theme" | "positive";
 }
 
 declare const Preview: React.ForwardRefExoticComponent<PreviewProps & React.RefAttributes<HTMLDivElement>>;
@@ -1598,8 +1610,15 @@ interface ToggleIconButtonProps extends StylingProps, Omit<ToggleProps, "childre
     size?: "xxs" | "xs" | "sm" | "md" | "lg";
     /** Represents the variant of a component. */
     variant?: "primary" | "secondary" | "tertiary" | "toolbar";
-    /** The icon to be displayed on the button. */
-    icon: React.FC<IconProps>;
+    /**
+     * The icon to be displayed on the button. You can pass an object with
+     * `selected` and `unselected` keys to display different icons based on the
+     * state of the button.
+     */
+    icon: React.FC<IconProps> | {
+        selected: React.FC<IconProps>;
+        unselected: React.FC<IconProps>;
+    };
 }
 
 declare const ToggleIconButton: React.ForwardRefExoticComponent<ToggleIconButtonProps & React.RefAttributes<HTMLButtonElement>>;