@fluentui-react-native/tester 0.134.7 → 0.134.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +31 -1
- package/CHANGELOG.md +18 -2
- package/lib/fluent-tester/src/theme/CustomThemes.js +1 -1
- package/lib/fluent-tester/src/theme/CustomThemes.js.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.d.ts.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.ios.d.ts.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.ios.js +1 -15
- package/lib/fluent-tester/src/theme/ThemePickers.ios.js.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.js +1 -8
- package/lib/fluent-tester/src/theme/ThemePickers.js.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.macos.d.ts.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.macos.js +1 -8
- package/lib/fluent-tester/src/theme/ThemePickers.macos.js.map +1 -1
- package/lib/fluent-tester/src/theme/ThemePickers.win32.d.ts +29 -0
- package/lib/fluent-tester/src/theme/ThemePickers.win32.d.ts.map +1 -0
- package/lib/fluent-tester/src/theme/ThemePickers.win32.js +54 -0
- package/lib/fluent-tester/src/theme/ThemePickers.win32.js.map +1 -0
- package/lib/fluent-tester/src/theme/applyBrand.d.ts +1 -1
- package/lib/fluent-tester/src/theme/applyBrand.d.ts.map +1 -1
- package/lib/fluent-tester/src/theme/applyBrand.js +2 -2
- package/lib/fluent-tester/src/theme/applyBrand.js.map +1 -1
- package/lib/fluent-tester/src/theme/applyTheme.js +1 -1
- package/lib/fluent-tester/src/theme/applyTheme.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/CustomThemes.js +1 -1
- package/lib-commonjs/fluent-tester/src/theme/CustomThemes.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.ios.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.ios.js +1 -15
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.ios.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.js +1 -8
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.macos.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.macos.js +1 -8
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.macos.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.win32.d.ts +29 -0
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.win32.d.ts.map +1 -0
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.win32.js +60 -0
- package/lib-commonjs/fluent-tester/src/theme/ThemePickers.win32.js.map +1 -0
- package/lib-commonjs/fluent-tester/src/theme/applyBrand.d.ts +1 -1
- package/lib-commonjs/fluent-tester/src/theme/applyBrand.d.ts.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/applyBrand.js +2 -2
- package/lib-commonjs/fluent-tester/src/theme/applyBrand.js.map +1 -1
- package/lib-commonjs/fluent-tester/src/theme/applyTheme.js +1 -1
- package/lib-commonjs/fluent-tester/src/theme/applyTheme.js.map +1 -1
- package/package.json +2 -2
- package/src/theme/CustomThemes.ts +1 -1
- package/src/theme/ThemePickers.ios.tsx +0 -21
- package/src/theme/ThemePickers.macos.tsx +0 -11
- package/src/theme/ThemePickers.tsx +0 -11
- package/src/theme/ThemePickers.win32.tsx +85 -0
- package/src/theme/applyBrand.ts +2 -2
- package/src/theme/applyTheme.ts +1 -1
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,37 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 21 Feb 2023 17:17:41 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.134.9",
|
|
7
|
+
"version": "0.134.9",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "1a272bfc784ec2c3f1b289d8971543c2cfecbe6f",
|
|
14
|
+
"comment": "Fix brand for Office Theme"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 17 Feb 2023 22:33:14 GMT",
|
|
21
|
+
"tag": "@fluentui-react-native/tester_v0.134.8",
|
|
22
|
+
"version": "0.134.8",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "beachball",
|
|
27
|
+
"package": "@fluentui-react-native/tester",
|
|
28
|
+
"comment": "Bump @fluentui-react-native/menu to v1.4.6",
|
|
29
|
+
"commit": "a7fa78532987ad6b04c2ad93584b1b7be0493b58"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Fri, 17 Feb 2023 06:30:14 GMT",
|
|
6
36
|
"tag": "@fluentui-react-native/tester_v0.134.7",
|
|
7
37
|
"version": "0.134.7",
|
|
8
38
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 21 Feb 2023 17:17:41 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.134.9
|
|
8
|
+
|
|
9
|
+
Tue, 21 Feb 2023 17:17:41 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Fix brand for Office Theme (ruaraki@microsoft.com)
|
|
14
|
+
|
|
15
|
+
## 0.134.8
|
|
16
|
+
|
|
17
|
+
Fri, 17 Feb 2023 22:33:14 GMT
|
|
18
|
+
|
|
19
|
+
### Patches
|
|
20
|
+
|
|
21
|
+
- Bump @fluentui-react-native/menu to v1.4.6
|
|
22
|
+
|
|
7
23
|
## 0.134.7
|
|
8
24
|
|
|
9
|
-
Fri, 17 Feb 2023 06:
|
|
25
|
+
Fri, 17 Feb 2023 06:30:14 GMT
|
|
10
26
|
|
|
11
27
|
### Patches
|
|
12
28
|
|
|
@@ -29,7 +29,7 @@ export var lightnessOptions = [
|
|
|
29
29
|
var TesterThemeReference = /** @class */ (function (_super) {
|
|
30
30
|
__extends(TesterThemeReference, _super);
|
|
31
31
|
function TesterThemeReference() {
|
|
32
|
-
var _this = _super.call(this, baseTheme, function (parent) { return applyTheme(parent, _this._themeName, _this.options.appearance); }, function (parent) { return applyBrand(parent, _this.
|
|
32
|
+
var _this = _super.call(this, baseTheme, function (parent) { return applyTheme(parent, _this._themeName, _this.options.appearance); }, function (parent) { return applyBrand(parent, _this._brand); }) || this;
|
|
33
33
|
_this._themeName = Platform.OS === 'win32' ? 'Office' : 'Default';
|
|
34
34
|
_this._brand = 'Default';
|
|
35
35
|
_this.baseTheme = baseTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../../src/theme/CustomThemes.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,IAAM,YAAY,GAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAEtF,2BAA2B;AAC3B,IAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,kBAAkB,CAAC,YAAY,CAAC;IACzC,GAAG,EAAE,gBAAgB,EAAE;IACvB,KAAK,EAAE,gBAAgB,EAAE;IACzB,OAAO,EAAE,kBAAkB,CAAC,YAAY,CAAC;CAC1C,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAY,QAAQ,CAAC,MAAM,CAAC;IAC1D,OAAO,EAAE,KAAK;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,0BAA0B,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE;CAChF,CAAC;AAEF;IAA0C,wCAAc;IAOtD;QAAA,YACE,kBACE,SAAS,EACT,UAAC,MAAM,IAAK,OAAA,UAAU,CAAC,MAAM,EAAE,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAA5D,CAA4D,EACxE,UAAC,MAAM,IAAK,OAAA,UAAU,CAAC,MAAM,EAAE,KAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../../src/theme/CustomThemes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/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,iBAsBhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.ios.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.ios.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,eAAO,MAAM,iBAAiB;;;;;EAqB5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA0BhC,CAAC"}
|
|
@@ -4,7 +4,6 @@ import { Button } from '@fluentui-react-native/experimental-button';
|
|
|
4
4
|
import { MenuView } from '@react-native-menu/menu';
|
|
5
5
|
import { testerTheme } from './CustomThemes';
|
|
6
6
|
import { themeChoices } from './applyTheme';
|
|
7
|
-
import { brandOptions } from './applyBrand';
|
|
8
7
|
import { useTheme } from '@fluentui-react-native/framework';
|
|
9
8
|
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
10
9
|
export var themePickerStyles = themedStyleSheet(function (t) {
|
|
@@ -31,9 +30,6 @@ export var themePickerStyles = themedStyleSheet(function (t) {
|
|
|
31
30
|
});
|
|
32
31
|
export var ThemePickers = function () {
|
|
33
32
|
var themedStyles = themePickerStyles(useTheme());
|
|
34
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
35
|
-
testerTheme.brand = newBrand;
|
|
36
|
-
}, []);
|
|
37
33
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
38
34
|
testerTheme.themeName = newTheme;
|
|
39
35
|
}, []);
|
|
@@ -42,21 +38,11 @@ export var ThemePickers = function () {
|
|
|
42
38
|
title: themeChoice.label,
|
|
43
39
|
state: testerTheme.themeName === themeChoice.value ? 'on' : 'off',
|
|
44
40
|
}); });
|
|
45
|
-
var brandMenuOptions = brandOptions.map(function (brandOption) { return ({
|
|
46
|
-
id: brandOption.value,
|
|
47
|
-
title: brandOption.label,
|
|
48
|
-
state: testerTheme.brand === brandOption.value ? 'on' : 'off',
|
|
49
|
-
}); });
|
|
50
41
|
return (React.createElement(View, { style: themedStyles.pickerRoot },
|
|
51
42
|
React.createElement(MenuView, { title: "Theme", onPressAction: function (_a) {
|
|
52
43
|
var nativeEvent = _a.nativeEvent;
|
|
53
44
|
onThemeSelected(nativeEvent.event);
|
|
54
45
|
}, actions: themeMenuOptions },
|
|
55
|
-
React.createElement(Button, { appearance: "subtle" }, "Theme"))
|
|
56
|
-
React.createElement(MenuView, { title: "Brand", onPressAction: function (_a) {
|
|
57
|
-
var nativeEvent = _a.nativeEvent;
|
|
58
|
-
onBrandChange(nativeEvent.event);
|
|
59
|
-
}, actions: brandMenuOptions },
|
|
60
|
-
React.createElement(Button, { appearance: "subtle" }, "Brand"))));
|
|
46
|
+
React.createElement(Button, { appearance: "subtle" }, "Theme"))));
|
|
61
47
|
};
|
|
62
48
|
//# sourceMappingURL=ThemePickers.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
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;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,
|
|
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;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AAEpE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAE5E,MAAM,CAAC,IAAM,iBAAiB,GAAG,gBAAgB,CAAC,UAAC,CAAQ;IACzD,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;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,YAAY,GAAG,iBAAiB,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnD,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAiB,YAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,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,EAJuE,CAIvE,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU;QAClC,oBAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,WAAW,iBAAA;gBAC3B,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,MAAM,IAAC,UAAU,EAAC,QAAQ,YAAe,CACjC,CACN,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { View, StyleSheet } from 'react-native';
|
|
|
3
3
|
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import { themeChoices } from './applyTheme';
|
|
6
|
-
import { brandOptions } from './applyBrand';
|
|
7
6
|
import { MenuPicker } from '../TestComponents/Common/MenuPicker';
|
|
8
7
|
export var themePickerStyles = StyleSheet.create({
|
|
9
8
|
pickerRoot: {
|
|
@@ -31,9 +30,6 @@ export var PartPicker = function (props) {
|
|
|
31
30
|
};
|
|
32
31
|
var PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
33
32
|
export var ThemePickers = function () {
|
|
34
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
35
|
-
testerTheme.brand = newBrand;
|
|
36
|
-
}, []);
|
|
37
33
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
38
34
|
testerTheme.themeName = newTheme;
|
|
39
35
|
}, []);
|
|
@@ -46,9 +42,6 @@ export var ThemePickers = function () {
|
|
|
46
42
|
React.createElement(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices })),
|
|
47
43
|
React.createElement(View, { style: themePickerStyles.picker },
|
|
48
44
|
React.createElement(PickerLabel, null, "Light/Dark: "),
|
|
49
|
-
React.createElement(PartPicker, { initial: testerTheme.appearance, onChange: onAppearanceChange, contents: lightnessOptions }))
|
|
50
|
-
React.createElement(View, { style: themePickerStyles.picker },
|
|
51
|
-
React.createElement(PickerLabel, null, "Brand: "),
|
|
52
|
-
React.createElement(PartPicker, { initial: testerTheme.brand, onChange: onBrandChange, contents: brandOptions }))));
|
|
45
|
+
React.createElement(PartPicker, { initial: testerTheme.appearance, onChange: onAppearanceChange, contents: lightnessOptions }))));
|
|
53
46
|
};
|
|
54
47
|
//# sourceMappingURL=ThemePickers.js.map
|
|
@@ -1 +1 @@
|
|
|
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;AAChD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,
|
|
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;AAChD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,CAAC,IAAM,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,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEhE,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,WAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,UAAU;QACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,GAAI,CAC5F;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CACpG,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/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"}
|
|
@@ -7,7 +7,6 @@ import { Menu, MenuItem, MenuTrigger, MenuPopover, MenuList } from '@fluentui-re
|
|
|
7
7
|
import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
8
8
|
import { testerTheme } from './CustomThemes';
|
|
9
9
|
import { themeChoices } from './applyTheme';
|
|
10
|
-
import { brandOptions } from './applyBrand';
|
|
11
10
|
export var themePickerStyles = StyleSheet.create({
|
|
12
11
|
pickerRoot: {
|
|
13
12
|
flexDirection: 'row',
|
|
@@ -57,18 +56,12 @@ export var PartPicker = function (props) {
|
|
|
57
56
|
};
|
|
58
57
|
var PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
59
58
|
export var ThemePickers = function () {
|
|
60
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
61
|
-
testerTheme.brand = newBrand;
|
|
62
|
-
}, []);
|
|
63
59
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
64
60
|
testerTheme.themeName = newTheme;
|
|
65
61
|
}, []);
|
|
66
62
|
return (React.createElement(View, { style: themePickerStyles.pickerRoot },
|
|
67
63
|
React.createElement(View, { style: themePickerStyles.picker },
|
|
68
64
|
React.createElement(PickerLabel, null, "Theme: "),
|
|
69
|
-
React.createElement(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices }))
|
|
70
|
-
React.createElement(View, { style: themePickerStyles.picker },
|
|
71
|
-
React.createElement(PickerLabel, null, "Brand: "),
|
|
72
|
-
React.createElement(PartPicker, { initial: testerTheme.brand, onChange: onBrandChange, contents: brandOptions }))));
|
|
65
|
+
React.createElement(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices }))));
|
|
73
66
|
};
|
|
74
67
|
//# sourceMappingURL=ThemePickers.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACjG,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const themePickerStyles: {
|
|
3
|
+
pickerRoot: {
|
|
4
|
+
flexDirection: "row";
|
|
5
|
+
};
|
|
6
|
+
picker: {
|
|
7
|
+
flexDirection: "row";
|
|
8
|
+
alignItems: "center";
|
|
9
|
+
padding: number;
|
|
10
|
+
};
|
|
11
|
+
dropdown: {
|
|
12
|
+
height: number;
|
|
13
|
+
width: number;
|
|
14
|
+
fontSize: number;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
type PartPickerEntry = {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
};
|
|
21
|
+
type PartPickerProps = {
|
|
22
|
+
initial: string;
|
|
23
|
+
contents: PartPickerEntry[];
|
|
24
|
+
onChange: (value: string) => void;
|
|
25
|
+
};
|
|
26
|
+
export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
|
|
27
|
+
export declare const ThemePickers: React.FunctionComponent;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=ThemePickers.win32.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemePickers.win32.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
|
+
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
|
+
import { themeChoices } from './applyTheme';
|
|
6
|
+
import { brandOptions } from './applyBrand';
|
|
7
|
+
import { MenuPicker } from '../TestComponents/Common/MenuPicker';
|
|
8
|
+
export var themePickerStyles = StyleSheet.create({
|
|
9
|
+
pickerRoot: {
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
},
|
|
12
|
+
picker: {
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
padding: 4,
|
|
16
|
+
},
|
|
17
|
+
dropdown: {
|
|
18
|
+
height: 30,
|
|
19
|
+
width: 120,
|
|
20
|
+
fontSize: 12,
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
export var PartPicker = function (props) {
|
|
24
|
+
var initial = props.initial, contents = props.contents, onChange = props.onChange;
|
|
25
|
+
var _a = React.useState(initial), selected = _a[0], setSelected = _a[1];
|
|
26
|
+
var onValueChange = React.useCallback(function (value) {
|
|
27
|
+
setSelected(value);
|
|
28
|
+
onChange(value);
|
|
29
|
+
}, [setSelected, onChange]);
|
|
30
|
+
return React.createElement(MenuPicker, { selected: selected, style: themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
31
|
+
};
|
|
32
|
+
var PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
33
|
+
export var ThemePickers = function () {
|
|
34
|
+
var onBrandChange = React.useCallback(function (newBrand) {
|
|
35
|
+
testerTheme.brand = newBrand;
|
|
36
|
+
}, []);
|
|
37
|
+
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
38
|
+
testerTheme.themeName = newTheme;
|
|
39
|
+
}, []);
|
|
40
|
+
var onAppearanceChange = React.useCallback(function (newAppearance) {
|
|
41
|
+
testerTheme.appearance = newAppearance;
|
|
42
|
+
}, []);
|
|
43
|
+
return (React.createElement(View, { style: themePickerStyles.pickerRoot },
|
|
44
|
+
React.createElement(View, { style: themePickerStyles.picker },
|
|
45
|
+
React.createElement(PickerLabel, null, "Theme: "),
|
|
46
|
+
React.createElement(PartPicker, { initial: testerTheme.themeName, onChange: onThemeSelected, contents: themeChoices })),
|
|
47
|
+
React.createElement(View, { style: themePickerStyles.picker },
|
|
48
|
+
React.createElement(PickerLabel, null, "Light/Dark: "),
|
|
49
|
+
React.createElement(PartPicker, { initial: testerTheme.appearance, onChange: onAppearanceChange, contents: lightnessOptions })),
|
|
50
|
+
React.createElement(View, { style: themePickerStyles.picker },
|
|
51
|
+
React.createElement(PickerLabel, null, "Brand: "),
|
|
52
|
+
React.createElement(PartPicker, { initial: testerTheme.brand, onChange: onBrandChange, contents: brandOptions }))));
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=ThemePickers.win32.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;AAChD,OAAO,EAAE,MAAM,IAAI,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAEjE,MAAM,CAAC,IAAM,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,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,UAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEhE,MAAM,CAAC,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,WAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,WAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,WAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,UAAU;QACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,YAAY,GAAI,CAC5F;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,gBAAgB,GAAI,CACpG;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,UAAU,IAAC,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,5 +4,5 @@ export declare const brandOptions: {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
}[];
|
|
7
|
-
export declare const applyBrand: (parent: Theme,
|
|
7
|
+
export declare const applyBrand: (parent: Theme, currentBrand: string) => PartialTheme;
|
|
8
8
|
//# sourceMappingURL=applyBrand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,WAAY,KAAK,
|
|
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,WAAY,KAAK,gBAAgB,MAAM,KAAG,YA6ChE,CAAC"}
|
|
@@ -100,14 +100,14 @@ var brandColors = {
|
|
|
100
100
|
},
|
|
101
101
|
};
|
|
102
102
|
export var brandOptions = Object.keys(brandColors).map(function (brand) { return ({ label: brand, value: brand }); });
|
|
103
|
-
export var applyBrand = function (parent,
|
|
103
|
+
export var applyBrand = function (parent, currentBrand) {
|
|
104
104
|
if (parent.name === 'HighContrast') {
|
|
105
105
|
return {};
|
|
106
106
|
}
|
|
107
107
|
var ramp = brandColors[currentBrand];
|
|
108
108
|
return ramp
|
|
109
109
|
? {
|
|
110
|
-
colors: __assign({ successBackground: ramp.App6, inputBorderHovered: ramp.App3, inputBackgroundCheckedHovered: ramp.App1, 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, actionLinkHovered: ramp.App5, 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, brandedBorder: ramp.App7, brandedHoveredBackground: ramp.App7, brandedHoveredBorder: ramp.App6, brandedFocusedBackground: ramp.App7, brandedFocusedBorder: ramp.App7, brandedPressedBackground: ramp.App8, brandedPressedBorder: ramp.App7, defaultCheckedHoveredBackground: ramp.App1 }, getCurrentBrandAliasTokens(
|
|
110
|
+
colors: __assign({ successBackground: ramp.App6, inputBorderHovered: ramp.App3, inputBackgroundCheckedHovered: ramp.App1, 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, actionLinkHovered: ramp.App5, 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, brandedBorder: ramp.App7, brandedHoveredBackground: ramp.App7, brandedHoveredBorder: ramp.App6, brandedFocusedBackground: ramp.App7, brandedFocusedBorder: ramp.App7, brandedPressedBackground: ramp.App8, brandedPressedBorder: ramp.App7, defaultCheckedHoveredBackground: ramp.App1 }, getCurrentBrandAliasTokens(parent.name, ramp.AppPrimary)),
|
|
111
111
|
}
|
|
112
112
|
: {};
|
|
113
113
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../../src/theme/applyBrand.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAsBhF,IAAM,WAAW,GAAe;IAC9B;;SAEK;IACL,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAC;AAEtG,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,MAAa,EAAE,
|
|
1
|
+
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../../src/theme/applyBrand.ts"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@ var themingModule = getThemingModule()[0];
|
|
|
49
49
|
export function applyTheme(parent, name, appearance) {
|
|
50
50
|
switch (name) {
|
|
51
51
|
case 'Office':
|
|
52
|
-
return themingModule ? createOfficeTheme({ appearance: appearance, paletteName: '
|
|
52
|
+
return themingModule ? createOfficeTheme({ appearance: appearance, paletteName: 'Dialogs_FluentSV' }).theme : {};
|
|
53
53
|
case 'Caterpillar':
|
|
54
54
|
return applyCaterpillarTheme(parent);
|
|
55
55
|
default:
|
|
@@ -1 +1 @@
|
|
|
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,IAAM,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;CAC/C,CAAC;AAEF,SAAS,qBAAqB,CAAC,MAAa;;IAC1C,OAAO,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU,MAAK,MAAM;QACvC,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACH,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF,CAAC;AACR,CAAC;AAED,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,MAAM,UAAU,UAAU,CAAC,MAAa,EAAE,IAAgB,EAAE,UAAsC;IAChG,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,UAAU,YAAA,EAAE,WAAW,EAAE,
|
|
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,IAAM,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;CAC/C,CAAC;AAEF,SAAS,qBAAqB,CAAC,MAAa;;IAC1C,OAAO,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU,MAAK,MAAM;QACvC,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACH,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF,CAAC;AACR,CAAC;AAED,IAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,MAAM,UAAU,UAAU,CAAC,MAAa,EAAE,IAAgB,EAAE,UAAsC;IAChG,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,iBAAiB,CAAC,EAAE,UAAU,YAAA,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACvG,KAAK,aAAa;YAChB,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACvC;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC"}
|
|
@@ -32,7 +32,7 @@ exports.lightnessOptions = [
|
|
|
32
32
|
var TesterThemeReference = /** @class */ (function (_super) {
|
|
33
33
|
tslib_1.__extends(TesterThemeReference, _super);
|
|
34
34
|
function TesterThemeReference() {
|
|
35
|
-
var _this = _super.call(this, baseTheme, function (parent) { return (0, applyTheme_1.applyTheme)(parent, _this._themeName, _this.options.appearance); }, function (parent) { return (0, applyBrand_1.applyBrand)(parent, _this.
|
|
35
|
+
var _this = _super.call(this, baseTheme, function (parent) { return (0, applyTheme_1.applyTheme)(parent, _this._themeName, _this.options.appearance); }, function (parent) { return (0, applyBrand_1.applyBrand)(parent, _this._brand); }) || this;
|
|
36
36
|
_this._themeName = react_native_1.Platform.OS === 'win32' ? 'Office' : 'Default';
|
|
37
37
|
_this._brand = 'Default';
|
|
38
38
|
_this.baseTheme = baseTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../../src/theme/CustomThemes.ts"],"names":[],"mappings":";;;;AAAA,kEAAsE;AACtE,sEAA0E;AAC1E,sDAA8D;AAC9D,6CAAwC;AAExC,2CAA0C;AAE1C,2CAA0C;AAC1C,sEAA0E;AAG1E,IAAM,YAAY,GAAiB,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC;AAEtF,2BAA2B;AAC3B,IAAM,SAAS,GAAG,uBAAQ,CAAC,MAAM,CAAC;IAChC,OAAO,EAAE,IAAA,kCAAkB,EAAC,YAAY,CAAC;IACzC,GAAG,EAAE,IAAA,8BAAgB,GAAE;IACvB,KAAK,EAAE,IAAA,8BAAgB,GAAE;IACzB,OAAO,EAAE,IAAA,kCAAkB,EAAC,YAAY,CAAC;CAC1C,CAAC,CAAC;AAEH,IAAM,0BAA0B,GAAY,uBAAQ,CAAC,MAAM,CAAC;IAC1D,OAAO,EAAE,KAAK;IACd,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE,IAAI;CACd,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG;IAC9B,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,0BAA0B,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE;CAChF,CAAC;AAEF;IAA0C,gDAAc;IAOtD;QAAA,YACE,kBACE,SAAS,EACT,UAAC,MAAM,IAAK,OAAA,IAAA,uBAAU,EAAC,MAAM,EAAE,KAAI,CAAC,UAAU,EAAE,KAAI,CAAC,OAAO,CAAC,UAAU,CAAC,EAA5D,CAA4D,EACxE,UAAC,MAAM,IAAK,OAAA,IAAA,uBAAU,EAAC,MAAM,EAAE,KAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../../src/theme/CustomThemes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/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,iBAsBhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.ios.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.ios.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAI9D,eAAO,MAAM,iBAAiB;;;;;EAqB5B,CAAC;AAEH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBA0BhC,CAAC"}
|
|
@@ -8,7 +8,6 @@ var experimental_button_1 = require("@fluentui-react-native/experimental-button"
|
|
|
8
8
|
var menu_1 = require("@react-native-menu/menu");
|
|
9
9
|
var CustomThemes_1 = require("./CustomThemes");
|
|
10
10
|
var applyTheme_1 = require("./applyTheme");
|
|
11
|
-
var applyBrand_1 = require("./applyBrand");
|
|
12
11
|
var framework_1 = require("@fluentui-react-native/framework");
|
|
13
12
|
var themed_stylesheet_1 = require("@fluentui-react-native/themed-stylesheet");
|
|
14
13
|
exports.themePickerStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (t) {
|
|
@@ -35,9 +34,6 @@ exports.themePickerStyles = (0, themed_stylesheet_1.themedStyleSheet)(function (
|
|
|
35
34
|
});
|
|
36
35
|
var ThemePickers = function () {
|
|
37
36
|
var themedStyles = (0, exports.themePickerStyles)((0, framework_1.useTheme)());
|
|
38
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
39
|
-
CustomThemes_1.testerTheme.brand = newBrand;
|
|
40
|
-
}, []);
|
|
41
37
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
42
38
|
CustomThemes_1.testerTheme.themeName = newTheme;
|
|
43
39
|
}, []);
|
|
@@ -46,22 +42,12 @@ var ThemePickers = function () {
|
|
|
46
42
|
title: themeChoice.label,
|
|
47
43
|
state: CustomThemes_1.testerTheme.themeName === themeChoice.value ? 'on' : 'off',
|
|
48
44
|
}); });
|
|
49
|
-
var brandMenuOptions = applyBrand_1.brandOptions.map(function (brandOption) { return ({
|
|
50
|
-
id: brandOption.value,
|
|
51
|
-
title: brandOption.label,
|
|
52
|
-
state: CustomThemes_1.testerTheme.brand === brandOption.value ? 'on' : 'off',
|
|
53
|
-
}); });
|
|
54
45
|
return (React.createElement(react_native_1.View, { style: themedStyles.pickerRoot },
|
|
55
46
|
React.createElement(menu_1.MenuView, { title: "Theme", onPressAction: function (_a) {
|
|
56
47
|
var nativeEvent = _a.nativeEvent;
|
|
57
48
|
onThemeSelected(nativeEvent.event);
|
|
58
49
|
}, actions: themeMenuOptions },
|
|
59
|
-
React.createElement(experimental_button_1.Button, { appearance: "subtle" }, "Theme"))
|
|
60
|
-
React.createElement(menu_1.MenuView, { title: "Brand", onPressAction: function (_a) {
|
|
61
|
-
var nativeEvent = _a.nativeEvent;
|
|
62
|
-
onBrandChange(nativeEvent.event);
|
|
63
|
-
}, actions: brandMenuOptions },
|
|
64
|
-
React.createElement(experimental_button_1.Button, { appearance: "subtle" }, "Brand"))));
|
|
50
|
+
React.createElement(experimental_button_1.Button, { appearance: "subtle" }, "Theme"))));
|
|
65
51
|
};
|
|
66
52
|
exports.ThemePickers = ThemePickers;
|
|
67
53
|
//# sourceMappingURL=ThemePickers.ios.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAoC;AACpC,kFAAoE;AAEpE,gDAAmD;AACnD,+CAA6C;AAE7C,2CAA4C;AAE5C,
|
|
1
|
+
{"version":3,"file":"ThemePickers.ios.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.ios.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAoC;AACpC,kFAAoE;AAEpE,gDAAmD;AACnD,+CAA6C;AAE7C,2CAA4C;AAE5C,8DAA4D;AAC5D,8EAA4E;AAE/D,QAAA,iBAAiB,GAAG,IAAA,oCAAgB,EAAC,UAAC,CAAQ;IACzD,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;AACJ,CAAC,CAAC,CAAC;AAEI,IAAM,YAAY,GAA4B;IACnD,IAAM,YAAY,GAAG,IAAA,yBAAiB,EAAC,IAAA,oBAAQ,GAAE,CAAC,CAAC;IAEnD,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,gBAAgB,GAAiB,yBAAY,CAAC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CAAC;QACxE,EAAE,EAAE,WAAW,CAAC,KAAK;QACrB,KAAK,EAAE,WAAW,CAAC,KAAK;QACxB,KAAK,EAAE,0BAAW,CAAC,SAAS,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;KAClE,CAAC,EAJuE,CAIvE,CAAC,CAAC;IAEJ,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,YAAY,CAAC,UAAU;QAClC,oBAAC,eAAQ,IACP,KAAK,EAAC,OAAO,EACb,aAAa,EAAE,UAAC,EAAe;oBAAb,WAAW,iBAAA;gBAC3B,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC,EACD,OAAO,EAAE,gBAAgB;YAEzB,oBAAC,4BAAM,IAAC,UAAU,EAAC,QAAQ,YAAe,CACjC,CACN,CACR,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,YAAY,gBA0BvB"}
|
|
@@ -7,7 +7,6 @@ var react_native_1 = require("react-native");
|
|
|
7
7
|
var text_1 = require("@fluentui-react-native/text");
|
|
8
8
|
var CustomThemes_1 = require("./CustomThemes");
|
|
9
9
|
var applyTheme_1 = require("./applyTheme");
|
|
10
|
-
var applyBrand_1 = require("./applyBrand");
|
|
11
10
|
var MenuPicker_1 = require("../TestComponents/Common/MenuPicker");
|
|
12
11
|
exports.themePickerStyles = react_native_1.StyleSheet.create({
|
|
13
12
|
pickerRoot: {
|
|
@@ -36,9 +35,6 @@ var PartPicker = function (props) {
|
|
|
36
35
|
exports.PartPicker = PartPicker;
|
|
37
36
|
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
38
37
|
var ThemePickers = function () {
|
|
39
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
|
-
CustomThemes_1.testerTheme.brand = newBrand;
|
|
41
|
-
}, []);
|
|
42
38
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
43
39
|
CustomThemes_1.testerTheme.themeName = newTheme;
|
|
44
40
|
}, []);
|
|
@@ -51,10 +47,7 @@ var ThemePickers = function () {
|
|
|
51
47
|
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices })),
|
|
52
48
|
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
53
49
|
React.createElement(PickerLabel, null, "Light/Dark: "),
|
|
54
|
-
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.appearance, onChange: onAppearanceChange, contents: CustomThemes_1.lightnessOptions }))
|
|
55
|
-
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
56
|
-
React.createElement(PickerLabel, null, "Brand: "),
|
|
57
|
-
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.brand, onChange: onBrandChange, contents: applyBrand_1.brandOptions }))));
|
|
50
|
+
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.appearance, onChange: onAppearanceChange, contents: CustomThemes_1.lightnessOptions }))));
|
|
58
51
|
};
|
|
59
52
|
exports.ThemePickers = ThemePickers;
|
|
60
53
|
//# sourceMappingURL=ThemePickers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,+CAA+D;AAE/D,2CAA4C;AAE5C,
|
|
1
|
+
{"version":3,"file":"ThemePickers.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,+CAA+D;AAE/D,2CAA4C;AAE5C,kEAAiE;AAEpD,QAAA,iBAAiB,GAAG,yBAAU,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;AAUI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEF,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI,CACpG,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AAtBW,QAAA,YAAY,gBAsBvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/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"}
|
|
@@ -10,7 +10,6 @@ var menu_1 = require("@fluentui-react-native/menu");
|
|
|
10
10
|
var react_native_2 = require("@fluentui/react-native");
|
|
11
11
|
var CustomThemes_1 = require("./CustomThemes");
|
|
12
12
|
var applyTheme_1 = require("./applyTheme");
|
|
13
|
-
var applyBrand_1 = require("./applyBrand");
|
|
14
13
|
exports.themePickerStyles = react_native_1.StyleSheet.create({
|
|
15
14
|
pickerRoot: {
|
|
16
15
|
flexDirection: 'row',
|
|
@@ -61,19 +60,13 @@ var PartPicker = function (props) {
|
|
|
61
60
|
exports.PartPicker = PartPicker;
|
|
62
61
|
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
63
62
|
var ThemePickers = function () {
|
|
64
|
-
var onBrandChange = React.useCallback(function (newBrand) {
|
|
65
|
-
CustomThemes_1.testerTheme.brand = newBrand;
|
|
66
|
-
}, []);
|
|
67
63
|
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
68
64
|
CustomThemes_1.testerTheme.themeName = newTheme;
|
|
69
65
|
}, []);
|
|
70
66
|
return (React.createElement(react_native_1.View, { style: exports.themePickerStyles.pickerRoot },
|
|
71
67
|
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
72
68
|
React.createElement(PickerLabel, null, "Theme: "),
|
|
73
|
-
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices }))
|
|
74
|
-
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
75
|
-
React.createElement(PickerLabel, null, "Brand: "),
|
|
76
|
-
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.brand, onChange: onBrandChange, contents: applyBrand_1.brandOptions }))));
|
|
69
|
+
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices }))));
|
|
77
70
|
};
|
|
78
71
|
exports.ThemePickers = ThemePickers;
|
|
79
72
|
//# sourceMappingURL=ThemePickers.macos.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,qDAA0C;AAC1C,oDAAiG;AACjG,uDAA4D;AAC5D,+CAA6C;AAE7C,2CAA4C;
|
|
1
|
+
{"version":3,"file":"ThemePickers.macos.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.macos.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare const themePickerStyles: {
|
|
3
|
+
pickerRoot: {
|
|
4
|
+
flexDirection: "row";
|
|
5
|
+
};
|
|
6
|
+
picker: {
|
|
7
|
+
flexDirection: "row";
|
|
8
|
+
alignItems: "center";
|
|
9
|
+
padding: number;
|
|
10
|
+
};
|
|
11
|
+
dropdown: {
|
|
12
|
+
height: number;
|
|
13
|
+
width: number;
|
|
14
|
+
fontSize: number;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
type PartPickerEntry = {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
};
|
|
21
|
+
type PartPickerProps = {
|
|
22
|
+
initial: string;
|
|
23
|
+
contents: PartPickerEntry[];
|
|
24
|
+
onChange: (value: string) => void;
|
|
25
|
+
};
|
|
26
|
+
export declare const PartPicker: React.FunctionComponent<PartPickerProps>;
|
|
27
|
+
export declare const ThemePickers: React.FunctionComponent;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=ThemePickers.win32.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemePickers.win32.d.ts","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/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"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ThemePickers = exports.PartPicker = exports.themePickerStyles = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var React = tslib_1.__importStar(require("react"));
|
|
6
|
+
var react_native_1 = require("react-native");
|
|
7
|
+
var text_1 = require("@fluentui-react-native/text");
|
|
8
|
+
var CustomThemes_1 = require("./CustomThemes");
|
|
9
|
+
var applyTheme_1 = require("./applyTheme");
|
|
10
|
+
var applyBrand_1 = require("./applyBrand");
|
|
11
|
+
var MenuPicker_1 = require("../TestComponents/Common/MenuPicker");
|
|
12
|
+
exports.themePickerStyles = react_native_1.StyleSheet.create({
|
|
13
|
+
pickerRoot: {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
},
|
|
16
|
+
picker: {
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
padding: 4,
|
|
20
|
+
},
|
|
21
|
+
dropdown: {
|
|
22
|
+
height: 30,
|
|
23
|
+
width: 120,
|
|
24
|
+
fontSize: 12,
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
var PartPicker = function (props) {
|
|
28
|
+
var initial = props.initial, contents = props.contents, onChange = props.onChange;
|
|
29
|
+
var _a = React.useState(initial), selected = _a[0], setSelected = _a[1];
|
|
30
|
+
var onValueChange = React.useCallback(function (value) {
|
|
31
|
+
setSelected(value);
|
|
32
|
+
onChange(value);
|
|
33
|
+
}, [setSelected, onChange]);
|
|
34
|
+
return React.createElement(MenuPicker_1.MenuPicker, { selected: selected, style: exports.themePickerStyles.dropdown, onChange: onValueChange, collection: contents });
|
|
35
|
+
};
|
|
36
|
+
exports.PartPicker = PartPicker;
|
|
37
|
+
var PickerLabel = text_1.TextV1.customize({ variant: 'bodySemibold' });
|
|
38
|
+
var ThemePickers = function () {
|
|
39
|
+
var onBrandChange = React.useCallback(function (newBrand) {
|
|
40
|
+
CustomThemes_1.testerTheme.brand = newBrand;
|
|
41
|
+
}, []);
|
|
42
|
+
var onThemeSelected = React.useCallback(function (newTheme) {
|
|
43
|
+
CustomThemes_1.testerTheme.themeName = newTheme;
|
|
44
|
+
}, []);
|
|
45
|
+
var onAppearanceChange = React.useCallback(function (newAppearance) {
|
|
46
|
+
CustomThemes_1.testerTheme.appearance = newAppearance;
|
|
47
|
+
}, []);
|
|
48
|
+
return (React.createElement(react_native_1.View, { style: exports.themePickerStyles.pickerRoot },
|
|
49
|
+
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
50
|
+
React.createElement(PickerLabel, null, "Theme: "),
|
|
51
|
+
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.themeName, onChange: onThemeSelected, contents: applyTheme_1.themeChoices })),
|
|
52
|
+
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
53
|
+
React.createElement(PickerLabel, null, "Light/Dark: "),
|
|
54
|
+
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.appearance, onChange: onAppearanceChange, contents: CustomThemes_1.lightnessOptions })),
|
|
55
|
+
React.createElement(react_native_1.View, { style: exports.themePickerStyles.picker },
|
|
56
|
+
React.createElement(PickerLabel, null, "Brand: "),
|
|
57
|
+
React.createElement(exports.PartPicker, { initial: CustomThemes_1.testerTheme.brand, onChange: onBrandChange, contents: applyBrand_1.brandOptions }))));
|
|
58
|
+
};
|
|
59
|
+
exports.ThemePickers = ThemePickers;
|
|
60
|
+
//# sourceMappingURL=ThemePickers.win32.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemePickers.win32.js","sourceRoot":"","sources":["../../../../src/theme/ThemePickers.win32.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6CAAgD;AAChD,oDAA6D;AAC7D,+CAA+D;AAE/D,2CAA4C;AAE5C,2CAA4C;AAE5C,kEAAiE;AAEpD,QAAA,iBAAiB,GAAG,yBAAU,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;AAUI,IAAM,UAAU,GAA6C,UAAC,KAAsB;IACjF,IAAA,OAAO,GAAyB,KAAK,QAA9B,EAAE,QAAQ,GAAe,KAAK,SAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IACxC,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAhD,QAAQ,QAAA,EAAE,WAAW,QAA2B,CAAC;IACxD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,UAAC,KAAa;QACZ,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,CAAC,CACxB,CAAC;IAEF,OAAO,oBAAC,uBAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,yBAAiB,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,GAAI,CAAC;AAC9H,CAAC,CAAC;AAZW,QAAA,UAAU,cAYrB;AAEF,IAAM,WAAW,GAAG,aAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC;AAEzD,IAAM,YAAY,GAA4B;IACnD,IAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACvD,0BAAW,CAAC,KAAK,GAAG,QAAuB,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,QAAgB;QACzD,0BAAW,CAAC,SAAS,GAAG,QAAsB,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,aAAqB;QACjE,0BAAW,CAAC,UAAU,GAAG,aAA2C,CAAC;IACvE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,UAAU;QACvC,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,SAAS,EAAE,QAAQ,EAAE,eAAe,EAAE,QAAQ,EAAE,yBAAY,GAAI,CAC5F;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,uBAA2B;YACvC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,UAAU,EAAE,QAAQ,EAAE,kBAAkB,EAAE,QAAQ,EAAE,+BAAgB,GAAI,CACpG;QAEP,oBAAC,mBAAI,IAAC,KAAK,EAAE,yBAAiB,CAAC,MAAM;YACnC,oBAAC,WAAW,kBAAsB;YAClC,oBAAC,kBAAU,IAAC,OAAO,EAAE,0BAAW,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,yBAAY,GAAI,CACtF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB"}
|
|
@@ -4,5 +4,5 @@ export declare const brandOptions: {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
}[];
|
|
7
|
-
export declare const applyBrand: (parent: Theme,
|
|
7
|
+
export declare const applyBrand: (parent: Theme, currentBrand: string) => PartialTheme;
|
|
8
8
|
//# sourceMappingURL=applyBrand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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,WAAY,KAAK,
|
|
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,WAAY,KAAK,gBAAgB,MAAM,KAAG,YA6ChE,CAAC"}
|
|
@@ -103,14 +103,14 @@ var brandColors = {
|
|
|
103
103
|
},
|
|
104
104
|
};
|
|
105
105
|
exports.brandOptions = Object.keys(brandColors).map(function (brand) { return ({ label: brand, value: brand }); });
|
|
106
|
-
var applyBrand = function (parent,
|
|
106
|
+
var applyBrand = function (parent, currentBrand) {
|
|
107
107
|
if (parent.name === 'HighContrast') {
|
|
108
108
|
return {};
|
|
109
109
|
}
|
|
110
110
|
var ramp = brandColors[currentBrand];
|
|
111
111
|
return ramp
|
|
112
112
|
? {
|
|
113
|
-
colors: tslib_1.__assign({ successBackground: ramp.App6, inputBorderHovered: ramp.App3, inputBackgroundCheckedHovered: ramp.App1, 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, actionLinkHovered: ramp.App5, 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, brandedBorder: ramp.App7, brandedHoveredBackground: ramp.App7, brandedHoveredBorder: ramp.App6, brandedFocusedBackground: ramp.App7, brandedFocusedBorder: ramp.App7, brandedPressedBackground: ramp.App8, brandedPressedBorder: ramp.App7, defaultCheckedHoveredBackground: ramp.App1 }, (0, win32_theme_1.getCurrentBrandAliasTokens)(
|
|
113
|
+
colors: tslib_1.__assign({ successBackground: ramp.App6, inputBorderHovered: ramp.App3, inputBackgroundCheckedHovered: ramp.App1, 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, actionLinkHovered: ramp.App5, 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, brandedBorder: ramp.App7, brandedHoveredBackground: ramp.App7, brandedHoveredBorder: ramp.App6, brandedFocusedBackground: ramp.App7, brandedFocusedBorder: ramp.App7, brandedPressedBackground: ramp.App8, brandedPressedBorder: ramp.App7, defaultCheckedHoveredBackground: ramp.App1 }, (0, win32_theme_1.getCurrentBrandAliasTokens)(parent.name, ramp.AppPrimary)),
|
|
114
114
|
}
|
|
115
115
|
: {};
|
|
116
116
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../../src/theme/applyBrand.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../../src/theme/applyBrand.ts"],"names":[],"mappings":";;;;AACA,kEAAgF;AAsBhF,IAAM,WAAW,GAAe;IAC9B;;SAEK;IACL,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;QACrB,UAAU,EAAE,SAAS;KACtB;CACF,CAAC;AAEW,QAAA,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAhC,CAAgC,CAAC,CAAC;AAE/F,IAAM,UAAU,GAAG,UAAC,MAAa,EAAE,YAAoB;IAC5D,IAAI,MAAM,CAAC,IAAI,KAAK,cAAc,EAAE;QAClC,OAAO,EAAE,CAAC;KACX;IAED,IAAM,IAAI,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACvC,OAAO,IAAI;QACT,CAAC,CAAC;YACE,MAAM,qBACJ,iBAAiB,EAAE,IAAI,CAAC,IAAI,EAC5B,kBAAkB,EAAE,IAAI,CAAC,IAAI,EAC7B,6BAA6B,EAAE,IAAI,CAAC,IAAI,EACxC,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAC9B,uBAAuB,EAAE,IAAI,CAAC,IAAI,EAClC,uBAAuB,EAAE,IAAI,CAAC,IAAI,EAClC,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAC9B,uBAAuB,EAAE,IAAI,CAAC,IAAI,EAClC,8BAA8B,EAAE,IAAI,CAAC,IAAI,EACzC,8BAA8B,EAAE,IAAI,CAAC,IAAI,EACzC,mBAAmB,EAAE,IAAI,CAAC,IAAI,EAC9B,0BAA0B,EAAE,IAAI,CAAC,IAAI,EACrC,sBAAsB,EAAE,IAAI,CAAC,IAAI,EACjC,iBAAiB,EAAE,IAAI,CAAC,IAAI,EAC5B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,WAAW,EAAE,IAAI,CAAC,IAAI,EACtB,WAAW,EAAE,IAAI,CAAC,IAAI,EACtB,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,iBAAiB,EAAE,IAAI,CAAC,IAAI,EAC5B,aAAa,EAAE,IAAI,CAAC,IAAI,EACxB,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,wBAAwB,EAAE,IAAI,CAAC,IAAI,EACnC,oBAAoB,EAAE,IAAI,CAAC,IAAI,EAC/B,+BAA+B,EAAE,IAAI,CAAC,IAAI,IACvC,IAAA,wCAA0B,EAAC,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,CAC5D;SACF;QACH,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC;AA7CW,QAAA,UAAU,cA6CrB"}
|
|
@@ -52,7 +52,7 @@ var themingModule = (0, win32_theme_1.getThemingModule)()[0];
|
|
|
52
52
|
function applyTheme(parent, name, appearance) {
|
|
53
53
|
switch (name) {
|
|
54
54
|
case 'Office':
|
|
55
|
-
return themingModule ? (0, win32_theme_1.createOfficeTheme)({ appearance: appearance, paletteName: '
|
|
55
|
+
return themingModule ? (0, win32_theme_1.createOfficeTheme)({ appearance: appearance, paletteName: 'Dialogs_FluentSV' }).theme : {};
|
|
56
56
|
case 'Caterpillar':
|
|
57
57
|
return applyCaterpillarTheme(parent);
|
|
58
58
|
default:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../../../src/theme/applyTheme.ts"],"names":[],"mappings":";;;AACA,kEAAyF;AAI5E,QAAA,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;CAC/C,CAAC;AAEF,SAAS,qBAAqB,CAAC,MAAa;;IAC1C,OAAO,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU,MAAK,MAAM;QACvC,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACH,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF,CAAC;AACR,CAAC;AAED,IAAM,aAAa,GAAG,IAAA,8BAAgB,GAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,SAAgB,UAAU,CAAC,MAAa,EAAE,IAAgB,EAAE,UAAsC;IAChG,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,IAAA,+BAAiB,EAAC,EAAE,UAAU,YAAA,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../../../src/theme/applyTheme.ts"],"names":[],"mappings":";;;AACA,kEAAyF;AAI5E,QAAA,YAAY,GAAG;IAC1B,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;CAC/C,CAAC;AAEF,SAAS,qBAAqB,CAAC,MAAa;;IAC1C,OAAO,CAAA,MAAA,MAAM,CAAC,IAAI,0CAAE,UAAU,MAAK,MAAM;QACvC,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF;QACH,CAAC,CAAC;YACE,MAAM,EAAE;gBACN,gBAAgB,EAAE,SAAS;gBAC3B,uBAAuB,EAAE,SAAS;gBAClC,uBAAuB,EAAE,SAAS;gBAClC,UAAU,EAAE,SAAS;gBACrB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;aAC7B;YACD,UAAU,EAAE;gBACV,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,MAAM,EAAE;wBACN,WAAW,EAAE,CAAC;qBACf;iBACF;aACF;SACF,CAAC;AACR,CAAC;AAED,IAAM,aAAa,GAAG,IAAA,8BAAgB,GAAE,CAAC,CAAC,CAAC,CAAC;AAE5C,gDAAgD;AAChD,SAAgB,UAAU,CAAC,MAAa,EAAE,IAAgB,EAAE,UAAsC;IAChG,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,aAAa,CAAC,CAAC,CAAC,IAAA,+BAAiB,EAAC,EAAE,UAAU,YAAA,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACvG,KAAK,aAAa;YAChB,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACvC;YACE,OAAO,EAAE,CAAC;KACb;AACH,CAAC;AATD,gCASC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.134.
|
|
3
|
+
"version": "0.134.9",
|
|
4
4
|
"description": "A test app to test FluentUI React Native Components during development",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
"@fluentui-react-native/framework": ">=0.9.1 <1.0.0",
|
|
58
58
|
"@fluentui-react-native/icon": "0.17.12",
|
|
59
59
|
"@fluentui-react-native/interactive-hooks": ">=0.22.18 <1.0.0",
|
|
60
|
-
"@fluentui-react-native/menu": "^1.4.
|
|
60
|
+
"@fluentui-react-native/menu": "^1.4.6",
|
|
61
61
|
"@fluentui-react-native/merge-props": ">=0.5.2 <1.0.0",
|
|
62
62
|
"@fluentui-react-native/notification": "0.21.32",
|
|
63
63
|
"@fluentui-react-native/separator": "^0.14.15",
|
|
@@ -44,7 +44,7 @@ export class TesterThemeReference extends ThemeReference {
|
|
|
44
44
|
super(
|
|
45
45
|
baseTheme,
|
|
46
46
|
(parent) => applyTheme(parent, this._themeName, this.options.appearance),
|
|
47
|
-
(parent) => applyBrand(parent, this.
|
|
47
|
+
(parent) => applyBrand(parent, this._brand),
|
|
48
48
|
);
|
|
49
49
|
this.baseTheme = baseTheme;
|
|
50
50
|
this.options = themeOptions;
|
|
@@ -6,8 +6,6 @@ import { MenuView } from '@react-native-menu/menu';
|
|
|
6
6
|
import { testerTheme } from './CustomThemes';
|
|
7
7
|
import type { ThemeNames } from './applyTheme';
|
|
8
8
|
import { themeChoices } from './applyTheme';
|
|
9
|
-
import type { OfficeBrand } from './applyBrand';
|
|
10
|
-
import { brandOptions } from './applyBrand';
|
|
11
9
|
import type { Theme } from '@fluentui-react-native/framework';
|
|
12
10
|
import { useTheme } from '@fluentui-react-native/framework';
|
|
13
11
|
import { themedStyleSheet } from '@fluentui-react-native/themed-stylesheet';
|
|
@@ -38,10 +36,6 @@ export const themePickerStyles = themedStyleSheet((t: Theme) => {
|
|
|
38
36
|
export const ThemePickers: React.FunctionComponent = () => {
|
|
39
37
|
const themedStyles = themePickerStyles(useTheme());
|
|
40
38
|
|
|
41
|
-
const onBrandChange = React.useCallback((newBrand: string) => {
|
|
42
|
-
testerTheme.brand = newBrand as OfficeBrand;
|
|
43
|
-
}, []);
|
|
44
|
-
|
|
45
39
|
const onThemeSelected = React.useCallback((newTheme: string) => {
|
|
46
40
|
testerTheme.themeName = newTheme as ThemeNames;
|
|
47
41
|
}, []);
|
|
@@ -52,12 +46,6 @@ export const ThemePickers: React.FunctionComponent = () => {
|
|
|
52
46
|
state: testerTheme.themeName === themeChoice.value ? 'on' : 'off',
|
|
53
47
|
}));
|
|
54
48
|
|
|
55
|
-
const brandMenuOptions: MenuAction[] = brandOptions.map((brandOption) => ({
|
|
56
|
-
id: brandOption.value,
|
|
57
|
-
title: brandOption.label,
|
|
58
|
-
state: testerTheme.brand === brandOption.value ? 'on' : 'off',
|
|
59
|
-
}));
|
|
60
|
-
|
|
61
49
|
return (
|
|
62
50
|
<View style={themedStyles.pickerRoot}>
|
|
63
51
|
<MenuView
|
|
@@ -69,15 +57,6 @@ export const ThemePickers: React.FunctionComponent = () => {
|
|
|
69
57
|
>
|
|
70
58
|
<Button appearance="subtle">Theme</Button>
|
|
71
59
|
</MenuView>
|
|
72
|
-
<MenuView
|
|
73
|
-
title="Brand"
|
|
74
|
-
onPressAction={({ nativeEvent }) => {
|
|
75
|
-
onBrandChange(nativeEvent.event);
|
|
76
|
-
}}
|
|
77
|
-
actions={brandMenuOptions}
|
|
78
|
-
>
|
|
79
|
-
<Button appearance="subtle">Brand</Button>
|
|
80
|
-
</MenuView>
|
|
81
60
|
</View>
|
|
82
61
|
);
|
|
83
62
|
};
|
|
@@ -7,8 +7,6 @@ import { ButtonV1 as Button } from '@fluentui/react-native';
|
|
|
7
7
|
import { testerTheme } from './CustomThemes';
|
|
8
8
|
import type { ThemeNames } from './applyTheme';
|
|
9
9
|
import { themeChoices } from './applyTheme';
|
|
10
|
-
import type { OfficeBrand } from './applyBrand';
|
|
11
|
-
import { brandOptions } from './applyBrand';
|
|
12
10
|
|
|
13
11
|
export const themePickerStyles = StyleSheet.create({
|
|
14
12
|
pickerRoot: {
|
|
@@ -94,10 +92,6 @@ export const PartPicker: React.FunctionComponent<PartPickerProps> = (props: Part
|
|
|
94
92
|
const PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
95
93
|
|
|
96
94
|
export const ThemePickers: React.FunctionComponent = () => {
|
|
97
|
-
const onBrandChange = React.useCallback((newBrand: string) => {
|
|
98
|
-
testerTheme.brand = newBrand as OfficeBrand;
|
|
99
|
-
}, []);
|
|
100
|
-
|
|
101
95
|
const onThemeSelected = React.useCallback((newTheme: string) => {
|
|
102
96
|
testerTheme.themeName = newTheme as ThemeNames;
|
|
103
97
|
}, []);
|
|
@@ -108,11 +102,6 @@ export const ThemePickers: React.FunctionComponent = () => {
|
|
|
108
102
|
<PickerLabel>Theme: </PickerLabel>
|
|
109
103
|
<PartPicker initial={testerTheme.themeName} onChange={onThemeSelected} contents={themeChoices} />
|
|
110
104
|
</View>
|
|
111
|
-
|
|
112
|
-
<View style={themePickerStyles.picker}>
|
|
113
|
-
<PickerLabel>Brand: </PickerLabel>
|
|
114
|
-
<PartPicker initial={testerTheme.brand} onChange={onBrandChange} contents={brandOptions} />
|
|
115
|
-
</View>
|
|
116
105
|
</View>
|
|
117
106
|
);
|
|
118
107
|
};
|
|
@@ -4,8 +4,6 @@ import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
|
4
4
|
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
5
|
import type { ThemeNames } from './applyTheme';
|
|
6
6
|
import { themeChoices } from './applyTheme';
|
|
7
|
-
import type { OfficeBrand } from './applyBrand';
|
|
8
|
-
import { brandOptions } from './applyBrand';
|
|
9
7
|
import type { ThemeOptions } from '@fluentui-react-native/theme-types';
|
|
10
8
|
import { MenuPicker } from '../TestComponents/Common/MenuPicker';
|
|
11
9
|
|
|
@@ -52,10 +50,6 @@ export const PartPicker: React.FunctionComponent<PartPickerProps> = (props: Part
|
|
|
52
50
|
const PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
53
51
|
|
|
54
52
|
export const ThemePickers: React.FunctionComponent = () => {
|
|
55
|
-
const onBrandChange = React.useCallback((newBrand: string) => {
|
|
56
|
-
testerTheme.brand = newBrand as OfficeBrand;
|
|
57
|
-
}, []);
|
|
58
|
-
|
|
59
53
|
const onThemeSelected = React.useCallback((newTheme: string) => {
|
|
60
54
|
testerTheme.themeName = newTheme as ThemeNames;
|
|
61
55
|
}, []);
|
|
@@ -75,11 +69,6 @@ export const ThemePickers: React.FunctionComponent = () => {
|
|
|
75
69
|
<PickerLabel>Light/Dark: </PickerLabel>
|
|
76
70
|
<PartPicker initial={testerTheme.appearance} onChange={onAppearanceChange} contents={lightnessOptions} />
|
|
77
71
|
</View>
|
|
78
|
-
|
|
79
|
-
<View style={themePickerStyles.picker}>
|
|
80
|
-
<PickerLabel>Brand: </PickerLabel>
|
|
81
|
-
<PartPicker initial={testerTheme.brand} onChange={onBrandChange} contents={brandOptions} />
|
|
82
|
-
</View>
|
|
83
72
|
</View>
|
|
84
73
|
);
|
|
85
74
|
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View, StyleSheet } from 'react-native';
|
|
3
|
+
import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
4
|
+
import { lightnessOptions, testerTheme } from './CustomThemes';
|
|
5
|
+
import type { ThemeNames } from './applyTheme';
|
|
6
|
+
import { themeChoices } from './applyTheme';
|
|
7
|
+
import type { OfficeBrand } from './applyBrand';
|
|
8
|
+
import { brandOptions } from './applyBrand';
|
|
9
|
+
import type { ThemeOptions } from '@fluentui-react-native/theme-types';
|
|
10
|
+
import { MenuPicker } from '../TestComponents/Common/MenuPicker';
|
|
11
|
+
|
|
12
|
+
export const themePickerStyles = StyleSheet.create({
|
|
13
|
+
pickerRoot: {
|
|
14
|
+
flexDirection: 'row',
|
|
15
|
+
},
|
|
16
|
+
|
|
17
|
+
picker: {
|
|
18
|
+
flexDirection: 'row',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
padding: 4,
|
|
21
|
+
},
|
|
22
|
+
|
|
23
|
+
dropdown: {
|
|
24
|
+
height: 30,
|
|
25
|
+
width: 120,
|
|
26
|
+
fontSize: 12,
|
|
27
|
+
},
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
type PartPickerEntry = { label: string; value: string };
|
|
31
|
+
|
|
32
|
+
type PartPickerProps = {
|
|
33
|
+
initial: string;
|
|
34
|
+
contents: PartPickerEntry[];
|
|
35
|
+
onChange: (value: string) => void;
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export const PartPicker: React.FunctionComponent<PartPickerProps> = (props: PartPickerProps) => {
|
|
39
|
+
const { initial, contents, onChange } = props;
|
|
40
|
+
const [selected, setSelected] = React.useState(initial);
|
|
41
|
+
const onValueChange = React.useCallback(
|
|
42
|
+
(value: string) => {
|
|
43
|
+
setSelected(value);
|
|
44
|
+
onChange(value);
|
|
45
|
+
},
|
|
46
|
+
[setSelected, onChange],
|
|
47
|
+
);
|
|
48
|
+
|
|
49
|
+
return <MenuPicker selected={selected} style={themePickerStyles.dropdown} onChange={onValueChange} collection={contents} />;
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
const PickerLabel = Text.customize({ variant: 'bodySemibold' });
|
|
53
|
+
|
|
54
|
+
export const ThemePickers: React.FunctionComponent = () => {
|
|
55
|
+
const onBrandChange = React.useCallback((newBrand: string) => {
|
|
56
|
+
testerTheme.brand = newBrand as OfficeBrand;
|
|
57
|
+
}, []);
|
|
58
|
+
|
|
59
|
+
const onThemeSelected = React.useCallback((newTheme: string) => {
|
|
60
|
+
testerTheme.themeName = newTheme as ThemeNames;
|
|
61
|
+
}, []);
|
|
62
|
+
|
|
63
|
+
const onAppearanceChange = React.useCallback((newAppearance: string) => {
|
|
64
|
+
testerTheme.appearance = newAppearance as ThemeOptions['appearance'];
|
|
65
|
+
}, []);
|
|
66
|
+
|
|
67
|
+
return (
|
|
68
|
+
<View style={themePickerStyles.pickerRoot}>
|
|
69
|
+
<View style={themePickerStyles.picker}>
|
|
70
|
+
<PickerLabel>Theme: </PickerLabel>
|
|
71
|
+
<PartPicker initial={testerTheme.themeName} onChange={onThemeSelected} contents={themeChoices} />
|
|
72
|
+
</View>
|
|
73
|
+
|
|
74
|
+
<View style={themePickerStyles.picker}>
|
|
75
|
+
<PickerLabel>Light/Dark: </PickerLabel>
|
|
76
|
+
<PartPicker initial={testerTheme.appearance} onChange={onAppearanceChange} contents={lightnessOptions} />
|
|
77
|
+
</View>
|
|
78
|
+
|
|
79
|
+
<View style={themePickerStyles.picker}>
|
|
80
|
+
<PickerLabel>Brand: </PickerLabel>
|
|
81
|
+
<PartPicker initial={testerTheme.brand} onChange={onBrandChange} contents={brandOptions} />
|
|
82
|
+
</View>
|
|
83
|
+
</View>
|
|
84
|
+
);
|
|
85
|
+
};
|
package/src/theme/applyBrand.ts
CHANGED
|
@@ -123,7 +123,7 @@ const brandColors: BrandRamps = {
|
|
|
123
123
|
|
|
124
124
|
export const brandOptions = Object.keys(brandColors).map((brand) => ({ label: brand, value: brand }));
|
|
125
125
|
|
|
126
|
-
export const applyBrand = (parent: Theme,
|
|
126
|
+
export const applyBrand = (parent: Theme, currentBrand: string): PartialTheme => {
|
|
127
127
|
if (parent.name === 'HighContrast') {
|
|
128
128
|
return {};
|
|
129
129
|
}
|
|
@@ -164,7 +164,7 @@ export const applyBrand = (parent: Theme, themeName: string, currentBrand: strin
|
|
|
164
164
|
brandedPressedBackground: ramp.App8,
|
|
165
165
|
brandedPressedBorder: ramp.App7,
|
|
166
166
|
defaultCheckedHoveredBackground: ramp.App1,
|
|
167
|
-
...getCurrentBrandAliasTokens(
|
|
167
|
+
...getCurrentBrandAliasTokens(parent.name, ramp.AppPrimary),
|
|
168
168
|
},
|
|
169
169
|
}
|
|
170
170
|
: {};
|
package/src/theme/applyTheme.ts
CHANGED
|
@@ -55,7 +55,7 @@ const themingModule = getThemingModule()[0];
|
|
|
55
55
|
export function applyTheme(parent: Theme, name: ThemeNames, appearance: ThemeOptions['appearance']): PartialTheme {
|
|
56
56
|
switch (name) {
|
|
57
57
|
case 'Office':
|
|
58
|
-
return themingModule ? createOfficeTheme({ appearance, paletteName: '
|
|
58
|
+
return themingModule ? createOfficeTheme({ appearance, paletteName: 'Dialogs_FluentSV' }).theme : {};
|
|
59
59
|
case 'Caterpillar':
|
|
60
60
|
return applyCaterpillarTheme(parent);
|
|
61
61
|
default:
|