@fluentui-react-native/experimental-shadow 0.2.0

package/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ['@fluentui-react-native/eslint-config-rules'],
+};

package/CHANGELOG.json

@@ -0,0 +1,20 @@
+{
+  "name": "@fluentui-react-native/experimental-shadow",
+  "entries": [
+    {
+      "date": "Tue, 28 Jun 2022 00:53:30 GMT",
+      "tag": "@fluentui-react-native/experimental-shadow_v0.2.0",
+      "version": "0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "78454019+lyzhan7@users.noreply.github.com",
+            "package": "@fluentui-react-native/experimental-shadow",
+            "commit": "b2d247cc39d7d3c8ca426f362a05f04e06b54d9b",
+            "comment": "Rename shadow to experimental-shadow"
+          }
+        ]
+      }
+    }
+  ]
+}

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Change Log - @fluentui-react-native/experimental-shadow
+
+This log was last generated on Tue, 28 Jun 2022 00:53:30 GMT and should not be manually modified.
+
+<!-- Start content -->
+
+## 0.2.0
+
+Tue, 28 Jun 2022 00:53:30 GMT
+
+### Minor changes
+
+- Rename shadow to experimental-shadow (78454019+lyzhan7@users.noreply.github.com)

package/SPEC.md

@@ -0,0 +1,5 @@
+# Shadow
+
+## Background
+
+Please write here you documentation...

package/babel.config.js

@@ -0,0 +1 @@
+module.exports = require('@fluentui-react-native/scripts/babel.config');

package/jest.config.js

@@ -0,0 +1,2 @@
+const { configureReactNativeJest } = require('@fluentui-react-native/scripts');
+module.exports = configureReactNativeJest('android');

package/just.config.js

@@ -0,0 +1,3 @@
+const { preset } = require('@fluentui-react-native/scripts');
+
+preset();

package/lib/Shadow.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ShadowProps } from './Shadow.types';
+export declare const Shadow: React.FunctionComponent<ShadowProps>;
+//# sourceMappingURL=Shadow.d.ts.map

package/lib/Shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA0BvD,CAAC"}

package/lib/Shadow.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { View } from 'react-native';
+export var Shadow = function (props) {
+    var noOffset = { width: 0, height: 0 };
+    var neutralShadowAmbient = { shadowOffset: noOffset, shadowOpacity: 0.12, shadowRadius: 2 };
+    var neutralShadowAmbientDarker = { shadowOffset: noOffset, shadowOpacity: 0.2, shadowRadius: 8 };
+    var ambientShadow = {
+        '2': neutralShadowAmbient,
+        '4': neutralShadowAmbient,
+        '8': neutralShadowAmbient,
+        '16': neutralShadowAmbient,
+        '28': neutralShadowAmbientDarker,
+        '64': neutralShadowAmbientDarker,
+    };
+    var keyShadow = {
+        '2': { shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.14, shadowRadius: 2 },
+        '4': { shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.14, shadowRadius: 4 },
+        '8': { shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.14, shadowRadius: 8 },
+        '16': { shadowOffset: { width: 0, height: 8 }, shadowOpacity: 0.14, shadowRadius: 16 },
+        '28': { shadowOffset: { width: 0, height: 14 }, shadowOpacity: 0.24, shadowRadius: 28 },
+        '64': { shadowOffset: { width: 0, height: 32 }, shadowOpacity: 0.24, shadowRadius: 64 },
+    };
+    return (React.createElement(View, { style: ambientShadow[props.depth] },
+        React.createElement(View, { style: keyShadow[props.depth] }, props.children)));
+};
+//# sourceMappingURL=Shadow.js.map

package/lib/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,MAAM,CAAC,IAAM,MAAM,GAAyC,UAAC,KAAkB;IAC7E,IAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACzC,IAAM,oBAAoB,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IAC9F,IAAM,0BAA0B,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IACnG,IAAM,aAAa,GAAG;QACpB,GAAG,EAAE,oBAAoB;QACzB,GAAG,EAAE,oBAAoB;QACzB,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;KACjC,CAAC;IACF,IAAM,SAAS,GAAG;QAChB,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;QACtF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;QACvF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;KACxF,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;QACrC,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CACvD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/lib/Shadow.types.d.ts

@@ -0,0 +1,6 @@
+import { ViewProps } from 'react-native';
+export declare type ShadowDepth = '2' | '4' | '8' | '16' | '28' | '64';
+export interface ShadowProps extends ViewProps {
+    depth?: ShadowDepth;
+}
+//# sourceMappingURL=Shadow.types.d.ts.map

package/lib/Shadow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,oBAAY,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}

package/lib/Shadow.types.js

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

package/lib/Shadow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}

package/lib/__tests__/Shadow.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Shadow.test.d.ts.map

package/lib/__tests__/Shadow.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":""}

package/lib/__tests__/Shadow.test.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import { Shadow } from '../Shadow';
+import * as renderer from 'react-test-renderer';
+import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
+describe('Shadow component tests', function () {
+    it('Shadow default', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, null,
+            React.createElement(Text, null, "Shadow default test")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow simple rendering does not invalidate styling', function () {
+        checkRenderConsistency(function () { return (React.createElement(Shadow, null,
+            React.createElement(Text, null, "Shadow render test"))); }, 2);
+    });
+    it('Shadow re-renders correctly', function () {
+        checkReRender(function () { return (React.createElement(Shadow, null,
+            React.createElement(Text, null, "Shadow render twice test"))); }, 2);
+    });
+});
+//# sourceMappingURL=Shadow.test.js.map

package/lib/__tests__/Shadow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAE1F,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,gBAAgB,EAAE;QACnB,IAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,MAAM;YACL,oBAAC,IAAI,8BAA2B,CACzB,CACV;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE;QACxD,sBAAsB,CACpB,cAAM,OAAA,CACJ,oBAAC,MAAM;YACL,oBAAC,IAAI,6BAA0B,CACxB,CACV,EAJK,CAIL,EACD,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QAChC,aAAa,CACX,cAAM,OAAA,CACJ,oBAAC,MAAM;YACL,oBAAC,IAAI,mCAAgC,CAC9B,CACV,EAJK,CAIL,EACD,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export { Shadow } from './Shadow';
+export { ShadowDepth, ShadowProps } from './Shadow.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/index.js

@@ -0,0 +1,2 @@
+export { Shadow } from './Shadow';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/lib-commonjs/Shadow.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { ShadowProps } from './Shadow.types';
+export declare const Shadow: React.FunctionComponent<ShadowProps>;
+//# sourceMappingURL=Shadow.d.ts.map

package/lib-commonjs/Shadow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CA0BvD,CAAC"}

package/lib-commonjs/Shadow.js

@@ -0,0 +1,49 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Shadow = void 0;
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Shadow = function (props) {
+    var noOffset = { width: 0, height: 0 };
+    var neutralShadowAmbient = { shadowOffset: noOffset, shadowOpacity: 0.12, shadowRadius: 2 };
+    var neutralShadowAmbientDarker = { shadowOffset: noOffset, shadowOpacity: 0.2, shadowRadius: 8 };
+    var ambientShadow = {
+        '2': neutralShadowAmbient,
+        '4': neutralShadowAmbient,
+        '8': neutralShadowAmbient,
+        '16': neutralShadowAmbient,
+        '28': neutralShadowAmbientDarker,
+        '64': neutralShadowAmbientDarker,
+    };
+    var keyShadow = {
+        '2': { shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.14, shadowRadius: 2 },
+        '4': { shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.14, shadowRadius: 4 },
+        '8': { shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.14, shadowRadius: 8 },
+        '16': { shadowOffset: { width: 0, height: 8 }, shadowOpacity: 0.14, shadowRadius: 16 },
+        '28': { shadowOffset: { width: 0, height: 14 }, shadowOpacity: 0.24, shadowRadius: 28 },
+        '64': { shadowOffset: { width: 0, height: 32 }, shadowOpacity: 0.24, shadowRadius: 64 },
+    };
+    return (React.createElement(react_native_1.View, { style: ambientShadow[props.depth] },
+        React.createElement(react_native_1.View, { style: keyShadow[props.depth] }, props.children)));
+};
+exports.Shadow = Shadow;
+//# sourceMappingURL=Shadow.js.map

package/lib-commonjs/Shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAAoC;AAG7B,IAAM,MAAM,GAAyC,UAAC,KAAkB;IAC7E,IAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;IACzC,IAAM,oBAAoB,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IAC9F,IAAM,0BAA0B,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;IACnG,IAAM,aAAa,GAAG;QACpB,GAAG,EAAE,oBAAoB;QACzB,GAAG,EAAE,oBAAoB;QACzB,GAAG,EAAE,oBAAoB;QACzB,IAAI,EAAE,oBAAoB;QAC1B,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,0BAA0B;KACjC,CAAC;IACF,IAAM,SAAS,GAAG;QAChB,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,GAAG,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE;QACpF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;QACtF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;QACvF,IAAI,EAAE,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;KACxF,CAAC;IAEF,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC;QACrC,oBAAC,mBAAI,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAQ,CACvD,CACR,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,MAAM,UA0BjB"}

package/lib-commonjs/Shadow.types.d.ts

@@ -0,0 +1,6 @@
+import { ViewProps } from 'react-native';
+export declare type ShadowDepth = '2' | '4' | '8' | '16' | '28' | '64';
+export interface ShadowProps extends ViewProps {
+    depth?: ShadowDepth;
+}
+//# sourceMappingURL=Shadow.types.d.ts.map

package/lib-commonjs/Shadow.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,oBAAY,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}

package/lib-commonjs/Shadow.types.js

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

package/lib-commonjs/Shadow.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}

package/lib-commonjs/__tests__/Shadow.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Shadow.test.d.ts.map

package/lib-commonjs/__tests__/Shadow.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":""}

package/lib-commonjs/__tests__/Shadow.test.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Shadow_1 = require("../Shadow");
+var renderer = __importStar(require("react-test-renderer"));
+var test_tools_1 = require("@fluentui-react-native/test-tools");
+describe('Shadow component tests', function () {
+    it('Shadow default', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow_1.Shadow, null,
+            React.createElement(react_native_1.Text, null, "Shadow default test")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow simple rendering does not invalidate styling', function () {
+        (0, test_tools_1.checkRenderConsistency)(function () { return (React.createElement(Shadow_1.Shadow, null,
+            React.createElement(react_native_1.Text, null, "Shadow render test"))); }, 2);
+    });
+    it('Shadow re-renders correctly', function () {
+        (0, test_tools_1.checkReRender)(function () { return (React.createElement(Shadow_1.Shadow, null,
+            React.createElement(react_native_1.Text, null, "Shadow render twice test"))); }, 2);
+    });
+});
+//# sourceMappingURL=Shadow.test.js.map

package/lib-commonjs/__tests__/Shadow.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAAoC;AACpC,oCAAmC;AACnC,4DAAgD;AAChD,gEAA0F;AAE1F,QAAQ,CAAC,wBAAwB,EAAE;IACjC,EAAE,CAAC,gBAAgB,EAAE;QACnB,IAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CACL,oBAAC,eAAM;YACL,oBAAC,mBAAI,8BAA2B,CACzB,CACV;aACA,MAAM,EAAE,CAAC;QACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE;QACxD,IAAA,mCAAsB,EACpB,cAAM,OAAA,CACJ,oBAAC,eAAM;YACL,oBAAC,mBAAI,6BAA0B,CACxB,CACV,EAJK,CAIL,EACD,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE;QAChC,IAAA,0BAAa,EACX,cAAM,OAAA,CACJ,oBAAC,eAAM;YACL,oBAAC,mBAAI,mCAAgC,CAC9B,CACV,EAJK,CAIL,EACD,CAAC,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,3 @@
+export { Shadow } from './Shadow';
+export { ShadowDepth, ShadowProps } from './Shadow.types';
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib-commonjs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Shadow = void 0;
+var Shadow_1 = require("./Shadow");
+Object.defineProperty(exports, "Shadow", { enumerable: true, get: function () { return Shadow_1.Shadow; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@fluentui-react-native/experimental-shadow",
+  "version": "0.2.0",
+  "description": "A cross-platform Shadow component using the Fluent Design System",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "scripts": {
+    "build": "fluentui-scripts build",
+    "clean": "fluentui-scripts clean",
+    "depcheck": "fluentui-scripts depcheck",
+    "just": "fluentui-scripts",
+    "lint": "fluentui-scripts eslint",
+    "test": "fluentui-scripts jest",
+    "update-snapshots": "fluentui-scripts jest -u",
+    "prettier": "fluentui-scripts prettier",
+    "prettier-fix": "fluentui-scripts prettier --fix true"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/microsoft/fluentui-react-native.git",
+    "directory": "packages/experimental/Shadow"
+  },
+  "devDependencies": {
+    "@fluentui-react-native/eslint-config-rules": "^0.1.1",
+    "@fluentui-react-native/test-tools": ">=0.1.1 <1.0.0",
+    "@fluentui-react-native/scripts": "^0.1.1",
+    "react": ">=17.0.1",
+    "react-native": ">=0.64.3"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.1",
+    "react-native": ">=0.64.3"
+  },
+  "author": "",
+  "license": "MIT"
+}

package/src/Shadow.tsx

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ShadowProps } from './Shadow.types';
+
+export const Shadow: React.FunctionComponent<ShadowProps> = (props: ShadowProps) => {
+  const noOffset = { width: 0, height: 0 };
+  const neutralShadowAmbient = { shadowOffset: noOffset, shadowOpacity: 0.12, shadowRadius: 2 };
+  const neutralShadowAmbientDarker = { shadowOffset: noOffset, shadowOpacity: 0.2, shadowRadius: 8 };
+  const ambientShadow = {
+    '2': neutralShadowAmbient,
+    '4': neutralShadowAmbient,
+    '8': neutralShadowAmbient,
+    '16': neutralShadowAmbient,
+    '28': neutralShadowAmbientDarker,
+    '64': neutralShadowAmbientDarker,
+  };
+  const keyShadow = {
+    '2': { shadowOffset: { width: 0, height: 1 }, shadowOpacity: 0.14, shadowRadius: 2 },
+    '4': { shadowOffset: { width: 0, height: 2 }, shadowOpacity: 0.14, shadowRadius: 4 },
+    '8': { shadowOffset: { width: 0, height: 4 }, shadowOpacity: 0.14, shadowRadius: 8 },
+    '16': { shadowOffset: { width: 0, height: 8 }, shadowOpacity: 0.14, shadowRadius: 16 },
+    '28': { shadowOffset: { width: 0, height: 14 }, shadowOpacity: 0.24, shadowRadius: 28 },
+    '64': { shadowOffset: { width: 0, height: 32 }, shadowOpacity: 0.24, shadowRadius: 64 },
+  };
+
+  return (
+    <View style={ambientShadow[props.depth]}>
+      <View style={keyShadow[props.depth]}>{props.children}</View>
+    </View>
+  );
+};

package/src/Shadow.types.ts

@@ -0,0 +1,7 @@
+import { ViewProps } from 'react-native';
+
+export type ShadowDepth = '2' | '4' | '8' | '16' | '28' | '64';
+
+export interface ShadowProps extends ViewProps {
+  depth?: ShadowDepth;
+}

package/src/__tests__/Shadow.test.tsx

@@ -0,0 +1,40 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import { Shadow } from '../Shadow';
+import * as renderer from 'react-test-renderer';
+import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
+
+describe('Shadow component tests', () => {
+  it('Shadow default', () => {
+    const tree = renderer
+      .create(
+        <Shadow>
+          <Text>Shadow default test</Text>
+        </Shadow>,
+      )
+      .toJSON();
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('Shadow simple rendering does not invalidate styling', () => {
+    checkRenderConsistency(
+      () => (
+        <Shadow>
+          <Text>Shadow render test</Text>
+        </Shadow>
+      ),
+      2,
+    );
+  });
+
+  it('Shadow re-renders correctly', () => {
+    checkReRender(
+      () => (
+        <Shadow>
+          <Text>Shadow render twice test</Text>
+        </Shadow>
+      ),
+      2,
+    );
+  });
+});

package/src/__tests__/__snapshots__/Shadow.test.tsx.snap

@@ -0,0 +1,11 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Shadow component tests Shadow default 1`] = `
+<View>
+  <View>
+    <Text>
+      Shadow default test
+    </Text>
+  </View>
+</View>
+`;

package/src/index.ts

@@ -0,0 +1,2 @@
+export { Shadow } from './Shadow';
+export { ShadowDepth, ShadowProps } from './Shadow.types';

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "@fluentui-react-native/scripts/tsconfig.json",
+  "compilerOptions": {
+    "outDir": "lib",
+    "types": ["node", "jest"]
+  },
+  "include": ["src"]
+}