first commit

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.base.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ISeparatorProps } from './Separator.types';
+export declare const SeparatorBase: React.FunctionComponent<ISeparatorProps>;

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.base.js

@@ -0,0 +1,18 @@
+define(["require", "exports", "react", "../../Utilities"], function (require, exports, React, Utilities_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.SeparatorBase = void 0;
+    var getClassNames = (0, Utilities_1.classNamesFunction)();
+    exports.SeparatorBase = React.forwardRef(function (props, ref) {
+        var styles = props.styles, theme = props.theme, className = props.className, vertical = props.vertical, alignContent = props.alignContent, children = props.children;
+        var classNames = getClassNames(styles, {
+            theme: theme,
+            className: className,
+            alignContent: alignContent,
+            vertical: vertical,
+        });
+        return (React.createElement("div", { className: classNames.root, ref: ref },
+            React.createElement("div", { className: classNames.content, role: "separator", "aria-orientation": vertical ? 'vertical' : 'horizontal' }, children)));
+    });
+});
+//# sourceMappingURL=Separator.base.js.map

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.base.js","sourceRoot":"../src/","sources":["components/Separator/Separator.base.tsx"],"names":[],"mappings":";;;;IAIA,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAA0C,CAAC;IAEtE,QAAA,aAAa,GAA6C,KAAK,CAAC,UAAU,CAGrF,UAAC,KAAK,EAAE,GAAG;QACH,IAAA,MAAM,GAAyD,KAAK,OAA9D,EAAE,KAAK,GAAkD,KAAK,MAAvD,EAAE,SAAS,GAAuC,KAAK,UAA5C,EAAE,QAAQ,GAA6B,KAAK,SAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;QAE7E,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;YACxC,KAAK,EAAE,KAAM;YACb,SAAS,WAAA;YACT,YAAY,cAAA;YACZ,QAAQ,UAAA;SACT,CAAC,CAAC;QAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;YACvC,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,IAAI,EAAC,WAAW,sBAAmB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,IACxG,QAAQ,CACL,CACF,CACP,CAAC;IACJ,CAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../Utilities';\nimport type { ISeparatorProps, ISeparatorStyles, ISeparatorStyleProps } from './Separator.types';\n\nconst getClassNames = classNamesFunction<ISeparatorStyleProps, ISeparatorStyles>();\n\nexport const SeparatorBase: React.FunctionComponent<ISeparatorProps> = React.forwardRef<\n  HTMLDivElement,\n  ISeparatorProps\n>((props, ref) => {\n  const { styles, theme, className, vertical, alignContent, children } = props;\n\n  const classNames = getClassNames(styles!, {\n    theme: theme!,\n    className,\n    alignContent,\n    vertical,\n  });\n\n  return (\n    <div className={classNames.root} ref={ref}>\n      <div className={classNames.content} role=\"separator\" aria-orientation={vertical ? 'vertical' : 'horizontal'}>\n        {children}\n      </div>\n    </div>\n  );\n});\n"]}

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { ISeparatorProps } from './Separator.types';
+export declare const Separator: React.FunctionComponent<ISeparatorProps>;

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.js

@@ -0,0 +1,10 @@
+define(["require", "exports", "../../Utilities", "./Separator.styles", "./Separator.base"], function (require, exports, Utilities_1, Separator_styles_1, Separator_base_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Separator = void 0;
+    exports.Separator = (0, Utilities_1.styled)(Separator_base_1.SeparatorBase, Separator_styles_1.getStyles, undefined, {
+        scope: 'Separator',
+    });
+    exports.Separator.displayName = 'Separator';
+});
+//# sourceMappingURL=Separator.js.map

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"../src/","sources":["components/Separator/Separator.tsx"],"names":[],"mappings":";;;;IAMa,QAAA,SAAS,GAA6C,IAAA,kBAAM,EAIvE,8BAAa,EAAE,4BAAS,EAAE,SAAS,EAAE;QACrC,KAAK,EAAE,WAAW;KACnB,CAAC,CAAC;IACH,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../Utilities';\nimport { getStyles } from './Separator.styles';\nimport { SeparatorBase } from './Separator.base';\nimport type { ISeparatorProps, ISeparatorStyleProps, ISeparatorStyles } from './Separator.types';\n\nexport const Separator: React.FunctionComponent<ISeparatorProps> = styled<\n  ISeparatorProps,\n  ISeparatorStyleProps,\n  ISeparatorStyles\n>(SeparatorBase, getStyles, undefined, {\n  scope: 'Separator',\n});\nSeparator.displayName = 'Separator';\n"]}

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.styles.d.ts

@@ -0,0 +1,2 @@
+import type { ISeparatorStyleProps, ISeparatorStyles } from './Separator.types';
+export declare const getStyles: (props: ISeparatorStyleProps) => ISeparatorStyles;

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.styles.js

@@ -0,0 +1,96 @@
+define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getStyles = void 0;
+    var getStyles = function (props) {
+        var _a, _b;
+        var theme = props.theme, alignContent = props.alignContent, vertical = props.vertical, className = props.className;
+        var alignStart = alignContent === 'start';
+        var alignCenter = alignContent === 'center';
+        var alignEnd = alignContent === 'end';
+        return {
+            root: [
+                theme.fonts.medium,
+                {
+                    position: 'relative',
+                },
+                alignContent && {
+                    textAlign: alignContent,
+                },
+                !alignContent && {
+                    textAlign: 'center',
+                },
+                vertical &&
+                    (alignCenter || !alignContent) && {
+                    verticalAlign: 'middle',
+                },
+                vertical &&
+                    alignStart && {
+                    verticalAlign: 'top',
+                },
+                vertical &&
+                    alignEnd && {
+                    verticalAlign: 'bottom',
+                },
+                vertical && {
+                    padding: '0 4px',
+                    height: 'inherit',
+                    display: 'table-cell',
+                    zIndex: 1,
+                    selectors: {
+                        ':after': (_a = {
+                                backgroundColor: theme.palette.neutralLighter,
+                                width: '1px',
+                                content: '""',
+                                position: 'absolute',
+                                top: '0',
+                                bottom: '0',
+                                left: '50%',
+                                right: '0',
+                                zIndex: -1
+                            },
+                            _a[Styling_1.HighContrastSelector] = {
+                                backgroundColor: 'WindowText',
+                            },
+                            _a),
+                    },
+                },
+                !vertical && {
+                    padding: '4px 0',
+                    selectors: {
+                        ':before': (_b = {
+                                backgroundColor: theme.palette.neutralLighter,
+                                height: '1px',
+                                content: '""',
+                                display: 'block',
+                                position: 'absolute',
+                                top: '50%',
+                                bottom: '0',
+                                left: '0',
+                                right: '0'
+                            },
+                            _b[Styling_1.HighContrastSelector] = {
+                                backgroundColor: 'WindowText',
+                            },
+                            _b),
+                    },
+                },
+                className,
+            ],
+            content: [
+                {
+                    position: 'relative',
+                    display: 'inline-block',
+                    padding: '0 12px',
+                    color: theme.semanticColors.bodyText,
+                    background: theme.semanticColors.bodyBackground,
+                },
+                vertical && {
+                    padding: '12px 0',
+                },
+            ],
+        };
+    };
+    exports.getStyles = getStyles;
+});
+//# sourceMappingURL=Separator.styles.js.map

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.styles.js","sourceRoot":"../src/","sources":["components/Separator/Separator.styles.ts"],"names":[],"mappings":";;;;IAGO,IAAM,SAAS,GAAG,UAAC,KAA2B;;QAC3C,IAAA,KAAK,GAAwC,KAAK,MAA7C,EAAE,YAAY,GAA0B,KAAK,aAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;QAE3D,IAAM,UAAU,GAAG,YAAY,KAAK,OAAO,CAAC;QAC5C,IAAM,WAAW,GAAG,YAAY,KAAK,QAAQ,CAAC;QAC9C,IAAM,QAAQ,GAAG,YAAY,KAAK,KAAK,CAAC;QAExC,OAAO;YACL,IAAI,EAAE;gBACJ,KAAK,CAAC,KAAK,CAAC,MAAM;gBAClB;oBACE,QAAQ,EAAE,UAAU;iBACrB;gBACD,YAAY,IAAI;oBACd,SAAS,EAAE,YAAY;iBACxB;gBACD,CAAC,YAAY,IAAI;oBACf,SAAS,EAAE,QAAQ;iBACpB;gBACD,QAAQ;oBACN,CAAC,WAAW,IAAI,CAAC,YAAY,CAAC,IAAI;oBAChC,aAAa,EAAE,QAAQ;iBACxB;gBACH,QAAQ;oBACN,UAAU,IAAI;oBACZ,aAAa,EAAE,KAAK;iBACrB;gBACH,QAAQ;oBACN,QAAQ,IAAI;oBACV,aAAa,EAAE,QAAQ;iBACxB;gBACH,QAAQ,IAAI;oBACV,OAAO,EAAE,OAAO;oBAChB,MAAM,EAAE,SAAS;oBACjB,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,CAAC;oBACT,SAAS,EAAE;wBACT,QAAQ;gCACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;gCAC7C,KAAK,EAAE,KAAK;gCACZ,OAAO,EAAE,IAAI;gCACb,QAAQ,EAAE,UAAU;gCACpB,GAAG,EAAE,GAAG;gCACR,MAAM,EAAE,GAAG;gCACX,IAAI,EAAE,KAAK;gCACX,KAAK,EAAE,GAAG;gCACV,MAAM,EAAE,CAAC,CAAC;;4BACV,GAAC,8BAAoB,IAAG;gCACtB,eAAe,EAAE,YAAY;6BAC9B;+BACF;qBACF;iBACF;gBACD,CAAC,QAAQ,IAAI;oBACX,OAAO,EAAE,OAAO;oBAChB,SAAS,EAAE;wBACT,SAAS;gCACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;gCAC7C,MAAM,EAAE,KAAK;gCACb,OAAO,EAAE,IAAI;gCACb,OAAO,EAAE,OAAO;gCAChB,QAAQ,EAAE,UAAU;gCACpB,GAAG,EAAE,KAAK;gCACV,MAAM,EAAE,GAAG;gCACX,IAAI,EAAE,GAAG;gCACT,KAAK,EAAE,GAAG;;4BACV,GAAC,8BAAoB,IAAG;gCACtB,eAAe,EAAE,YAAY;6BAC9B;+BACF;qBACF;iBACF;gBACD,SAAS;aACV;YACD,OAAO,EAAE;gBACP;oBACE,QAAQ,EAAE,UAAU;oBACpB,OAAO,EAAE,cAAc;oBACvB,OAAO,EAAE,QAAQ;oBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;oBACpC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;iBAChD;gBACD,QAAQ,IAAI;oBACV,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF,CAAC;IACJ,CAAC,CAAC;IAvFW,QAAA,SAAS,aAuFpB","sourcesContent":["import { HighContrastSelector } from '../../Styling';\nimport type { ISeparatorStyleProps, ISeparatorStyles } from './Separator.types';\n\nexport const getStyles = (props: ISeparatorStyleProps): ISeparatorStyles => {\n  const { theme, alignContent, vertical, className } = props;\n\n  const alignStart = alignContent === 'start';\n  const alignCenter = alignContent === 'center';\n  const alignEnd = alignContent === 'end';\n\n  return {\n    root: [\n      theme.fonts.medium,\n      {\n        position: 'relative',\n      },\n      alignContent && {\n        textAlign: alignContent,\n      },\n      !alignContent && {\n        textAlign: 'center',\n      },\n      vertical &&\n        (alignCenter || !alignContent) && {\n          verticalAlign: 'middle',\n        },\n      vertical &&\n        alignStart && {\n          verticalAlign: 'top',\n        },\n      vertical &&\n        alignEnd && {\n          verticalAlign: 'bottom',\n        },\n      vertical && {\n        padding: '0 4px',\n        height: 'inherit',\n        display: 'table-cell',\n        zIndex: 1,\n        selectors: {\n          ':after': {\n            backgroundColor: theme.palette.neutralLighter,\n            width: '1px',\n            content: '\"\"',\n            position: 'absolute',\n            top: '0',\n            bottom: '0',\n            left: '50%',\n            right: '0',\n            zIndex: -1,\n            [HighContrastSelector]: {\n              backgroundColor: 'WindowText',\n            },\n          },\n        },\n      },\n      !vertical && {\n        padding: '4px 0',\n        selectors: {\n          ':before': {\n            backgroundColor: theme.palette.neutralLighter,\n            height: '1px',\n            content: '\"\"',\n            display: 'block',\n            position: 'absolute',\n            top: '50%',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            [HighContrastSelector]: {\n              backgroundColor: 'WindowText',\n            },\n          },\n        },\n      },\n      className,\n    ],\n    content: [\n      {\n        position: 'relative',\n        display: 'inline-block',\n        padding: '0 12px',\n        color: theme.semanticColors.bodyText,\n        background: theme.semanticColors.bodyBackground,\n      },\n      vertical && {\n        padding: '12px 0',\n      },\n    ],\n  };\n};\n"]}

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.types.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+import type { IStyleFunctionOrObject } from '../../Utilities';
+import type { IStyle, ITheme } from '../../Styling';
+/**
+ * {@docCategory Separator}
+ */
+export interface ISeparator {
+}
+/**
+ * {@docCategory Separator}
+ */
+export interface ISeparatorProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {
+    /**
+     * Theme (provided through customization.)
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<ISeparatorStyleProps, ISeparatorStyles>;
+    /**
+     * Whether the element is a vertical separator.
+     */
+    vertical?: boolean;
+    /**
+     * Where the content should be aligned in the separator.
+     * @defaultValue 'center'
+     */
+    alignContent?: 'start' | 'center' | 'end';
+}
+/**
+ * {@docCategory Separator}
+ */
+export type ISeparatorStyleProps = Required<Pick<ISeparatorProps, 'theme'>> & Pick<ISeparatorProps, 'className' | 'alignContent' | 'vertical'>;
+/**
+ * {@docCategory Separator}
+ */
+export interface ISeparatorStyles {
+    /**
+     * Style for the root element
+     */
+    root: IStyle;
+    /**
+     * Style for the content
+     */
+    content: IStyle;
+}

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.types.js

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

node_modules/@fluentui/react/lib-amd/components/Separator/Separator.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.types.js","sourceRoot":"../src/","sources":["components/Separator/Separator.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IStyleFunctionOrObject } from '../../Utilities';\nimport type { IStyle, ITheme } from '../../Styling';\n\n/**\n * {@docCategory Separator}\n */\nexport interface ISeparator {}\n\n/**\n * {@docCategory Separator}\n */\nexport interface ISeparatorProps extends React.HTMLAttributes<HTMLDivElement>, React.RefAttributes<HTMLDivElement> {\n  /**\n   * Theme (provided through customization.)\n   */\n  theme?: ITheme;\n\n  /**\n   * Call to provide customized styling that will layer on top of the variant rules.\n   */\n  styles?: IStyleFunctionOrObject<ISeparatorStyleProps, ISeparatorStyles>;\n\n  /**\n   * Whether the element is a vertical separator.\n   */\n  vertical?: boolean;\n\n  /**\n   * Where the content should be aligned in the separator.\n   * @defaultValue 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n}\n\n/**\n * {@docCategory Separator}\n */\nexport type ISeparatorStyleProps = Required<Pick<ISeparatorProps, 'theme'>> &\n  Pick<ISeparatorProps, 'className' | 'alignContent' | 'vertical'>;\n\n/**\n * {@docCategory Separator}\n */\nexport interface ISeparatorStyles {\n  /**\n   * Style for the root element\n   */\n  root: IStyle;\n\n  /**\n   * Style for the content\n   */\n  content: IStyle;\n}\n"]}

node_modules/@fluentui/react/lib-amd/components/Separator/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Separator.base';
+export * from './Separator';
+export * from './Separator.types';

node_modules/@fluentui/react/lib-amd/components/Separator/index.js

@@ -0,0 +1,8 @@
+define(["require", "exports", "tslib", "./Separator.base", "./Separator", "./Separator.types"], function (require, exports, tslib_1, Separator_base_1, Separator_1, Separator_types_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    tslib_1.__exportStar(Separator_base_1, exports);
+    tslib_1.__exportStar(Separator_1, exports);
+    tslib_1.__exportStar(Separator_types_1, exports);
+});
+//# sourceMappingURL=index.js.map

node_modules/@fluentui/react/lib-amd/components/Separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Separator/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,2CAA4B;IAC5B,iDAAkC","sourcesContent":["export * from './Separator.base';\nexport * from './Separator';\nexport * from './Separator.types';\n"]}