Export Shimmer consts (#3677)

* Export shimmer consts

* Change files

change/@fluentui-react-native-experimental-shimmer-49735c34-7217-4d2e-932f-97badd995c82.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Export shimmer consts",
+  "packageName": "@fluentui-react-native/experimental-shimmer",
+  "email": "ruaraki@microsoft.com",
+  "dependentChangeType": "patch"
+}

packages/experimental/Shimmer/src/ShimmerTokens.android.ts

@@ -1,13 +1,14 @@
 import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 
+import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 import type { ShimmerTokens } from './Shimmer.types';
 
 export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
   ({
-    angle: 45,
-    delay: 0,
-    duration: 1000,
+    angle: shimmerDefaultAngle,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
     shimmerColor: theme.colors.neutralStencil1,
     shimmerColorOpacity: 1,
     shimmerWaveColor: theme.colors.neutralStencil2,

packages/experimental/Shimmer/src/ShimmerTokens.ios.ts

@@ -1,13 +1,14 @@
 import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 
+import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 import type { ShimmerTokens } from './Shimmer.types';
 
 export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
   ({
-    angle: 0,
-    delay: 0,
-    duration: 1000,
+    angle: shimmerDefaultAngle,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
     shimmerColor: theme.colors.neutralStencil1,
     shimmerColorOpacity: 1,
     shimmerWaveColor: theme.colors.neutralStencil2,

packages/experimental/Shimmer/src/ShimmerTokens.ts

@@ -2,14 +2,15 @@ import type { Theme } from '@fluentui-react-native/framework';
 import { getCurrentAppearance } from '@fluentui-react-native/theming-utils';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 
+import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 import type { ShimmerTokens } from './Shimmer.types';
 
 export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
   ({
-    angle: 0,
+    angle: shimmerDefaultAngle,
     backgroundColor: theme.colors.transparentBackground,
-    delay: 0,
-    duration: 7000,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
     shimmerColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? '#E1E1E1' : '#404040',
     shimmerColorOpacity: 1,
     shimmerWaveColor: getCurrentAppearance(theme.host.appearance, 'light') === 'light' ? 'white' : 'black',

packages/experimental/Shimmer/src/ShimmerTokens.win32.ts

@@ -1,14 +1,15 @@
 import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 
+import { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';
 import type { ShimmerTokens } from './Shimmer.types';
 
 export const defaultShimmerTokens: TokenSettings<ShimmerTokens, Theme> = (theme: Theme) =>
   ({
-    angle: 0,
+    angle: shimmerDefaultAngle,
     backgroundColor: theme.colors.background,
-    delay: 500,
-    duration: 2000,
+    delay: shimmerDefaultDelay,
+    duration: shimmerDefaultDuration,
     shimmerColor: theme.colors.bodyFrameDivider,
     shimmerColorOpacity: 1,
     shimmerWaveColor: '#E1E1E1',

packages/experimental/Shimmer/src/consts.android.ts

@@ -0,0 +1,3 @@
+export const shimmerDefaultAngle = 45;
+export const shimmerDefaultDelay = 0;
+export const shimmerDefaultDuration = 1000;

packages/experimental/Shimmer/src/consts.ios.ts

@@ -0,0 +1,3 @@
+export const shimmerDefaultAngle = 0;
+export const shimmerDefaultDelay = 0;
+export const shimmerDefaultDuration = 1000;

packages/experimental/Shimmer/src/consts.ts

@@ -0,0 +1,3 @@
+export const shimmerDefaultAngle = 0;
+export const shimmerDefaultDelay = 0;
+export const shimmerDefaultDuration = 7000;

packages/experimental/Shimmer/src/consts.win32.ts

@@ -0,0 +1,3 @@
+export const shimmerDefaultAngle = 0;
+export const shimmerDefaultDelay = 500;
+export const shimmerDefaultDuration = 2000;

packages/experimental/Shimmer/src/index.ts

@@ -9,3 +9,4 @@ export type {
   ShimmerTokens,
   ShimmerType,
 } from './Shimmer.types';
+export { shimmerDefaultAngle, shimmerDefaultDelay, shimmerDefaultDuration } from './consts';