@fluentui-react-native/tester-core 0.1.1

package/lib/theme/ThemePickers.ios.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui-react-native/button';
+import { useTheme } from '@fluentui-react-native/framework';
+import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
+import { MenuView } from '@react-native-menu/menu';
+import { themeChoices } from './applyTheme';
+import { testerTheme } from './CustomThemes';
+export const themePickerStyles = themedStyleSheet((t) => {
+  // picker, pickerItem, dropdown used in iOS dark mode
+  return {
+    pickerRoot: {
+      flexDirection: 'row',
+    },
+    picker: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      padding: 4,
+      flexShrink: 0,
+    },
+    pickerItem: {
+      color: t.colors.bodyText,
+    },
+    dropdown: {
+      height: 200,
+      width: 90,
+      fontSize: 12,
+    },
+  };
+});
+export const ThemePickers = () => {
+  const themedStyles = themePickerStyles(useTheme());
+  const onThemeSelected = React.useCallback((newTheme) => {
+    testerTheme.themeName = newTheme;
+  }, []);
+  const themeMenuOptions = themeChoices.map((themeChoice) => ({
+    id: themeChoice.value,
+    title: themeChoice.label,
+    state: testerTheme.themeName === themeChoice.value ? 'on' : 'off',
+  }));
+  return _jsx(View, {
+    style: themedStyles.pickerRoot,
+    children: _jsx(MenuView, {
+      title: 'Theme',
+      onPressAction: ({ nativeEvent }) => {
+        onThemeSelected(nativeEvent.event);
+      },
+      actions: themeMenuOptions,
+      children: _jsx(Button, { appearance: 'subtle', children: 'Theme' }),
+    }),
+  });
+};
+//# sourceMappingURL=ThemePickers.ios.js.map

package/lib/theme/ThemePickers.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGnD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,CAAC,CAAQ,EAAE,EAAE,CAAC;IAC9D,qDAAqD;IACrD,OAAO;QACL,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;SACrB;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;SACzB;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,GAAG;YACX,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;SACb;KACF,CAAC;AAAA,CACH,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,YAAY,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC9D,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IAAA,CAChD,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAiB,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,WAAW,CAAC,SAAS,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU,YAClC,KAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;gBAClC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAAA,CACpC,EACD,OAAO,EAAE,gBAAgB,YAEzB,KAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,sBAAe,GACjC,GACN,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/theme/ThemePickers.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { themeChoices } from './applyTheme';
+import { lightnessOptions, testerTheme } from './CustomThemes';
+import { MenuPicker } from '../TestComponents/Common/MenuPicker';
+export const themePickerStyles = StyleSheet.create({
+  pickerRoot: {
+    flexDirection: 'row',
+  },
+  picker: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 4,
+  },
+  dropdown: {
+    height: 30,
+    width: 120,
+    fontSize: 12,
+  },
+});
+export const PartPicker = (props) => {
+  const { initial, contents, onChange } = props;
+  const [selected, setSelected] = React.useState(initial);
+  const onValueChange = React.useCallback(
+    (value) => {
+      setSelected(value);
+      onChange(value);
+    },
+    [setSelected, onChange],
+  );
+  return _jsx(MenuPicker, { selected: selected, style: themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+const PickerLabel = Text.customize({ variant: 'bodySemibold' });
+export const ThemePickers = () => {
+  const onThemeSelected = React.useCallback((newTheme) => {
+    testerTheme.themeName = newTheme;
+  }, []);
+  const onAppearanceChange = React.useCallback((newAppearance) => {
+    testerTheme.appearance = newAppearance;
+  }, []);
+  return _jsxs(View, {
+    style: themePickerStyles.pickerRoot,
+    children: [
+      _jsxs(View, {
+        style: themePickerStyles.picker,
+        children: [
+          _jsx(PickerLabel, { children: 'Theme: ' }),
+          _jsx(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices }),
+        ],
+      }),
+      _jsxs(View, {
+        style: themePickerStyles.picker,
+        children: [
+          _jsx(PickerLabel, { children: 'Light/Dark: ' }),
+          _jsx(PartPicker, { initial: testerTheme.appearance, onChange: onAppearanceChange, contents: lightnessOptions }),
+        ],
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=ThemePickers.js.map

package/lib/theme/ThemePickers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAG7D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,KAAsB,EAAE,EAAE,CAAC;IAC9F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAa,EAAE,EAAE,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAAA,CACjB,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAAA,CAC7H,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC9D,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IAAA,CAChD,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAqB,EAAE,EAAE,CAAC;QACtE,WAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,UAAU;YACvC,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;oBACnC,KAAC,WAAW,0BAAsB,EAClC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,GAAI;oBAC5F,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;oBACnC,KAAC,WAAW,+BAA2B,EACvC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,GAAI;oBACpG;YACF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/theme/ThemePickers.macos.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const themePickerStyles: {
+  pickerRoot: {
+    flexDirection: 'row';
+  };
+  picker: {
+    flexDirection: 'row';
+    alignItems: 'center';
+    padding: number;
+  };
+  dropdown: {
+    height: number;
+    width: number;
+    fontSize: number;
+  };
+};
+type PartPickerEntry = {
+  label: string;
+  value: string;
+};
+type PartPickerProps = {
+  initial: string;
+  contents: PartPickerEntry[];
+  onChange: (value: string) => void;
+};
+export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
+export declare const ThemePickers: React.FunctionComponent;
+export {};
+//# sourceMappingURL=ThemePickers.macos.d.ts.map

package/lib/theme/ThemePickers.macos.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAaH,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAiCF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAW/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAahC,CAAC"}

package/lib/theme/ThemePickers.macos.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ButtonV1 as Button } from '@fluentui/react-native';
+import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-react-native/menu';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { SvgXml } from 'react-native-svg';
+import { themeChoices } from './applyTheme';
+import { testerTheme } from './CustomThemes';
+export const themePickerStyles = StyleSheet.create({
+  pickerRoot: {
+    flexDirection: 'row',
+  },
+  picker: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 4,
+  },
+  dropdown: {
+    height: 30,
+    width: 90,
+    fontSize: 12,
+  },
+});
+const themeMenuPickerStyles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    margin: 5,
+  },
+  svg: {
+    padding: 4,
+  },
+});
+const ThemeMenuPicker = ({ selected, onChange, collection, style }) => {
+  const chevronXml = `
+  <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
+    <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
+  </svg>`;
+  return _jsx(View, {
+    style: { ...themeMenuPickerStyles.container, ...style },
+    children: _jsxs(Menu, {
+      children: [
+        _jsx(MenuTrigger, {
+          children: _jsxs(Button, {
+            children: [
+              _jsx(Text, { children: selected }),
+              _jsx(View, { style: themeMenuPickerStyles.svg, children: _jsx(SvgXml, { xml: chevronXml }) }),
+            ],
+          }),
+        }),
+        _jsx(MenuPopover, {
+          children: _jsx(MenuList, {
+            children: collection.map((entry, index) =>
+              _jsx(MenuItem, { onClick: () => onChange(entry.value), children: entry.label }, `entry${index}`),
+            ),
+          }),
+        }),
+      ],
+    }),
+  });
+};
+export const PartPicker = (props) => {
+  const { initial, contents, onChange } = props;
+  const [value, setValue] = React.useState(initial);
+  const onValueChange = React.useCallback(
+    (newValue) => {
+      setValue(newValue);
+      onChange(newValue);
+    },
+    [setValue, onChange],
+  );
+  return _jsx(ThemeMenuPicker, { selected: value, style: themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+const PickerLabel = Text.customize({ variant: 'bodySemibold' });
+export const ThemePickers = () => {
+  const onThemeSelected = React.useCallback((newTheme) => {
+    testerTheme.themeName = newTheme;
+  }, []);
+  return _jsx(View, {
+    style: themePickerStyles.pickerRoot,
+    children: _jsxs(View, {
+      style: themePickerStyles.picker,
+      children: [
+        _jsx(PickerLabel, { children: 'Theme: ' }),
+        _jsx(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices }),
+      ],
+    }),
+  });
+};
+//# sourceMappingURL=ThemePickers.macos.js.map

package/lib/theme/ThemePickers.macos.js.map

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

package/lib/theme/ThemePickers.win32.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export declare const themePickerStyles: {
+  pickerRoot: {
+    flexDirection: 'row';
+  };
+  picker: {
+    flexDirection: 'row';
+    alignItems: 'center';
+    padding: number;
+  };
+  dropdown: {
+    height: number;
+    width: number;
+    fontSize: number;
+  };
+};
+type PartPickerEntry = {
+  label: string;
+  value: string;
+};
+type PartPickerProps = {
+  initial: string;
+  contents: PartPickerEntry[];
+  onChange: (value: string) => void;
+};
+export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
+export declare const ThemePickers: React.FunctionComponent;
+export {};
+//# sourceMappingURL=ThemePickers.win32.d.ts.map

package/lib/theme/ThemePickers.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.win32.d.ts","sourceRoot":"","sources":["../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;CAgB5B,CAAC;AAEH,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAExD,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAY/D,CAAC;AAIF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA+BhC,CAAC"}

package/lib/theme/ThemePickers.win32.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { TextV1 as Text } from '@fluentui-react-native/text';
+import { brandOptions } from './applyBrand';
+import { themeChoices } from './applyTheme';
+import { lightnessOptions, testerTheme } from './CustomThemes';
+import { MenuPicker } from '../TestComponents/Common/MenuPicker';
+export const themePickerStyles = StyleSheet.create({
+  pickerRoot: {
+    flexDirection: 'row',
+  },
+  picker: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 4,
+  },
+  dropdown: {
+    height: 30,
+    width: 120,
+    fontSize: 12,
+  },
+});
+export const PartPicker = (props) => {
+  const { initial, contents, onChange } = props;
+  const [selected, setSelected] = React.useState(initial);
+  const onValueChange = React.useCallback(
+    (value) => {
+      setSelected(value);
+      onChange(value);
+    },
+    [setSelected, onChange],
+  );
+  return _jsx(MenuPicker, { selected: selected, style: themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
+};
+const PickerLabel = Text.customize({ variant: 'bodySemibold' });
+export const ThemePickers = () => {
+  const onBrandChange = React.useCallback((newBrand) => {
+    testerTheme.brand = newBrand;
+  }, []);
+  const onThemeSelected = React.useCallback((newTheme) => {
+    testerTheme.themeName = newTheme;
+  }, []);
+  const onAppearanceChange = React.useCallback((newAppearance) => {
+    testerTheme.appearance = newAppearance;
+  }, []);
+  return _jsxs(View, {
+    style: themePickerStyles.pickerRoot,
+    children: [
+      _jsxs(View, {
+        style: themePickerStyles.picker,
+        children: [
+          _jsx(PickerLabel, { children: 'Theme: ' }),
+          _jsx(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices }),
+        ],
+      }),
+      _jsxs(View, {
+        style: themePickerStyles.picker,
+        children: [
+          _jsx(PickerLabel, { children: 'Light/Dark: ' }),
+          _jsx(PartPicker, { initial: testerTheme.appearance, onChange: onAppearanceChange, contents: lightnessOptions }),
+        ],
+      }),
+      _jsxs(View, {
+        style: themePickerStyles.picker,
+        children: [
+          _jsx(PickerLabel, { children: 'Brand: ' }),
+          _jsx(PartPicker, { initial: testerTheme.brand, onChange: onBrandChange, contents: brandOptions }),
+        ],
+      }),
+    ],
+  });
+};
+//# sourceMappingURL=ThemePickers.win32.js.map

package/lib/theme/ThemePickers.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemePickers.win32.js","sourceRoot":"","sources":["../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAI7D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC;IACjD,UAAU,EAAE;QACV,aAAa,EAAE,KAAK;KACrB;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,CAAC;KACX;IAED,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAC;AAUH,MAAM,CAAC,MAAM,UAAU,GAA6C,CAAC,KAAsB,EAAE,EAAE,CAAC;IAC9F,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAAa,EAAE,EAAE,CAAC;QACjB,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAAA,CACjB,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,KAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAAA,CAC7H,CAAC;AAEF,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAA4B,GAAG,EAAE,CAAC;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC5D,WAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAAA,CAC7C,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE,CAAC;QAC9D,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IAAA,CAChD,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,aAAqB,EAAE,EAAE,CAAC;QACtE,WAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IAAA,CACtE,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,UAAU;YACvC,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;oBACnC,KAAC,WAAW,0BAAsB,EAClC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,GAAI;oBAC5F,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;oBACnC,KAAC,WAAW,+BAA2B,EACvC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,GAAI;oBACpG,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;oBACnC,KAAC,WAAW,0BAAsB,EAClC,KAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAI;oBACtF;YACF,CACR,CAAC;AAAA,CACH,CAAC"}

package/lib/theme/applyBrand.d.ts

@@ -0,0 +1,8 @@
+import type { PartialTheme, Theme } from '@fluentui-react-native/theme-types';
+export type OfficeBrand = 'Default' | 'Office' | 'Word' | 'Excel' | 'Powerpoint' | 'Outlook';
+export declare const brandOptions: {
+  label: string;
+  value: string;
+}[];
+export declare const applyBrand: (parent: Theme, currentBrand: string) => PartialTheme;
+//# sourceMappingURL=applyBrand.d.ts.map

package/lib/theme/applyBrand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../src/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAG9E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,CAAC;AAwH7F,eAAO,MAAM,YAAY;;;GAA4E,CAAC;AAEtG,eAAO,MAAM,UAAU,uDAkCtB,CAAC"}

package/lib/theme/applyBrand.js

@@ -0,0 +1,136 @@
+import { getCurrentBrandAliasTokens } from '@fluentui-react-native/win32-theme';
+const brandColors = {
+  /**
+   * default brand just passes through what is in the theme
+   * */
+  Default: undefined,
+  /**
+   * Office brands, applied via a small App color ramp
+   */
+  Office: {
+    App1: '#fff7f0',
+    App2: '#fbdfd0',
+    App3: '#f7bfa0',
+    App4: '#f29f71',
+    App5: '#ea6115',
+    App6: '#d83b01',
+    App7: '#a22c01',
+    App8: '#6c1e01',
+    AppTint40: '#f9dcd1',
+    AppTint30: '#f4beaa',
+    AppTint20: '#e8825d',
+    AppTint10: '#dd4f1b',
+    AppPrimary: '#d83b01',
+    AppShade10: '#c33400',
+    AppShade20: '#a52c00',
+    AppShade30: '#792000',
+  },
+  Word: {
+    App1: '#E3ECFA',
+    App2: '#A5B9D1',
+    App3: '#7DA3C6',
+    App4: '#4A78B0',
+    App5: '#3C65A4',
+    App6: '#2B579A',
+    App7: '#124078',
+    App8: '#002050',
+    AppTint40: '#D2E0F4',
+    AppTint30: '#AEC6EB',
+    AppTint20: '#6794D7',
+    AppTint10: '#2E6AC5',
+    AppPrimary: '#185ABD',
+    AppShade10: '#1651AA',
+    AppShade20: '#13458F',
+    AppShade30: '#0E336A',
+  },
+  Excel: {
+    App1: '#E9F5EE',
+    App2: '#9FCDB3',
+    App3: '#6EB38A',
+    App4: '#4E9668',
+    App5: '#3F8159',
+    App6: '#217346',
+    App7: '#0E5C2F',
+    App8: '#004B1C',
+    AppTint40: '#CAEAD8',
+    AppTint30: '#A0D8B9',
+    AppTint20: '#55B17E',
+    AppTint10: '#218D51',
+    AppPrimary: '#107C41',
+    AppShade10: '#0F703B',
+    AppShade20: '#0C5F32',
+    AppShade30: '#094624',
+  },
+  Powerpoint: {
+    App1: '#FCF0ED',
+    App2: '#FDC9B5',
+    App3: '#ED9583',
+    App4: '#E86E58',
+    App5: '#C75033',
+    App6: '#B7472A',
+    App7: '#A92B1A',
+    App8: '#740912',
+    AppTint40: '#F6DBD4',
+    AppTint30: '#EDBCB0',
+    AppTint20: '#DC816A',
+    AppTint10: '#CB5031',
+    AppPrimary: '#C43E1C',
+    AppShade10: '#B13719',
+    AppShade20: '#952F15',
+    AppShade30: '#6E220F',
+  },
+  Outlook: {
+    App1: '#CCE3F5',
+    App2: '#B3D6F2',
+    App3: '#69AFE5',
+    App4: '#2488D8',
+    App5: '#0078D7',
+    App6: '#106EBE',
+    App7: '#1664A7',
+    App8: '#135995',
+    AppTint40: '#C7E0F4',
+    AppTint30: '#6CB8F6',
+    AppTint20: '#3AA0F3',
+    AppTint10: '#2899F5',
+    AppPrimary: '#0078D7',
+    AppShade10: '#106EBE',
+    AppShade20: '#005A9E',
+    AppShade30: '#004C87',
+  },
+};
+export const brandOptions = Object.keys(brandColors).map((brand) => ({ label: brand, value: brand }));
+export const applyBrand = (parent, currentBrand) => {
+  if (parent.name === 'HighContrast') {
+    return {};
+  }
+  const ramp = brandColors[currentBrand];
+  return ramp
+    ? {
+        colors: {
+          inputFocusBorderAlt: ramp.App4,
+          buttonBackgroundHovered: ramp.App1,
+          buttonBackgroundPressed: ramp.App2,
+          buttonBorderFocused: ramp.App2,
+          primaryButtonBackground: ramp.App6,
+          primaryButtonBackgroundHovered: ramp.App7,
+          primaryButtonBackgroundPressed: ramp.App8,
+          primaryButtonBorder: ramp.App7,
+          primaryButtonBorderFocused: ramp.App7,
+          accentButtonBackground: ramp.App6,
+          link: ramp.App6,
+          linkHovered: ramp.App7,
+          linkPressed: ramp.App8,
+          defaultHoveredBackground: ramp.App1,
+          defaultHoveredBorder: ramp.App2,
+          defaultFocusedBackground: ramp.App1,
+          defaultFocusedBorder: ramp.App2,
+          defaultPressedBackground: ramp.App2,
+          defaultPressedBorder: ramp.App5,
+          brandedBackground: ramp.App6,
+          defaultCheckedHoveredBackground: ramp.App1,
+          ...getCurrentBrandAliasTokens(parent.name, ramp.AppPrimary),
+        },
+      }
+    : {};
+};
+//# sourceMappingURL=applyBrand.js.map

package/lib/theme/applyBrand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../src/theme/applyBrand.ts"],"names":[],"mappings":"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"}

package/lib/theme/applyTheme.d.ts

@@ -0,0 +1,9 @@
+import type { PartialTheme, ThemeOptions } from '@fluentui-react-native/framework';
+export type ThemeNames = 'Default' | 'Office' | 'Apple';
+export declare const themeChoices: {
+  label: string;
+  value: string;
+}[];
+/** apply the currently active theme layering */
+export declare function applyTheme(name: ThemeNames, appearance: ThemeOptions['appearance']): PartialTheme;
+//# sourceMappingURL=applyTheme.d.ts.map

package/lib/theme/applyTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.d.ts","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAGnF,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,eAAO,MAAM,YAAY;;;GAGxB,CAAC;AAIF,gDAAgD;AAChD,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAOjG"}

package/lib/theme/applyTheme.js

@@ -0,0 +1,16 @@
+import { createOfficeTheme, getThemingModule } from '@fluentui-react-native/win32-theme';
+export const themeChoices = [
+  { label: 'Default', value: 'Default' },
+  { label: 'Office', value: 'Office' },
+];
+const themingModule = getThemingModule()[0];
+/** apply the currently active theme layering */
+export function applyTheme(name, appearance) {
+  switch (name) {
+    case 'Office':
+      return themingModule ? createOfficeTheme({ appearance, paletteName: 'Dialogs_FluentSV' }).theme : {};
+    default:
+      return {};
+  }
+}
+//# sourceMappingURL=applyTheme.js.map

package/lib/theme/applyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAIzF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,MAAM,UAAU,UAAU,CAAC,IAAgB,EAAE,UAAsC,EAAgB;IACjG,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACvG;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AAAA,CACF"}

package/lib/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CustomThemes';
+export * from './ThemePickers';
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/lib/theme/index.js

@@ -0,0 +1,3 @@
+export * from './CustomThemes';
+export * from './ThemePickers';
+//# sourceMappingURL=index.js.map

package/lib/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/lib-commonjs/FluentTester.d.ts

@@ -0,0 +1,9 @@
+/**
+import MessageQueue from 'react-native/Libraries/BatchedBridge/MessageQueue';
+MessageQueue.spy(true);
+ */
+export interface FluentTesterProps {
+  enableSinglePaneView?: boolean;
+}
+export declare const FluentTester: (props: FluentTesterProps) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=FluentTester.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FluentTester.d.ts","sourceRoot":"","sources":["../src/FluentTester.tsx"],"names":[],"mappings":"AAiBA;;;GAGG;AAEH,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAiFD,eAAO,MAAM,YAAY,uEA0IxB,CAAC"}