@fluentui-react-native/tester 0.52.1 → 0.52.2
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 +46 -1
- package/CHANGELOG.md +15 -2
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js +9 -5
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map +1 -1
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js +3 -3
- package/lib/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map +1 -1
- package/lib/FluentTester/theme/CustomThemes.js +1 -1
- package/lib/FluentTester/theme/CustomThemes.js.map +1 -1
- package/lib/FluentTester/theme/applyBrand.d.ts +2 -2
- package/lib/FluentTester/theme/applyBrand.d.ts.map +1 -1
- package/lib/FluentTester/theme/applyBrand.js +4 -1
- package/lib/FluentTester/theme/applyBrand.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js +8 -4
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js +3 -3
- package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map +1 -1
- package/lib-commonjs/FluentTester/theme/CustomThemes.js +1 -1
- package/lib-commonjs/FluentTester/theme/CustomThemes.js.map +1 -1
- package/lib-commonjs/FluentTester/theme/applyBrand.d.ts +2 -2
- package/lib-commonjs/FluentTester/theme/applyBrand.d.ts.map +1 -1
- package/lib-commonjs/FluentTester/theme/applyBrand.js +4 -1
- package/lib-commonjs/FluentTester/theme/applyBrand.js.map +1 -1
- package/package.json +5 -5
- package/src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx +13 -7
- package/src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx +21 -3
- package/src/FluentTester/theme/CustomThemes.ts +1 -1
- package/src/FluentTester/theme/applyBrand.ts +6 -2
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,52 @@
|
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Fri, 04 Feb 2022 20:30:58 GMT",
|
|
6
|
+
"tag": "@fluentui-react-native/tester_v0.52.2",
|
|
7
|
+
"version": "0.52.2",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "ruaraki@microsoft.com",
|
|
12
|
+
"package": "@fluentui-react-native/tester",
|
|
13
|
+
"commit": "15736b2d012cad2fbf482e3c31efed94a03d5ad6",
|
|
14
|
+
"comment": "Implement some test improvements"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "ruaraki@microsoft.com",
|
|
18
|
+
"package": "@fluentui-react-native/tester",
|
|
19
|
+
"commit": "42ec8d559f2f2ec6c65566c2e248a59b8112f1c0",
|
|
20
|
+
"comment": "Make brands in HC not show in tester"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui-react-native/tester",
|
|
25
|
+
"comment": "Bump @fluentui-react-native/experimental-button to v0.13.1",
|
|
26
|
+
"commit": "5588e7458b699e44d99bdf67c1440c3c30d8ed51"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui-react-native/tester",
|
|
31
|
+
"comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.4",
|
|
32
|
+
"commit": "5588e7458b699e44d99bdf67c1440c3c30d8ed51"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui-react-native/tester",
|
|
37
|
+
"comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.19",
|
|
38
|
+
"commit": "5588e7458b699e44d99bdf67c1440c3c30d8ed51"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui-react-native/tester",
|
|
43
|
+
"comment": "Bump @fluentui/react-native to v0.27.25",
|
|
44
|
+
"commit": "5588e7458b699e44d99bdf67c1440c3c30d8ed51"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"date": "Wed, 02 Feb 2022 22:09:55 GMT",
|
|
6
51
|
"tag": "@fluentui-react-native/tester_v0.52.1",
|
|
7
52
|
"version": "0.52.1",
|
|
8
53
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,25 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/tester
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Fri, 04 Feb 2022 20:30:58 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 0.52.2
|
|
8
|
+
|
|
9
|
+
Fri, 04 Feb 2022 20:30:58 GMT
|
|
10
|
+
|
|
11
|
+
### Patches
|
|
12
|
+
|
|
13
|
+
- Implement some test improvements (ruaraki@microsoft.com)
|
|
14
|
+
- Make brands in HC not show in tester (ruaraki@microsoft.com)
|
|
15
|
+
- Bump @fluentui-react-native/experimental-button to v0.13.1
|
|
16
|
+
- Bump @fluentui-react-native/experimental-menu-button to v0.3.4
|
|
17
|
+
- Bump @fluentui-react-native/experimental-tabs to v0.4.19
|
|
18
|
+
- Bump @fluentui/react-native to v0.27.25
|
|
19
|
+
|
|
7
20
|
## 0.52.1
|
|
8
21
|
|
|
9
|
-
Wed, 02 Feb 2022 22:09:
|
|
22
|
+
Wed, 02 Feb 2022 22:09:55 GMT
|
|
10
23
|
|
|
11
24
|
### Patches
|
|
12
25
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiElC,CAAC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import { Button } from '@fluentui-react-native/experimental-button';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
import { Platform, View } from 'react-native';
|
|
4
|
+
import { Platform, View, StyleSheet } from 'react-native';
|
|
5
5
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
6
6
|
import TestSvg from './test.svg';
|
|
7
7
|
import { SvgXml } from 'react-native-svg';
|
|
8
|
+
var styles = StyleSheet.create({
|
|
9
|
+
chevron: { paddingStart: 4 },
|
|
10
|
+
});
|
|
8
11
|
export var ButtonIconTest = function () {
|
|
9
12
|
var fontBuiltInProps = {
|
|
10
13
|
fontFamily: 'Arial',
|
|
@@ -22,15 +25,16 @@ export var ButtonIconTest = function () {
|
|
|
22
25
|
return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
|
|
23
26
|
React.createElement(Button, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: commonTestStyles.vmargin }, "Font icon"),
|
|
24
27
|
React.createElement(Button, { icon: { fontSource: __assign(__assign({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
|
|
25
|
-
svgIconsEnabled && (React.createElement(Button, { style: commonTestStyles.vmargin, icon: { svgSource: svgProps } },
|
|
26
|
-
"Icon Button and Chevron",
|
|
27
|
-
React.createElement(SvgXml, { xml: chevronXml }))),
|
|
28
28
|
React.createElement(Button, { icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin }, "Font icon"),
|
|
29
29
|
React.createElement(Button, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: commonTestStyles.vmargin }, "Font icon"),
|
|
30
30
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
31
31
|
React.createElement(Button, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: commonTestStyles.vmargin }, "SVG"),
|
|
32
32
|
React.createElement(Button, { icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "SVG"))),
|
|
33
33
|
React.createElement(Button, { appearance: "primary", icon: testImage, style: commonTestStyles.vmargin }, "PNG"),
|
|
34
|
-
React.createElement(Button, { icon: testImage, style: commonTestStyles.vmargin }, "PNG")
|
|
34
|
+
React.createElement(Button, { icon: testImage, style: commonTestStyles.vmargin }, "PNG"),
|
|
35
|
+
svgIconsEnabled && (React.createElement(Button, { style: commonTestStyles.vmargin, icon: { svgSource: svgProps } },
|
|
36
|
+
"Icon Button and Chevron",
|
|
37
|
+
React.createElement(View, { style: styles.chevron },
|
|
38
|
+
React.createElement(SvgXml, { xml: chevronXml }))))));
|
|
35
39
|
};
|
|
36
40
|
//# sourceMappingURL=ButtonIconTestSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4CAA4C,CAAC;AACpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAqFlC,CAAC"}
|
|
@@ -11,9 +11,9 @@ export var ButtonSizeTest = function () {
|
|
|
11
11
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
|
|
12
12
|
return (React.createElement(View, { style: [stackStyle, commonTestStyles.view] },
|
|
13
13
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
14
|
-
React.createElement(Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
|
|
15
|
-
React.createElement(Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
|
|
16
|
-
React.createElement(Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }),
|
|
14
|
+
React.createElement(Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, accessibilityLabel: "Small size button with accessibility icon", style: commonTestStyles.vmargin }),
|
|
15
|
+
React.createElement(Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, accessibilityLabel: "Medium size button with accessibility icon", style: commonTestStyles.vmargin }),
|
|
16
|
+
React.createElement(Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, accessibilityLabel: "Large size button with accessibility icon", style: commonTestStyles.vmargin }),
|
|
17
17
|
React.createElement(Button, { size: "small", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Small Button with icon"),
|
|
18
18
|
React.createElement(Button, { size: "medium", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Medium Button with icon"),
|
|
19
19
|
React.createElement(Button, { size: "large", icon: { svgSource: svgProps }, style: commonTestStyles.vmargin }, "Large Button with icon"))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAEpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAChE,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,MAAM,CAAC,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,OAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 () { return applyBrand(_this._themeName, _this._brand); }) || this;
|
|
32
|
+
var _this = _super.call(this, baseTheme, function (parent) { return applyTheme(parent, _this._themeName, _this.options.appearance); }, function (parent) { return applyBrand(parent, _this._themeName, _this._brand); }) || this;
|
|
33
33
|
_this._themeName = 'Default';
|
|
34
34
|
_this._brand = 'Default';
|
|
35
35
|
_this.baseTheme = baseTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../src/FluentTester/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;AACxC,OAAO,EAAE,UAAU,EAAe,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,UAAU,EAAc,MAAM,cAAc,CAAC;AACtD,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,
|
|
1
|
+
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/CustomThemes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { PartialTheme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import { PartialTheme, Theme } from '@fluentui-react-native/theme-types';
|
|
2
2
|
export declare type OfficeBrand = 'Default' | 'Office' | 'Word' | 'Excel' | 'Powerpoint' | 'Outlook';
|
|
3
3
|
export declare const brandOptions: {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
}[];
|
|
7
|
-
export declare const applyBrand: (themeName: string, currentBrand: string) => PartialTheme;
|
|
7
|
+
export declare const applyBrand: (parent: Theme, themeName: string, currentBrand: string) => PartialTheme;
|
|
8
8
|
//# sourceMappingURL=applyBrand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGzE,oBAAY,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,aAAa,MAAM,gBAAgB,MAAM,KAAG,YA6CnF,CAAC"}
|
|
@@ -100,7 +100,10 @@ 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 (themeName, currentBrand) {
|
|
103
|
+
export var applyBrand = function (parent, themeName, currentBrand) {
|
|
104
|
+
if (parent.name === 'HighContrast') {
|
|
105
|
+
return {};
|
|
106
|
+
}
|
|
104
107
|
var ramp = brandColors[currentBrand];
|
|
105
108
|
return ramp
|
|
106
109
|
? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"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"}
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAiElC,CAAC"}
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js
CHANGED
|
@@ -8,6 +8,9 @@ var react_native_1 = require("react-native");
|
|
|
8
8
|
var styles_1 = require("../Common/styles");
|
|
9
9
|
var test_svg_1 = (0, tslib_1.__importDefault)(require("./test.svg"));
|
|
10
10
|
var react_native_svg_1 = require("react-native-svg");
|
|
11
|
+
var styles = react_native_1.StyleSheet.create({
|
|
12
|
+
chevron: { paddingStart: 4 },
|
|
13
|
+
});
|
|
11
14
|
var ButtonIconTest = function () {
|
|
12
15
|
var fontBuiltInProps = {
|
|
13
16
|
fontFamily: 'Arial',
|
|
@@ -25,16 +28,17 @@ var ButtonIconTest = function () {
|
|
|
25
28
|
return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
26
29
|
React.createElement(experimental_button_1.Button, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
27
30
|
React.createElement(experimental_button_1.Button, { icon: { fontSource: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, fontBuiltInProps), { fontSize: 32 }), color: '#060' }, style: styles_1.commonTestStyles.vmargin, iconPosition: "after" }, "Icon after"),
|
|
28
|
-
svgIconsEnabled && (React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
|
|
29
|
-
"Icon Button and Chevron",
|
|
30
|
-
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))),
|
|
31
31
|
React.createElement(experimental_button_1.Button, { icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
32
32
|
React.createElement(experimental_button_1.Button, { appearance: "primary", icon: { fontSource: fontBuiltInProps }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
|
|
33
33
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
34
34
|
React.createElement(experimental_button_1.Button, { appearance: "primary", icon: { svgSource: svgProps, color: 'red' }, style: styles_1.commonTestStyles.vmargin }, "SVG"),
|
|
35
35
|
React.createElement(experimental_button_1.Button, { icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "SVG"))),
|
|
36
36
|
React.createElement(experimental_button_1.Button, { appearance: "primary", icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
37
|
-
React.createElement(experimental_button_1.Button, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG")
|
|
37
|
+
React.createElement(experimental_button_1.Button, { icon: testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
|
|
38
|
+
svgIconsEnabled && (React.createElement(experimental_button_1.Button, { style: styles_1.commonTestStyles.vmargin, icon: { svgSource: svgProps } },
|
|
39
|
+
"Icon Button and Chevron",
|
|
40
|
+
React.createElement(react_native_1.View, { style: styles.chevron },
|
|
41
|
+
React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
|
|
38
42
|
};
|
|
39
43
|
exports.ButtonIconTest = ButtonIconTest;
|
|
40
44
|
//# sourceMappingURL=ButtonIconTestSection.js.map
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAoE;AACpE,wDAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"ButtonIconTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonIconTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAoE;AACpE,wDAA+B;AAC/B,6CAA0D;AAC1D,2CAAgE;AAEhE,qEAAiC;AACjC,qDAA0C;AAE1C,IAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE;CAC7B,CAAC,CAAC;AAEI,IAAM,cAAc,GAA4B;IACrD,IAAM,gBAAgB,GAAG;QACvB,UAAU,EAAE,OAAO;QACnB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,EAAE;KACb,CAAC;IAEF,uDAAuD;IACvD,IAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE9C,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,IAAM,UAAU,GAAG,ieAGJ,CAAC;IAEhB,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC9C,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE1G;QACT,oBAAC,4BAAM,IACL,IAAI,EAAE,EAAE,UAAU,kDAAO,gBAAgB,KAAE,QAAQ,EAAE,EAAE,GAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1E,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAC/B,YAAY,EAAC,OAAO,iBAGb;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAEtE;QACT,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,gBAE3F;QACR,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEhG;YACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE7D,CACR,CACJ;QACD,oBAAC,4BAAM,IAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAEpE;QACT,oBAAC,4BAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,yBAAgB,CAAC,OAAO,UAE/C;QACR,eAAe,IAAI,CAClB,oBAAC,4BAAM,IAAC,KAAK,EAAE,yBAAgB,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;;YAEpE,oBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;gBACzB,oBAAC,yBAAM,IAAC,GAAG,EAAE,UAAU,GAAI,CACtB,CACA,CACV,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB"}
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAqFlC,CAAC"}
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js
CHANGED
|
@@ -15,9 +15,9 @@ var ButtonSizeTest = function () {
|
|
|
15
15
|
var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
|
|
16
16
|
return (React.createElement(react_native_1.View, { style: [styles_1.stackStyle, styles_1.commonTestStyles.view] },
|
|
17
17
|
svgIconsEnabled && (React.createElement(React.Fragment, null,
|
|
18
|
-
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
|
|
19
|
-
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
|
|
20
|
-
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }),
|
|
18
|
+
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "small", icon: { svgSource: svgProps }, accessibilityLabel: "Small size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
19
|
+
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "medium", icon: { svgSource: svgProps }, accessibilityLabel: "Medium size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
20
|
+
React.createElement(experimental_button_1.Button, { iconOnly: true, size: "large", icon: { svgSource: svgProps }, accessibilityLabel: "Large size button with accessibility icon", style: styles_1.commonTestStyles.vmargin }),
|
|
21
21
|
React.createElement(experimental_button_1.Button, { size: "small", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Small Button with icon"),
|
|
22
22
|
React.createElement(experimental_button_1.Button, { size: "medium", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Medium Button with icon"),
|
|
23
23
|
React.createElement(experimental_button_1.Button, { size: "large", icon: { svgSource: svgProps }, style: styles_1.commonTestStyles.vmargin }, "Large Button with icon"))),
|
package/lib-commonjs/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":";;;;AAAA,kFAAoF;AAEpF,wDAA+B;AAC/B,6CAA8C;AAC9C,2CAAgE;AAChE,qEAAiC;AAE1B,IAAM,cAAc,GAA4B;IACrD,IAAM,QAAQ,GAAiB;QAC7B,GAAG,EAAE,kBAAO;QACZ,OAAO,EAAE,aAAa;KACvB,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,uBAAQ,CAAC,EAAY,CAAC,CAAC;IAE7F,OAAO,CACL,oBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,mBAAU,EAAE,yBAAgB,CAAC,IAAI,CAAC;QAC7C,eAAe,IAAI,CAClB;YACE,oBAAC,4BAAM,
|
|
1
|
+
{"version":3,"file":"ButtonSizeTestSection.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/ButtonExperimental/ButtonSizeTestSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,7 +32,7 @@ exports.lightnessOptions = [
|
|
|
32
32
|
var TesterThemeReference = /** @class */ (function (_super) {
|
|
33
33
|
(0, 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 () { return (0, applyBrand_1.applyBrand)(_this._themeName, _this._brand); }) || 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._themeName, _this._brand); }) || this;
|
|
36
36
|
_this._themeName = 'Default';
|
|
37
37
|
_this._brand = 'Default';
|
|
38
38
|
_this.baseTheme = baseTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/CustomThemes.ts"],"names":[],"mappings":";;;;AAAA,kEAAsE;AACtE,sEAA0E;AAC1E,sDAA8D;AAC9D,6CAAwC;AACxC,2CAAuD;AACvD,2CAAsD;AACtD,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,qDAAc;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,
|
|
1
|
+
{"version":3,"file":"CustomThemes.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/CustomThemes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { PartialTheme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import { PartialTheme, Theme } from '@fluentui-react-native/theme-types';
|
|
2
2
|
export declare type OfficeBrand = 'Default' | 'Office' | 'Word' | 'Excel' | 'Powerpoint' | 'Outlook';
|
|
3
3
|
export declare const brandOptions: {
|
|
4
4
|
label: string;
|
|
5
5
|
value: string;
|
|
6
6
|
}[];
|
|
7
|
-
export declare const applyBrand: (themeName: string, currentBrand: string) => PartialTheme;
|
|
7
|
+
export declare const applyBrand: (parent: Theme, themeName: string, currentBrand: string) => PartialTheme;
|
|
8
8
|
//# sourceMappingURL=applyBrand.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"applyBrand.d.ts","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,oCAAoC,CAAC;AAGzE,oBAAY,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,aAAa,MAAM,gBAAgB,MAAM,KAAG,YA6CnF,CAAC"}
|
|
@@ -103,7 +103,10 @@ 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 (themeName, currentBrand) {
|
|
106
|
+
var applyBrand = function (parent, themeName, currentBrand) {
|
|
107
|
+
if (parent.name === 'HighContrast') {
|
|
108
|
+
return {};
|
|
109
|
+
}
|
|
107
110
|
var ramp = brandColors[currentBrand];
|
|
108
111
|
return ramp
|
|
109
112
|
? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"applyBrand.js","sourceRoot":"","sources":["../../../src/FluentTester/theme/applyBrand.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/tester",
|
|
3
|
-
"version": "0.52.
|
|
3
|
+
"version": "0.52.2",
|
|
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>",
|
|
@@ -34,13 +34,13 @@
|
|
|
34
34
|
"@fluentui-react-native/default-theme": ">=0.9.9 <1.0.0",
|
|
35
35
|
"@fluentui-react-native/experimental-activity-indicator": ">=0.5.11 <1.0.0",
|
|
36
36
|
"@fluentui-react-native/experimental-avatar": ">=0.14.3 <1.0.0",
|
|
37
|
-
"@fluentui-react-native/experimental-button": "0.13.
|
|
37
|
+
"@fluentui-react-native/experimental-button": "0.13.1",
|
|
38
38
|
"@fluentui-react-native/experimental-checkbox": "0.6.5",
|
|
39
39
|
"@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
|
|
40
40
|
"@fluentui-react-native/experimental-expander": "0.3.12",
|
|
41
|
-
"@fluentui-react-native/experimental-menu-button": ">=0.3.
|
|
41
|
+
"@fluentui-react-native/experimental-menu-button": ">=0.3.4 <1.0.0",
|
|
42
42
|
"@fluentui-react-native/experimental-shimmer": "0.6.14",
|
|
43
|
-
"@fluentui-react-native/experimental-tabs": "0.4.
|
|
43
|
+
"@fluentui-react-native/experimental-tabs": "0.4.19",
|
|
44
44
|
"@fluentui-react-native/experimental-text": ">=0.7.12 <1.0.0",
|
|
45
45
|
"@fluentui-react-native/framework": ">=0.7.12 <1.0.0",
|
|
46
46
|
"@fluentui-react-native/icon": "0.11.6",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@fluentui-react-native/themed-stylesheet": "^1.3.2",
|
|
52
52
|
"@fluentui-react-native/theming-utils": ">=0.8.9 <1.0.0",
|
|
53
53
|
"@fluentui-react-native/win32-theme": ">=0.14.10 <1.0.0",
|
|
54
|
-
"@fluentui/react-native": ">=0.27.
|
|
54
|
+
"@fluentui/react-native": ">=0.27.25 <1.0.0",
|
|
55
55
|
"@react-native-community/slider": "^4.1.12",
|
|
56
56
|
"@react-native-menu/menu": "^0.1.2",
|
|
57
57
|
"@react-native-picker/picker": "^1.16.7",
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import { Button } from '@fluentui-react-native/experimental-button';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { Platform, View } from 'react-native';
|
|
3
|
+
import { Platform, View, StyleSheet } from 'react-native';
|
|
4
4
|
import { commonTestStyles, stackStyle } from '../Common/styles';
|
|
5
5
|
import { SvgIconProps } from '@fluentui-react-native/icon';
|
|
6
6
|
import TestSvg from './test.svg';
|
|
7
7
|
import { SvgXml } from 'react-native-svg';
|
|
8
8
|
|
|
9
|
+
const styles = StyleSheet.create({
|
|
10
|
+
chevron: { paddingStart: 4 },
|
|
11
|
+
});
|
|
12
|
+
|
|
9
13
|
export const ButtonIconTest: React.FunctionComponent = () => {
|
|
10
14
|
const fontBuiltInProps = {
|
|
11
15
|
fontFamily: 'Arial',
|
|
@@ -39,12 +43,6 @@ export const ButtonIconTest: React.FunctionComponent = () => {
|
|
|
39
43
|
>
|
|
40
44
|
Icon after
|
|
41
45
|
</Button>
|
|
42
|
-
{svgIconsEnabled && (
|
|
43
|
-
<Button style={commonTestStyles.vmargin} icon={{ svgSource: svgProps }}>
|
|
44
|
-
Icon Button and Chevron
|
|
45
|
-
<SvgXml xml={chevronXml} />
|
|
46
|
-
</Button>
|
|
47
|
-
)}
|
|
48
46
|
<Button icon={{ fontSource: fontBuiltInProps }} style={commonTestStyles.vmargin}>
|
|
49
47
|
Font icon
|
|
50
48
|
</Button>
|
|
@@ -67,6 +65,14 @@ export const ButtonIconTest: React.FunctionComponent = () => {
|
|
|
67
65
|
<Button icon={testImage} style={commonTestStyles.vmargin}>
|
|
68
66
|
PNG
|
|
69
67
|
</Button>
|
|
68
|
+
{svgIconsEnabled && (
|
|
69
|
+
<Button style={commonTestStyles.vmargin} icon={{ svgSource: svgProps }}>
|
|
70
|
+
Icon Button and Chevron
|
|
71
|
+
<View style={styles.chevron}>
|
|
72
|
+
<SvgXml xml={chevronXml} />
|
|
73
|
+
</View>
|
|
74
|
+
</Button>
|
|
75
|
+
)}
|
|
70
76
|
</View>
|
|
71
77
|
);
|
|
72
78
|
};
|
|
@@ -16,9 +16,27 @@ export const ButtonSizeTest: React.FunctionComponent = () => {
|
|
|
16
16
|
<View style={[stackStyle, commonTestStyles.view]}>
|
|
17
17
|
{svgIconsEnabled && (
|
|
18
18
|
<>
|
|
19
|
-
<Button
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
<Button
|
|
20
|
+
iconOnly
|
|
21
|
+
size="small"
|
|
22
|
+
icon={{ svgSource: svgProps }}
|
|
23
|
+
accessibilityLabel="Small size button with accessibility icon"
|
|
24
|
+
style={commonTestStyles.vmargin}
|
|
25
|
+
/>
|
|
26
|
+
<Button
|
|
27
|
+
iconOnly
|
|
28
|
+
size="medium"
|
|
29
|
+
icon={{ svgSource: svgProps }}
|
|
30
|
+
accessibilityLabel="Medium size button with accessibility icon"
|
|
31
|
+
style={commonTestStyles.vmargin}
|
|
32
|
+
/>
|
|
33
|
+
<Button
|
|
34
|
+
iconOnly
|
|
35
|
+
size="large"
|
|
36
|
+
icon={{ svgSource: svgProps }}
|
|
37
|
+
accessibilityLabel="Large size button with accessibility icon"
|
|
38
|
+
style={commonTestStyles.vmargin}
|
|
39
|
+
/>
|
|
22
40
|
<Button size="small" icon={{ svgSource: svgProps }} style={commonTestStyles.vmargin}>
|
|
23
41
|
Small Button with icon
|
|
24
42
|
</Button>
|
|
@@ -42,7 +42,7 @@ export class TesterThemeReference extends ThemeReference {
|
|
|
42
42
|
super(
|
|
43
43
|
baseTheme,
|
|
44
44
|
(parent) => applyTheme(parent, this._themeName, this.options.appearance),
|
|
45
|
-
() => applyBrand(this._themeName, this._brand),
|
|
45
|
+
(parent) => applyBrand(parent, this._themeName, this._brand),
|
|
46
46
|
);
|
|
47
47
|
this.baseTheme = baseTheme;
|
|
48
48
|
this.options = themeOptions;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PartialTheme } from '@fluentui-react-native/theme-types';
|
|
1
|
+
import { PartialTheme, Theme } from '@fluentui-react-native/theme-types';
|
|
2
2
|
import { getCurrentBrandAliasTokens } from '@fluentui-react-native/win32-theme';
|
|
3
3
|
|
|
4
4
|
export type OfficeBrand = 'Default' | 'Office' | 'Word' | 'Excel' | 'Powerpoint' | 'Outlook';
|
|
@@ -123,7 +123,11 @@ 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 = (themeName: string, currentBrand: string): PartialTheme => {
|
|
126
|
+
export const applyBrand = (parent: Theme, themeName: string, currentBrand: string): PartialTheme => {
|
|
127
|
+
if (parent.name === 'HighContrast') {
|
|
128
|
+
return {};
|
|
129
|
+
}
|
|
130
|
+
|
|
127
131
|
const ramp = brandColors[currentBrand];
|
|
128
132
|
return ramp
|
|
129
133
|
? {
|