@fluentui/react-button 1.0.0-beta.8 → 9.0.0-alpha.100

package/dist/react-button.d.ts

@@ -1,457 +1,232 @@
-import { ColorTokens } from '@fluentui/theme';
-import { ComponentProps } from '@fluentui/react-compose/lib/next/index';
-import { FontTokens } from '@fluentui/theme';
-import * as React from 'react';
-import { RecursivePartial } from '@fluentui/theme';
-import { ShorthandProps } from '@fluentui/react-compose/lib/next/index';
-import { SizeValue } from '@fluentui/theme';
-import { Theme } from '@fluentui/react-theme-provider';
+import { ARIAButtonShorthandProps } from '@fluentui/react-aria';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { MenuTriggerChildProps } from '@fluentui/react-menu';
+import type { ObjectShorthandProps } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
 
 /**
- * Define a styled Button, using the `useButton` hook.
- * {@docCategory Button}
+ * Buttons give people a way to trigger an action.
  */
-export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const Button: ForwardRefComponent<ButtonProps>;
 
-/**
- * {@docCategory Button}
- */
-export declare type ButtonProps = ComponentProps & React.HTMLAttributes<HTMLElement> & {
+export declare type ButtonCommons = {
     /**
-     * Shorthand icon. A shorthand prop can be a literal, object, or
-     * JSX. The `children` prop of the object can be a render function,
-     * taking in the original slot component and props.
+     * A button can have its content and borders styled for greater emphasis or to be subtle.
+     * - 'primary': Emphasizes the button as a primary action.
+     * - 'outline': Removes background styling.
+     * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
+     * - 'transparent': Removes background and border styling.
      */
-    icon?: ShorthandProps;
+    appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
     /**
-     * Shorthand loader content within the button.
+     * A button can fill the width of its container.
+     * @default false
      */
-    loader?: ShorthandProps;
+    block: boolean;
     /**
-     * Shorthand children content within the button.
+     * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
+     * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
+     * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
+     * @default false
      */
-    content?: ShorthandProps;
+    disabledFocusable: boolean;
     /**
-     * Defines the href to navigate to. If applied, will render the button as an anchor
-     * element by default, unless `as` specifies otherwise. Note that specifying an href
-     * and a non-anchor as the render type will prevent the Button from behaving like a
-     * hyperlink and opening the href on click.
+     * A button can show that it cannot be interacted with.
+     * @default false
      */
-    href?: string;
+    disabled: boolean;
     /**
-     * Defines the target window to open the href in. Only is applied if the button renders
-     * as an anchor tag, which is the default behavior if href is provided.
+     * A button can format its icon to appear before or after its content.
+     * @default 'before'
      */
-    target?: string;
-    /** A button can appear circular. */
-    circular?: boolean;
-    /** A button can show that it cannot be interacted with. */
-    disabled?: boolean;
-    /** A button can fill the width of its container. */
-    block?: boolean;
-    /** A button can contain only an icon. */
-    iconOnly?: boolean;
-    /** An icon button can format its icon to appear before or after its content. */
-    iconPosition?: 'before' | 'after';
-    /** A button that inherits its background and has a subtle appearance. */
-    inverted?: boolean;
-    /** Opt in to a named variant which can be supplied by a theme. */
-    variant?: string;
-    /** A button can show a loading indicator. */
-    loading?: boolean;
+    iconPosition: 'before' | 'after';
     /**
-     * Called after a user clicks the button.
-     * @param event - React's original SyntheticEvent.
-     * @param data - All props.
+     * A button can be rounded, circular, or square.
+     * @default 'rounded'
      */
+    shape: 'rounded' | 'circular' | 'square';
     /**
-     * Called after a user focuses the button.
-     * @param event - React's original SyntheticEvent.
-     * @param data - All props.
+     * A button supports different sizes.
+     * @default 'medium'
      */
-    /** A button can emphasize that it represents the primary action. */
-    primary?: boolean;
-    /** A button can emphasize that it represents an alternative action. */
-    secondary?: boolean;
-    /** A button can blend into its background to become less emphasized. */
-    ghost?: boolean;
-    /** A button can have no background styling and just be emphasized through its content styling. */
-    transparent?: boolean;
-    /** A button can be sized. */
-    size?: SizeValue;
-    /** A button can be formatted to show only text in order to indicate a less-pronounced action. */
-    tokens?: RecursivePartial<ButtonTokens>;
+    size: 'small' | 'medium' | 'large';
 };
 
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const buttonShorthandProps: string[];
-
-export declare const ButtonSizeVariants: {
-    size_smallest: {
-        height: string;
-        minHeight: string;
-    };
-    size_smaller: {
-        height: string;
-        minHeight: string;
-    };
-    size_small: {
-        height: string;
-        minHeight: string;
-    };
-    size_large: {
-        height: string;
-        minHeight: string;
-    };
-    size_larger: {
-        height: string;
-        minHeight: string;
-    };
-    size_largest: {
-        height: string;
-        minHeight: string;
-    };
-};
+export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
 
-/**
- * {@docCategory Button}
- */
-export declare interface ButtonState extends ButtonProps {
-    buttonRef?: React.RefObject<HTMLButtonElement>;
-}
-
-/**
- * {@docCategory Button}
- */
-export declare type ButtonTokens = ColorTokens & FontTokens & {
-    paddingLeft?: string;
-    paddingRight?: string;
-    paddingTop?: string;
-    paddingBottom?: string;
-    margin?: string;
-    height?: string;
-    minWidth?: string;
-    maxWidth?: string;
-    minHeight?: string;
-    contentGap?: string;
-    iconSize?: string;
-    borderRadius?: string;
-    borderTopLeftRadius?: string;
-    borderTopRightRadius?: string;
-    borderBottomLeftRadius?: string;
-    borderBottomRightRadius?: string;
-    borderWidth?: string;
-    boxShadow?: string;
-    width?: string;
-    forcedColorAdjust?: string;
-    transform?: string;
-    transition?: string;
-    size?: {
-        smallest?: string;
-        smaller?: string;
-        small?: string;
-        regular?: string;
-        large?: string;
-        larger?: string;
-        largest?: string;
-    };
-    pressed?: {
-        transform?: string;
-        transition?: string;
-    };
+export declare type ButtonSlots = {
+    /**
+     * Root of the component that renders as either a <button> tag.
+     */
+    root: ARIAButtonShorthandProps;
+    /**
+     * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
+     */
+    icon?: IntrinsicShorthandProps<'span'>;
 };
 
-/**
- * {@docCategory Button}
- */
-export declare type ButtonVariants<TTokens = ButtonTokens> = {
-    root?: TTokens;
-    block?: TTokens;
-    circular?: TTokens;
-    iconOnly?: TTokens;
-    ghost?: TTokens;
-    primary?: TTokens;
-    transparent?: TTokens;
+export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
+    /**
+     * A button can contain only an icon.
+     * @default false
+     */
+    iconOnly: boolean;
 };
 
-export declare interface CheckedState {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onClick?: React.DOMAttributes<HTMLElement>['onClick'];
-    role?: string;
-    'aria-checked'?: React.AriaAttributes['aria-pressed'];
-    'aria-pressed'?: React.AriaAttributes['aria-pressed'];
-}
-
 /**
- * Define a styled CompoundButton, using the `useCompoundButton` hook.
- * {@docCategory Button}
+ * CompoundButtons are buttons that can have secondary content that adds extra information to the user.
  */
-export declare const CompoundButton: React.ForwardRefExoticComponent<Pick<CompoundButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
 
-/**
- * {@docCategory Button}
- */
-export declare interface CompoundButtonProps extends ButtonProps {
+export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
+
+export declare type CompoundButtonSlots = ButtonSlots & {
     /**
      * Second line of text that describes the action this button takes.
      */
-    secondaryContent?: ShorthandProps;
+    secondaryContent?: IntrinsicShorthandProps<'span'>;
     /**
-     * Container that wraps the children and secondaryContent slots.
+     * Container that wraps the children and the secondaryContent slot.
      */
-    contentContainer?: ShorthandProps;
-}
-
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const compoundButtonShorthandProps: string[];
-
-/**
- * {@docCategory Button}
- */
-export declare interface CompoundButtonState extends CompoundButtonProps {
-}
-
-/**
- * {@docCategory Button}
- */
-export declare type CompoundButtonTokens = ButtonTokens & {
-    secondaryContentColor?: string;
-    secondaryContentFontSize?: string;
-    secondaryContentFontWeight?: string;
-    secondaryContentGap?: string;
+    contentContainer: IntrinsicShorthandProps<'span'>;
 };
 
-/**
- * {@docCategory Button}
- */
-export declare type CompoundButtonVariants = ButtonVariants<CompoundButtonTokens>;
-
-export declare type ExpandedState = {
-    ref?: React.Ref<unknown>;
-    expanded?: boolean;
-    defaultExpanded?: boolean;
-    onClick?: (ev: React.MouseEvent) => void;
-    onMenuDismiss?: () => void;
-    onKeyDown?: (ev: React.KeyboardEvent) => void;
-    'aria-expanded'?: React.HTMLAttributes<HTMLElement>['aria-expanded'];
-    'aria-haspopup'?: React.HTMLAttributes<HTMLElement>['aria-haspopup'];
-    menu?: MenuButtonState['menu'];
-};
+export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
 
 /**
- * Define a styled MenuButton, using the `useMenuButton` hook.
- * {@docCategory Button}
+ * MenuButtons are buttons that handle opening and closing a menu when they are triggered.
  */
-export declare const MenuButton: React.ForwardRefExoticComponent<Pick<MenuButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
 
-/**
- * {@docCategory Button}
- */
-export declare type MenuButtonProps = Omit<ButtonProps, 'iconPosition' | 'loader'> & {
-    /**
-     * Menu that is displayed when the button is pressed.
-     */
-    menu?: ShorthandProps;
+export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
+
+export declare type MenuButtonSlots = ButtonSlots & {
     /**
      * Menu icon that indicates that this button has a menu that can be expanded.
      */
-    menuIcon?: ShorthandProps;
-    /**
-     * Defines the inital expanded state of the MenuButton. Use this if you want the MenuButton to maintain its own state.
-     * Mutually exclusive with `expanded`.
-     * @defaultvalue false
-     */
-    defaultExpanded?: boolean;
-    /**
-     * Defines whether the MenuButton is in an expanded state. Use this if you wish to have the expanded state of the
-     * MenuButton be controlled. Mutually exclusive with `defaultExpanded`.
-     * @defaultvalue defaultExpanded
-     */
-    expanded?: boolean;
-    /**
-     * Defines a callback that runs after the MenuButton's contextual menu has been dismissed.
-     */
-    onMenuDismiss?: () => void;
+    menuIcon?: IntrinsicShorthandProps<'span'>;
 };
 
-export declare const menuButtonShorthandProps: string[];
-
-export declare interface MenuButtonState extends Omit<MenuButtonProps, 'menu'>, Omit<ButtonState, 'iconPosition' | 'loader'> {
-    menu?: React.PropsWithChildren<MinimalMenuProps>;
-}
+export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
 
 /**
- * {@docCategory Button}
+ * Renders a Button component by passing the state defined props to the appropriate slots.
  */
-export declare type MenuButtonTokens = ButtonTokens & {
-    menuIconColor?: string;
-    menuIconSize?: string;
-};
+declare const renderButton: (state: ButtonState) => JSX.Element;
+export { renderButton }
+export { renderButton as renderToggleButton }
 
 /**
- * {@docCategory Button}
+ * Renders a CompoundButton component by passing the state defined props to the appropriate slots.
  */
-export declare type MenuButtonVariants = ButtonVariants<MenuButtonTokens>;
+export declare const renderCompoundButton: (state: CompoundButtonState) => JSX.Element;
 
 /**
- * {@docCategory Button}
+ * Renders a MenuButton component by passing the state defined props to the appropriate slots.
  */
-export declare type MinimalMenuProps = {
-    hidden?: boolean;
-    onDismiss?: () => void;
-    target?: React.Ref<HTMLElement | undefined>;
-};
+export declare const renderMenuButton: (state: MenuButtonState) => JSX.Element;
 
 /**
- * Define a styled SplitButton, using the `useSplitButton` hook.
- * {@docCategory Button}
+ * Renders a SplitButton component by passing the state defined props to the appropriate slots.
  */
-export declare const SplitButton: React.ForwardRefExoticComponent<Pick<SplitButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const renderSplitButton: (state: SplitButtonState) => JSX.Element;
 
 /**
- * {@docCategory Button}
+ * SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
+ * action, while interacting with the second one opens a menu with secondary actions.
  */
-export declare interface SplitButtonProps extends ButtonProps, MenuButtonProps {
+export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
+
+export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
+
+export declare type SplitButtonSlots = {
     /**
-     * Button to perform primary action in SplitButton.
+     * Root of the component that wraps the primary action button and menu button.
      */
-    button?: ShorthandProps;
+    root: IntrinsicShorthandProps<'div'>;
     /**
-     * Divider that separates the primary action button and the menu button parts of the SplitButton
+     * Button that opens menu with secondary actions in SplitButton.
      */
-    divider?: ShorthandProps;
+    menuButton?: ObjectShorthandProps<MenuButtonProps>;
     /**
-     * Button that opens menu with secondary actions in SplitButton.
+     * Button to perform primary action in SplitButton.
      */
-    menuButton?: ShorthandProps;
-}
-
-export declare const splitButtonShorthandProps: string[];
-
-export declare interface SplitButtonState extends Omit<SplitButtonProps, 'menu'>, MenuButtonState {
-    menuButtonRef?: React.RefObject<HTMLButtonElement>;
-}
-
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonTokens = MenuButtonTokens & {
-    dividerColor?: string;
-    dividerThickness?: string;
+    primaryActionButton?: ObjectShorthandProps<ButtonProps>;
 };
 
-/**
- * {@docCategory Button}
- */
-export declare type SplitButtonVariants = ButtonVariants<SplitButtonTokens>;
+export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
 
 /**
- * Define a styled ToggleButton, using the `useToggleButton` hook.
- * {@docCategory Button}
+ * ToggleButtons are buttons that toggle between two defined states when triggered.
  */
-export declare const ToggleButton: React.ForwardRefExoticComponent<Pick<ToggleButtonProps, string | number> & React.RefAttributes<HTMLElement>>;
+export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
 
-/**
- * {@docCategory Button}
- */
-export declare interface ToggleButtonProps extends ButtonProps {
+export declare type ToggleButtonCommons = {
     /**
      * Defines the controlled checked state of the `ToggleButton`.
-     * Mutually exclusive to `defaultChecked`.
+     * If passed, `ToggleButton` ignores the `defaultChecked` property.
      * This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
      * correct value based on handling `onClick` events and re-rendering.
+     * @default false
      */
-    checked?: boolean;
+    checked: boolean;
+};
+
+export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
     /**
-     * Defines whether the `ToggleButton` is inititally in a checked state or not when rendered.
-     * Mutually exclusive to `checked`.
+     * Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
+     * @default false
      */
     defaultChecked?: boolean;
-}
-
-/**
- * {@docCategory Button}
- */
-export declare interface ToggleButtonState extends ToggleButtonProps {
-}
-
-export declare type ToggleButtonTokens = ButtonTokens;
-
-export declare type ToggleButtonVariants = ButtonVariants<ToggleButtonTokens>;
-
-/**
- * Given user props, returns state and render function for a Button.
- */
-export declare const useButton: (props: ButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: ButtonProps | undefined) => {
-    state: Record<string, any>;
-    render: (state: import("./Button.types").ButtonState) => JSX.Element;
 };
 
-export declare const useButtonClasses: (state: ButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;
+export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
 
 /**
- * The useButton hook processes the Button draft state.
- * @param draftState - Button draft state to mutate.
+ * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
+ * @param props - User provided props to the Button component.
+ * @param ref - User provided ref to be passed to the Button component.
  */
-export declare const useButtonState: (draftState: ButtonState) => void;
+export declare const useButton: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
 
-/**
- * The useToggle hook processes adds the correct toggled state and acccessibility as needed.
- * @param draftState - state to read and augment.
- */
-export declare const useChecked: <TDraftState extends CheckedState>(draftState: TDraftState) => void;
-
-export declare const useClasses: (state: CompoundButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;
+export declare const useButtonStyles: (state: ButtonState) => ButtonState;
 
 /**
- * Given user props, returns state and render function for a Button.
+ * Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
+ * @param props - User provided props to the CompoundButton component.
+ * @param ref - User provided ref to be passed to the CompoundButton component.
  */
-export declare const useCompoundButton: (props: CompoundButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: CompoundButtonProps | undefined) => {
-    state: Record<string, any>;
-    render: (state: import("./CompoundButton.types").CompoundButtonState) => JSX.Element;
-};
+export declare const useCompoundButton: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
 
-export declare const useCompoundButtonClasses: (state: CompoundButtonState) => void;
+export declare const useCompoundButtonStyles: (state: CompoundButtonState) => CompoundButtonState;
 
 /**
- * @param draftState - mutable state object to update to add expanded behavior.
+ * Given user props, returns the final state for a MenuButton.
  */
-export declare const useExpanded: <TDraftState extends ExpandedState>(draftState: TDraftState) => void;
+export declare const useMenuButton: ({ menuIcon, ...props }: MenuButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
+
+export declare const useMenuButtonStyles: (state: MenuButtonState) => MenuButtonState;
 
 /**
- * Redefine the component factory, reusing button factory.
+ * Given user props, defines default props for the SplitButton and returns processed state.
+ * @param props - User provided props to the SplitButton component.
+ * @param ref - User provided ref to be passed to the SplitButton component.
  */
-export declare const useMenuButton: (props: MenuButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: MenuButtonProps | undefined) => {
-    state: MenuButtonState;
-    render: (state: MenuButtonState) => JSX.Element;
-};
-
-export declare const useMenuButtonClasses: (state: MenuButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;
+export declare const useSplitButton: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
 
-export declare const useMenuButtonState: (state: MenuButtonState) => void;
-
-export declare const useMenuContext: () => MinimalMenuProps;
+export declare const useSplitButtonStyles: (state: SplitButtonState) => SplitButtonState;
 
 /**
- * Redefine the component factory, reusing button factory.
+ * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
+ * processed state.
+ * @param props - User provided props to the ToggleButton component.
+ * @param ref - User provided ref to be passed to the ToggleButton component.
  */
-export declare const useSplitButton: (props: SplitButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: SplitButtonProps | undefined) => {
-    state: SplitButtonState;
-    render: (state: SplitButtonState) => JSX.Element;
-};
-
-export declare const useSplitButtonClasses: (state: SplitButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;
-
-export declare const useToggleButton: (props: ToggleButtonProps, ref: React.Ref<HTMLElement>, defaultProps?: ToggleButtonProps | undefined) => {
-    state: Record<string, any>;
-    render: (state: import("../Button").ButtonState) => JSX.Element;
-};
+export declare const useToggleButton: ({ checked, defaultChecked, ...props }: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
 
-export declare const useToggleButtonClasses: (state: ToggleButtonState, theme?: Theme | undefined, renderer?: import("@fluentui/react-theme-provider").StyleRenderer | undefined) => void;
+export declare const useToggleButtonStyles: (state: ToggleButtonState) => ToggleButtonState;
 
 export { }

package/lib/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"../src/","sources":["Button.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/Button/index';\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../src/Button.tsx"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC"}

package/lib/CompoundButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompoundButton.js","sourceRoot":"../src/","sources":["CompoundButton.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/CompoundButton/index';\n"]}
+{"version":3,"file":"CompoundButton.js","sourceRoot":"","sources":["../src/CompoundButton.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/lib/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sourceRoot":"../src/","sources":["MenuButton.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './components/MenuButton/index';\n"]}
+{"version":3,"file":"MenuButton.js","sourceRoot":"","sources":["../src/MenuButton.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC"}

package/lib/SplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","sourceRoot":"../src/","sources":["SplitButton.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/SplitButton/index';\n"]}
+{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../src/SplitButton.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/lib/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.js","sourceRoot":"../src/","sources":["ToggleButton.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC","sourcesContent":["export * from './components/ToggleButton/index';\n"]}
+{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../src/ToggleButton.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

package/lib/common/isConformant.d.ts

@@ -1,2 +1,4 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;
+import type { IsConformantOptions } from '@fluentui/react-conformance';
+export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
+    componentPath?: string;
+}): void;

package/lib/common/isConformant.js

@@ -1,9 +1,13 @@
 import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
+import makeStylesTests from '@fluentui/react-conformance-make-styles';
 export function isConformant(testInfo) {
-    var defaultOptions = {
-        disabledTests: ['has-docblock', 'kebab-aria-attributes'],
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    baseIsConformant(defaultOptions, testInfo);
+  var defaultOptions = {
+    asPropHandlesRef: true,
+    componentPath: module.parent.filename.replace('.test', ''),
+    disabledTests: ['has-docblock', 'kebab-aria-attributes'],
+    extraTests: makeStylesTests,
+    skipAsPropTests: true
+  };
+  baseIsConformant(defaultOptions, testInfo);
 }
 //# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAuB,MAAM,6BAA6B,CAAC;AAEpG,MAAM,UAAU,YAAY,CAAC,QAAoD;IAC/E,IAAM,cAAc,GAAG;QACrB,aAAa,EAAE,CAAC,cAAc,EAAE,uBAAuB,CAAC;QACxD,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    disabledTests: ['has-docblock', 'kebab-aria-attributes'],\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,EAAiB,uBAAjB,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}