@fluentui/react-components 9.0.0-beta.1 → 9.0.0-beta.5

package/lib/AccessibilityScenarios/utils.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface FullscreenLinkProps {
+    parent: string;
+    story: string;
+    content: string;
+}
+export declare const FullscreenLink: (props: FullscreenLinkProps) => JSX.Element;
+export declare const ScenariosListLink: React.FC;
+export declare const BackLink: () => JSX.Element;
+export declare const Scenario: React.FunctionComponent<{
+    pageTitle: string;
+}>;
+export {};

package/lib/AccessibilityScenarios/utils.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+const APP_TITLE = 'Fluent UI usage scenarios';
+const APP_TITLE_SEPARATOR = ' | ';
+// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab
+// so this is a naive attempt for opening a story in full screen
+export const FullscreenLink = (props) => (React.createElement("a", { className: "sbdocs sbdocs-a", href: `iframe.html?id=${props.parent}--${props.story}`, target: "_blank" }, props.content));
+export const ScenariosListLink = props => (React.createElement("a", { className: "sbdocs sbdocs-a", href: `iframe.html?id=accessibility-scenarios-list-of-scenarios--page` }, props.children));
+export const BackLink = () => React.createElement(ScenariosListLink, null, "Go back to main menu");
+export const Scenario = ({ pageTitle, children }) => {
+    React.useEffect(() => {
+        document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;
+    }, [pageTitle]);
+    return (React.createElement("div", { role: "main" },
+        React.createElement(BackLink, null),
+        React.createElement("br", null),
+        children));
+};
+//# sourceMappingURL=utils.js.map

package/lib/AccessibilityScenarios/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/AccessibilityScenarios/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAC9C,MAAM,mBAAmB,GAAG,KAAK,CAAC;AAQlC,mGAAmG;AACnG,gEAAgE;AAChE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAC5D,2BAAG,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAE,EAAE,MAAM,EAAC,QAAQ,IACnG,KAAK,CAAC,OAAO,CACZ,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAa,KAAK,CAAC,EAAE,CAAC,CAClD,2BAAG,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,gEAAgE,IAClG,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAC,iBAAiB,+BAAyC,CAAC;AAE1F,MAAM,CAAC,MAAM,QAAQ,GAAmD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,KAAK,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS,CAAC;IAC/D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM;QACd,oBAAC,QAAQ,OAAG;QACZ,+BAAM;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/index.d.ts

@@ -1,17 +1,33 @@
-export * from '@fluentui/react-make-styles';
-export * from '@fluentui/react-provider';
-export * from '@fluentui/react-theme';
+export { RendererContext, RendererProvider, __styles, createDOMRenderer, makeStaticStyles, makeStyles, mergeClasses, renderToStyleElements, useRenderer, } from '@fluentui/react-make-styles';
+export type { RendererProviderProps } from '@fluentui/react-make-styles';
+export { FluentProvider, fluentProviderClassName, fluentProviderShorthandProps, renderFluentProvider, useFluent, useFluentProvider, useFluentProviderContextValues, useFluentProviderStyles, useTheme, } from '@fluentui/react-provider';
+export type { FluentProviderCommons, FluentProviderContextValues, FluentProviderProps, FluentProviderSlots, FluentProviderState, } from '@fluentui/react-provider';
+export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, mergeThemes, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, themeToCSSVariables, webDarkTheme, webHighContrastTheme, webLightTheme, } from '@fluentui/react-theme';
+export type { BorderRadiusTokens, BrandVariants, ColorPaletteTokens, ColorTokens, FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens, PartialTheme, ShadowBrandTokens, ShadowTokens, StrokeWidthTokens, Theme, } from '@fluentui/react-theme';
 export { SSRProvider } from '@fluentui/react-utilities';
-export * from '@fluentui/react-accordion';
-export * from '@fluentui/react-avatar';
-export * from '@fluentui/react-badge';
-export * from '@fluentui/react-button';
-export * from '@fluentui/react-divider';
-export * from '@fluentui/react-image';
-export * from '@fluentui/react-label';
-export * from '@fluentui/react-link';
-export * from '@fluentui/react-menu';
-export * from '@fluentui/react-popover';
-export * from '@fluentui/react-portal';
-export * from '@fluentui/react-text';
-export * from '@fluentui/react-tooltip';
+export { Accordion, AccordionContext, AccordionHeader, AccordionHeaderExpandIcon, AccordionItem, AccordionItemContext, AccordionPanel, accordionClassName, accordionHeaderClassName, accordionHeaderShorthandProps, accordionItemClassName, accordionItemShorthandProps, accordionPanelClassName, accordionPanelShorthandProps, accordionShorthandProps, renderAccordion, renderAccordionHeader, renderAccordionItem, renderAccordionPanel, useAccordion, useAccordionContextValues, useAccordionHeader, useAccordionHeaderContextValues, useAccordionHeaderStyles, useAccordionItem, useAccordionItemContext, useAccordionItemContextValues, useAccordionItemStyles, useAccordionPanel, useAccordionPanelStyles, useAccordionStyles, } from '@fluentui/react-accordion';
+export type { AccordionCommons, AccordionContextValue, AccordionContextValues, AccordionHeaderCommons, AccordionHeaderContextValue, AccordionHeaderContextValues, AccordionHeaderExpandIconPosition, AccordionHeaderExpandIconProps, AccordionHeaderProps, AccordionHeaderSize, AccordionHeaderSlots, AccordionHeaderState, AccordionIndex, AccordionItemCommons, AccordionItemContextValue, AccordionItemContextValues, AccordionItemProps, AccordionItemSlots, AccordionItemState, AccordionItemValue, AccordionPanelProps, AccordionPanelSlots, AccordionPanelState, AccordionProps, AccordionSlots, AccordionState, AccordionToggleData, AccordionToggleEvent, AccordionToggleEventHandler, } from '@fluentui/react-accordion';
+export { Avatar, avatarClassName, renderAvatar, useAvatar, useAvatarStyles } from '@fluentui/react-avatar';
+export type { AvatarCommons, AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState } from '@fluentui/react-avatar';
+export { Badge, CounterBadge, PresenceBadge, badgeClassName, counterBadgeClassName, presenceBadgeClassName, renderBadge, useBadge, useBadgeStyles, useCounterBadge, useCounterBadgeStyles, usePresenceBadge, } from '@fluentui/react-badge';
+export type { BadgeCommons, BadgeProps, BadgeSlots, BadgeState, CounterBadgeCommons, CounterBadgeProps, CounterBadgeState, PresenceBadgeCommons, PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus, } from '@fluentui/react-badge';
+export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton, buttonClassName, compoundButtonClassName, menuButtonClassName, renderButton, renderCompoundButton, renderMenuButton, renderSplitButton, renderToggleButton, splitButtonClassName, toggleButtonClassName, useButton, useButtonStyles, useCompoundButton, useCompoundButtonStyles, useMenuButton, useMenuButtonStyles, useSplitButton, useSplitButtonStyles, useToggleButton, useToggleButtonStyles, } from '@fluentui/react-button';
+export type { ButtonCommons, ButtonProps, ButtonSlots, ButtonState, CompoundButtonProps, CompoundButtonSlots, CompoundButtonState, MenuButtonProps, MenuButtonSlots, MenuButtonState, SplitButtonProps, SplitButtonSlots, SplitButtonState, ToggleButtonCommons, ToggleButtonProps, ToggleButtonState, } from '@fluentui/react-button';
+export { Divider, dividerClassName, renderDivider, useDivider, useDividerStyles } from '@fluentui/react-divider';
+export type { DividerCommons, DividerProps, DividerSlots, DividerState } from '@fluentui/react-divider';
+export { Image, imageClassName, imageShorthandProps, renderImage, useImage, useImageStyles, } from '@fluentui/react-image';
+export type { ImageCommons, ImageProps, ImageSlots, ImageState } from '@fluentui/react-image';
+export { Label, labelClassName, labelShorthandProps, renderLabel, useLabel, useLabelStyles, } from '@fluentui/react-label';
+export type { LabelCommons, LabelProps, LabelSlots, LabelState } from '@fluentui/react-label';
+export { Link, linkClassName, renderLink, useLink, useLinkState, useLinkStyles } from '@fluentui/react-link';
+export type { LinkCommons, LinkProps, LinkSlots, LinkState } from '@fluentui/react-link';
+export { Menu, MenuContext, MenuDivider, MenuGroup, MenuGroupContextProvider, MenuGroupHeader, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuList, MenuListContext, MenuListProvider, MenuPopover, MenuProvider, MenuTrigger, MenuTriggerContextProvider, menuDividerClassName, menuGroupClassName, menuGroupHeaderClassName, menuItemCheckboxClassName, menuItemClassName, menuItemRadioClassName, menuItemSlots, menuListClassName, menuPopoverClassName, renderMenu, renderMenuDivider, renderMenuGroup, renderMenuGroupHeader, renderMenuItem, renderMenuItemCheckbox, renderMenuItemRadio, renderMenuList, renderMenuPopover, renderMenuTrigger, useCheckmarkStyles, useMenu, useMenuContext, useMenuContextValues, useMenuDivider, useMenuDividerStyles, useMenuGroup, useMenuGroupContext, useMenuGroupContextValues, useMenuGroupHeader, useMenuGroupHeaderStyles, useMenuGroupStyles, useMenuItem, useMenuItemCheckbox, useMenuItemCheckboxStyles, useMenuItemRadio, useMenuItemRadioStyles, useMenuItemStyles, useMenuList, useMenuListContext, useMenuListContextValues, useMenuListStyles, useMenuPopover, useMenuPopoverStyles, useMenuTrigger, useMenuTriggerContext, } from '@fluentui/react-menu';
+export type { MenuCheckedValueChangeData, MenuCheckedValueChangeEvent, MenuContextValue, MenuContextValues, MenuDividerProps, MenuDividerSlots, MenuDividerState, MenuGroupContextValue, MenuGroupContextValues, MenuGroupHeaderProps, MenuGroupHeaderSlots, MenuGroupHeaderState, MenuGroupProps, MenuGroupSlots, MenuGroupState, MenuItemCheckboxProps, MenuItemCheckboxState, MenuItemProps, MenuItemRadioProps, MenuItemRadioState, MenuItemSelectableProps, MenuItemSelectableState, MenuItemSlots, MenuItemState, MenuListCommons, MenuListContextValue, MenuListContextValues, MenuListProps, MenuListSlots, MenuListState, MenuOpenChangeData, MenuOpenEvents, MenuPopoverProps, MenuPopoverSlots, MenuPopoverState, MenuProps, MenuSlots, MenuState, MenuTriggerChildProps, MenuTriggerProps, MenuTriggerState, SelectableHandler, UninitializedMenuListState, } from '@fluentui/react-menu';
+export { Popover, PopoverContext, PopoverSurface, PopoverTrigger, arrowHeights, popoverSurfaceClassName, popoverSurfaceSlots, renderPopover, renderPopoverSurface, renderPopoverTrigger, usePopover, usePopoverContext, usePopoverSurface, usePopoverSurfaceStyles, usePopoverTrigger, } from '@fluentui/react-popover';
+export type { OnOpenChangeData, OpenPopoverEvents, PopoverCommons, PopoverContextValue, PopoverProps, PopoverSize, PopoverState, PopoverSurfaceProps, PopoverSurfaceSlots, PopoverSurfaceState, PopoverTriggerProps, PopoverTriggerState, } from '@fluentui/react-popover';
+export { Portal, elementContains, renderPortal, setVirtualParent, usePortal } from '@fluentui/react-portal';
+export type { PortalCommons, PortalProps, PortalState } from '@fluentui/react-portal';
+export { Body, Caption, Display, Headline, LargeTitle, Subheadline, Text, Title1, Title2, Title3, bodyClassName, captionClassName, displayClassName, headlineClassName, largeTitleClassName, renderText, subheadlineClassName, textClassName, title1ClassName, title2ClassName, title3ClassName, useText, useTextStyles, } from '@fluentui/react-text';
+export type { TextCommons, TextProps, TextSlots, TextState } from '@fluentui/react-text';
+export { Tooltip, renderTooltip, tooltipClassName, useTooltip, useTooltipStyles } from '@fluentui/react-tooltip';
+export type { OnVisibleChangeData, TooltipCommons, TooltipProps, TooltipSlots, TooltipState, TooltipTriggerProps, } from '@fluentui/react-tooltip';

package/lib/index.js

@@ -1,20 +1,20 @@
 // Utilities
-export * from '@fluentui/react-make-styles';
-export * from '@fluentui/react-provider';
-export * from '@fluentui/react-theme';
+export { RendererContext, RendererProvider, __styles, createDOMRenderer, makeStaticStyles, makeStyles, mergeClasses, renderToStyleElements, useRenderer, } from '@fluentui/react-make-styles';
+export { FluentProvider, fluentProviderClassName, fluentProviderShorthandProps, renderFluentProvider, useFluent, useFluentProvider, useFluentProviderContextValues, useFluentProviderStyles, useTheme, } from '@fluentui/react-provider';
+export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, mergeThemes, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, themeToCSSVariables, webDarkTheme, webHighContrastTheme, webLightTheme, } from '@fluentui/react-theme';
 export { SSRProvider } from '@fluentui/react-utilities';
 // Components
-export * from '@fluentui/react-accordion';
-export * from '@fluentui/react-avatar';
-export * from '@fluentui/react-badge';
-export * from '@fluentui/react-button';
-export * from '@fluentui/react-divider';
-export * from '@fluentui/react-image';
-export * from '@fluentui/react-label';
-export * from '@fluentui/react-link';
-export * from '@fluentui/react-menu';
-export * from '@fluentui/react-popover';
-export * from '@fluentui/react-portal';
-export * from '@fluentui/react-text';
-export * from '@fluentui/react-tooltip';
+export { Accordion, AccordionContext, AccordionHeader, AccordionHeaderExpandIcon, AccordionItem, AccordionItemContext, AccordionPanel, accordionClassName, accordionHeaderClassName, accordionHeaderShorthandProps, accordionItemClassName, accordionItemShorthandProps, accordionPanelClassName, accordionPanelShorthandProps, accordionShorthandProps, renderAccordion, renderAccordionHeader, renderAccordionItem, renderAccordionPanel, useAccordion, useAccordionContextValues, useAccordionHeader, useAccordionHeaderContextValues, useAccordionHeaderStyles, useAccordionItem, useAccordionItemContext, useAccordionItemContextValues, useAccordionItemStyles, useAccordionPanel, useAccordionPanelStyles, useAccordionStyles, } from '@fluentui/react-accordion';
+export { Avatar, avatarClassName, renderAvatar, useAvatar, useAvatarStyles } from '@fluentui/react-avatar';
+export { Badge, CounterBadge, PresenceBadge, badgeClassName, counterBadgeClassName, presenceBadgeClassName, renderBadge, useBadge, useBadgeStyles, useCounterBadge, useCounterBadgeStyles, usePresenceBadge, } from '@fluentui/react-badge';
+export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton, buttonClassName, compoundButtonClassName, menuButtonClassName, renderButton, renderCompoundButton, renderMenuButton, renderSplitButton, renderToggleButton, splitButtonClassName, toggleButtonClassName, useButton, useButtonStyles, useCompoundButton, useCompoundButtonStyles, useMenuButton, useMenuButtonStyles, useSplitButton, useSplitButtonStyles, useToggleButton, useToggleButtonStyles, } from '@fluentui/react-button';
+export { Divider, dividerClassName, renderDivider, useDivider, useDividerStyles } from '@fluentui/react-divider';
+export { Image, imageClassName, imageShorthandProps, renderImage, useImage, useImageStyles, } from '@fluentui/react-image';
+export { Label, labelClassName, labelShorthandProps, renderLabel, useLabel, useLabelStyles, } from '@fluentui/react-label';
+export { Link, linkClassName, renderLink, useLink, useLinkState, useLinkStyles } from '@fluentui/react-link';
+export { Menu, MenuContext, MenuDivider, MenuGroup, MenuGroupContextProvider, MenuGroupHeader, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuList, MenuListContext, MenuListProvider, MenuPopover, MenuProvider, MenuTrigger, MenuTriggerContextProvider, menuDividerClassName, menuGroupClassName, menuGroupHeaderClassName, menuItemCheckboxClassName, menuItemClassName, menuItemRadioClassName, menuItemSlots, menuListClassName, menuPopoverClassName, renderMenu, renderMenuDivider, renderMenuGroup, renderMenuGroupHeader, renderMenuItem, renderMenuItemCheckbox, renderMenuItemRadio, renderMenuList, renderMenuPopover, renderMenuTrigger, useCheckmarkStyles, useMenu, useMenuContext, useMenuContextValues, useMenuDivider, useMenuDividerStyles, useMenuGroup, useMenuGroupContext, useMenuGroupContextValues, useMenuGroupHeader, useMenuGroupHeaderStyles, useMenuGroupStyles, useMenuItem, useMenuItemCheckbox, useMenuItemCheckboxStyles, useMenuItemRadio, useMenuItemRadioStyles, useMenuItemStyles, useMenuList, useMenuListContext, useMenuListContextValues, useMenuListStyles, useMenuPopover, useMenuPopoverStyles, useMenuTrigger, useMenuTriggerContext, } from '@fluentui/react-menu';
+export { Popover, PopoverContext, PopoverSurface, PopoverTrigger, arrowHeights, popoverSurfaceClassName, popoverSurfaceSlots, renderPopover, renderPopoverSurface, renderPopoverTrigger, usePopover, usePopoverContext, usePopoverSurface, usePopoverSurfaceStyles, usePopoverTrigger, } from '@fluentui/react-popover';
+export { Portal, elementContains, renderPortal, setVirtualParent, usePortal } from '@fluentui/react-portal';
+export { Body, Caption, Display, Headline, LargeTitle, Subheadline, Text, Title1, Title2, Title3, bodyClassName, captionClassName, displayClassName, headlineClassName, largeTitleClassName, renderText, subheadlineClassName, textClassName, title1ClassName, title2ClassName, title3ClassName, useText, useTextStyles, } from '@fluentui/react-text';
+export { Tooltip, renderTooltip, tooltipClassName, useTooltip, useTooltipStyles } from '@fluentui/react-tooltip';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY;AACZ,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,aAAa;AACb,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/lib/unstable/index.d.ts

@@ -1 +1,2 @@
-export * from '@fluentui/react-card';
+export { Card, CardFooter, CardHeader, CardPreview, cardClassName, cardFooterClassName, cardFooterShorthandProps, cardHeaderClassName, cardHeaderShorthandProps, cardPreviewClassName, cardPreviewShorthandProps, renderCard, renderCardFooter, renderCardHeader, renderCardPreview, useCard, useCardFooter, useCardFooterStyles, useCardHeader, useCardHeaderStyles, useCardPreview, useCardPreviewStyles, useCardStyles, } from '@fluentui/react-card';
+export type { CardCommons, CardFooterProps, CardFooterSlots, CardFooterState, CardHeaderProps, CardHeaderSlots, CardHeaderState, CardPreviewProps, CardPreviewSlots, CardPreviewState, CardProps, CardSlots, CardState, } from '@fluentui/react-card';

package/lib/unstable/index.js

@@ -1,3 +1,3 @@
 // Stub for unstable exports
-export * from '@fluentui/react-card';
+export { Card, CardFooter, CardHeader, CardPreview, cardClassName, cardFooterClassName, cardFooterShorthandProps, cardHeaderClassName, cardHeaderShorthandProps, cardPreviewClassName, cardPreviewShorthandProps, renderCard, renderCardFooter, renderCardHeader, renderCardPreview, useCard, useCardFooter, useCardFooterStyles, useCardHeader, useCardHeaderStyles, useCardPreview, useCardPreviewStyles, useCardStyles, } from '@fluentui/react-card';
 //# sourceMappingURL=index.js.map

package/lib/unstable/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unstable/index.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAE5B,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unstable/index.ts"],"names":[],"mappings":"AAAA,4BAA4B;AAE5B,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,aAAa,EACb,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,oBAAoB,EACpB,yBAAyB,EACzB,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,oBAAoB,EACpB,aAAa,GACd,MAAM,sBAAsB,CAAC"}

package/lib-commonjs/AccessibilityScenarios/utils.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface FullscreenLinkProps {
+    parent: string;
+    story: string;
+    content: string;
+}
+export declare const FullscreenLink: (props: FullscreenLinkProps) => JSX.Element;
+export declare const ScenariosListLink: React.FC;
+export declare const BackLink: () => JSX.Element;
+export declare const Scenario: React.FunctionComponent<{
+    pageTitle: string;
+}>;
+export {};

package/lib-commonjs/AccessibilityScenarios/utils.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Scenario = exports.BackLink = exports.ScenariosListLink = exports.FullscreenLink = void 0;
+const React = require("react");
+const APP_TITLE = 'Fluent UI usage scenarios';
+const APP_TITLE_SEPARATOR = ' | ';
+// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab
+// so this is a naive attempt for opening a story in full screen
+const FullscreenLink = (props) => (React.createElement("a", { className: "sbdocs sbdocs-a", href: `iframe.html?id=${props.parent}--${props.story}`, target: "_blank" }, props.content));
+exports.FullscreenLink = FullscreenLink;
+const ScenariosListLink = props => (React.createElement("a", { className: "sbdocs sbdocs-a", href: `iframe.html?id=accessibility-scenarios-list-of-scenarios--page` }, props.children));
+exports.ScenariosListLink = ScenariosListLink;
+const BackLink = () => React.createElement(exports.ScenariosListLink, null, "Go back to main menu");
+exports.BackLink = BackLink;
+const Scenario = ({ pageTitle, children }) => {
+    React.useEffect(() => {
+        document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;
+    }, [pageTitle]);
+    return (React.createElement("div", { role: "main" },
+        React.createElement(exports.BackLink, null),
+        React.createElement("br", null),
+        children));
+};
+exports.Scenario = Scenario;
+//# sourceMappingURL=utils.js.map

package/lib-commonjs/AccessibilityScenarios/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/AccessibilityScenarios/utils.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAE/B,MAAM,SAAS,GAAG,2BAA2B,CAAC;AAC9C,MAAM,mBAAmB,GAAG,KAAK,CAAC;AAQlC,mGAAmG;AACnG,gEAAgE;AACzD,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAC5D,2BAAG,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAE,EAAE,MAAM,EAAC,QAAQ,IACnG,KAAK,CAAC,OAAO,CACZ,CACL,CAAC;AAJW,QAAA,cAAc,kBAIzB;AAEK,MAAM,iBAAiB,GAAa,KAAK,CAAC,EAAE,CAAC,CAClD,2BAAG,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAE,gEAAgE,IAClG,KAAK,CAAC,QAAQ,CACb,CACL,CAAC;AAJW,QAAA,iBAAiB,qBAI5B;AAEK,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,oBAAC,yBAAiB,+BAAyC,CAAC;AAA7E,QAAA,QAAQ,YAAqE;AAEnF,MAAM,QAAQ,GAAmD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,KAAK,GAAG,SAAS,GAAG,mBAAmB,GAAG,SAAS,CAAC;IAC/D,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,6BAAK,IAAI,EAAC,MAAM;QACd,oBAAC,gBAAQ,OAAG;QACZ,+BAAM;QACL,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}

package/lib-commonjs/index.d.ts

@@ -1,17 +1,33 @@
-export * from '@fluentui/react-make-styles';
-export * from '@fluentui/react-provider';
-export * from '@fluentui/react-theme';
+export { RendererContext, RendererProvider, __styles, createDOMRenderer, makeStaticStyles, makeStyles, mergeClasses, renderToStyleElements, useRenderer, } from '@fluentui/react-make-styles';
+export type { RendererProviderProps } from '@fluentui/react-make-styles';
+export { FluentProvider, fluentProviderClassName, fluentProviderShorthandProps, renderFluentProvider, useFluent, useFluentProvider, useFluentProviderContextValues, useFluentProviderStyles, useTheme, } from '@fluentui/react-provider';
+export type { FluentProviderCommons, FluentProviderContextValues, FluentProviderProps, FluentProviderSlots, FluentProviderState, } from '@fluentui/react-provider';
+export { createDarkTheme, createHighContrastTheme, createLightTheme, createTeamsDarkTheme, mergeThemes, teamsDarkTheme, teamsHighContrastTheme, teamsLightTheme, themeToCSSVariables, webDarkTheme, webHighContrastTheme, webLightTheme, } from '@fluentui/react-theme';
+export type { BorderRadiusTokens, BrandVariants, ColorPaletteTokens, ColorTokens, FontFamilyTokens, FontSizeTokens, FontWeightTokens, LineHeightTokens, PartialTheme, ShadowBrandTokens, ShadowTokens, StrokeWidthTokens, Theme, } from '@fluentui/react-theme';
 export { SSRProvider } from '@fluentui/react-utilities';
-export * from '@fluentui/react-accordion';
-export * from '@fluentui/react-avatar';
-export * from '@fluentui/react-badge';
-export * from '@fluentui/react-button';
-export * from '@fluentui/react-divider';
-export * from '@fluentui/react-image';
-export * from '@fluentui/react-label';
-export * from '@fluentui/react-link';
-export * from '@fluentui/react-menu';
-export * from '@fluentui/react-popover';
-export * from '@fluentui/react-portal';
-export * from '@fluentui/react-text';
-export * from '@fluentui/react-tooltip';
+export { Accordion, AccordionContext, AccordionHeader, AccordionHeaderExpandIcon, AccordionItem, AccordionItemContext, AccordionPanel, accordionClassName, accordionHeaderClassName, accordionHeaderShorthandProps, accordionItemClassName, accordionItemShorthandProps, accordionPanelClassName, accordionPanelShorthandProps, accordionShorthandProps, renderAccordion, renderAccordionHeader, renderAccordionItem, renderAccordionPanel, useAccordion, useAccordionContextValues, useAccordionHeader, useAccordionHeaderContextValues, useAccordionHeaderStyles, useAccordionItem, useAccordionItemContext, useAccordionItemContextValues, useAccordionItemStyles, useAccordionPanel, useAccordionPanelStyles, useAccordionStyles, } from '@fluentui/react-accordion';
+export type { AccordionCommons, AccordionContextValue, AccordionContextValues, AccordionHeaderCommons, AccordionHeaderContextValue, AccordionHeaderContextValues, AccordionHeaderExpandIconPosition, AccordionHeaderExpandIconProps, AccordionHeaderProps, AccordionHeaderSize, AccordionHeaderSlots, AccordionHeaderState, AccordionIndex, AccordionItemCommons, AccordionItemContextValue, AccordionItemContextValues, AccordionItemProps, AccordionItemSlots, AccordionItemState, AccordionItemValue, AccordionPanelProps, AccordionPanelSlots, AccordionPanelState, AccordionProps, AccordionSlots, AccordionState, AccordionToggleData, AccordionToggleEvent, AccordionToggleEventHandler, } from '@fluentui/react-accordion';
+export { Avatar, avatarClassName, renderAvatar, useAvatar, useAvatarStyles } from '@fluentui/react-avatar';
+export type { AvatarCommons, AvatarNamedColor, AvatarProps, AvatarSlots, AvatarState } from '@fluentui/react-avatar';
+export { Badge, CounterBadge, PresenceBadge, badgeClassName, counterBadgeClassName, presenceBadgeClassName, renderBadge, useBadge, useBadgeStyles, useCounterBadge, useCounterBadgeStyles, usePresenceBadge, } from '@fluentui/react-badge';
+export type { BadgeCommons, BadgeProps, BadgeSlots, BadgeState, CounterBadgeCommons, CounterBadgeProps, CounterBadgeState, PresenceBadgeCommons, PresenceBadgeProps, PresenceBadgeState, PresenceBadgeStatus, } from '@fluentui/react-badge';
+export { Button, CompoundButton, MenuButton, SplitButton, ToggleButton, buttonClassName, compoundButtonClassName, menuButtonClassName, renderButton, renderCompoundButton, renderMenuButton, renderSplitButton, renderToggleButton, splitButtonClassName, toggleButtonClassName, useButton, useButtonStyles, useCompoundButton, useCompoundButtonStyles, useMenuButton, useMenuButtonStyles, useSplitButton, useSplitButtonStyles, useToggleButton, useToggleButtonStyles, } from '@fluentui/react-button';
+export type { ButtonCommons, ButtonProps, ButtonSlots, ButtonState, CompoundButtonProps, CompoundButtonSlots, CompoundButtonState, MenuButtonProps, MenuButtonSlots, MenuButtonState, SplitButtonProps, SplitButtonSlots, SplitButtonState, ToggleButtonCommons, ToggleButtonProps, ToggleButtonState, } from '@fluentui/react-button';
+export { Divider, dividerClassName, renderDivider, useDivider, useDividerStyles } from '@fluentui/react-divider';
+export type { DividerCommons, DividerProps, DividerSlots, DividerState } from '@fluentui/react-divider';
+export { Image, imageClassName, imageShorthandProps, renderImage, useImage, useImageStyles, } from '@fluentui/react-image';
+export type { ImageCommons, ImageProps, ImageSlots, ImageState } from '@fluentui/react-image';
+export { Label, labelClassName, labelShorthandProps, renderLabel, useLabel, useLabelStyles, } from '@fluentui/react-label';
+export type { LabelCommons, LabelProps, LabelSlots, LabelState } from '@fluentui/react-label';
+export { Link, linkClassName, renderLink, useLink, useLinkState, useLinkStyles } from '@fluentui/react-link';
+export type { LinkCommons, LinkProps, LinkSlots, LinkState } from '@fluentui/react-link';
+export { Menu, MenuContext, MenuDivider, MenuGroup, MenuGroupContextProvider, MenuGroupHeader, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuList, MenuListContext, MenuListProvider, MenuPopover, MenuProvider, MenuTrigger, MenuTriggerContextProvider, menuDividerClassName, menuGroupClassName, menuGroupHeaderClassName, menuItemCheckboxClassName, menuItemClassName, menuItemRadioClassName, menuItemSlots, menuListClassName, menuPopoverClassName, renderMenu, renderMenuDivider, renderMenuGroup, renderMenuGroupHeader, renderMenuItem, renderMenuItemCheckbox, renderMenuItemRadio, renderMenuList, renderMenuPopover, renderMenuTrigger, useCheckmarkStyles, useMenu, useMenuContext, useMenuContextValues, useMenuDivider, useMenuDividerStyles, useMenuGroup, useMenuGroupContext, useMenuGroupContextValues, useMenuGroupHeader, useMenuGroupHeaderStyles, useMenuGroupStyles, useMenuItem, useMenuItemCheckbox, useMenuItemCheckboxStyles, useMenuItemRadio, useMenuItemRadioStyles, useMenuItemStyles, useMenuList, useMenuListContext, useMenuListContextValues, useMenuListStyles, useMenuPopover, useMenuPopoverStyles, useMenuTrigger, useMenuTriggerContext, } from '@fluentui/react-menu';
+export type { MenuCheckedValueChangeData, MenuCheckedValueChangeEvent, MenuContextValue, MenuContextValues, MenuDividerProps, MenuDividerSlots, MenuDividerState, MenuGroupContextValue, MenuGroupContextValues, MenuGroupHeaderProps, MenuGroupHeaderSlots, MenuGroupHeaderState, MenuGroupProps, MenuGroupSlots, MenuGroupState, MenuItemCheckboxProps, MenuItemCheckboxState, MenuItemProps, MenuItemRadioProps, MenuItemRadioState, MenuItemSelectableProps, MenuItemSelectableState, MenuItemSlots, MenuItemState, MenuListCommons, MenuListContextValue, MenuListContextValues, MenuListProps, MenuListSlots, MenuListState, MenuOpenChangeData, MenuOpenEvents, MenuPopoverProps, MenuPopoverSlots, MenuPopoverState, MenuProps, MenuSlots, MenuState, MenuTriggerChildProps, MenuTriggerProps, MenuTriggerState, SelectableHandler, UninitializedMenuListState, } from '@fluentui/react-menu';
+export { Popover, PopoverContext, PopoverSurface, PopoverTrigger, arrowHeights, popoverSurfaceClassName, popoverSurfaceSlots, renderPopover, renderPopoverSurface, renderPopoverTrigger, usePopover, usePopoverContext, usePopoverSurface, usePopoverSurfaceStyles, usePopoverTrigger, } from '@fluentui/react-popover';
+export type { OnOpenChangeData, OpenPopoverEvents, PopoverCommons, PopoverContextValue, PopoverProps, PopoverSize, PopoverState, PopoverSurfaceProps, PopoverSurfaceSlots, PopoverSurfaceState, PopoverTriggerProps, PopoverTriggerState, } from '@fluentui/react-popover';
+export { Portal, elementContains, renderPortal, setVirtualParent, usePortal } from '@fluentui/react-portal';
+export type { PortalCommons, PortalProps, PortalState } from '@fluentui/react-portal';
+export { Body, Caption, Display, Headline, LargeTitle, Subheadline, Text, Title1, Title2, Title3, bodyClassName, captionClassName, displayClassName, headlineClassName, largeTitleClassName, renderText, subheadlineClassName, textClassName, title1ClassName, title2ClassName, title3ClassName, useText, useTextStyles, } from '@fluentui/react-text';
+export type { TextCommons, TextProps, TextSlots, TextState } from '@fluentui/react-text';
+export { Tooltip, renderTooltip, tooltipClassName, useTooltip, useTooltipStyles } from '@fluentui/react-tooltip';
+export type { OnVisibleChangeData, TooltipCommons, TooltipProps, TooltipSlots, TooltipState, TooltipTriggerProps, } from '@fluentui/react-tooltip';