@fluentui-react-native/experimental-shadow 0.7.0 → 0.7.3

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

@@ -1,216 +1,181 @@
-'use strict';
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (!desc || ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : 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 () {
-    var ownKeys = function (o) {
-      ownKeys =
-        Object.getOwnPropertyNames ||
-        function (o) {
-          var ar = [];
-          for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-          return ar;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
         };
-      return ownKeys(o);
+        return ownKeys(o);
     };
     return function (mod) {
-      if (mod && mod.__esModule) return mod;
-      var result = {};
-      if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== 'default') __createBinding(result, mod, k[i]);
-      __setModuleDefault(result, mod);
-      return result;
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
     };
-  })();
-Object.defineProperty(exports, '__esModule', { value: true });
-const jsx_runtime_1 = require('react/jsx-runtime');
-const react_1 = require('react');
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const pressable_1 = require('@fluentui-react-native/pressable');
-const renderer = __importStar(require('react-test-renderer'));
-const Shadow_1 = require('../Shadow');
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const pressable_1 = require("@fluentui-react-native/pressable");
+const renderer = __importStar(require("react-test-renderer"));
+const Shadow_1 = require("../Shadow");
 const backgroundColor = { backgroundColor: 'red' };
 const TestShadow = (props) => {
-  const theme = (0, framework_1.useFluentTheme)();
-  return jsx_runtime_1.jsx(Shadow_1.Shadow, {
-    shadowToken: theme.shadows[props.depth],
-    children: jsx_runtime_1.jsx(react_native_1.View, {
-      style: backgroundColor,
-      children: jsx_runtime_1.jsx(react_native_1.Text, { children: props.displayText }),
-    }),
-  });
+    const theme = (0, framework_1.useFluentTheme)();
+    return (jsx_runtime_1.jsx(Shadow_1.Shadow, { shadowToken: theme.shadows[props.depth], children: jsx_runtime_1.jsx(react_native_1.View, { style: backgroundColor, children: jsx_runtime_1.jsx(react_native_1.Text, { children: props.displayText }) }) }));
 };
 const TestPressableWithAndWithoutShadow = () => {
-  const theme = (0, framework_1.useFluentTheme)();
-  return jsx_runtime_1.jsxs(react_native_1.View, {
-    children: [
-      jsx_runtime_1.jsx(Shadow_1.Shadow, {
-        shadowToken: theme.shadows['shadow16'],
-        children: jsx_runtime_1.jsx(pressable_1.Pressable, { style: backgroundColor }),
-      }),
-      jsx_runtime_1.jsx(react_native_1.View, { children: jsx_runtime_1.jsx(pressable_1.Pressable, { style: backgroundColor }) }),
-    ],
-  });
+    const theme = (0, framework_1.useFluentTheme)();
+    return (jsx_runtime_1.jsxs(react_native_1.View, { children: [
+            jsx_runtime_1.jsx(Shadow_1.Shadow, { shadowToken: theme.shadows['shadow16'], children: jsx_runtime_1.jsx(pressable_1.Pressable, { style: backgroundColor }) }), jsx_runtime_1.jsx(react_native_1.View, { children: jsx_runtime_1.jsx(pressable_1.Pressable, { style: backgroundColor }) })
+        ] }));
 };
 const TestShadowOnChildViewWithProps = (props) => {
-  const theme = (0, framework_1.useFluentTheme)();
-  return jsx_runtime_1.jsx(Shadow_1.Shadow, {
-    shadowToken: theme.shadows['shadow16'],
-    children: jsx_runtime_1.jsx(react_native_1.View, {
-      style: (0, framework_1.mergeStyles)(props.childViewStyleProps, backgroundColor),
-      children: jsx_runtime_1.jsx(react_native_1.Text, { children: JSON.stringify(props.childViewStyleProps) }),
-    }),
-  });
+    const theme = (0, framework_1.useFluentTheme)();
+    return (jsx_runtime_1.jsx(Shadow_1.Shadow, { shadowToken: theme.shadows['shadow16'], children: jsx_runtime_1.jsx(react_native_1.View, { style: (0, framework_1.mergeStyles)(props.childViewStyleProps, backgroundColor), children: jsx_runtime_1.jsx(react_native_1.Text, { children: JSON.stringify(props.childViewStyleProps) }) }) }));
 };
 describe('Shadow component tests', () => {
-  beforeAll(() => {
-    jest.mock('react-native/Libraries/Utilities/Platform', () => ({
-      OS: 'macos',
-      select: () => null,
-    }));
-  });
-  it('Shadow (depth=2)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=2)', depth: 'shadow2' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow (depth=4)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=4)', depth: 'shadow4' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow (depth=8)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=8)', depth: 'shadow8' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow (depth=16)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=16)', depth: 'shadow16' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow (depth=28)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=28)', depth: 'shadow28' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow (depth=64)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Shadow (depth=64)', depth: 'shadow64' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=2)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=2)', depth: 'shadow2brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=4)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=4)', depth: 'shadow4brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=8)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=8)', depth: 'shadow8brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=16)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=16)', depth: 'shadow16brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=28)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=28)', depth: 'shadow28brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Brand shadow (depth=64)', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: 'Brand shadow (depth=64)', depth: 'shadow64brand' }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Pressable that has a shadow vs. pressable without shadow', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestPressableWithAndWithoutShadow, {}));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow on a child with margin and padding', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { margin: 2, padding: 2 } }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow on a child with border radius', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { borderRadius: 2 } }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  it('Shadow on a child with border width', () => {
-    let component;
-    (0, react_1.act)(() => {
-      component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { borderWidth: 2 } }));
-    });
-    expect(component.toJSON()).toMatchSnapshot();
-  });
-  afterAll(() => {
-    jest.unmock('react-native/Libraries/Utilities/Platform');
-  });
+    beforeAll(() => {
+        jest.mock('react-native/Libraries/Utilities/Platform', () => ({
+            OS: 'macos',
+            select: () => null,
+        }));
+    });
+    it('Shadow (depth=2)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=2)", depth: "shadow2" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow (depth=4)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=4)", depth: "shadow4" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow (depth=8)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=8)", depth: "shadow8" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow (depth=16)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=16)", depth: "shadow16" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow (depth=28)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=28)", depth: "shadow28" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow (depth=64)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Shadow (depth=64)", depth: "shadow64" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=2)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=2)", depth: "shadow2brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=4)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=4)", depth: "shadow4brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=8)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=8)", depth: "shadow8brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=16)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=16)", depth: "shadow16brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=28)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=28)", depth: "shadow28brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Brand shadow (depth=64)', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadow, { displayText: "Brand shadow (depth=64)", depth: "shadow64brand" }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Pressable that has a shadow vs. pressable without shadow', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestPressableWithAndWithoutShadow, {}));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow on a child with margin and padding', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { margin: 2, padding: 2 } }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow on a child with border radius', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { borderRadius: 2 } }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    it('Shadow on a child with border width', () => {
+        let component;
+        (0, react_1.act)(() => {
+            component = renderer.create(jsx_runtime_1.jsx(TestShadowOnChildViewWithProps, { childViewStyleProps: { borderWidth: 2 } }));
+        });
+        expect(component.toJSON()).toMatchSnapshot();
+    });
+    afterAll(() => {
+        jest.unmock('react-native/Libraries/Utilities/Platform');
+    });
 });
-//# sourceMappingURL=Shadow.test.js.map
+//# sourceMappingURL=Shadow.test.js.map

package/lib-commonjs/index.d.ts

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

package/lib-commonjs/index.js

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

package/lib-commonjs/shadowStyle.d.ts

@@ -1,24 +1,24 @@
 import type { ShadowToken } from '@fluentui-react-native/theme-types';
 export declare const getShadowTokenStyleSet: typeof getShadowTokenStyleSetWorker;
 declare function getShadowTokenStyleSetWorker(shadowToken: ShadowToken): {
-  key: {
-    shadowColor: string;
-    shadowOpacity: number;
-    shadowRadius: number;
-    shadowOffset: {
-      width: number;
-      height: number;
+    key: {
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
     };
-  };
-  ambient: {
-    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
+//# sourceMappingURL=shadowStyle.d.ts.map

package/lib-commonjs/shadowStyle.js

@@ -1,8 +1,8 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getShadowTokenStyleSet = void 0;
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
 /**
  * For iOS/macOS, the blur property from the token is not the same as the shadow radius value,
  * it needs to be divided by 2 to achieve the same effect.
@@ -13,40 +13,37 @@ const appleShadowBlurAdjustment = 0.5;
 const defaultShadowBlurAdjustment = 1;
 exports.getShadowTokenStyleSet = (0, framework_1.memoize)(getShadowTokenStyleSetWorker);
 function getShadowTokenStyleSetWorker(shadowToken) {
-  const keyShadow = shadowToken.key;
-  const ambientShadow = shadowToken.ambient;
-  const shadowBlurAdjustment =
-    react_native_1.Platform.OS === 'macos' || react_native_1.Platform.OS === 'ios'
-      ? appleShadowBlurAdjustment
-      : defaultShadowBlurAdjustment;
-  return {
-    key: {
-      shadowColor: shadowColorFromRGBAColor(keyShadow.color),
-      shadowOpacity: shadowOpacityFromRGBAColor(keyShadow.color),
-      shadowRadius: keyShadow.blur * shadowBlurAdjustment,
-      shadowOffset: {
-        width: keyShadow.x,
-        height: keyShadow.y,
-      },
-    },
-    ambient: {
-      shadowColor: shadowColorFromRGBAColor(ambientShadow.color),
-      shadowOpacity: shadowOpacityFromRGBAColor(ambientShadow.color),
-      shadowRadius: ambientShadow.blur * shadowBlurAdjustment,
-      shadowOffset: {
-        width: ambientShadow.x,
-        height: ambientShadow.y,
-      },
-    },
-  };
+    const keyShadow = shadowToken.key;
+    const ambientShadow = shadowToken.ambient;
+    const shadowBlurAdjustment = react_native_1.Platform.OS === 'macos' || react_native_1.Platform.OS === 'ios' ? appleShadowBlurAdjustment : defaultShadowBlurAdjustment;
+    return {
+        key: {
+            shadowColor: shadowColorFromRGBAColor(keyShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(keyShadow.color),
+            shadowRadius: keyShadow.blur * shadowBlurAdjustment,
+            shadowOffset: {
+                width: keyShadow.x,
+                height: keyShadow.y,
+            },
+        },
+        ambient: {
+            shadowColor: shadowColorFromRGBAColor(ambientShadow.color),
+            shadowOpacity: shadowOpacityFromRGBAColor(ambientShadow.color),
+            shadowRadius: ambientShadow.blur * shadowBlurAdjustment,
+            shadowOffset: {
+                width: ambientShadow.x,
+                height: ambientShadow.y,
+            },
+        },
+    };
 }
 const shadowColorFromRGBAColor = (rgbaColor) => {
-  return rgbaColor.toString().substring(0, 7);
+    return rgbaColor.toString().substring(0, 7);
 };
 const shadowOpacityFromRGBAColor = (rgbaColor) => {
-  const opacityAsHex = '0x' + rgbaColor.toString().substring(7);
-  const opacityAsDecimal = Number(opacityAsHex) / 255.0;
-  // Round to two decimal places
-  return Math.round(opacityAsDecimal * 100) / 100;
+    const opacityAsHex = '0x' + rgbaColor.toString().substring(7);
+    const opacityAsDecimal = Number(opacityAsHex) / 255.0;
+    // Round to two decimal places
+    return Math.round(opacityAsDecimal * 100) / 100;
 };
-//# sourceMappingURL=shadowStyle.js.map
+//# sourceMappingURL=shadowStyle.js.map

package/package.json

@@ -1,68 +1,69 @@
 {
   "name": "@fluentui-react-native/experimental-shadow",
-  "version": "0.7.0",
+  "version": "0.7.3",
   "description": "A cross-platform Shadow component using the Fluent Design System",
+  "license": "MIT",
+  "author": "",
   "repository": {
     "type": "git",
     "url": "https://github.com/microsoft/fluentui-react-native.git",
     "directory": "packages/experimental/Shadow"
   },
-  "license": "MIT",
-  "author": "",
+  "main": "lib-commonjs/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
   "exports": {
     ".": {
       "types": "./lib/index.d.ts",
       "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "require": "./lib-commonjs/index.js",
+      "default": "./src/index.ts"
     }
   },
-  "main": "lib-commonjs/index.js",
-  "module": "lib/index.js",
-  "types": "lib/index.d.ts",
   "scripts": {
     "build": "fluentui-scripts build",
     "build-cjs": "tsgo --outDir lib-commonjs",
-    "build-esm": "tsgo --outDir lib --module esnext --moduleResolution bundler",
+    "build-core": "tsgo --outDir lib --module esnext --moduleResolution bundler",
     "clean": "fluentui-scripts clean",
     "depcheck": "fluentui-scripts depcheck",
-    "lint": "fluentui-scripts eslint",
+    "format": "fluentui-scripts format",
+    "lint": "fluentui-scripts lint",
     "lint-package": "fluentui-scripts lint-package",
-    "prettier": "fluentui-scripts prettier",
     "test": "fluentui-scripts jest",
     "update-snapshots": "fluentui-scripts jest -u"
   },
   "dependencies": {
-    "@fluentui-react-native/framework": "0.15.0",
-    "@fluentui-react-native/framework-base": "0.3.0",
-    "@fluentui-react-native/pressable": "0.13.0",
-    "@fluentui-react-native/theme-types": "0.44.0"
+    "@fluentui-react-native/framework": "0.15.3",
+    "@fluentui-react-native/framework-base": "0.3.3",
+    "@fluentui-react-native/pressable": "0.13.3",
+    "@fluentui-react-native/theme-types": "0.44.3"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
     "@fluentui-react-native/babel-config": "0.1.1",
-    "@fluentui-react-native/eslint-config-rules": "0.1.1",
-    "@fluentui-react-native/jest-config": "0.1.1",
+    "@fluentui-react-native/jest-config": "0.1.0",
     "@fluentui-react-native/kit-config": "0.1.2",
-    "@fluentui-react-native/scripts": "0.1.2",
-    "@fluentui-react-native/test-tools": "0.1.1",
+    "@fluentui-react-native/lint-config-rules": "0.1.3",
+    "@fluentui-react-native/scripts": "0.1.0",
+    "@fluentui-react-native/test-tools": "0.1.0",
     "@react-native-community/cli": "^20.0.0",
     "@react-native-community/cli-platform-android": "^20.0.0",
     "@react-native-community/cli-platform-ios": "^20.0.0",
     "@react-native/babel-preset": "^0.81.0",
     "@react-native/metro-config": "^0.81.0",
-    "@types/react": "~19.1.0",
+    "@types/react": "~19.1.4",
     "@types/react-test-renderer": "^19.1.0",
-    "react": "19.1.0",
-    "react-native": "^0.81.0",
+    "react": "19.1.4",
+    "react-native": "^0.81.6",
     "react-native-macos": "^0.81.0",
     "react-native-windows": "^0.81.0",
-    "react-test-renderer": "19.1.0"
+    "react-test-renderer": "19.1.4"
   },
   "peerDependencies": {
     "@office-iss/react-native-win32": "^0.74.0",
-    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.0",
-    "react": "18.2.0 || 19.0.0 || 19.1.0",
-    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
+    "@types/react": "~18.2.0 || ~19.0.0 || ~19.1.4",
+    "react": "18.2.0 || 19.0.0 || 19.1.4",
+    "react-native": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.6",
     "react-native-macos": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0",
     "react-native-windows": "^0.73.0 || ^0.74.0 || ^0.78.0 || ^0.81.0"
   },