@fluentui-react-native/tester 0.170.38 → 0.170.40

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.
Files changed (6) hide show
  1. package/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +10 -2
  3. package/lib/TestComponents/Button/ButtonIconTestSection.js +7 -7
  4. package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js +7 -7
  5. package/package.json +44 -44
  6. package/src/TestComponents/Button/ButtonIconTestSection.tsx +7 -7
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 05 Aug 2025 18:46:06 GMT",
5
+ "date": "Thu, 21 Aug 2025 23:54:40 GMT",
6
+ "version": "0.170.40",
7
+ "tag": "@fluentui-react-native/tester_v0.170.40",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "rofang@microsoft.com",
12
+ "package": "@fluentui-react-native/tester",
13
+ "commit": "5124492f486614a0f63c6cd92754a6c2c5ddaf3c",
14
+ "comment": "Swap chevron to balloon to avoid icon confusion"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Tue, 05 Aug 2025 18:50:41 GMT",
6
21
  "version": "0.170.38",
7
22
  "tag": "@fluentui-react-native/tester_v0.170.38",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- <!-- This log was last generated on Tue, 05 Aug 2025 18:46:06 GMT and should not be manually modified. -->
3
+ <!-- This log was last generated on Thu, 21 Aug 2025 23:54:40 GMT and should not be manually modified. -->
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.170.40
8
+
9
+ Thu, 21 Aug 2025 23:54:40 GMT
10
+
11
+ ### Patches
12
+
13
+ - Swap chevron to balloon to avoid icon confusion (rofang@microsoft.com)
14
+
7
15
  ## 0.170.38
8
16
 
9
- Tue, 05 Aug 2025 18:46:06 GMT
17
+ Tue, 05 Aug 2025 18:50:41 GMT
10
18
 
11
19
  ### Patches
12
20
 
package/lib/TestComponents/Button/ButtonIconTestSection.js CHANGED
@@ -5,7 +5,7 @@ import { SvgXml } from 'react-native-svg';
5
5
  import { testImage, svgProps, iconProps } from '../Common/iconExamples';
6
6
  import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
7
7
  const styles = StyleSheet.create({
8
- chevron: { paddingStart: 4 },
8
+ balloon: { paddingStart: 4 },
9
9
  });
10
10
  export const ButtonIconTest = () => {
11
11
  const fontBuiltInProps = {
@@ -14,9 +14,9 @@ export const ButtonIconTest = () => {
14
14
  fontSize: 24,
15
15
  };
16
16
  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
17
- const chevronXml = `
18
- <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
19
- <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
17
+ const balloonXml = `
18
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
19
+ <path d="M5.00498 3.4296C5.04386 3.15621 5.29701 2.9661 5.5704 3.00498C6.30797 3.10988 6.89039 3.69171 6.9962 4.42897C7.03543 4.70232 6.84564 4.9557 6.5723 4.99493C6.29896 5.03416 6.04557 4.84437 6.00634 4.57103C5.96366 4.27364 5.7271 4.03733 5.4296 3.99502C5.15621 3.95614 4.9661 3.70299 5.00498 3.4296ZM2 4.36364C2 2.48429 3.58918 1 5.5 1C7.41082 1 9 2.48429 9 4.36364C9 5.59911 8.53933 6.7387 7.8958 7.57241C7.38607 8.23279 6.71092 8.76136 6 8.93727V9.39999C6 9.62091 6.17909 9.79999 6.4 9.79999H7.60001C8.37321 9.79999 9.00001 10.4268 9.00001 11.2V11.5C9.00001 11.7761 8.77615 12 8.50001 12C8.22386 12 8.00001 11.7761 8.00001 11.5V11.2C8.00001 10.9791 7.82092 10.8 7.60001 10.8H6.4C5.6268 10.8 5 10.1732 5 9.39999V8.93735C4.28929 8.7617 3.61415 8.23398 3.10428 7.57379C2.4606 6.74035 2 5.60069 2 4.36364ZM5.5 2C4.09711 2 3 3.0799 3 4.36364C3 5.35685 3.37273 6.28538 3.89572 6.96255C4.43393 7.65943 5.05441 8 5.5 8C5.94529 8 6.56577 7.65894 7.1042 6.96139C7.62734 6.28363 8 5.35505 8 4.36364C8 3.0799 6.90289 2 5.5 2Z" fill="#212121"/>
20
20
  </svg>`;
21
21
  return (React.createElement(View, { style: testContentRootViewStyle },
22
22
  React.createElement(Button, { icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' }, style: commonTestStyles.vmargin }, "Font icon"),
@@ -29,8 +29,8 @@ export const ButtonIconTest = () => {
29
29
  React.createElement(Button, { appearance: "primary", icon: testImage, style: commonTestStyles.vmargin }, "PNG"),
30
30
  React.createElement(Button, { icon: testImage, style: commonTestStyles.vmargin }, "PNG"),
31
31
  svgIconsEnabled && (React.createElement(Button, { style: commonTestStyles.vmargin, icon: iconProps },
32
- "Icon Button and Chevron",
33
- React.createElement(View, { style: styles.chevron },
34
- React.createElement(SvgXml, { xml: chevronXml }))))));
32
+ "Icon Button and Balloon",
33
+ React.createElement(View, { style: styles.balloon },
34
+ React.createElement(SvgXml, { xml: balloonXml }))))));
35
35
  };
36
36
  //# sourceMappingURL=ButtonIconTestSection.js.map
package/lib-commonjs/TestComponents/Button/ButtonIconTestSection.js CHANGED
@@ -31,7 +31,7 @@ const react_native_svg_1 = require("react-native-svg");
31
31
  const iconExamples_1 = require("../Common/iconExamples");
32
32
  const styles_1 = require("../Common/styles");
33
33
  const styles = react_native_1.StyleSheet.create({
34
- chevron: { paddingStart: 4 },
34
+ balloon: { paddingStart: 4 },
35
35
  });
36
36
  const ButtonIconTest = () => {
37
37
  const fontBuiltInProps = {
@@ -40,9 +40,9 @@ const ButtonIconTest = () => {
40
40
  fontSize: 24,
41
41
  };
42
42
  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
43
- const chevronXml = `
44
- <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
45
- <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
43
+ const balloonXml = `
44
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
45
+ <path d="M5.00498 3.4296C5.04386 3.15621 5.29701 2.9661 5.5704 3.00498C6.30797 3.10988 6.89039 3.69171 6.9962 4.42897C7.03543 4.70232 6.84564 4.9557 6.5723 4.99493C6.29896 5.03416 6.04557 4.84437 6.00634 4.57103C5.96366 4.27364 5.7271 4.03733 5.4296 3.99502C5.15621 3.95614 4.9661 3.70299 5.00498 3.4296ZM2 4.36364C2 2.48429 3.58918 1 5.5 1C7.41082 1 9 2.48429 9 4.36364C9 5.59911 8.53933 6.7387 7.8958 7.57241C7.38607 8.23279 6.71092 8.76136 6 8.93727V9.39999C6 9.62091 6.17909 9.79999 6.4 9.79999H7.60001C8.37321 9.79999 9.00001 10.4268 9.00001 11.2V11.5C9.00001 11.7761 8.77615 12 8.50001 12C8.22386 12 8.00001 11.7761 8.00001 11.5V11.2C8.00001 10.9791 7.82092 10.8 7.60001 10.8H6.4C5.6268 10.8 5 10.1732 5 9.39999V8.93735C4.28929 8.7617 3.61415 8.23398 3.10428 7.57379C2.4606 6.74035 2 5.60069 2 4.36364ZM5.5 2C4.09711 2 3 3.0799 3 4.36364C3 5.35685 3.37273 6.28538 3.89572 6.96255C4.43393 7.65943 5.05441 8 5.5 8C5.94529 8 6.56577 7.65894 7.1042 6.96139C7.62734 6.28363 8 5.35505 8 4.36364C8 3.0799 6.90289 2 5.5 2Z" fill="#212121"/>
46
46
  </svg>`;
47
47
  return (React.createElement(react_native_1.View, { style: styles_1.testContentRootViewStyle },
48
48
  React.createElement(react_native_2.ButtonV1, { icon: { fontSource: { ...fontBuiltInProps, fontSize: 32 }, color: '#060' }, style: styles_1.commonTestStyles.vmargin }, "Font icon"),
@@ -55,9 +55,9 @@ const ButtonIconTest = () => {
55
55
  React.createElement(react_native_2.ButtonV1, { appearance: "primary", icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
56
56
  React.createElement(react_native_2.ButtonV1, { icon: iconExamples_1.testImage, style: styles_1.commonTestStyles.vmargin }, "PNG"),
57
57
  svgIconsEnabled && (React.createElement(react_native_2.ButtonV1, { style: styles_1.commonTestStyles.vmargin, icon: iconExamples_1.iconProps },
58
- "Icon Button and Chevron",
59
- React.createElement(react_native_1.View, { style: styles.chevron },
60
- React.createElement(react_native_svg_1.SvgXml, { xml: chevronXml }))))));
58
+ "Icon Button and Balloon",
59
+ React.createElement(react_native_1.View, { style: styles.balloon },
60
+ React.createElement(react_native_svg_1.SvgXml, { xml: balloonXml }))))));
61
61
  };
62
62
  exports.ButtonIconTest = ButtonIconTest;
63
63
  //# sourceMappingURL=ButtonIconTestSection.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-react-native/tester",
3
- "version": "0.170.38",
3
+ "version": "0.170.40",
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>",
@@ -41,51 +41,51 @@
41
41
  "directory": "apps/fluent-tester"
42
42
  },
43
43
  "dependencies": {
44
- "@fluentui-react-native/android-theme": "0.25.12",
45
- "@fluentui-react-native/apple-theme": "0.28.12",
46
- "@fluentui-react-native/avatar": "1.12.18",
47
- "@fluentui-react-native/badge": "0.11.12",
48
- "@fluentui-react-native/button": "0.39.14",
49
- "@fluentui-react-native/callout": "0.27.12",
50
- "@fluentui-react-native/chip": "0.4.18",
51
- "@fluentui-react-native/default-theme": "0.26.12",
52
- "@fluentui-react-native/divider": "0.7.18",
53
- "@fluentui-react-native/drawer": "0.4.14",
54
- "@fluentui-react-native/dropdown": "0.10.23",
55
- "@fluentui-react-native/e2e-testing": "1.43.6",
56
- "@fluentui-react-native/experimental-activity-indicator": "0.10.13",
57
- "@fluentui-react-native/experimental-appearance-additions": "0.7.12",
58
- "@fluentui-react-native/experimental-avatar": "0.21.14",
59
- "@fluentui-react-native/experimental-checkbox": "0.17.19",
60
- "@fluentui-react-native/experimental-expander": "0.8.13",
61
- "@fluentui-react-native/experimental-menu-button": "0.10.29",
44
+ "@fluentui-react-native/android-theme": "0.25.13",
45
+ "@fluentui-react-native/apple-theme": "0.28.13",
46
+ "@fluentui-react-native/avatar": "1.12.19",
47
+ "@fluentui-react-native/badge": "0.11.13",
48
+ "@fluentui-react-native/button": "0.39.15",
49
+ "@fluentui-react-native/callout": "0.27.13",
50
+ "@fluentui-react-native/chip": "0.4.19",
51
+ "@fluentui-react-native/default-theme": "0.26.13",
52
+ "@fluentui-react-native/divider": "0.7.19",
53
+ "@fluentui-react-native/drawer": "0.4.15",
54
+ "@fluentui-react-native/dropdown": "0.10.24",
55
+ "@fluentui-react-native/e2e-testing": "1.43.7",
56
+ "@fluentui-react-native/experimental-activity-indicator": "0.10.14",
57
+ "@fluentui-react-native/experimental-appearance-additions": "0.7.13",
58
+ "@fluentui-react-native/experimental-avatar": "0.21.15",
59
+ "@fluentui-react-native/experimental-checkbox": "0.17.20",
60
+ "@fluentui-react-native/experimental-expander": "0.8.14",
61
+ "@fluentui-react-native/experimental-menu-button": "0.10.30",
62
62
  "@fluentui-react-native/experimental-native-date-picker": "0.11.5",
63
- "@fluentui-react-native/experimental-shadow": "0.6.14",
64
- "@fluentui-react-native/experimental-shimmer": "0.13.15",
65
- "@fluentui-react-native/framework": "0.14.12",
63
+ "@fluentui-react-native/experimental-shadow": "0.6.15",
64
+ "@fluentui-react-native/experimental-shimmer": "0.13.16",
65
+ "@fluentui-react-native/framework": "0.14.13",
66
66
  "@fluentui-react-native/framework-base": "0.2.1",
67
- "@fluentui-react-native/icon": "0.21.18",
68
- "@fluentui-react-native/input": "0.7.18",
69
- "@fluentui-react-native/interactive-hooks": "0.27.14",
70
- "@fluentui-react-native/menu": "1.14.34",
71
- "@fluentui-react-native/notification": "0.25.21",
72
- "@fluentui-react-native/overflow": "0.3.34",
73
- "@fluentui-react-native/radio-group": "0.21.26",
74
- "@fluentui-react-native/separator": "0.18.12",
75
- "@fluentui-react-native/spinner": "0.9.19",
76
- "@fluentui-react-native/stack": "0.10.17",
77
- "@fluentui-react-native/switch": "0.13.17",
78
- "@fluentui-react-native/tablist": "0.7.14",
79
- "@fluentui-react-native/text": "0.24.16",
80
- "@fluentui-react-native/theme": "0.11.11",
81
- "@fluentui-react-native/theme-tokens": "0.27.6",
82
- "@fluentui-react-native/theme-types": "0.39.6",
67
+ "@fluentui-react-native/icon": "0.21.19",
68
+ "@fluentui-react-native/input": "0.7.19",
69
+ "@fluentui-react-native/interactive-hooks": "0.27.15",
70
+ "@fluentui-react-native/menu": "1.14.35",
71
+ "@fluentui-react-native/notification": "0.25.22",
72
+ "@fluentui-react-native/overflow": "0.3.35",
73
+ "@fluentui-react-native/radio-group": "0.21.27",
74
+ "@fluentui-react-native/separator": "0.18.13",
75
+ "@fluentui-react-native/spinner": "0.9.20",
76
+ "@fluentui-react-native/stack": "0.10.18",
77
+ "@fluentui-react-native/switch": "0.13.18",
78
+ "@fluentui-react-native/tablist": "0.7.15",
79
+ "@fluentui-react-native/text": "0.24.17",
80
+ "@fluentui-react-native/theme": "0.11.12",
81
+ "@fluentui-react-native/theme-tokens": "0.27.7",
82
+ "@fluentui-react-native/theme-types": "0.40.0",
83
83
  "@fluentui-react-native/themed-stylesheet": "1.7.11",
84
- "@fluentui-react-native/theming-utils": "0.26.6",
85
- "@fluentui-react-native/tooltip": "0.4.21",
84
+ "@fluentui-react-native/theming-utils": "0.26.7",
85
+ "@fluentui-react-native/tooltip": "0.4.22",
86
86
  "@fluentui-react-native/vibrancy-view": "0.3.5",
87
- "@fluentui-react-native/win32-theme": "0.34.15",
88
- "@fluentui/react-native": "0.42.23",
87
+ "@fluentui-react-native/win32-theme": "0.35.0",
88
+ "@fluentui/react-native": "0.42.24",
89
89
  "@fortawesome/fontawesome-svg-core": "^6.2.0",
90
90
  "@fortawesome/free-solid-svg-icons": "^6.2.0",
91
91
  "@fortawesome/react-native-fontawesome": "^0.3.0",
@@ -107,8 +107,8 @@
107
107
  "@babel/runtime": "^7.20.0",
108
108
  "@fluentui-react-native/eslint-config-rules": "0.1.1",
109
109
  "@fluentui-react-native/experimental-native-font-metrics": "0.6.5",
110
- "@fluentui-react-native/focus-zone": "0.21.10",
111
- "@fluentui-react-native/menu-button": "0.13.29",
110
+ "@fluentui-react-native/focus-zone": "0.21.11",
111
+ "@fluentui-react-native/menu-button": "0.13.30",
112
112
  "@fluentui-react-native/scripts": "0.1.1",
113
113
  "@react-native-community/cli": "^13.6.4",
114
114
  "@react-native-community/cli-platform-android": "^13.6.4",
package/src/TestComponents/Button/ButtonIconTestSection.tsx CHANGED
@@ -8,7 +8,7 @@ import { testImage, svgProps, iconProps } from '../Common/iconExamples';
8
8
  import { commonTestStyles, testContentRootViewStyle } from '../Common/styles';
9
9
 
10
10
  const styles = StyleSheet.create({
11
- chevron: { paddingStart: 4 },
11
+ balloon: { paddingStart: 4 },
12
12
  });
13
13
 
14
14
  export const ButtonIconTest: React.FunctionComponent = () => {
@@ -20,9 +20,9 @@ export const ButtonIconTest: React.FunctionComponent = () => {
20
20
 
21
21
  const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
22
22
 
23
- const chevronXml = `
24
- <svg width="12" height="16" viewBox="0 0 11 6" color="#000">
25
- <path fill='currentColor' d='M0.646447 0.646447C0.841709 0.451184 1.15829 0.451184 1.35355 0.646447L5.5 4.79289L9.64645 0.646447C9.84171 0.451185 10.1583 0.451185 10.3536 0.646447C10.5488 0.841709 10.5488 1.15829 10.3536 1.35355L5.85355 5.85355C5.65829 6.04882 5.34171 6.04882 5.14645 5.85355L0.646447 1.35355C0.451184 1.15829 0.451184 0.841709 0.646447 0.646447Z' />
23
+ const balloonXml = `
24
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
25
+ <path d="M5.00498 3.4296C5.04386 3.15621 5.29701 2.9661 5.5704 3.00498C6.30797 3.10988 6.89039 3.69171 6.9962 4.42897C7.03543 4.70232 6.84564 4.9557 6.5723 4.99493C6.29896 5.03416 6.04557 4.84437 6.00634 4.57103C5.96366 4.27364 5.7271 4.03733 5.4296 3.99502C5.15621 3.95614 4.9661 3.70299 5.00498 3.4296ZM2 4.36364C2 2.48429 3.58918 1 5.5 1C7.41082 1 9 2.48429 9 4.36364C9 5.59911 8.53933 6.7387 7.8958 7.57241C7.38607 8.23279 6.71092 8.76136 6 8.93727V9.39999C6 9.62091 6.17909 9.79999 6.4 9.79999H7.60001C8.37321 9.79999 9.00001 10.4268 9.00001 11.2V11.5C9.00001 11.7761 8.77615 12 8.50001 12C8.22386 12 8.00001 11.7761 8.00001 11.5V11.2C8.00001 10.9791 7.82092 10.8 7.60001 10.8H6.4C5.6268 10.8 5 10.1732 5 9.39999V8.93735C4.28929 8.7617 3.61415 8.23398 3.10428 7.57379C2.4606 6.74035 2 5.60069 2 4.36364ZM5.5 2C4.09711 2 3 3.0799 3 4.36364C3 5.35685 3.37273 6.28538 3.89572 6.96255C4.43393 7.65943 5.05441 8 5.5 8C5.94529 8 6.56577 7.65894 7.1042 6.96139C7.62734 6.28363 8 5.35505 8 4.36364C8 3.0799 6.90289 2 5.5 2Z" fill="#212121"/>
26
26
  </svg>`;
27
27
 
28
28
  return (
@@ -61,9 +61,9 @@ export const ButtonIconTest: React.FunctionComponent = () => {
61
61
  </Button>
62
62
  {svgIconsEnabled && (
63
63
  <Button style={commonTestStyles.vmargin} icon={iconProps}>
64
- Icon Button and Chevron
65
- <View style={styles.chevron}>
66
- <SvgXml xml={chevronXml} />
64
+ Icon Button and Balloon
65
+ <View style={styles.balloon}>
66
+ <SvgXml xml={balloonXml} />
67
67
  </View>
68
68
  </Button>
69
69
  )}