first commit

node_modules/@fluentui/react/lib-commonjs/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-commonjs/components/Separator/Separator.base.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SeparatorBase = void 0;
+var React = require("react");
+var Utilities_1 = require("../../Utilities");
+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-commonjs/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":";;;AAAA,6BAA+B;AAC/B,6CAAqD;AAGrD,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAA0C,CAAC;AAEtE,QAAA,aAAa,GAA6C,KAAK,CAAC,UAAU,CAGrF,UAAC,KAAK,EAAE,GAAG;IACH,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;IAE7E,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;QACxC,KAAK,EAAE,KAAM;QACb,SAAS,WAAA;QACT,YAAY,cAAA;QACZ,QAAQ,UAAA;KACT,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG;QACvC,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;AACJ,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-commonjs/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-commonjs/components/Separator/Separator.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+var Utilities_1 = require("../../Utilities");
+var Separator_styles_1 = require("./Separator.styles");
+var Separator_base_1 = require("./Separator.base");
+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-commonjs/components/Separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"../src/","sources":["components/Separator/Separator.tsx"],"names":[],"mappings":";;;AACA,6CAAyC;AACzC,uDAA+C;AAC/C,mDAAiD;AAGpC,QAAA,SAAS,GAA6C,IAAA,kBAAM,EAIvE,8BAAa,EAAE,4BAAS,EAAE,SAAS,EAAE;IACrC,KAAK,EAAE,WAAW;CACnB,CAAC,CAAC;AACH,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-commonjs/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-commonjs/components/Separator/Separator.styles.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = void 0;
+var Styling_1 = require("../../Styling");
+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-commonjs/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":";;;AAAA,yCAAqD;AAG9C,IAAM,SAAS,GAAG,UAAC,KAA2B;;IAC3C,IAAA,KAAK,GAAwC,KAAK,MAA7C,EAAE,YAAY,GAA0B,KAAK,aAA/B,EAAE,QAAQ,GAAgB,KAAK,SAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAE3D,IAAM,UAAU,GAAG,YAAY,KAAK,OAAO,CAAC;IAC5C,IAAM,WAAW,GAAG,YAAY,KAAK,QAAQ,CAAC;IAC9C,IAAM,QAAQ,GAAG,YAAY,KAAK,KAAK,CAAC;IAExC,OAAO;QACL,IAAI,EAAE;YACJ,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB;gBACE,QAAQ,EAAE,UAAU;aACrB;YACD,YAAY,IAAI;gBACd,SAAS,EAAE,YAAY;aACxB;YACD,CAAC,YAAY,IAAI;gBACf,SAAS,EAAE,QAAQ;aACpB;YACD,QAAQ;gBACN,CAAC,WAAW,IAAI,CAAC,YAAY,CAAC,IAAI;gBAChC,aAAa,EAAE,QAAQ;aACxB;YACH,QAAQ;gBACN,UAAU,IAAI;gBACZ,aAAa,EAAE,KAAK;aACrB;YACH,QAAQ;gBACN,QAAQ,IAAI;gBACV,aAAa,EAAE,QAAQ;aACxB;YACH,QAAQ,IAAI;gBACV,OAAO,EAAE,OAAO;gBAChB,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,CAAC;gBACT,SAAS,EAAE;oBACT,QAAQ;4BACN,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;4BAC7C,KAAK,EAAE,KAAK;4BACZ,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,GAAG;4BACR,MAAM,EAAE,GAAG;4BACX,IAAI,EAAE,KAAK;4BACX,KAAK,EAAE,GAAG;4BACV,MAAM,EAAE,CAAC,CAAC;;wBACV,GAAC,8BAAoB,IAAG;4BACtB,eAAe,EAAE,YAAY;yBAC9B;2BACF;iBACF;aACF;YACD,CAAC,QAAQ,IAAI;gBACX,OAAO,EAAE,OAAO;gBAChB,SAAS,EAAE;oBACT,SAAS;4BACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;4BAC7C,MAAM,EAAE,KAAK;4BACb,OAAO,EAAE,IAAI;4BACb,OAAO,EAAE,OAAO;4BAChB,QAAQ,EAAE,UAAU;4BACpB,GAAG,EAAE,KAAK;4BACV,MAAM,EAAE,GAAG;4BACX,IAAI,EAAE,GAAG;4BACT,KAAK,EAAE,GAAG;;wBACV,GAAC,8BAAoB,IAAG;4BACtB,eAAe,EAAE,YAAY;yBAC9B;2BACF;iBACF;aACF;YACD,SAAS;SACV;QACD,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,cAAc;gBACvB,OAAO,EAAE,QAAQ;gBACjB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ;gBACpC,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc;aAChD;YACD,QAAQ,IAAI;gBACV,OAAO,EAAE,QAAQ;aAClB;SACF;KACF,CAAC;AACJ,CAAC,CAAC;AAvFW,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-commonjs/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-commonjs/components/Separator/Separator.types.js

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

node_modules/@fluentui/react/lib-commonjs/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-commonjs/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-commonjs/components/Separator/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Separator.base"), exports);
+tslib_1.__exportStar(require("./Separator"), exports);
+tslib_1.__exportStar(require("./Separator.types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Separator/index.ts"],"names":[],"mappings":";;;AAAA,2DAAiC;AACjC,sDAA4B;AAC5B,4DAAkC","sourcesContent":["export * from './Separator.base';\nexport * from './Separator';\nexport * from './Separator.types';\n"]}