@fluentui-react-native/experimental-shadow 0.2.0 → 0.2.3

package/CHANGELOG.json

@@ -2,7 +2,52 @@
   "name": "@fluentui-react-native/experimental-shadow",
   "entries": [
     {
-      "date": "Tue, 28 Jun 2022 00:53:30 GMT",
+      "date": "Wed, 13 Jul 2022 23:23:25 GMT",
+      "tag": "@fluentui-react-native/experimental-shadow_v0.2.3",
+      "version": "0.2.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "78454019+lyzhan7@users.noreply.github.com",
+            "package": "@fluentui-react-native/experimental-shadow",
+            "commit": "d4320c9f7385a7f37dc8ce521c413071b8cb55a0",
+            "comment": "Add shadow to FAB"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 08 Jul 2022 21:23:37 GMT",
+      "tag": "@fluentui-react-native/experimental-shadow_v0.2.2",
+      "version": "0.2.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui-react-native/experimental-shadow",
+            "comment": "Bump @fluentui-react-native/framework to v0.7.32",
+            "commit": "c489bb685c8dbe94b7b6fe88957e7ce4d3c2d000"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 08 Jul 2022 18:26:51 GMT",
+      "tag": "@fluentui-react-native/experimental-shadow_v0.2.1",
+      "version": "0.2.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "78454019+lyzhan7@users.noreply.github.com",
+            "package": "@fluentui-react-native/experimental-shadow",
+            "commit": "ef2a18b53bbc59178c30d1250ff89e64bb2ca5be",
+            "comment": "Update + move shadowStyleFromTheme method"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 28 Jun 2022 00:53:43 GMT",
       "tag": "@fluentui-react-native/experimental-shadow_v0.2.0",
       "version": "0.2.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,36 @@
 # 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.
+This log was last generated on Wed, 13 Jul 2022 23:23:25 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.2.3
+
+Wed, 13 Jul 2022 23:23:25 GMT
+
+### Patches
+
+- Add shadow to FAB (78454019+lyzhan7@users.noreply.github.com)
+
+## 0.2.2
+
+Fri, 08 Jul 2022 21:23:37 GMT
+
+### Patches
+
+- Bump @fluentui-react-native/framework to v0.7.32
+
+## 0.2.1
+
+Fri, 08 Jul 2022 18:26:51 GMT
+
+### Patches
+
+- Update + move shadowStyleFromTheme method (78454019+lyzhan7@users.noreply.github.com)
+
 ## 0.2.0
 
-Tue, 28 Jun 2022 00:53:30 GMT
+Tue, 28 Jun 2022 00:53:43 GMT
 
 ### Minor changes
 

package/lib/Shadow.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
 import { ShadowProps } from './Shadow.types';
-export declare const Shadow: React.FunctionComponent<ShadowProps>;
+export declare const Shadow: import("@fluentui-react-native/framework").ComposableFunction<ShadowProps>;
+export default Shadow;
 //# sourceMappingURL=Shadow.d.ts.map

package/lib/Shadow.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAIzD,eAAO,MAAM,MAAM,4EAajB,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/lib/Shadow.js

@@ -1,26 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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,
+import { shadowName } from './Shadow.types';
+import { useFluentTheme, mergeProps, stagedComponent } from '@fluentui-react-native/framework';
+import { getShadowTokenStyleSet } from './shadowStyle';
+export var Shadow = stagedComponent(function (props) {
+    var theme = useFluentTheme();
+    return function (final, children) {
+        var shadowTokenStyleSet = getShadowTokenStyleSet(theme, props.depth);
+        var mergedProps = mergeProps(final, { style: shadowTokenStyleSet.key });
+        return (React.createElement(View, { style: shadowTokenStyleSet.ambient },
+            React.createElement(View, __assign({}, mergedProps), children)));
     };
-    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)));
-};
+});
+Shadow.displayName = shadowName;
+export default Shadow;
 //# sourceMappingURL=Shadow.js.map

package/lib/Shadow.js.map

@@ -1 +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"}
+{"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;AACpC,OAAO,EAAe,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC/F,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,CAAC,IAAM,MAAM,GAAG,eAAe,CAAC,UAAC,KAAkB;IACvD,IAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,UAAC,KAAkB,EAAE,QAAyB;QACnD,IAAM,mBAAmB,GAAG,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACvE,IAAM,WAAW,GAAG,UAAU,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;QAE1E,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO;YACtC,oBAAC,IAAI,eAAK,WAAW,GAAG,QAAQ,CAAQ,CACnC,CACR,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,UAAU,CAAC;AAEhC,eAAe,MAAM,CAAC"}

package/lib/Shadow.types.d.ts

@@ -1,5 +1,6 @@
 import { ViewProps } from 'react-native';
-export declare type ShadowDepth = '2' | '4' | '8' | '16' | '28' | '64';
+export declare const shadowName = "Shadow";
+export declare type ShadowDepth = 'shadow2' | 'shadow4' | 'shadow8' | 'shadow16' | 'shadow28' | 'shadow64' | 'shadow2brand' | 'shadow4brand' | 'shadow8brand' | 'shadow16brand' | 'shadow28brand' | 'shadow64brand';
 export interface ShadowProps extends ViewProps {
     depth?: ShadowDepth;
 }

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

@@ -1 +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"}
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,oBAAY,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,UAAU,GACV,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}

package/lib/Shadow.types.js

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

package/lib/Shadow.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,UAAU,GAAG,QAAQ,CAAC"}

package/lib/__tests__/Shadow.test.js

@@ -4,19 +4,100 @@ 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 () {
+    it('Shadow (depth=2)', function () {
         var tree = renderer
-            .create(React.createElement(Shadow, null,
-            React.createElement(Text, null, "Shadow default test")))
+            .create(React.createElement(Shadow, { depth: "shadow2" },
+            React.createElement(Text, null, "Shadow (depth=2) ")))
             .toJSON();
         expect(tree).toMatchSnapshot();
     });
+    it('Shadow (depth=4)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow4" },
+            React.createElement(Text, null, "Shadow (depth=4)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow (depth=8)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow8" },
+            React.createElement(Text, null, "Shadow (depth=8) ")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow (depth=16)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow16" },
+            React.createElement(Text, null, "Shadow (depth=16)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow (depth=28)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow28" },
+            React.createElement(Text, null, "Shadow (depth=28) ")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow (depth=64)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow64" },
+            React.createElement(Text, null, "Shadow (depth=64)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=2)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow2brand" },
+            React.createElement(Text, null, "Brand shadow (depth=2)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=4)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow4brand" },
+            React.createElement(Text, null, "Brand shadow (depth=4)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=8)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow8brand" },
+            React.createElement(Text, null, "Brand shadow (depth=8)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=16)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow16brand" },
+            React.createElement(Text, null, "Brand shadow (depth=16)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=28)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow28brand" },
+            React.createElement(Text, null, "Brand shadow (depth=28)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=64)', function () {
+        var tree = renderer
+            .create(React.createElement(Shadow, { depth: "shadow64brand" },
+            React.createElement(Text, null, "Brand shadow (depth=64)")))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Shadow simple rendering does not invalidate styling', function () {
+        checkRenderConsistency(function () { return (React.createElement(Shadow, { depth: "shadow2" },
+            React.createElement(Text, null, "Shadow render test"))); }, 2);
+    });
     it('Shadow simple rendering does not invalidate styling', function () {
-        checkRenderConsistency(function () { return (React.createElement(Shadow, null,
+        checkRenderConsistency(function () { return (React.createElement(Shadow, { depth: "shadow2" },
             React.createElement(Text, null, "Shadow render test"))); }, 2);
     });
     it('Shadow re-renders correctly', function () {
-        checkReRender(function () { return (React.createElement(Shadow, null,
+        checkReRender(function () { return (React.createElement(Shadow, { depth: "shadow2" },
             React.createElement(Text, null, "Shadow render twice test"))); }, 2);
     });
 });

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

@@ -1 +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"}
+{"version":3,"file":"Shadow.test.js","sourceRoot":"","sources":["../../src/__tests__/Shadow.test.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

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

package/lib/index.d.ts.map

@@ -1 +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"}
+{"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;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC"}

package/lib/index.js

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

package/lib/index.js.map

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

package/lib/shadowStyle.d.ts

@@ -0,0 +1,25 @@
+import { Theme } from '@fluentui-react-native/framework';
+import { ShadowDepth } from './Shadow.types';
+export declare const getShadowTokenStyleSet: typeof getShadowTokenStyleSetWorker;
+declare function getShadowTokenStyleSetWorker(t: Theme, depth: ShadowDepth): {
+    key: {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+    };
+    ambient: {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=shadowStyle.d.ts.map

package/lib/shadowStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowStyle.d.ts","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAW,MAAM,kCAAkC,CAAC;AAElE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,sBAAsB,qCAAwC,CAAC;AAE5E,iBAAS,4BAA4B,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW;;;;;;;;;;;;;;;;;;;EA+BjE"}

package/lib/shadowStyle.js

@@ -0,0 +1,51 @@
+import { memoize } from '@fluentui-react-native/framework';
+export var getShadowTokenStyleSet = memoize(getShadowTokenStyleSetWorker);
+function getShadowTokenStyleSetWorker(t, depth) {
+    if (!depth) {
+        return {
+            key: emptyShadowStyle,
+            ambient: emptyShadowStyle,
+        };
+    }
+    var keyShadow = t.shadows[depth.toString()].key;
+    var ambientShadow = t.shadows[depth.toString()].ambient;
+    return {
+        key: {
+            shadowColor: shadowColorFromRGBAColor(keyShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(keyShadow.color),
+            shadowRadius: keyShadow.blur,
+            shadowOffset: {
+                width: keyShadow.x,
+                height: keyShadow.y,
+            },
+        },
+        ambient: {
+            shadowColor: shadowColorFromRGBAColor(ambientShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(ambientShadow.color),
+            shadowRadius: ambientShadow.blur,
+            shadowOffset: {
+                width: ambientShadow.x,
+                height: ambientShadow.y,
+            },
+        },
+    };
+}
+var shadowColorFromRGBAColor = function (rgbaColor) {
+    return rgbaColor.toString().substring(0, 7);
+};
+var shadowOpacityFromRGBAColor = function (rgbaColor) {
+    var opacityAsHex = '0x' + rgbaColor.toString().substring(7);
+    var opacityAsDecimal = Number(opacityAsHex) / 255.0;
+    // Round to two decimal places
+    return Math.round(opacityAsDecimal * 100) / 100;
+};
+var emptyShadowStyle = {
+    shadowColor: '000000',
+    shadowOpacity: 0,
+    shadowRadius: 0,
+    shadowOffset: {
+        width: 0,
+        height: 0,
+    },
+};
+//# sourceMappingURL=shadowStyle.js.map

package/lib/shadowStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadowStyle.js","sourceRoot":"","sources":["../src/shadowStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAIlE,MAAM,CAAC,IAAM,sBAAsB,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AAE5E,SAAS,4BAA4B,CAAC,CAAQ,EAAE,KAAkB;IAChE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO;YACL,GAAG,EAAE,gBAAgB;YACrB,OAAO,EAAE,gBAAgB;SAC1B,CAAC;KACH;IAED,IAAM,SAAS,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC;IAClD,IAAM,aAAa,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC;IAE1D,OAAO;QACL,GAAG,EAAE;YACH,WAAW,EAAE,wBAAwB,CAAC,SAAS,CAAC,KAAK,CAAC;YACtD,aAAa,EAAE,0BAA0B,CAAC,SAAS,CAAC,KAAK,CAAC;YAC1D,YAAY,EAAE,SAAS,CAAC,IAAI;YAC5B,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS,CAAC,CAAC;gBAClB,MAAM,EAAE,SAAS,CAAC,CAAC;aACpB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,wBAAwB,CAAC,aAAa,CAAC,KAAK,CAAC;YAC1D,aAAa,EAAE,0BAA0B,CAAC,aAAa,CAAC,KAAK,CAAC;YAC9D,YAAY,EAAE,aAAa,CAAC,IAAI;YAChC,YAAY,EAAE;gBACZ,KAAK,EAAE,aAAa,CAAC,CAAC;gBACtB,MAAM,EAAE,aAAa,CAAC,CAAC;aACxB;SACF;KACF,CAAC;AACJ,CAAC;AAED,IAAM,wBAAwB,GAAG,UAAC,SAAqB;IACrD,OAAO,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAC9C,CAAC,CAAC;AAEF,IAAM,0BAA0B,GAAG,UAAC,SAAqB;IACvD,IAAM,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAC9D,IAAM,gBAAgB,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;IAEtD,8BAA8B;IAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAClD,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG;IACvB,WAAW,EAAE,QAAQ;IACrB,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,YAAY,EAAE;QACZ,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV;CACF,CAAC"}

package/lib-commonjs/Shadow.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
 import { ShadowProps } from './Shadow.types';
-export declare const Shadow: React.FunctionComponent<ShadowProps>;
+export declare const Shadow: import("@fluentui-react-native/framework").ComposableFunction<ShadowProps>;
+export default Shadow;
 //# sourceMappingURL=Shadow.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"Shadow.d.ts","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,gBAAgB,CAAC;AAIzD,eAAO,MAAM,MAAM,4EAajB,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/lib-commonjs/Shadow.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 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]; } });
@@ -22,28 +33,18 @@ 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 },
+var Shadow_types_1 = require("./Shadow.types");
+var framework_1 = require("@fluentui-react-native/framework");
+var shadowStyle_1 = require("./shadowStyle");
+exports.Shadow = (0, framework_1.stagedComponent)(function (props) {
+    var theme = (0, framework_1.useFluentTheme)();
+    return function (final, children) {
+        var shadowTokenStyleSet = (0, shadowStyle_1.getShadowTokenStyleSet)(theme, props.depth);
+        var mergedProps = (0, framework_1.mergeProps)(final, { style: shadowTokenStyleSet.key });
+        return (React.createElement(react_native_1.View, { style: shadowTokenStyleSet.ambient },
+            React.createElement(react_native_1.View, __assign({}, mergedProps), children)));
     };
-    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;
+});
+exports.Shadow.displayName = Shadow_types_1.shadowName;
+exports.default = exports.Shadow;
 //# sourceMappingURL=Shadow.js.map

package/lib-commonjs/Shadow.js.map

@@ -1 +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"}
+{"version":3,"file":"Shadow.js","sourceRoot":"","sources":["../src/Shadow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,6CAAoC;AACpC,+CAAyD;AACzD,8DAA+F;AAC/F,6CAAuD;AAE1C,QAAA,MAAM,GAAG,IAAA,2BAAe,EAAC,UAAC,KAAkB;IACvD,IAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAE/B,OAAO,UAAC,KAAkB,EAAE,QAAyB;QACnD,IAAM,mBAAmB,GAAG,IAAA,oCAAsB,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QACvE,IAAM,WAAW,GAAG,IAAA,sBAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,CAAC,GAAG,EAAE,CAAC,CAAC;QAE1E,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,mBAAmB,CAAC,OAAO;YACtC,oBAAC,mBAAI,eAAK,WAAW,GAAG,QAAQ,CAAQ,CACnC,CACR,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,yBAAU,CAAC;AAEhC,kBAAe,cAAM,CAAC"}

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

@@ -1,5 +1,6 @@
 import { ViewProps } from 'react-native';
-export declare type ShadowDepth = '2' | '4' | '8' | '16' | '28' | '64';
+export declare const shadowName = "Shadow";
+export declare type ShadowDepth = 'shadow2' | 'shadow4' | 'shadow8' | 'shadow16' | 'shadow28' | 'shadow64' | 'shadow2brand' | 'shadow4brand' | 'shadow8brand' | 'shadow16brand' | 'shadow28brand' | 'shadow64brand';
 export interface ShadowProps extends ViewProps {
     depth?: ShadowDepth;
 }

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

@@ -1 +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"}
+{"version":3,"file":"Shadow.types.d.ts","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,UAAU,WAAW,CAAC;AAEnC,oBAAY,WAAW,GACnB,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,UAAU,GACV,cAAc,GACd,cAAc,GACd,cAAc,GACd,eAAe,GACf,eAAe,GACf,eAAe,CAAC;AAEpB,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB"}

package/lib-commonjs/Shadow.types.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Shadow.types.js","sourceRoot":"","sources":["../src/Shadow.types.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAG,QAAQ,CAAC"}