@fluentui-react-native/tester 0.59.12 → 0.59.15

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 (10) hide show
  1. package/CHANGELOG.json +118 -1
  2. package/CHANGELOG.md +38 -2
  3. package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
  4. package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +14 -13
  5. package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
  6. package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map +1 -1
  7. package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js +14 -13
  8. package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map +1 -1
  9. package/package.json +10 -10
  10. package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx +19 -20
package/CHANGELOG.json CHANGED
@@ -2,7 +2,124 @@
2
2
  "name": "@fluentui-react-native/tester",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 12 Apr 2022 21:52:38 GMT",
5
+ "date": "Thu, 14 Apr 2022 20:25:03 GMT",
6
+ "tag": "@fluentui-react-native/tester_v0.59.15",
7
+ "version": "0.59.15",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui-react-native/tester",
13
+ "comment": "Bump @fluentui-react-native/apple-theme to v0.11.1",
14
+ "commit": "1aa91e167531258be39ee11d6ec5ea78a55c0b3e"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 13 Apr 2022 23:44:28 GMT",
21
+ "tag": "@fluentui-react-native/tester_v0.59.14",
22
+ "version": "0.59.14",
23
+ "comments": {
24
+ "patch": [
25
+ {
26
+ "author": "beachball",
27
+ "package": "@fluentui-react-native/tester",
28
+ "comment": "Bump @fluentui-react-native/badge to v0.0.24",
29
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
30
+ },
31
+ {
32
+ "author": "beachball",
33
+ "package": "@fluentui-react-native/tester",
34
+ "comment": "Bump @fluentui-react-native/button to v0.22.15",
35
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
36
+ },
37
+ {
38
+ "author": "beachball",
39
+ "package": "@fluentui-react-native/tester",
40
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.15.15",
41
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
42
+ },
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui-react-native/tester",
46
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.13",
47
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui-react-native/tester",
52
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.30",
53
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui-react-native/tester",
58
+ "comment": "Bump @fluentui-react-native/experimental-tabs to v0.4.38",
59
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui-react-native/tester",
64
+ "comment": "Bump @fluentui-react-native/interactive-hooks to v0.15.0",
65
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui-react-native/tester",
70
+ "comment": "Bump @fluentui/react-native to v0.28.10",
71
+ "commit": "129f628a9676a93f10466cea6efdfff1243e86f0"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Wed, 13 Apr 2022 15:51:04 GMT",
78
+ "tag": "@fluentui-react-native/tester_v0.59.13",
79
+ "version": "0.59.13",
80
+ "comments": {
81
+ "patch": [
82
+ {
83
+ "author": "ruaraki@microsoft.com",
84
+ "package": "@fluentui-react-native/tester",
85
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903",
86
+ "comment": "Add more checkbox tests"
87
+ },
88
+ {
89
+ "author": "beachball",
90
+ "package": "@fluentui-react-native/tester",
91
+ "comment": "Bump @fluentui-react-native/button to v0.22.14",
92
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
93
+ },
94
+ {
95
+ "author": "beachball",
96
+ "package": "@fluentui-react-native/tester",
97
+ "comment": "Bump @fluentui-react-native/experimental-button to v0.15.14",
98
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
99
+ },
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui-react-native/tester",
103
+ "comment": "Bump @fluentui-react-native/experimental-checkbox to v0.10.12",
104
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui-react-native/tester",
109
+ "comment": "Bump @fluentui-react-native/experimental-menu-button to v0.3.29",
110
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui-react-native/tester",
115
+ "comment": "Bump @fluentui/react-native to v0.28.9",
116
+ "commit": "9056781c0c1db98bafae7d8f24da19400a2c1903"
117
+ }
118
+ ]
119
+ }
120
+ },
121
+ {
122
+ "date": "Tue, 12 Apr 2022 21:53:04 GMT",
6
123
  "tag": "@fluentui-react-native/tester_v0.59.12",
7
124
  "version": "0.59.12",
8
125
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,48 @@
1
1
  # Change Log - @fluentui-react-native/tester
2
2
 
3
- This log was last generated on Tue, 12 Apr 2022 21:52:38 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 14 Apr 2022 20:25:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## 0.59.15
8
+
9
+ Thu, 14 Apr 2022 20:25:03 GMT
10
+
11
+ ### Patches
12
+
13
+ - Bump @fluentui-react-native/apple-theme to v0.11.1
14
+
15
+ ## 0.59.14
16
+
17
+ Wed, 13 Apr 2022 23:44:28 GMT
18
+
19
+ ### Patches
20
+
21
+ - Bump @fluentui-react-native/badge to v0.0.24
22
+ - Bump @fluentui-react-native/button to v0.22.15
23
+ - Bump @fluentui-react-native/experimental-button to v0.15.15
24
+ - Bump @fluentui-react-native/experimental-checkbox to v0.10.13
25
+ - Bump @fluentui-react-native/experimental-menu-button to v0.3.30
26
+ - Bump @fluentui-react-native/experimental-tabs to v0.4.38
27
+ - Bump @fluentui-react-native/interactive-hooks to v0.15.0
28
+ - Bump @fluentui/react-native to v0.28.10
29
+
30
+ ## 0.59.13
31
+
32
+ Wed, 13 Apr 2022 15:51:04 GMT
33
+
34
+ ### Patches
35
+
36
+ - Add more checkbox tests (ruaraki@microsoft.com)
37
+ - Bump @fluentui-react-native/button to v0.22.14
38
+ - Bump @fluentui-react-native/experimental-button to v0.15.14
39
+ - Bump @fluentui-react-native/experimental-checkbox to v0.10.12
40
+ - Bump @fluentui-react-native/experimental-menu-button to v0.3.29
41
+ - Bump @fluentui/react-native to v0.28.9
42
+
7
43
  ## 0.59.12
8
44
 
9
- Tue, 12 Apr 2022 21:52:38 GMT
45
+ Tue, 12 Apr 2022 21:53:04 GMT
10
46
 
11
47
  ### Patches
12
48
 
package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
1
+ {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js CHANGED
@@ -43,46 +43,47 @@ var OtherCheckbox = function () {
43
43
  React.createElement(Checkbox, { label: "A required checkbox with other required text", required: "**" })));
44
44
  };
45
45
  var CircleColorCheckbox = Checkbox.customize({
46
- checkboxBackgroundColor: 'white',
47
46
  checked: {
48
47
  checkboxBackgroundColor: 'green',
49
48
  checkboxBorderColor: 'green',
50
49
  checkmarkColor: 'white',
51
50
  },
52
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
53
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
54
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
55
51
  });
56
52
  var HoverCheckbox = Checkbox.customize({
57
- checked: {
58
- checkboxBackgroundColor: 'black',
59
- checkmarkColor: 'white',
60
- },
61
53
  hovered: {
62
54
  checkmarkOpacity: 1,
63
55
  },
64
56
  });
57
+ var BigLabelCheckbox = Checkbox.customize({
58
+ label: {
59
+ fontSize: 24,
60
+ fontWeight: 'bold',
61
+ },
62
+ });
63
+ var ComposedCheckbox = Checkbox.compose({
64
+ slotProps: {
65
+ label: { style: { color: 'hotpink' } },
66
+ },
67
+ });
65
68
  var TokenCheckbox = function () {
66
69
  var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
67
70
  var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
68
71
  var BlueCheckbox = Checkbox.customize({
69
- checkboxBackgroundColor: 'white',
70
72
  checked: {
71
73
  checkboxBackgroundColor: checkboxColor,
72
74
  checkboxBorderColor: checkboxColor,
73
75
  checkmarkColor: checkmarkColor,
74
76
  },
75
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
76
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
77
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
78
77
  });
79
78
  var theme = useTheme();
80
79
  var textBoxBorderStyle = {
81
80
  borderColor: theme.colors.inputBorder,
82
81
  };
83
82
  return (React.createElement(View, null,
84
- React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
83
+ React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
85
84
  React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
85
+ React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
86
+ React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
86
87
  React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
87
88
  React.createElement(TextInput, { style: [commonStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
88
89
  setCheckboxColor(e.nativeEvent.text);
package/lib/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
1
+ {"version":3,"file":"CheckboxTest.d.ts","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwK/B,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAa5C,CAAC"}
package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js CHANGED
@@ -47,46 +47,47 @@ var OtherCheckbox = function () {
47
47
  React.createElement(experimental_checkbox_1.Checkbox, { label: "A required checkbox with other required text", required: "**" })));
48
48
  };
49
49
  var CircleColorCheckbox = experimental_checkbox_1.Checkbox.customize({
50
- checkboxBackgroundColor: 'white',
51
50
  checked: {
52
51
  checkboxBackgroundColor: 'green',
53
52
  checkboxBorderColor: 'green',
54
53
  checkmarkColor: 'white',
55
54
  },
56
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
57
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
58
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
59
55
  });
60
56
  var HoverCheckbox = experimental_checkbox_1.Checkbox.customize({
61
- checked: {
62
- checkboxBackgroundColor: 'black',
63
- checkmarkColor: 'white',
64
- },
65
57
  hovered: {
66
58
  checkmarkOpacity: 1,
67
59
  },
68
60
  });
61
+ var BigLabelCheckbox = experimental_checkbox_1.Checkbox.customize({
62
+ label: {
63
+ fontSize: 24,
64
+ fontWeight: 'bold',
65
+ },
66
+ });
67
+ var ComposedCheckbox = experimental_checkbox_1.Checkbox.compose({
68
+ slotProps: {
69
+ label: { style: { color: 'hotpink' } },
70
+ },
71
+ });
69
72
  var TokenCheckbox = function () {
70
73
  var _a = React.useState('blue'), checkboxColor = _a[0], setCheckboxColor = _a[1];
71
74
  var _b = React.useState('white'), checkmarkColor = _b[0], setCheckmarkColor = _b[1];
72
75
  var BlueCheckbox = experimental_checkbox_1.Checkbox.customize({
73
- checkboxBackgroundColor: 'white',
74
76
  checked: {
75
77
  checkboxBackgroundColor: checkboxColor,
76
78
  checkboxBorderColor: checkboxColor,
77
79
  checkmarkColor: checkmarkColor,
78
80
  },
79
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
80
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
81
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
82
81
  });
83
82
  var theme = (0, theme_types_1.useTheme)();
84
83
  var textBoxBorderStyle = {
85
84
  borderColor: theme.colors.inputBorder,
86
85
  };
87
86
  return (React.createElement(react_native_1.View, null,
88
- React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled, defaultChecked: false }),
87
+ React.createElement(HoverCheckbox, { label: "A checkbox with checkmark visible on hover", onChange: onChangeUncontrolled }),
89
88
  React.createElement(CircleColorCheckbox, { label: "A circular token-customized checkbox", shape: "circular", onChange: onChangeUncontrolled, defaultChecked: true }),
89
+ React.createElement(BigLabelCheckbox, { label: "A checkbox with a bold large font label" }),
90
+ React.createElement(ComposedCheckbox, { label: "A checkbox with a hot pink label and no padding" }),
90
91
  React.createElement(BlueCheckbox, { label: "Token-customized checkbox. Customizable below.", onChange: onChangeUncontrolled, labelPosition: "before", defaultChecked: false }),
91
92
  React.createElement(react_native_1.TextInput, { style: [styles_1.commonTestStyles.textBox, textBoxBorderStyle], placeholder: "Background color", blurOnSubmit: true, onSubmitEditing: function (e) {
92
93
  setCheckboxColor(e.nativeEvent.text);
package/lib-commonjs/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxTest.js","sourceRoot":"","sources":["../../../../src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx"],"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.59.12",
3
+ "version": "0.59.15",
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>",
@@ -26,31 +26,31 @@
26
26
  },
27
27
  "dependencies": {
28
28
  "@fluentui-react-native/android-theme": ">=0.7.0 <1.0.0",
29
- "@fluentui-react-native/apple-theme": ">=0.11.0 <1.0.0",
30
- "@fluentui-react-native/badge": ">=0.0.23 <1.0.0",
31
- "@fluentui-react-native/button": ">=0.22.13 <1.0.0",
29
+ "@fluentui-react-native/apple-theme": ">=0.11.1 <1.0.0",
30
+ "@fluentui-react-native/badge": ">=0.0.24 <1.0.0",
31
+ "@fluentui-react-native/button": ">=0.22.15 <1.0.0",
32
32
  "@fluentui-react-native/default-theme": ">=0.9.15 <1.0.0",
33
33
  "@fluentui-react-native/experimental-activity-indicator": ">=0.5.20 <1.0.0",
34
34
  "@fluentui-react-native/experimental-avatar": ">=0.14.12 <1.0.0",
35
- "@fluentui-react-native/experimental-button": "0.15.13",
36
- "@fluentui-react-native/experimental-checkbox": "0.10.11",
35
+ "@fluentui-react-native/experimental-button": "0.15.15",
36
+ "@fluentui-react-native/experimental-checkbox": "0.10.13",
37
37
  "@fluentui-react-native/experimental-drawer": ">=0.1.4 <1.0.0",
38
38
  "@fluentui-react-native/experimental-native-date-picker": ">=0.4.1 <1.0.0",
39
39
  "@fluentui-react-native/experimental-expander": "0.3.22",
40
- "@fluentui-react-native/experimental-menu-button": ">=0.3.28 <1.0.0",
40
+ "@fluentui-react-native/experimental-menu-button": ">=0.3.30 <1.0.0",
41
41
  "@fluentui-react-native/experimental-shimmer": "0.6.24",
42
- "@fluentui-react-native/experimental-tabs": "0.4.37",
42
+ "@fluentui-react-native/experimental-tabs": "0.4.38",
43
43
  "@fluentui-react-native/experimental-text": ">=0.7.21 <1.0.0",
44
44
  "@fluentui-react-native/framework": ">=0.7.21 <1.0.0",
45
45
  "@fluentui-react-native/icon": "0.11.16",
46
- "@fluentui-react-native/interactive-hooks": ">=0.14.8 <1.0.0",
46
+ "@fluentui-react-native/interactive-hooks": ">=0.15.0 <1.0.0",
47
47
  "@fluentui-react-native/stack": ">=0.6.21 <1.0.0",
48
48
  "@fluentui-react-native/theme": ">=0.6.6 <1.0.0",
49
49
  "@fluentui-react-native/theme-types": ">=0.14.1 <1.0.0",
50
50
  "@fluentui-react-native/themed-stylesheet": "^1.3.3",
51
51
  "@fluentui-react-native/theming-utils": ">=0.9.4 <1.0.0",
52
52
  "@fluentui-react-native/win32-theme": ">=0.16.0 <1.0.0",
53
- "@fluentui/react-native": ">=0.28.8 <1.0.0",
53
+ "@fluentui/react-native": ">=0.28.10 <1.0.0",
54
54
  "@react-native-community/slider": "^4.2.0",
55
55
  "@react-native-menu/menu": "^0.1.2",
56
56
  "@react-native-picker/picker": "^2.2.1",
package/src/FluentTester/TestComponents/CheckboxExperimental/CheckboxTest.tsx CHANGED
@@ -65,63 +65,62 @@ const OtherCheckbox: React.FunctionComponent = () => {
65
65
  };
66
66
 
67
67
  const CircleColorCheckbox = Checkbox.customize({
68
- checkboxBackgroundColor: 'white',
69
68
  checked: {
70
69
  checkboxBackgroundColor: 'green',
71
70
  checkboxBorderColor: 'green',
72
71
  checkmarkColor: 'white',
73
72
  },
74
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
75
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
76
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
77
73
  });
78
74
 
79
75
  const HoverCheckbox = Checkbox.customize({
80
- checked: {
81
- checkboxBackgroundColor: 'black',
82
- checkmarkColor: 'white',
83
- },
84
76
  hovered: {
85
77
  checkmarkOpacity: 1,
86
78
  },
87
79
  });
88
80
 
81
+ const BigLabelCheckbox = Checkbox.customize({
82
+ label: {
83
+ fontSize: 24,
84
+ fontWeight: 'bold',
85
+ },
86
+ });
87
+
88
+ const ComposedCheckbox = Checkbox.compose({
89
+ slotProps: {
90
+ label: { style: { color: 'hotpink' } },
91
+ },
92
+ });
93
+
89
94
  const TokenCheckbox: React.FunctionComponent = () => {
90
95
  const [checkboxColor, setCheckboxColor] = React.useState('blue');
91
96
  const [checkmarkColor, setCheckmarkColor] = React.useState('white');
92
97
 
93
98
  const BlueCheckbox = Checkbox.customize({
94
- checkboxBackgroundColor: 'white',
95
99
  checked: {
96
100
  checkboxBackgroundColor: checkboxColor,
97
101
  checkboxBorderColor: checkboxColor,
98
102
  checkmarkColor: checkmarkColor,
99
103
  },
100
- focused: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
101
- hovered: { checkboxBackgroundColor: 'menuItemBackgroundHovered' },
102
- pressed: { checkboxBackgroundColor: 'menuItemBackgroundPressed' },
103
104
  });
104
105
 
105
106
  const theme = useTheme();
106
107
  const textBoxBorderStyle: TextStyle = {
107
108
  borderColor: theme.colors.inputBorder,
108
109
  };
110
+
109
111
  return (
110
112
  <View>
111
- <HoverCheckbox label="A checkbox with checkmark visible on hover" onChange={onChangeUncontrolled} defaultChecked={false} />
112
- <CircleColorCheckbox
113
- label="A circular token-customized checkbox"
114
- shape="circular"
115
- onChange={onChangeUncontrolled}
116
- defaultChecked={true}
117
- />
113
+ <HoverCheckbox label="A checkbox with checkmark visible on hover" onChange={onChangeUncontrolled} />
114
+ <CircleColorCheckbox label="A circular token-customized checkbox" shape="circular" onChange={onChangeUncontrolled} defaultChecked />
115
+ <BigLabelCheckbox label="A checkbox with a bold large font label" />
116
+ <ComposedCheckbox label="A checkbox with a hot pink label and no padding" />
117
+
118
118
  <BlueCheckbox
119
119
  label="Token-customized checkbox. Customizable below."
120
120
  onChange={onChangeUncontrolled}
121
121
  labelPosition="before"
122
122
  defaultChecked={false}
123
123
  />
124
-
125
124
  <TextInput
126
125
  style={[commonStyles.textBox, textBoxBorderStyle]}
127
126
  placeholder="Background color"