first commit

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.base.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { IShimmerGapProps } from './ShimmerGap.types';
+/**
+ * {@docCategory Shimmer}
+ */
+export declare const ShimmerGapBase: React.FunctionComponent<IShimmerGapProps>;

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.base.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { classNamesFunction } from '../../../Utilities';
+var getClassNames = classNamesFunction();
+/**
+ * {@docCategory Shimmer}
+ */
+export var ShimmerGapBase = function (props) {
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    var height = props.height, styles = props.styles, _a = props.width, width = _a === void 0 ? '10px' : _a, borderStyle = props.borderStyle, theme = props.theme;
+    var classNames = getClassNames(styles, {
+        theme: theme,
+        height: height,
+        borderStyle: borderStyle,
+    });
+    return (React.createElement("div", { style: { width: width, minWidth: typeof width === 'number' ? "".concat(width, "px") : 'auto' }, className: classNames.root }));
+};
+//# sourceMappingURL=ShimmerGap.base.js.map

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerGap.base.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerGap/ShimmerGap.base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD,IAAM,aAAa,GAAG,kBAAkB,EAA4C,CAAC;AAErF;;GAEG;AACH,MAAM,CAAC,IAAM,cAAc,GAA8C,UAAA,KAAK;IAC5E,4DAA4D;IACpD,IAAA,MAAM,GAAiD,KAAK,OAAtD,EAAE,MAAM,GAAyC,KAAK,OAA9C,EAAE,KAAuC,KAAK,MAA9B,EAAd,KAAK,mBAAG,MAAM,KAAA,EAAE,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAErE,IAAM,UAAU,GAAG,aAAa,CAAC,MAAO,EAAE;QACxC,KAAK,EAAE,KAAM;QACb,MAAM,QAAA;QACN,WAAW,aAAA;KACZ,CAAC,CAAC;IAEH,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,IAAI,GAAI,CACnH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '../../../Utilities';\nimport type { IShimmerGapProps, IShimmerGapStyleProps, IShimmerGapStyles } from './ShimmerGap.types';\n\nconst getClassNames = classNamesFunction<IShimmerGapStyleProps, IShimmerGapStyles>();\n\n/**\n * {@docCategory Shimmer}\n */\nexport const ShimmerGapBase: React.FunctionComponent<IShimmerGapProps> = props => {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  const { height, styles, width = '10px', borderStyle, theme } = props;\n\n  const classNames = getClassNames(styles!, {\n    theme: theme!,\n    height,\n    borderStyle,\n  });\n\n  return (\n    <div style={{ width, minWidth: typeof width === 'number' ? `${width}px` : 'auto' }} className={classNames.root} />\n  );\n};\n"]}

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.d.ts

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

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.js

@@ -0,0 +1,7 @@
+import { styled } from '../../../Utilities';
+import { ShimmerGapBase } from './ShimmerGap.base';
+import { getStyles } from './ShimmerGap.styles';
+export var ShimmerGap = styled(ShimmerGapBase, getStyles, undefined, {
+    scope: 'ShimmerGap',
+});
+//# sourceMappingURL=ShimmerGap.js.map

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerGap.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerGap/ShimmerGap.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,MAAM,CAAC,IAAM,UAAU,GAA8C,MAAM,CAIzE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE;IACtC,KAAK,EAAE,YAAY;CACpB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { styled } from '../../../Utilities';\nimport { ShimmerGapBase } from './ShimmerGap.base';\nimport { getStyles } from './ShimmerGap.styles';\nimport type { IShimmerGapProps, IShimmerGapStyleProps, IShimmerGapStyles } from './ShimmerGap.types';\n\nexport const ShimmerGap: React.FunctionComponent<IShimmerGapProps> = styled<\n  IShimmerGapProps,\n  IShimmerGapStyleProps,\n  IShimmerGapStyles\n>(ShimmerGapBase, getStyles, undefined, {\n  scope: 'ShimmerGap',\n});\n"]}

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.styles.d.ts

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

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.styles.js

@@ -0,0 +1,34 @@
+import { getGlobalClassNames, HighContrastSelector } from '../../../Styling';
+var GlobalClassNames = {
+    root: 'ms-ShimmerGap-root',
+};
+export function getStyles(props) {
+    var _a;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    var height = props.height, borderStyle = props.borderStyle, theme = props.theme;
+    var semanticColors = theme.semanticColors;
+    var globalClassNames = getGlobalClassNames(GlobalClassNames, theme);
+    var borderStyles = borderStyle || {};
+    return {
+        root: [
+            globalClassNames.root,
+            theme.fonts.medium,
+            {
+                backgroundColor: semanticColors.bodyBackground,
+                height: "".concat(height, "px"),
+                boxSizing: 'content-box',
+                borderTopStyle: 'solid',
+                borderBottomStyle: 'solid',
+                borderColor: semanticColors.bodyBackground,
+                selectors: (_a = {},
+                    _a[HighContrastSelector] = {
+                        backgroundColor: 'Window',
+                        borderColor: 'Window',
+                    },
+                    _a),
+            },
+            borderStyles,
+        ],
+    };
+}
+//# sourceMappingURL=ShimmerGap.styles.js.map

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerGap.styles.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerGap/ShimmerGap.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE,oBAAoB;CAC3B,CAAC;AAEF,MAAM,UAAU,SAAS,CAAC,KAA4B;;IACpD,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,mBAAmB,CAAC,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,eAAe,EAAE,cAAc,CAAC,cAAc;gBAC9C,MAAM,EAAE,UAAG,MAAM,OAAI;gBACrB,SAAS,EAAE,aAAa;gBACxB,cAAc,EAAE,OAAO;gBACvB,iBAAiB,EAAE,OAAO;gBAC1B,WAAW,EAAE,cAAc,CAAC,cAAc;gBAC1C,SAAS;oBACP,GAAC,oBAAoB,IAAG;wBACtB,eAAe,EAAE,QAAQ;wBACzB,WAAW,EAAE,QAAQ;qBACtB;uBACF;aACF;YACD,YAAY;SACb;KACF,CAAC;AACJ,CAAC","sourcesContent":["import { getGlobalClassNames, HighContrastSelector } from '../../../Styling';\nimport type { IShimmerGapStyleProps, IShimmerGapStyles } from './ShimmerGap.types';\nimport type { IRawStyle } from '../../../Styling';\n\nconst GlobalClassNames = {\n  root: 'ms-ShimmerGap-root',\n};\n\nexport function getStyles(props: IShimmerGapStyleProps): IShimmerGapStyles {\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        backgroundColor: semanticColors.bodyBackground,\n        height: `${height}px`,\n        boxSizing: 'content-box',\n        borderTopStyle: 'solid',\n        borderBottomStyle: 'solid',\n        borderColor: semanticColors.bodyBackground,\n        selectors: {\n          [HighContrastSelector]: {\n            backgroundColor: 'Window',\n            borderColor: 'Window',\n          },\n        },\n      },\n      borderStyles,\n    ],\n  };\n}\n"]}

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.types.d.ts

@@ -0,0 +1,71 @@
+import * as React from 'react';
+import type { IStyle, IRawStyle, ITheme } from '../../../Styling';
+import type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';
+/**
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerGap {
+}
+/**
+ * ShimmerGap component props.
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerGapProps extends React.AllHTMLAttributes<HTMLElement> {
+    /**
+     * Optional callback to access the IShimmerGap interface. Use this instead of ref for accessing
+     * the public methods and properties of the component.
+     */
+    componentRef?: IRefObject<IShimmerGap>;
+    /**
+     * Sets the height of the gap.
+     * @defaultvalue 16px
+     */
+    height?: number;
+    /**
+     * Sets width value of the gap.
+     * @defaultvalue 10px
+     */
+    width?: number | string;
+    /**
+     * Theme provided by High-Order Component.
+     */
+    theme?: ITheme;
+    /**
+     * Call to provide customized styling that will layer on top of the variant rules.
+     */
+    styles?: IStyleFunctionOrObject<IShimmerGapStyleProps, IShimmerGapStyles>;
+    /**
+     * Use to set custom styling of the shimmerGap borders.
+     * @deprecated Use `styles.root` instead.
+     */
+    borderStyle?: IRawStyle;
+}
+/**
+ * Props needed to construct styles.
+ * {@docCategory Shimmer}
+ */
+export type IShimmerGapStyleProps = {
+    /**
+     * 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 Use `styles.root` instead.
+     */
+    borderStyle?: IRawStyle;
+};
+/**
+ * Represents the stylable areas of the control.
+ * {@docCategory Shimmer}
+ */
+export interface IShimmerGapStyles {
+    /**
+     * Root of the ShimmerGap component.
+     */
+    root?: IStyle;
+}

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ShimmerGap.types.js.map

node_modules/@fluentui/react/lib/components/Shimmer/ShimmerGap/ShimmerGap.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShimmerGap.types.js","sourceRoot":"../src/","sources":["components/Shimmer/ShimmerGap/ShimmerGap.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { IStyle, IRawStyle, ITheme } from '../../../Styling';\nimport type { IStyleFunctionOrObject, IRefObject } from '../../../Utilities';\n\n/**\n * {@docCategory Shimmer}\n */\nexport interface IShimmerGap {}\n\n/**\n * ShimmerGap component props.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerGapProps extends React.AllHTMLAttributes<HTMLElement> {\n  /**\n   * Optional callback to access the IShimmerGap interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: IRefObject<IShimmerGap>;\n\n  /**\n   * Sets the height of the gap.\n   * @defaultvalue 16px\n   */\n  height?: number;\n\n  /**\n   * Sets width value of the gap.\n   * @defaultvalue 10px\n   */\n  width?: number | string;\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<IShimmerGapStyleProps, IShimmerGapStyles>;\n\n  /**\n   * Use to set custom styling of the shimmerGap 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 IShimmerGapStyleProps = {\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 Use `styles.root` instead.\n   */\n  borderStyle?: IRawStyle;\n};\n\n/**\n * Represents the stylable areas of the control.\n * {@docCategory Shimmer}\n */\nexport interface IShimmerGapStyles {\n  /**\n   * Root of the ShimmerGap component.\n   */\n  root?: IStyle;\n}\n"]}