first commit

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.base.d.ts

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

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.base.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShimmerCircleBase = void 0;
+var React = require("react");
+var Utilities_1 = require("../../../Utilities");
+var getClassNames = (0, Utilities_1.classNamesFunction)();
+var ShimmerCircleBase = function (props) {
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    var height = props.height, styles = props.styles, borderStyle = props.borderStyle, theme = props.theme;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        height: height,
+        borderStyle: borderStyle,
+    });
+    return (React.createElement("div", { className: classNames.root },
+        React.createElement("svg", { viewBox: "0 0 10 10", width: height, height: height, className: classNames.svg },
+            React.createElement("path", { d: "M0,0 L10,0 L10,10 L0,10 L0,0 Z M0,5 C0,7.76142375 2.23857625,10 5,10 C7.76142375,10 10,7.76142375 10,5 C10,2.23857625 7.76142375,2.22044605e-16 5,0 C2.23857625,-2.22044605e-16 0,2.23857625 0,5 L0,5 Z" }))));
+};
+exports.ShimmerCircleBase = ShimmerCircleBase;
+//# sourceMappingURL=ShimmerCircle.base.js.map

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerCircle.base.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,gDAAwD;AAGxD,IAAM,aAAa,GAAG,IAAA,8BAAkB,GAAkD,CAAC;AAEpF,IAAM,iBAAiB,GAAiD,UAAA,KAAK;IAClF,4DAA4D;IACpD,IAAA,MAAM,GAAiC,KAAK,OAAtC,EAAE,MAAM,GAAyB,KAAK,OAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACrD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;QACxC,KAAK,EAAE,KAAM;QACb,MAAM,QAAA;QACN,WAAW,aAAA;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI;QAC7B,6BAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,GAAG;YAC/E,8BAAM,CAAC,EAAC,yMAAyM,GAAG,CAChN,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,iBAAiB,qBAgB5B","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../../Utilities';\nimport type { IShimmerCircleProps, IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\n\nconst getClassNames = classNamesFunction<IShimmerCircleStyleProps, IShimmerCircleStyles>();\n\nexport const ShimmerCircleBase: React.FunctionComponent<IShimmerCircleProps> = props => {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { height, styles, borderStyle, theme } = props;\n  const classNames = getClassNames(styles!, {\n    theme: theme!,\n    height,\n    borderStyle,\n  });\n\n  return (\n    <div className={classNames.root}>\n      <svg viewBox=\"0 0 10 10\" width={height} height={height} className={classNames.svg}>\n        <path d=\"M0,0 L10,0 L10,10 L0,10 L0,0 Z M0,5 C0,7.76142375 2.23857625,10 5,10 C7.76142375,10 10,7.76142375 10,5 C10,2.23857625 7.76142375,2.22044605e-16 5,0 C2.23857625,-2.22044605e-16 0,2.23857625 0,5 L0,5 Z\" />\n      </svg>\n    </div>\n  );\n};\n"]}

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.d.ts

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

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShimmerCircle = void 0;
+var Utilities_1 = require("../../../Utilities");
+var ShimmerCircle_styles_1 = require("./ShimmerCircle.styles");
+var ShimmerCircle_base_1 = require("./ShimmerCircle.base");
+exports.ShimmerCircle = (0, Utilities_1.styled)(ShimmerCircle_base_1.ShimmerCircleBase, ShimmerCircle_styles_1.getStyles, undefined, { scope: 'ShimmerCircle' });
+//# sourceMappingURL=ShimmerCircle.js.map

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerCircle.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.tsx"],"names":[],"mappings":";;;AACA,gDAA4C;AAC5C,+DAAmD;AACnD,2DAAyD;AAG5C,QAAA,aAAa,GAAiD,IAAA,kBAAM,EAI/E,sCAAiB,EAAE,gCAAS,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../../Utilities';\nimport { getStyles } from './ShimmerCircle.styles';\nimport { ShimmerCircleBase } from './ShimmerCircle.base';\nimport type { IShimmerCircleProps, IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\n\nexport const ShimmerCircle: React.FunctionComponent<IShimmerCircleProps> = styled<\n  IShimmerCircleProps,\n  IShimmerCircleStyleProps,\n  IShimmerCircleStyles\n>(ShimmerCircleBase, getStyles, undefined, { scope: 'ShimmerCircle' });\n"]}

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.d.ts

@@ -0,0 +1,2 @@
+import type { IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';
+export declare function getStyles(props: IShimmerCircleStyleProps): IShimmerCircleStyles;

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyles = getStyles;
+var Styling_1 = require("../../../Styling");
+var GlobalClassNames = {
+    root: 'ms-ShimmerCircle-root',
+    svg: 'ms-ShimmerCircle-svg',
+};
+function getStyles(props) {
+    var _a, _b;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    var height = props.height, borderStyle = props.borderStyle, theme = props.theme;
+    var semanticColors = theme.semanticColors;
+    var globalClassNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
+    var borderStyles = borderStyle || {};
+    return {
+        root: [
+            globalClassNames.root,
+            theme.fonts.medium,
+            {
+                width: "".concat(height, "px"),
+                height: "".concat(height, "px"),
+                minWidth: "".concat(height, "px"), // Fix for IE11 flex items
+                boxSizing: 'content-box',
+                borderTopStyle: 'solid',
+                borderBottomStyle: 'solid',
+                borderColor: semanticColors.bodyBackground,
+                selectors: (_a = {},
+                    _a[Styling_1.HighContrastSelector] = {
+                        borderColor: 'Window',
+                    },
+                    _a),
+            },
+            borderStyles,
+        ],
+        svg: [
+            globalClassNames.svg,
+            {
+                display: 'block',
+                fill: semanticColors.bodyBackground,
+                selectors: (_b = {},
+                    _b[Styling_1.HighContrastSelector] = {
+                        fill: 'Window',
+                    },
+                    _b),
+            },
+        ],
+    };
+}
+//# sourceMappingURL=ShimmerCircle.styles.js.map

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerCircle.styles.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts"],"names":[],"mappings":";;AASA,8BA0CC;AAnDD,4CAA6E;AAI7E,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,uBAAuB;IAC7B,GAAG,EAAE,sBAAsB;CAC5B,CAAC;AAEF,SAAgB,SAAS,CAAC,KAA+B;;IACvD,4DAA4D;IACpD,IAAA,MAAM,GAAyB,KAAK,OAA9B,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAErC,IAAA,cAAc,GAAK,KAAK,eAAV,CAAW;IACjC,IAAM,gBAAgB,GAAG,IAAA,6BAAmB,EAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;IAEtE,IAAM,YAAY,GAAc,WAAW,IAAI,EAAE,CAAC;IAElD,OAAO;QACL,IAAI,EAAE;YACJ,gBAAgB,CAAC,IAAI;YACrB,KAAK,CAAC,KAAK,CAAC,MAAM;YAClB;gBACE,KAAK,EAAE,UAAG,MAAM,OAAI;gBACpB,MAAM,EAAE,UAAG,MAAM,OAAI;gBACrB,QAAQ,EAAE,UAAG,MAAM,OAAI,EAAE,0BAA0B;gBACnD,SAAS,EAAE,aAAa;gBACxB,cAAc,EAAE,OAAO;gBACvB,iBAAiB,EAAE,OAAO;gBAC1B,WAAW,EAAE,cAAc,CAAC,cAAc;gBAC1C,SAAS;oBACP,GAAC,8BAAoB,IAAG;wBACtB,WAAW,EAAE,QAAQ;qBACtB;uBACF;aACF;YACD,YAAY;SACb;QACD,GAAG,EAAE;YACH,gBAAgB,CAAC,GAAG;YACpB;gBACE,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,cAAc,CAAC,cAAc;gBACnC,SAAS;oBACP,GAAC,8BAAoB,IAAG;wBACtB,IAAI,EAAE,QAAQ;qBACf;uBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { getGlobalClassNames, HighContrastSelector } from '../../../Styling';\nimport type { IShimmerCircleStyleProps, IShimmerCircleStyles } from './ShimmerCircle.types';\nimport type { IRawStyle } from '../../../Styling';\n\nconst GlobalClassNames = {\n  root: 'ms-ShimmerCircle-root',\n  svg: 'ms-ShimmerCircle-svg',\n};\n\nexport function getStyles(props: IShimmerCircleStyleProps): IShimmerCircleStyles {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { height, borderStyle, theme } = props;\n\n  const { semanticColors } = theme;\n  const globalClassNames = getGlobalClassNames(GlobalClassNames, theme);\n\n  const borderStyles: IRawStyle = borderStyle || {};\n\n  return {\n    root: [\n      globalClassNames.root,\n      theme.fonts.medium,\n      {\n        width: `${height}px`,\n        height: `${height}px`,\n        minWidth: `${height}px`, // Fix for IE11 flex items\n        boxSizing: 'content-box',\n        borderTopStyle: 'solid',\n        borderBottomStyle: 'solid',\n        borderColor: semanticColors.bodyBackground,\n        selectors: {\n          [HighContrastSelector]: {\n            borderColor: 'Window',\n          },\n        },\n      },\n      borderStyles,\n    ],\n    svg: [\n      globalClassNames.svg,\n      {\n        display: 'block',\n        fill: semanticColors.bodyBackground,\n        selectors: {\n          [HighContrastSelector]: {\n            fill: 'Window',\n          },\n        },\n      },\n    ],\n  };\n}\n"]}

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.types.d.ts

@@ -0,0 +1,70 @@
+import * as React from 'react';
+import type { IStyle, ITheme, IRawStyle } from '../../../Styling';
+import type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';
+/**
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerCircle {
+}
+/**
+ * ShimmerCircle component props.
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerCircleProps extends React.AllHTMLAttributes<HTMLElement> {
+    /**
+     * Optional callback to access the IShimmerCircle interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: IRefObject<IShimmerCircle>;
+    /**
+     * Sets the height of the circle.
+     * @defaultvalue 24px
+     */
+    height?: number;
+    /**
+     * Theme provided by High-Order Component.
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IShimmerCircleStyleProps, IShimmerCircleStyles>;
+    /**
+     * Use to set custom styling of the shimmerCircle borders.
+     * @deprecated Use `styles.root` instead.
+     */
+    borderStyle?: IRawStyle;
+}
+/**
+ * Props needed to construct styles.
+ * {@docCategory Shimmer}
+ */
+export type IShimmerCircleStyleProps = {
+    /**
+     * Theme values passed to the component.
+     */
+    theme: ITheme;
+    /**
+     * Needed to provide a height to the root of the control.
+     */
+    height?: number;
+    /**
+     * Styles to override borderStyles with custom ones.
+     * @deprecated Deprecated in favor of mergeStyles API.
+     */
+    borderStyle?: IRawStyle;
+};
+/**
+ * Represents the stylable areas of the control.
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerCircleStyles {
+    /**
+     * Root of the ShimmerCircle component.
+     */
+    root?: IStyle;
+    /**
+     * Style for the circle SVG of the ShimmerCircle component.
+     */
+    svg?: IStyle;
+}

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.types.js

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

node_modules/@fluentui/react/lib-commonjs/components/Shimmer/ShimmerCircle/ShimmerCircle.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerCircle.types.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IStyle, ITheme, IRawStyle } from '../../../Styling';\nimport type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';\n\n/**\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircle {}\n\n/**\n * ShimmerCircle component props.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircleProps extends React.AllHTMLAttributes<HTMLElement> {\n  /**\n   * Optional callback to access the IShimmerCircle interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: IRefObject<IShimmerCircle>;\n\n  /**\n   * Sets the height of the circle.\n   * @defaultvalue 24px\n   */\n  height?: number;\n\n  /**\n   * Theme provided by High-Order Component.\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<IShimmerCircleStyleProps, IShimmerCircleStyles>;\n\n  /**\n   * Use to set custom styling of the shimmerCircle borders.\n   * @deprecated Use `styles.root` instead.\n   */\n  borderStyle?: IRawStyle;\n}\n\n/**\n * Props needed to construct styles.\n * {@docCategory Shimmer}\n */\nexport type IShimmerCircleStyleProps = {\n  /**\n   * Theme values passed to the component.\n   */\n  theme: ITheme;\n\n  /**\n   * Needed to provide a height to the root of the control.\n   */\n  height?: number;\n\n  /**\n   * Styles to override borderStyles with custom ones.\n   * @deprecated Deprecated in favor of mergeStyles API.\n   */\n  borderStyle?: IRawStyle;\n};\n\n/**\n * Represents the stylable areas of the control.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerCircleStyles {\n  /**\n   * Root of the ShimmerCircle component.\n   */\n  root?: IStyle;\n\n  /**\n   * Style for the circle SVG of the ShimmerCircle component.\n   */\n  svg?: IStyle;\n}\n"]}