@fluentui/react-tabs 1.0.0-beta.17 → 1.0.0-beta.173

package/lib-amd/components/Pivot/Pivot.styles.js

@@ -1,270 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/style-utilities", "@fluentui/utilities"], function (require, exports, tslib_1, style_utilities_1, utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var globalClassNames = {
-        count: 'ms-Pivot-count',
-        icon: 'ms-Pivot-icon',
-        linkIsSelected: 'is-selected',
-        link: 'ms-Pivot-link',
-        linkContent: 'ms-Pivot-linkContent',
-        root: 'ms-Pivot',
-        rootIsLarge: 'ms-Pivot--large',
-        rootIsTabs: 'ms-Pivot--tabs',
-        text: 'ms-Pivot-text',
-        linkInMenu: 'ms-Pivot-linkInMenu',
-        overflowMenuButton: 'ms-Pivot-overflowMenuButton',
-    };
-    var getLinkStyles = function (props, classNames, isLinkInOverflowMenu) {
-        var _a, _b, _c;
-        if (isLinkInOverflowMenu === void 0) { isLinkInOverflowMenu = false; }
-        var linkSize = props.linkSize, linkFormat = props.linkFormat;
-        var _d = props.theme, semanticColors = _d.semanticColors, fonts = _d.fonts;
-        var rootIsLarge = linkSize === 'large';
-        var rootIsTabs = linkFormat === 'tabs';
-        return [
-            fonts.medium,
-            {
-                color: semanticColors.actionLink,
-                padding: '0 8px',
-                position: 'relative',
-                backgroundColor: 'transparent',
-                border: 0,
-                borderRadius: 0,
-                selectors: (_a = {
-                        ':hover': {
-                            backgroundColor: semanticColors.buttonBackgroundHovered,
-                            color: semanticColors.buttonTextHovered,
-                            cursor: 'pointer',
-                        },
-                        ':active': {
-                            backgroundColor: semanticColors.buttonBackgroundPressed,
-                            color: semanticColors.buttonTextHovered,
-                        },
-                        ':focus': {
-                            outline: 'none',
-                        }
-                    },
-                    _a["." + utilities_1.IsFocusVisibleClassName + " &:focus"] = {
-                        outline: "1px solid " + semanticColors.focusBorder,
-                    },
-                    _a["." + utilities_1.IsFocusVisibleClassName + " &:focus:after"] = {
-                        content: 'attr(data-content)',
-                        position: 'relative',
-                        border: 0,
-                    },
-                    _a),
-            },
-            !isLinkInOverflowMenu && [
-                {
-                    display: 'inline-block',
-                    lineHeight: 44,
-                    height: 44,
-                    marginRight: 8,
-                    textAlign: 'center',
-                    selectors: {
-                        ':before': {
-                            backgroundColor: 'transparent',
-                            bottom: 0,
-                            content: '""',
-                            height: 2,
-                            left: 8,
-                            position: 'absolute',
-                            right: 8,
-                            transition: "left " + style_utilities_1.AnimationVariables.durationValue2 + " " + style_utilities_1.AnimationVariables.easeFunction2 + ",\n                        right " + style_utilities_1.AnimationVariables.durationValue2 + " " + style_utilities_1.AnimationVariables.easeFunction2,
-                        },
-                        ':after': {
-                            color: 'transparent',
-                            content: 'attr(data-content)',
-                            display: 'block',
-                            fontWeight: style_utilities_1.FontWeights.bold,
-                            height: 1,
-                            overflow: 'hidden',
-                            visibility: 'hidden',
-                        },
-                    },
-                },
-                rootIsLarge && {
-                    fontSize: fonts.large.fontSize,
-                },
-                rootIsTabs && [
-                    {
-                        marginRight: 0,
-                        height: 44,
-                        lineHeight: 44,
-                        backgroundColor: semanticColors.buttonBackground,
-                        padding: '0 10px',
-                        verticalAlign: 'top',
-                        selectors: (_b = {
-                                ':focus': {
-                                    outlineOffset: '-1px',
-                                }
-                            },
-                            _b["." + utilities_1.IsFocusVisibleClassName + " &:focus::before"] = {
-                                height: 'auto',
-                                background: 'transparent',
-                                transition: 'none',
-                            },
-                            _b['&:hover, &:focus'] = {
-                                color: semanticColors.buttonTextCheckedHovered,
-                            },
-                            _b['&:active, &:hover'] = {
-                                color: semanticColors.primaryButtonText,
-                                backgroundColor: semanticColors.primaryButtonBackground,
-                            },
-                            _b["&." + classNames.linkIsSelected] = {
-                                backgroundColor: semanticColors.primaryButtonBackground,
-                                color: semanticColors.primaryButtonText,
-                                fontWeight: style_utilities_1.FontWeights.regular,
-                                selectors: (_c = {
-                                        ':before': {
-                                            backgroundColor: 'transparent',
-                                            transition: 'none',
-                                            position: 'absolute',
-                                            top: 0,
-                                            left: 0,
-                                            right: 0,
-                                            bottom: 0,
-                                            content: '""',
-                                            height: 0,
-                                        },
-                                        ':hover': {
-                                            backgroundColor: semanticColors.primaryButtonBackgroundHovered,
-                                            color: semanticColors.primaryButtonText,
-                                        },
-                                        '&:active': {
-                                            backgroundColor: semanticColors.primaryButtonBackgroundPressed,
-                                            color: semanticColors.primaryButtonText,
-                                        }
-                                    },
-                                    _c[style_utilities_1.HighContrastSelector] = {
-                                        fontWeight: style_utilities_1.FontWeights.semibold,
-                                        color: 'HighlightText',
-                                        background: 'Highlight',
-                                        MsHighContrastAdjust: 'none',
-                                    },
-                                    _c),
-                            },
-                            _b),
-                    },
-                ],
-            ],
-        ];
-    };
-    exports.getStyles = function (props) {
-        var _a, _b, _c, _d;
-        var className = props.className, linkSize = props.linkSize, linkFormat = props.linkFormat, theme = props.theme;
-        var semanticColors = theme.semanticColors, fonts = theme.fonts;
-        var classNames = style_utilities_1.getGlobalClassNames(globalClassNames, theme);
-        var rootIsLarge = linkSize === 'large';
-        var rootIsTabs = linkFormat === 'tabs';
-        return {
-            root: [
-                classNames.root,
-                fonts.medium,
-                style_utilities_1.normalize,
-                {
-                    position: 'relative',
-                    color: semanticColors.link,
-                    whiteSpace: 'nowrap',
-                },
-                rootIsLarge && classNames.rootIsLarge,
-                rootIsTabs && classNames.rootIsTabs,
-                className,
-            ],
-            itemContainer: {
-                selectors: {
-                    '&[hidden]': {
-                        display: 'none',
-                    },
-                },
-            },
-            link: tslib_1.__spreadArrays([
-                classNames.link
-            ], getLinkStyles(props, classNames), [
-                (_a = {},
-                    _a["&[data-is-overflowing='true']"] = {
-                        display: 'none',
-                    },
-                    _a),
-            ]),
-            overflowMenuButton: [
-                classNames.overflowMenuButton,
-                (_b = {
-                        visibility: 'hidden',
-                        position: 'absolute',
-                        right: 0
-                    },
-                    _b["." + classNames.link + "[data-is-overflowing='true'] ~ &"] = {
-                        visibility: 'visible',
-                        position: 'relative',
-                    },
-                    _b),
-            ],
-            linkInMenu: tslib_1.__spreadArrays([
-                classNames.linkInMenu
-            ], getLinkStyles(props, classNames, true), [
-                {
-                    textAlign: 'left',
-                    width: '100%',
-                    height: 36,
-                    lineHeight: 36,
-                },
-            ]),
-            linkIsSelected: [
-                classNames.link,
-                classNames.linkIsSelected,
-                {
-                    fontWeight: style_utilities_1.FontWeights.semibold,
-                    selectors: (_c = {
-                            ':before': {
-                                backgroundColor: semanticColors.inputBackgroundChecked,
-                                selectors: (_d = {},
-                                    _d[style_utilities_1.HighContrastSelector] = {
-                                        backgroundColor: 'Highlight',
-                                    },
-                                    _d),
-                            },
-                            ':hover::before': {
-                                left: 0,
-                                right: 0,
-                            }
-                        },
-                        _c[style_utilities_1.HighContrastSelector] = {
-                            color: 'Highlight',
-                        },
-                        _c),
-                },
-            ],
-            linkContent: [
-                classNames.linkContent,
-                {
-                    flex: '0 1 100%',
-                    selectors: {
-                        '& > * ': {
-                            marginLeft: 4,
-                        },
-                        '& > *:first-child': {
-                            marginLeft: 0,
-                        },
-                    },
-                },
-            ],
-            text: [
-                classNames.text,
-                {
-                    display: 'inline-block',
-                    verticalAlign: 'top',
-                },
-            ],
-            count: [
-                classNames.count,
-                {
-                    display: 'inline-block',
-                    verticalAlign: 'top',
-                },
-            ],
-            icon: classNames.icon,
-        };
-    };
-});
-//# sourceMappingURL=Pivot.styles.js.map

package/lib-amd/components/Pivot/Pivot.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pivot.styles.js","sourceRoot":"../src/","sources":["components/Pivot/Pivot.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { IPivotStyleProps, IPivotStyles } from './Pivot.types';\nimport {\n  AnimationVariables,\n  getGlobalClassNames,\n  HighContrastSelector,\n  IStyle,\n  normalize,\n  FontWeights,\n} from '@fluentui/style-utilities';\nimport { IsFocusVisibleClassName } from '@fluentui/utilities';\n\nconst globalClassNames = {\n  count: 'ms-Pivot-count',\n  icon: 'ms-Pivot-icon',\n  linkIsSelected: 'is-selected',\n  link: 'ms-Pivot-link',\n  linkContent: 'ms-Pivot-linkContent',\n  root: 'ms-Pivot',\n  rootIsLarge: 'ms-Pivot--large',\n  rootIsTabs: 'ms-Pivot--tabs',\n  text: 'ms-Pivot-text',\n  linkInMenu: 'ms-Pivot-linkInMenu',\n  overflowMenuButton: 'ms-Pivot-overflowMenuButton',\n};\n\nconst getLinkStyles = (\n  props: IPivotStyleProps,\n  classNames: { [key: string]: string },\n  isLinkInOverflowMenu: boolean = false,\n): IStyle[] => {\n  const { linkSize, linkFormat } = props;\n  const { semanticColors, fonts } = props.theme;\n  const rootIsLarge = linkSize === 'large';\n  const rootIsTabs = linkFormat === 'tabs';\n\n  return [\n    fonts.medium,\n    {\n      color: semanticColors.actionLink,\n      padding: '0 8px',\n      position: 'relative',\n      backgroundColor: 'transparent',\n      border: 0,\n      borderRadius: 0,\n      selectors: {\n        ':hover': {\n          backgroundColor: semanticColors.buttonBackgroundHovered,\n          color: semanticColors.buttonTextHovered,\n          cursor: 'pointer',\n        },\n        ':active': {\n          backgroundColor: semanticColors.buttonBackgroundPressed,\n          color: semanticColors.buttonTextHovered,\n        },\n        ':focus': {\n          outline: 'none',\n        },\n        [`.${IsFocusVisibleClassName} &:focus`]: {\n          outline: `1px solid ${semanticColors.focusBorder}`,\n        },\n        [`.${IsFocusVisibleClassName} &:focus:after`]: {\n          content: 'attr(data-content)',\n          position: 'relative',\n          border: 0,\n        },\n      },\n    },\n    !isLinkInOverflowMenu && [\n      {\n        display: 'inline-block',\n        lineHeight: 44,\n        height: 44,\n        marginRight: 8,\n        textAlign: 'center',\n        selectors: {\n          ':before': {\n            backgroundColor: 'transparent',\n            bottom: 0,\n            content: '\"\"',\n            height: 2,\n            left: 8,\n            position: 'absolute',\n            right: 8,\n            transition: `left ${AnimationVariables.durationValue2} ${AnimationVariables.easeFunction2},\n                        right ${AnimationVariables.durationValue2} ${AnimationVariables.easeFunction2}`,\n          },\n          ':after': {\n            color: 'transparent',\n            content: 'attr(data-content)',\n            display: 'block',\n            fontWeight: FontWeights.bold,\n            height: 1,\n            overflow: 'hidden',\n            visibility: 'hidden',\n          },\n        },\n      },\n      rootIsLarge && {\n        fontSize: fonts.large.fontSize,\n      },\n      rootIsTabs && [\n        {\n          marginRight: 0,\n          height: 44,\n          lineHeight: 44,\n          backgroundColor: semanticColors.buttonBackground,\n          padding: '0 10px',\n          verticalAlign: 'top',\n\n          selectors: {\n            ':focus': {\n              outlineOffset: '-1px',\n            },\n            [`.${IsFocusVisibleClassName} &:focus::before`]: {\n              height: 'auto',\n              background: 'transparent',\n              transition: 'none',\n            },\n            '&:hover, &:focus': {\n              color: semanticColors.buttonTextCheckedHovered,\n            },\n            '&:active, &:hover': {\n              color: semanticColors.primaryButtonText,\n              backgroundColor: semanticColors.primaryButtonBackground,\n            },\n            [`&.${classNames.linkIsSelected}`]: {\n              backgroundColor: semanticColors.primaryButtonBackground,\n              color: semanticColors.primaryButtonText,\n              fontWeight: FontWeights.regular,\n              selectors: {\n                ':before': {\n                  backgroundColor: 'transparent',\n                  transition: 'none',\n                  position: 'absolute',\n                  top: 0,\n                  left: 0,\n                  right: 0,\n                  bottom: 0,\n                  content: '\"\"',\n                  height: 0,\n                },\n                ':hover': {\n                  backgroundColor: semanticColors.primaryButtonBackgroundHovered,\n                  color: semanticColors.primaryButtonText,\n                },\n                '&:active': {\n                  backgroundColor: semanticColors.primaryButtonBackgroundPressed,\n                  color: semanticColors.primaryButtonText,\n                },\n                [HighContrastSelector]: {\n                  fontWeight: FontWeights.semibold,\n                  color: 'HighlightText',\n                  background: 'Highlight',\n                  MsHighContrastAdjust: 'none',\n                },\n              },\n            },\n          },\n        },\n      ],\n    ],\n  ];\n};\n\nexport const getStyles = (props: IPivotStyleProps): IPivotStyles => {\n  const { className, linkSize, linkFormat, theme } = props;\n  const { semanticColors, fonts } = theme;\n\n  const classNames = getGlobalClassNames(globalClassNames, theme);\n\n  const rootIsLarge = linkSize === 'large';\n  const rootIsTabs = linkFormat === 'tabs';\n\n  return {\n    root: [\n      classNames.root,\n      fonts.medium,\n      normalize,\n      {\n        position: 'relative',\n        color: semanticColors.link,\n        whiteSpace: 'nowrap',\n      },\n      rootIsLarge && classNames.rootIsLarge,\n      rootIsTabs && classNames.rootIsTabs,\n      className,\n    ],\n    itemContainer: {\n      selectors: {\n        '&[hidden]': {\n          display: 'none',\n        },\n      },\n    },\n    link: [\n      classNames.link,\n      ...getLinkStyles(props, classNames),\n      {\n        [`&[data-is-overflowing='true']`]: {\n          display: 'none',\n        },\n      },\n    ],\n    overflowMenuButton: [\n      classNames.overflowMenuButton,\n      {\n        visibility: 'hidden',\n        position: 'absolute',\n        right: 0,\n        [`.${classNames.link}[data-is-overflowing='true'] ~ &`]: {\n          visibility: 'visible',\n          position: 'relative',\n        },\n      },\n    ],\n    linkInMenu: [\n      classNames.linkInMenu,\n      ...getLinkStyles(props, classNames, true),\n      {\n        textAlign: 'left',\n        width: '100%',\n        height: 36,\n        lineHeight: 36,\n      },\n    ],\n    linkIsSelected: [\n      classNames.link,\n      classNames.linkIsSelected,\n      {\n        fontWeight: FontWeights.semibold,\n        selectors: {\n          ':before': {\n            backgroundColor: semanticColors.inputBackgroundChecked,\n            selectors: {\n              [HighContrastSelector]: {\n                backgroundColor: 'Highlight',\n              },\n            },\n          },\n          ':hover::before': {\n            left: 0,\n            right: 0,\n          },\n          [HighContrastSelector]: {\n            color: 'Highlight',\n          },\n        },\n      },\n    ],\n    linkContent: [\n      classNames.linkContent,\n      {\n        flex: '0 1 100%',\n        selectors: {\n          '& > * ': {\n            marginLeft: 4,\n          },\n          '& > *:first-child': {\n            marginLeft: 0,\n          },\n        },\n      },\n    ],\n    text: [\n      classNames.text,\n      {\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n    ],\n    count: [\n      classNames.count,\n      {\n        display: 'inline-block',\n        verticalAlign: 'top',\n      },\n    ],\n    icon: classNames.icon,\n  };\n};\n"]}

package/lib-amd/components/Pivot/Pivot.types.d.ts

@@ -1,141 +0,0 @@
-import * as React from 'react';
-import { IStyle, ITheme } from '@fluentui/style-utilities';
-import { IStyleFunctionOrObject } from '@fluentui/utilities';
-import { PivotItem } from './PivotItem';
-/**
- * {@docCategory Pivot}
- */
-export interface IPivot {
-    /**
-     * Sets focus to the first pivot tab.
-     */
-    focus(): void;
-}
-/**
- * {@docCategory Pivot}
- */
-export interface IPivotProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {
-    /**
-     * Optional callback to access the IPivot interface. Use this instead of ref for accessing
-     * the public methods and properties of the component.
-     */
-    componentRef?: React.RefObject<IPivot>;
-    /**
-     * Call to provide customized styling that will layer on top of the variant rules.
-     */
-    styles?: IStyleFunctionOrObject<IPivotStyleProps, IPivotStyles>;
-    /**
-     * Theme provided by High-Order Component.
-     */
-    theme?: ITheme;
-    /**
-     * Additional css class to apply to the Pivot
-     * @defaultvalue undefined
-     */
-    className?: string;
-    /**
-     * Default selected key for the pivot. Only provide this if the pivot is an uncontrolled component;
-     * otherwise, use the `selectedKey` property.
-     */
-    defaultSelectedKey?: string;
-    /**
-     * Key of the selected pivot item. Updating this will override the Pivot's selected item state.
-     * Only provide this if the pivot is a controlled component where you are maintaining the
-     * current state; otherwise, use `defaultSelectedKey`.
-     */
-    selectedKey?: string | null;
-    /**
-     * Callback for when the selected pivot item is changed.
-     */
-    onLinkClick?: (item?: PivotItem, ev?: React.MouseEvent<HTMLElement>) => void;
-    /**
-     * Link size (normal, large)
-     */
-    linkSize?: PivotLinkSizeType;
-    /**
-     * Link format (links, tabs)
-     */
-    linkFormat?: PivotLinkFormatType;
-    /**
-     * Overflow behavior when there is not enough room to display all of the links/tabs
-     * * none: Pivot links will overflow the container and may not be visible
-     * * menu: Display an overflow menu that contains the tabs that don't fit
-     *
-     * @default none
-     */
-    overflowBehavior?: 'none' | 'menu';
-    /**
-     * Whether to skip rendering the tabpanel with the content of the selected tab.
-     * Use this prop if you plan to separately render the tab content
-     * and don't want to leave an empty tabpanel in the page that may confuse Screen Readers.
-     */
-    headersOnly?: boolean;
-    /**
-     * Callback to customize how IDs are generated for each tab header.
-     * Useful if you're rendering content outside and need to connect aria-labelledby.
-     */
-    getTabId?: (itemKey: string, index: number) => string;
-}
-/**
- * {@docCategory Pivot}
- */
-export declare type IPivotStyleProps = Required<Pick<IPivotProps, 'theme'>> & Pick<IPivotProps, 'className'> & {
-    linkSize?: PivotLinkSizeType;
-    linkFormat?: PivotLinkFormatType;
-};
-/**
- * {@docCategory Pivot}
- */
-export interface IPivotStyles {
-    /**
-     * Style for the root element.
-     */
-    root: IStyle;
-    link: IStyle;
-    linkIsSelected: IStyle;
-    linkContent: IStyle;
-    text: IStyle;
-    count: IStyle;
-    icon: IStyle;
-    linkInMenu: IStyle;
-    overflowMenuButton: IStyle;
-    itemContainer?: IStyle;
-}
-/**
- * {@docCategory Pivot}
- * Display mode for the pivot links/tabs
- */
-export declare type PivotLinkFormatType = 'links' | 'tabs';
-/**
- * {@docCategory Pivot}
- * Size of the pivot links/tabs
- */
-export declare type PivotLinkSizeType = 'normal' | 'large';
-/**
- * {@docCategory Pivot}
- * @deprecated Use strings 'links' or 'tabs' instead of this enum
- */
-export declare const enum PivotLinkFormat {
-    /**
-     * Display Pivot Links as links
-     */
-    links = "links",
-    /**
-     * Display Pivot Links as Tabs
-     */
-    tabs = "tabs"
-}
-/**
- * {@docCategory Pivot}
- * @deprecated Use strings 'normal' or 'large' instead of this enum
- */
-export declare const enum PivotLinkSize {
-    /**
-     * Display Link using normal font size
-     */
-    normal = "normal",
-    /**
-     * Display links using large font size
-     */
-    large = "large"
-}

package/lib-amd/components/Pivot/Pivot.types.js

@@ -1,35 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * {@docCategory Pivot}
-     * @deprecated Use strings 'links' or 'tabs' instead of this enum
-     */
-    var PivotLinkFormat;
-    (function (PivotLinkFormat) {
-        /**
-         * Display Pivot Links as links
-         */
-        PivotLinkFormat["links"] = "links";
-        /**
-         * Display Pivot Links as Tabs
-         */
-        PivotLinkFormat["tabs"] = "tabs";
-    })(PivotLinkFormat = exports.PivotLinkFormat || (exports.PivotLinkFormat = {}));
-    /**
-     * {@docCategory Pivot}
-     * @deprecated Use strings 'normal' or 'large' instead of this enum
-     */
-    var PivotLinkSize;
-    (function (PivotLinkSize) {
-        /**
-         * Display Link using normal font size
-         */
-        PivotLinkSize["normal"] = "normal";
-        /**
-         * Display links using large font size
-         */
-        PivotLinkSize["large"] = "large";
-    })(PivotLinkSize = exports.PivotLinkSize || (exports.PivotLinkSize = {}));
-});
-//# sourceMappingURL=Pivot.types.js.map

package/lib-amd/components/Pivot/Pivot.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Pivot.types.js","sourceRoot":"../src/","sources":["components/Pivot/Pivot.types.ts"],"names":[],"mappings":";;;IAuIA;;;OAGG;IACH,IAAkB,eAUjB;IAVD,WAAkB,eAAe;QAC/B;;WAEG;QACH,kCAAe,CAAA;QAEf;;WAEG;QACH,gCAAa,CAAA;IACf,CAAC,EAViB,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAUhC;IAED;;;OAGG;IACH,IAAkB,aAUjB;IAVD,WAAkB,aAAa;QAC7B;;WAEG;QACH,kCAAiB,CAAA;QAEjB;;WAEG;QACH,gCAAe,CAAA;IACjB,CAAC,EAViB,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAU9B","sourcesContent":["import * as React from 'react';\nimport { IStyle, ITheme } from '@fluentui/style-utilities';\nimport { IStyleFunctionOrObject } from '@fluentui/utilities';\nimport { PivotItem } from './PivotItem';\n\n/**\n * {@docCategory Pivot}\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IPivot {\n  /**\n   * Sets focus to the first pivot tab.\n   */\n  focus(): void;\n}\n\n/**\n * {@docCategory Pivot}\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IPivotProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {\n  /**\n   * Optional callback to access the IPivot interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<IPivot>;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<IPivotStyleProps, IPivotStyles>;\n\n  /**\n   * Theme provided by High-Order Component.\n   */\n  theme?: ITheme;\n\n  /**\n   * Additional css class to apply to the Pivot\n   * @defaultvalue undefined\n   */\n  className?: string;\n\n  /**\n   * Default selected key for the pivot. Only provide this if the pivot is an uncontrolled component;\n   * otherwise, use the `selectedKey` property.\n   */\n  defaultSelectedKey?: string;\n\n  /**\n   * Key of the selected pivot item. Updating this will override the Pivot's selected item state.\n   * Only provide this if the pivot is a controlled component where you are maintaining the\n   * current state; otherwise, use `defaultSelectedKey`.\n   */\n  selectedKey?: string | null;\n\n  /**\n   * Callback for when the selected pivot item is changed.\n   */\n  onLinkClick?: (item?: PivotItem, ev?: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Link size (normal, large)\n   */\n  linkSize?: PivotLinkSizeType;\n\n  /**\n   * Link format (links, tabs)\n   */\n  linkFormat?: PivotLinkFormatType;\n\n  /**\n   * Overflow behavior when there is not enough room to display all of the links/tabs\n   * * none: Pivot links will overflow the container and may not be visible\n   * * menu: Display an overflow menu that contains the tabs that don't fit\n   *\n   * @default none\n   */\n  overflowBehavior?: 'none' | 'menu';\n\n  /**\n   * Whether to skip rendering the tabpanel with the content of the selected tab.\n   * Use this prop if you plan to separately render the tab content\n   * and don't want to leave an empty tabpanel in the page that may confuse Screen Readers.\n   */\n  headersOnly?: boolean;\n\n  /**\n   * Callback to customize how IDs are generated for each tab header.\n   * Useful if you're rendering content outside and need to connect aria-labelledby.\n   */\n  getTabId?: (itemKey: string, index: number) => string;\n}\n\n/**\n * {@docCategory Pivot}\n */\nexport type IPivotStyleProps = Required<Pick<IPivotProps, 'theme'>> &\n  Pick<IPivotProps, 'className'> & {\n    linkSize?: PivotLinkSizeType;\n    linkFormat?: PivotLinkFormatType;\n  };\n\n/**\n * {@docCategory Pivot}\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IPivotStyles {\n  /**\n   * Style for the root element.\n   */\n  root: IStyle;\n  link: IStyle;\n  linkIsSelected: IStyle;\n  linkContent: IStyle;\n  text: IStyle;\n  count: IStyle;\n  icon: IStyle;\n  linkInMenu: IStyle;\n  overflowMenuButton: IStyle;\n  itemContainer?: IStyle;\n}\n\n/**\n * {@docCategory Pivot}\n * Display mode for the pivot links/tabs\n */\nexport type PivotLinkFormatType = 'links' | 'tabs';\n\n/**\n * {@docCategory Pivot}\n * Size of the pivot links/tabs\n */\nexport type PivotLinkSizeType = 'normal' | 'large';\n\n/**\n * {@docCategory Pivot}\n * @deprecated Use strings 'links' or 'tabs' instead of this enum\n */\nexport const enum PivotLinkFormat {\n  /**\n   * Display Pivot Links as links\n   */\n  links = 'links',\n\n  /**\n   * Display Pivot Links as Tabs\n   */\n  tabs = 'tabs',\n}\n\n/**\n * {@docCategory Pivot}\n * @deprecated Use strings 'normal' or 'large' instead of this enum\n */\nexport const enum PivotLinkSize {\n  /**\n   * Display Link using normal font size\n   */\n  normal = 'normal',\n\n  /**\n   * Display links using large font size\n   */\n  large = 'large',\n}\n"]}

package/lib-amd/components/Pivot/PivotItem.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { IPivotItemProps } from './PivotItem.types';
-export declare class PivotItem extends React.Component<IPivotItemProps, {}> {
-    constructor(props: IPivotItemProps);
-    render(): JSX.Element;
-}

package/lib-amd/components/Pivot/PivotItem.js

@@ -1,22 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/utilities"], function (require, exports, tslib_1, React, utilities_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var COMPONENT_NAME = 'PivotItem';
-    var PivotItem = /** @class */ (function (_super) {
-        tslib_1.__extends(PivotItem, _super);
-        function PivotItem(props) {
-            var _this = _super.call(this, props) || this;
-            utilities_1.initializeComponentRef(_this);
-            utilities_1.warnDeprecations(COMPONENT_NAME, props, {
-                linkText: 'headerText',
-            });
-            return _this;
-        }
-        PivotItem.prototype.render = function () {
-            return React.createElement("div", tslib_1.__assign({}, utilities_1.getNativeProps(this.props, utilities_1.divProperties)), this.props.children);
-        };
-        return PivotItem;
-    }(React.Component));
-    exports.PivotItem = PivotItem;
-});
-//# sourceMappingURL=PivotItem.js.map

package/lib-amd/components/Pivot/PivotItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PivotItem.js","sourceRoot":"../src/","sources":["components/Pivot/PivotItem.tsx"],"names":[],"mappings":";;;IAIA,IAAM,cAAc,GAAG,WAAW,CAAC;IAEnC;QAA+B,qCAAoC;QACjE,mBAAY,KAAsB;YAAlC,YACE,kBAAM,KAAK,CAAC,SAMb;YAJC,kCAAsB,CAAC,KAAI,CAAC,CAAC;YAC7B,4BAAgB,CAAC,cAAc,EAAE,KAAK,EAAE;gBACtC,QAAQ,EAAE,YAAY;aACvB,CAAC,CAAC;;QACL,CAAC;QAEM,0BAAM,GAAb;YACE,OAAO,gDAAS,0BAAc,CAAC,IAAI,CAAC,KAAK,EAAE,yBAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;QACzF,CAAC;QACH,gBAAC;IAAD,CAAC,AAbD,CAA+B,KAAK,CAAC,SAAS,GAa7C;IAbY,8BAAS","sourcesContent":["import * as React from 'react';\nimport { getNativeProps, divProperties, initializeComponentRef, warnDeprecations } from '@fluentui/utilities';\nimport { IPivotItemProps } from './PivotItem.types';\n\nconst COMPONENT_NAME = 'PivotItem';\n\nexport class PivotItem extends React.Component<IPivotItemProps, {}> {\n  constructor(props: IPivotItemProps) {\n    super(props);\n\n    initializeComponentRef(this);\n    warnDeprecations(COMPONENT_NAME, props, {\n      linkText: 'headerText',\n    });\n  }\n\n  public render(): JSX.Element {\n    return <div {...getNativeProps(this.props, divProperties)}>{this.props.children}</div>;\n  }\n}\n"]}

package/lib-amd/components/Pivot/PivotItem.types.d.ts

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { IKeytipProps } from '@fluentui/react-internal';
-import { IButtonProps } from '@fluentui/react-internal/lib/compat/Button';
-import { IRefObject, IRenderFunction } from '@fluentui/utilities';
-/**
- * {@docCategory Pivot}
- */
-export interface IPivotItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Gets the component ref.
-     */
-    componentRef?: IRefObject<{}>;
-    /**
-     * The text displayed of each pivot link - renaming to `headerText`.
-     * @deprecated Use `headerText` instead.
-     */
-    linkText?: string;
-    /**
-     * The text displayed of each pivot link.
-     */
-    headerText?: string;
-    /**
-     * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,
-     * for each pivot header/link element.
-     */
-    headerButtonProps?: IButtonProps | {
-        [key: string]: string | number | boolean;
-    };
-    /**
-     * An required key to uniquely identify a pivot item.
-     *
-     * Note: The 'key' from react props cannot be used inside component.
-     */
-    itemKey?: string;
-    /**
-     * The aria label of each pivot link which will read by screen reader instead of linkText.
-     *
-     * Note that unless you have compelling requirements you should not override aria-label.
-     */
-    ariaLabel?: string;
-    /**
-     * Defines an optional item count displayed in parentheses just after the `linkText`.
-     *
-     * Examples: completed (4), Unread (99+)
-     */
-    itemCount?: number | string;
-    /**
-     * An optional icon to show next to the pivot link.
-     */
-    itemIcon?: string;
-    /**
-     * Optional custom renderer for the pivot item link
-     */
-    onRenderItemLink?: IRenderFunction<IPivotItemProps>;
-    /**
-     * Optional keytip for this PivotItem
-     */
-    keytipProps?: IKeytipProps;
-    /**
-     * Defines whether to always render the pivot item (regardless of whether it is selected or not).
-     * Useful if you're rendering content that is expensive to mount.
-     *
-     * @defaultvalue false
-     */
-    alwaysRender?: boolean;
-}

package/lib-amd/components/Pivot/PivotItem.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=PivotItem.types.js.map

package/lib-amd/components/Pivot/PivotItem.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PivotItem.types.js","sourceRoot":"../src/","sources":["components/Pivot/PivotItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IKeytipProps } from '@fluentui/react-internal';\nimport { IButtonProps } from '@fluentui/react-internal/lib/compat/Button';\nimport { IRefObject, IRenderFunction } from '@fluentui/utilities';\n\n/**\n * {@docCategory Pivot}\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IPivotItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gets the component ref.\n   */\n  componentRef?: IRefObject<{}>;\n\n  /**\n   * The text displayed of each pivot link - renaming to `headerText`.\n   * @deprecated Use `headerText` instead.\n   */\n  linkText?: string;\n\n  /**\n   * The text displayed of each pivot link.\n   */\n  headerText?: string;\n\n  /**\n   * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,\n   * for each pivot header/link element.\n   */\n  headerButtonProps?: IButtonProps | { [key: string]: string | number | boolean };\n\n  /**\n   * An required key to uniquely identify a pivot item.\n   *\n   * Note: The 'key' from react props cannot be used inside component.\n   */\n  itemKey?: string;\n\n  /**\n   * The aria label of each pivot link which will read by screen reader instead of linkText.\n   *\n   * Note that unless you have compelling requirements you should not override aria-label.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Defines an optional item count displayed in parentheses just after the `linkText`.\n   *\n   * Examples: completed (4), Unread (99+)\n   */\n  itemCount?: number | string;\n\n  /**\n   * An optional icon to show next to the pivot link.\n   */\n  itemIcon?: string;\n\n  /**\n   * Optional custom renderer for the pivot item link\n   */\n  onRenderItemLink?: IRenderFunction<IPivotItemProps>;\n\n  /**\n   * Optional keytip for this PivotItem\n   */\n  keytipProps?: IKeytipProps;\n\n  /**\n   * Defines whether to always render the pivot item (regardless of whether it is selected or not).\n   * Useful if you're rendering content that is expensive to mount.\n   *\n   * @defaultvalue false\n   */\n  alwaysRender?: boolean;\n}\n"]}

package/lib-amd/components/Pivot/index.d.ts

@@ -1,5 +0,0 @@
-export * from './Pivot';
-export * from './Pivot.base';
-export { PivotItem } from './PivotItem';
-export * from './Pivot.types';
-export * from './PivotItem.types';

package/lib-amd/components/Pivot/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./Pivot", "./Pivot.base", "./PivotItem", "./Pivot.types"], function (require, exports, tslib_1, Pivot_1, Pivot_base_1, PivotItem_1, Pivot_types_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Pivot_1, exports);
-    tslib_1.__exportStar(Pivot_base_1, exports);
-    exports.PivotItem = PivotItem_1.PivotItem;
-    tslib_1.__exportStar(Pivot_types_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/Pivot/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Pivot/index.ts"],"names":[],"mappings":";;;IAAA,uCAAwB;IACxB,4CAA6B;IACpB,gCAAA,SAAS,CAAA;IAClB,6CAA8B","sourcesContent":["export * from './Pivot';\nexport * from './Pivot.base';\nexport { PivotItem } from './PivotItem';\nexport * from './Pivot.types';\nexport * from './PivotItem.types';\n"]}

package/lib-amd/next/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"../src/","sources":["next/Tabs.ts"],"names":[],"mappings":";;;IAAA,uCAAwC","sourcesContent":["export * from './components/Tabs/index';\n"]}

package/lib-amd/next/components/Tabs/TabItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.js","sourceRoot":"../src/","sources":["next/components/Tabs/TabItem.tsx"],"names":[],"mappings":";;;IAIA,oCAAoC;IAEpC;QAA6B,mCAAiC;QAC5D,iBAAY,KAAmB;YAA/B,YACE,kBAAM,KAAK,CAAC,SAGb;YADC,kCAAsB,CAAC,KAAI,CAAC,CAAC;;QAC/B,CAAC;QAEM,wBAAM,GAAb;YACE,OAAO,gDAAS,0BAAc,CAAC,IAAI,CAAC,KAAK,EAAE,yBAAa,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO,CAAC;QACzF,CAAC;QACH,cAAC;IAAD,CAAC,AAVD,CAA6B,KAAK,CAAC,SAAS,GAU3C;IAVY,0BAAO","sourcesContent":["import * as React from 'react';\nimport { getNativeProps, divProperties, initializeComponentRef } from '@fluentui/utilities';\nimport { TabItemProps } from './TabItem.types';\n\n// const COMPONENT_NAME = 'TabItem';\n\nexport class TabItem extends React.Component<TabItemProps, {}> {\n  constructor(props: TabItemProps) {\n    super(props);\n\n    initializeComponentRef(this);\n  }\n\n  public render(): JSX.Element {\n    return <div {...getNativeProps(this.props, divProperties)}>{this.props.children}</div>;\n  }\n}\n"]}

package/lib-amd/next/components/Tabs/TabItem.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabItem.types.js","sourceRoot":"../src/","sources":["next/components/Tabs/TabItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { IKeytipProps } from '@fluentui/react-internal';\nimport { IButtonProps } from '@fluentui/react-internal/lib/compat/Button';\nimport { IRefObject, IRenderFunction } from '@fluentui/utilities';\n\n/**\n * {@docCategory Tabs}\n */\nexport interface TabItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Gets the component ref.\n   */\n  componentRef?: IRefObject<{}>;\n\n  /**\n   * The text displayed of each tab.\n   */\n  headerText?: string;\n\n  /**\n   * Props for the header command button. This provides a way to pass in native props, such as data-* and aria-*,\n   * for each tab element.\n   */\n  headerButtonProps?: IButtonProps | { [key: string]: string | number | boolean };\n\n  /**\n   * An required key to uniquely identify a tab item.\n   *\n   * Note: The 'key' from react props cannot be used inside component.\n   */\n  itemKey?: string;\n\n  /**\n   * The aria label of each tab which will read by screen reader instead of headerText.\n   *\n   * Note that unless you have compelling requirements you should not override aria-label.\n   */\n  ariaLabel?: string;\n\n  /**\n   * Defines an optional item count displayed in parentheses just after the `headerText`.\n   *\n   * Examples: completed (4), Unread (99+)\n   */\n  itemCount?: number | string;\n\n  /**\n   * An optional icon to show next to the tab.\n   */\n  itemIcon?: string;\n\n  /**\n   * Optional custom renderer for the tab\n   */\n  onRenderTab?: IRenderFunction<TabItemProps>;\n\n  /**\n   * Optional keytip for this TabItem\n   */\n  keytipProps?: IKeytipProps;\n\n  /**\n   * Defines whether to always render the tab item (regardless of whether it is selected or not).\n   * Useful if you're rendering content that is expensive to mount.\n   *\n   * @defaultvalue false\n   */\n  alwaysRender?: boolean;\n}\n"]}