@fluentui/react-checkbox 9.0.0-alpha.43 → 9.0.0-alpha.48
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 +169 -1
- package/CHANGELOG.md +56 -2
- package/dist/react-checkbox.d.ts +2 -7
- package/lib/components/Checkbox/Checkbox.d.ts +3 -8
- package/lib/components/Checkbox/Checkbox.js.map +1 -1
- package/lib/components/Checkbox/useCheckbox.js.map +1 -1
- package/lib/components/Checkbox/useCheckboxStyles.js +37 -45
- package/lib/components/Checkbox/useCheckboxStyles.js.map +1 -1
- package/lib-commonjs/components/Checkbox/Checkbox.d.ts +3 -8
- package/lib-commonjs/components/Checkbox/Checkbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/useCheckbox.js.map +1 -1
- package/lib-commonjs/components/Checkbox/useCheckboxStyles.js +36 -44
- package/lib-commonjs/components/Checkbox/useCheckboxStyles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,175 @@
|
|
|
2
2
|
"name": "@fluentui/react-checkbox",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 05 Oct 2021 12:47:00 GMT",
|
|
6
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-alpha.48",
|
|
7
|
+
"version": "9.0.0-alpha.48",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "beachball",
|
|
12
|
+
"package": "@fluentui/react-checkbox",
|
|
13
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.78",
|
|
14
|
+
"commit": "c41b8f8996acd5b970d894fc910cc4d661f8e3cb"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "beachball",
|
|
18
|
+
"package": "@fluentui/react-checkbox",
|
|
19
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-alpha.51",
|
|
20
|
+
"commit": "c41b8f8996acd5b970d894fc910cc4d661f8e3cb"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-checkbox",
|
|
25
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.73",
|
|
26
|
+
"commit": "c41b8f8996acd5b970d894fc910cc4d661f8e3cb"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-checkbox",
|
|
31
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.53",
|
|
32
|
+
"commit": "c41b8f8996acd5b970d894fc910cc4d661f8e3cb"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-checkbox",
|
|
37
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.22",
|
|
38
|
+
"commit": "c41b8f8996acd5b970d894fc910cc4d661f8e3cb"
|
|
39
|
+
}
|
|
40
|
+
]
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"date": "Tue, 05 Oct 2021 09:28:07 GMT",
|
|
45
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-alpha.47",
|
|
46
|
+
"version": "9.0.0-alpha.47",
|
|
47
|
+
"comments": {
|
|
48
|
+
"prerelease": [
|
|
49
|
+
{
|
|
50
|
+
"author": "bsunderhus@microsoft.com",
|
|
51
|
+
"package": "@fluentui/react-checkbox",
|
|
52
|
+
"comment": "Adds ForwardRefComponent to react-label components declaration",
|
|
53
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"author": "bsunderhus@microsoft.com",
|
|
57
|
+
"package": "@fluentui/react-checkbox",
|
|
58
|
+
"comment": "Adds ForwardRefComponent to react-checkbox components declaration",
|
|
59
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "beachball",
|
|
63
|
+
"package": "@fluentui/react-checkbox",
|
|
64
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.77",
|
|
65
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-checkbox",
|
|
70
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.56",
|
|
71
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-checkbox",
|
|
76
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-alpha.50",
|
|
77
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-checkbox",
|
|
82
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.72",
|
|
83
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-checkbox",
|
|
88
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.52",
|
|
89
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-checkbox",
|
|
94
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.21",
|
|
95
|
+
"commit": "3b16677a03035dcf03c1297268b85c6d4bd3f839"
|
|
96
|
+
}
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"date": "Fri, 01 Oct 2021 14:13:08 GMT",
|
|
102
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-alpha.46",
|
|
103
|
+
"version": "9.0.0-alpha.46",
|
|
104
|
+
"comments": {
|
|
105
|
+
"prerelease": [
|
|
106
|
+
{
|
|
107
|
+
"author": "lingfangao@hotmail.com",
|
|
108
|
+
"package": "@fluentui/react-checkbox",
|
|
109
|
+
"comment": "Bump v9 prerelease versions to rerelease",
|
|
110
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"author": "beachball",
|
|
114
|
+
"package": "@fluentui/react-checkbox",
|
|
115
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.76",
|
|
116
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"author": "beachball",
|
|
120
|
+
"package": "@fluentui/react-checkbox",
|
|
121
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.55",
|
|
122
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
"author": "beachball",
|
|
126
|
+
"package": "@fluentui/react-checkbox",
|
|
127
|
+
"comment": "Bump @fluentui/react-label to v9.0.0-alpha.49",
|
|
128
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"author": "beachball",
|
|
132
|
+
"package": "@fluentui/react-checkbox",
|
|
133
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.71",
|
|
134
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"author": "beachball",
|
|
138
|
+
"package": "@fluentui/react-checkbox",
|
|
139
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.51",
|
|
140
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"author": "beachball",
|
|
144
|
+
"package": "@fluentui/react-checkbox",
|
|
145
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.20",
|
|
146
|
+
"commit": "4fa0856ad0353b787b8ae59229e6f64ef0719824"
|
|
147
|
+
}
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"date": "Fri, 01 Oct 2021 09:44:56 GMT",
|
|
153
|
+
"tag": "@fluentui/react-checkbox_v9.0.0-alpha.44",
|
|
154
|
+
"version": "9.0.0-alpha.44",
|
|
155
|
+
"comments": {
|
|
156
|
+
"prerelease": [
|
|
157
|
+
{
|
|
158
|
+
"author": "lingfangao@hotmail.com",
|
|
159
|
+
"package": "@fluentui/react-checkbox",
|
|
160
|
+
"comment": "Use new default pseudo element focus outline style",
|
|
161
|
+
"commit": "0ebd18ceaba3d032748f76da4ce06fcf8942c6c5"
|
|
162
|
+
},
|
|
163
|
+
{
|
|
164
|
+
"author": "beachball",
|
|
165
|
+
"package": "@fluentui/react-checkbox",
|
|
166
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.69",
|
|
167
|
+
"commit": "0ebd18ceaba3d032748f76da4ce06fcf8942c6c5"
|
|
168
|
+
}
|
|
169
|
+
]
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"date": "Wed, 29 Sep 2021 08:06:11 GMT",
|
|
6
174
|
"tag": "@fluentui/react-checkbox_v9.0.0-alpha.43",
|
|
7
175
|
"version": "9.0.0-alpha.43",
|
|
8
176
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,66 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-checkbox
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 05 Oct 2021 12:47:00 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.0-alpha.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-alpha.48)
|
|
8
|
+
|
|
9
|
+
Tue, 05 Oct 2021 12:47:00 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-alpha.47..@fluentui/react-checkbox_v9.0.0-alpha.48)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.78 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
|
|
15
|
+
- Bump @fluentui/react-label to v9.0.0-alpha.51 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
|
|
16
|
+
- Bump @fluentui/react-tabster to v9.0.0-alpha.73 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
|
|
17
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.53 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
|
|
18
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.22 ([PR #20108](https://github.com/microsoft/fluentui/pull/20108) by beachball)
|
|
19
|
+
|
|
20
|
+
## [9.0.0-alpha.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-alpha.47)
|
|
21
|
+
|
|
22
|
+
Tue, 05 Oct 2021 09:28:07 GMT
|
|
23
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-alpha.46..@fluentui/react-checkbox_v9.0.0-alpha.47)
|
|
24
|
+
|
|
25
|
+
### Changes
|
|
26
|
+
|
|
27
|
+
- Adds ForwardRefComponent to react-label components declaration ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by bsunderhus@microsoft.com)
|
|
28
|
+
- Adds ForwardRefComponent to react-checkbox components declaration ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by bsunderhus@microsoft.com)
|
|
29
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.77 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
30
|
+
- Bump @fluentui/react-utilities to v9.0.0-alpha.56 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
31
|
+
- Bump @fluentui/react-label to v9.0.0-alpha.50 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
32
|
+
- Bump @fluentui/react-tabster to v9.0.0-alpha.72 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
33
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.52 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
34
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.21 ([PR #20081](https://github.com/microsoft/fluentui/pull/20081) by beachball)
|
|
35
|
+
|
|
36
|
+
## [9.0.0-alpha.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-alpha.46)
|
|
37
|
+
|
|
38
|
+
Fri, 01 Oct 2021 14:13:08 GMT
|
|
39
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-alpha.44..@fluentui/react-checkbox_v9.0.0-alpha.46)
|
|
40
|
+
|
|
41
|
+
### Changes
|
|
42
|
+
|
|
43
|
+
- Bump v9 prerelease versions to rerelease ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by lingfangao@hotmail.com)
|
|
44
|
+
- Bump @fluentui/react-make-styles to v9.0.0-alpha.76 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
45
|
+
- Bump @fluentui/react-utilities to v9.0.0-alpha.55 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
46
|
+
- Bump @fluentui/react-label to v9.0.0-alpha.49 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
47
|
+
- Bump @fluentui/react-tabster to v9.0.0-alpha.71 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
48
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.51 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
49
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.20 ([PR #20069](https://github.com/microsoft/fluentui/pull/20069) by beachball)
|
|
50
|
+
|
|
51
|
+
## [9.0.0-alpha.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-alpha.44)
|
|
52
|
+
|
|
53
|
+
Fri, 01 Oct 2021 09:44:56 GMT
|
|
54
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-alpha.43..@fluentui/react-checkbox_v9.0.0-alpha.44)
|
|
55
|
+
|
|
56
|
+
### Changes
|
|
57
|
+
|
|
58
|
+
- Use new default pseudo element focus outline style ([PR #19990](https://github.com/microsoft/fluentui/pull/19990) by lingfangao@hotmail.com)
|
|
59
|
+
- Bump @fluentui/react-tabster to v9.0.0-alpha.69 ([PR #19990](https://github.com/microsoft/fluentui/pull/19990) by beachball)
|
|
60
|
+
|
|
7
61
|
## [9.0.0-alpha.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.0-alpha.43)
|
|
8
62
|
|
|
9
|
-
Wed, 29 Sep 2021 08:
|
|
63
|
+
Wed, 29 Sep 2021 08:06:11 GMT
|
|
10
64
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.0-alpha.42..@fluentui/react-checkbox_v9.0.0-alpha.43)
|
|
11
65
|
|
|
12
66
|
### Changes
|
package/dist/react-checkbox.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import { ComponentState } from '@fluentui/react-utilities';
|
|
3
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
3
4
|
import { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
4
5
|
import { LabelProps } from '@fluentui/react-label';
|
|
5
6
|
import { ObjectShorthandProps } from '@fluentui/react-utilities';
|
|
@@ -8,13 +9,7 @@ import * as React_2 from 'react';
|
|
|
8
9
|
/**
|
|
9
10
|
* A Checkbox component provides a way to represent options that can be selected
|
|
10
11
|
*/
|
|
11
|
-
export declare const Checkbox:
|
|
12
|
-
id?: string | undefined;
|
|
13
|
-
onChange?: ((ev: React_2.FormEvent<HTMLInputElement>, data: CheckboxOnChangeData) => void) | undefined;
|
|
14
|
-
defaultChecked?: boolean | "mixed" | undefined;
|
|
15
|
-
required?: boolean | undefined;
|
|
16
|
-
disabled?: boolean | undefined;
|
|
17
|
-
} & React_2.RefAttributes<HTMLElement>>;
|
|
12
|
+
export declare const Checkbox: ForwardRefComponent<CheckboxProps>;
|
|
18
13
|
|
|
19
14
|
/**
|
|
20
15
|
* TODO:
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { CheckboxProps } from './Checkbox.types';
|
|
2
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
2
3
|
/**
|
|
3
4
|
* A Checkbox component provides a way to represent options that can be selected
|
|
4
5
|
*/
|
|
5
|
-
export declare const Checkbox:
|
|
6
|
-
id?: string | undefined;
|
|
7
|
-
onChange?: ((ev: React.FormEvent<HTMLInputElement>, data: import("./Checkbox.types").CheckboxOnChangeData) => void) | undefined;
|
|
8
|
-
defaultChecked?: boolean | "mixed" | undefined;
|
|
9
|
-
required?: boolean | undefined;
|
|
10
|
-
disabled?: boolean | undefined;
|
|
11
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
export declare const Checkbox: ForwardRefComponent<CheckboxProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAIxD;;GAEG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAuC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;IACtF,IAAM,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEtC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,oBAAoB,EACpB,KAAK,EACL,yBAAyB,EACzB,aAAa,EACb,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACxG,OAAO,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';
|
|
2
|
-
import {
|
|
2
|
+
import { createFocusOutlineStyle } from '@fluentui/react-tabster';
|
|
3
3
|
/**
|
|
4
4
|
* Styles for the root slot
|
|
5
5
|
*/
|
|
@@ -14,98 +14,90 @@ var useStyles = makeStyles({
|
|
|
14
14
|
cursor: 'pointer',
|
|
15
15
|
}); },
|
|
16
16
|
disabled: function (theme) { return ({
|
|
17
|
-
color: theme.
|
|
17
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
18
18
|
cursor: 'default',
|
|
19
19
|
'& .ms-checkbox-indicator': {
|
|
20
|
-
borderColor: theme.
|
|
21
|
-
color: theme.
|
|
22
|
-
backgroundColor: theme.
|
|
20
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
21
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
22
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
23
23
|
},
|
|
24
24
|
':hover': {
|
|
25
25
|
'& .ms-checkbox-indicator': {
|
|
26
|
-
borderColor: theme.
|
|
27
|
-
color: theme.
|
|
28
|
-
backgroundColor: theme.
|
|
26
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
27
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
28
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
29
29
|
},
|
|
30
30
|
},
|
|
31
31
|
':active': {
|
|
32
32
|
'& .ms-checkbox-indicator': {
|
|
33
|
-
borderColor: theme.
|
|
34
|
-
color: theme.
|
|
35
|
-
backgroundColor: theme.
|
|
33
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
34
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
35
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
36
36
|
},
|
|
37
37
|
},
|
|
38
38
|
}); },
|
|
39
39
|
unchecked: function (theme) { return ({
|
|
40
|
-
color: theme.
|
|
40
|
+
color: theme.colorNeutralForeground3,
|
|
41
41
|
'& .ms-checkbox-indicator': {
|
|
42
|
-
borderColor: theme.
|
|
42
|
+
borderColor: theme.colorNeutralStrokeAccessible,
|
|
43
43
|
'& > *': {
|
|
44
44
|
opacity: 0,
|
|
45
45
|
},
|
|
46
46
|
},
|
|
47
47
|
':hover': {
|
|
48
|
-
color: theme.
|
|
48
|
+
color: theme.colorNeutralForeground2,
|
|
49
49
|
'& .ms-checkbox-indicator': {
|
|
50
|
-
borderColor: theme.
|
|
50
|
+
borderColor: theme.colorNeutralStrokeAccessibleHover,
|
|
51
51
|
},
|
|
52
52
|
},
|
|
53
53
|
':active': {
|
|
54
|
-
color: theme.
|
|
54
|
+
color: theme.colorNeutralForeground1,
|
|
55
55
|
'& .ms-checkbox-indicator': {
|
|
56
|
-
borderColor: theme.
|
|
56
|
+
borderColor: theme.colorNeutralStrokeAccessiblePressed,
|
|
57
57
|
},
|
|
58
58
|
},
|
|
59
59
|
}); },
|
|
60
60
|
checked: function (theme) { return ({
|
|
61
|
-
color: theme.
|
|
61
|
+
color: theme.colorNeutralForeground1,
|
|
62
62
|
// TODO: neutralForegroundInverted change to NeutralForegroundOnBrand once it's added
|
|
63
63
|
'& .ms-checkbox-indicator': {
|
|
64
|
-
backgroundColor: theme.
|
|
65
|
-
color: theme.
|
|
66
|
-
borderColor: theme.
|
|
64
|
+
backgroundColor: theme.colorCompoundBrandBackground,
|
|
65
|
+
color: theme.colorNeutralForegroundInverted,
|
|
66
|
+
borderColor: theme.colorBrandBackground,
|
|
67
67
|
},
|
|
68
68
|
':active': {
|
|
69
69
|
'& .ms-checkbox-indicator': {
|
|
70
|
-
backgroundColor: theme.
|
|
70
|
+
backgroundColor: theme.colorCompoundBrandBackgroundPressed,
|
|
71
71
|
},
|
|
72
72
|
},
|
|
73
73
|
':hover': {
|
|
74
74
|
'& .ms-checkbox-indicator': {
|
|
75
|
-
backgroundColor: theme.
|
|
75
|
+
backgroundColor: theme.colorCompoundBrandBackgroundHover,
|
|
76
76
|
},
|
|
77
77
|
},
|
|
78
78
|
}); },
|
|
79
79
|
mixed: function (theme) { return ({
|
|
80
|
-
color: theme.
|
|
80
|
+
color: theme.colorNeutralForeground1,
|
|
81
81
|
'& .ms-checkbox-indicator': {
|
|
82
|
-
borderColor: theme.
|
|
83
|
-
color: theme.
|
|
82
|
+
borderColor: theme.colorCompoundBrandStroke,
|
|
83
|
+
color: theme.colorCompoundBrandForeground1,
|
|
84
84
|
},
|
|
85
85
|
':active': {
|
|
86
86
|
'& .ms-checkbox-indicator': {
|
|
87
|
-
borderColor: theme.
|
|
88
|
-
color: theme.
|
|
87
|
+
borderColor: theme.colorCompoundBrandStrokePressed,
|
|
88
|
+
color: theme.colorCompoundBrandForeground1Pressed,
|
|
89
89
|
},
|
|
90
90
|
},
|
|
91
91
|
':hover': {
|
|
92
92
|
'& .ms-checkbox-indicator': {
|
|
93
|
-
borderColor: theme.
|
|
94
|
-
color: theme.
|
|
93
|
+
borderColor: theme.colorCompoundBrandStrokeHover,
|
|
94
|
+
color: theme.colorCompoundBrandForeground1Hover,
|
|
95
95
|
},
|
|
96
96
|
},
|
|
97
97
|
}); },
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
position: 'absolute',
|
|
102
|
-
width: '100%',
|
|
103
|
-
height: '100%',
|
|
104
|
-
border: "2px solid " + theme.alias.color.neutral.neutralForeground1,
|
|
105
|
-
borderRadius: '4px',
|
|
106
|
-
margin: '-6px',
|
|
107
|
-
},
|
|
108
|
-
}); }, { selector: 'focus-within' }),
|
|
98
|
+
focusIndicator: function (theme) {
|
|
99
|
+
return createFocusOutlineStyle(theme, { style: { outlineOffset: '2px' }, selector: 'focus-within' });
|
|
100
|
+
},
|
|
109
101
|
});
|
|
110
102
|
var useContainerStyles = makeStyles({
|
|
111
103
|
container: {
|
|
@@ -155,11 +147,11 @@ var useIndicatorStyles = makeStyles({
|
|
|
155
147
|
position: 'absolute',
|
|
156
148
|
boxSizing: 'border-box',
|
|
157
149
|
borderStyle: 'solid',
|
|
158
|
-
borderRadius: theme.
|
|
159
|
-
borderWidth: theme.
|
|
150
|
+
borderRadius: theme.borderRadiusSmall,
|
|
151
|
+
borderWidth: theme.strokeWidthThin,
|
|
160
152
|
}); },
|
|
161
153
|
circular: function (theme) { return ({
|
|
162
|
-
borderRadius: theme.
|
|
154
|
+
borderRadius: theme.borderRadiusCircular,
|
|
163
155
|
}); },
|
|
164
156
|
});
|
|
165
157
|
/**
|
|
@@ -171,7 +163,7 @@ export var useCheckboxStyles = function (state) {
|
|
|
171
163
|
var inputStyles = useInputStyles();
|
|
172
164
|
var containerStyles = useContainerStyles();
|
|
173
165
|
var styles = useStyles();
|
|
174
|
-
state.root.className = mergeClasses(styles.root, styles.
|
|
166
|
+
state.root.className = mergeClasses(styles.root, styles.focusIndicator, styles[checkedState], state.input.disabled && styles.disabled, state.root.className);
|
|
175
167
|
state.input.className = mergeClasses(containerStyles[state.size], inputStyles.input, state.input.disabled && inputStyles.disabled, state.input.className);
|
|
176
168
|
state.containerClassName = mergeClasses(containerStyles.container, containerStyles[state.size], !!state.root.children && containerStyles[state.labelPosition]);
|
|
177
169
|
state.indicator.className = mergeClasses(indicatorStyles.box, containerStyles[state.size], state.circular && indicatorStyles.circular, 'ms-checkbox-indicator', state.indicator.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { CheckboxProps } from './Checkbox.types';
|
|
2
|
+
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
2
3
|
/**
|
|
3
4
|
* A Checkbox component provides a way to represent options that can be selected
|
|
4
5
|
*/
|
|
5
|
-
export declare const Checkbox:
|
|
6
|
-
id?: string | undefined;
|
|
7
|
-
onChange?: ((ev: React.FormEvent<HTMLInputElement>, data: import("./Checkbox.types").CheckboxOnChangeData) => void) | undefined;
|
|
8
|
-
defaultChecked?: boolean | "mixed" | undefined;
|
|
9
|
-
required?: boolean | undefined;
|
|
10
|
-
disabled?: boolean | undefined;
|
|
11
|
-
} & React.RefAttributes<HTMLElement>>;
|
|
6
|
+
export declare const Checkbox: ForwardRefComponent<CheckboxProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6CAA4C;
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAAA,6BAA+B;AAC/B,6CAA4C;AAC5C,mDAAkD;AAClD,yDAAwD;AAIxD;;GAEG;AACU,QAAA,QAAQ,GAAuC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;IACtF,IAAM,KAAK,GAAG,yBAAW,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEtC,qCAAiB,CAAC,KAAK,CAAC,CAAC;IACzB,OAAO,+BAAc,CAAC,KAAK,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,6BAA+B;AAC/B,6DAQmC;AAEnC,+CAAwG;AACxG,
|
|
1
|
+
{"version":3,"file":"useCheckbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckbox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,98 +17,90 @@ var useStyles = react_make_styles_1.makeStyles({
|
|
|
17
17
|
cursor: 'pointer',
|
|
18
18
|
}); },
|
|
19
19
|
disabled: function (theme) { return ({
|
|
20
|
-
color: theme.
|
|
20
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
21
21
|
cursor: 'default',
|
|
22
22
|
'& .ms-checkbox-indicator': {
|
|
23
|
-
borderColor: theme.
|
|
24
|
-
color: theme.
|
|
25
|
-
backgroundColor: theme.
|
|
23
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
24
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
25
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
26
26
|
},
|
|
27
27
|
':hover': {
|
|
28
28
|
'& .ms-checkbox-indicator': {
|
|
29
|
-
borderColor: theme.
|
|
30
|
-
color: theme.
|
|
31
|
-
backgroundColor: theme.
|
|
29
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
30
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
31
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
':active': {
|
|
35
35
|
'& .ms-checkbox-indicator': {
|
|
36
|
-
borderColor: theme.
|
|
37
|
-
color: theme.
|
|
38
|
-
backgroundColor: theme.
|
|
36
|
+
borderColor: theme.colorNeutralStrokeDisabled,
|
|
37
|
+
color: theme.colorNeutralForegroundDisabled,
|
|
38
|
+
backgroundColor: theme.colorNeutralBackground1,
|
|
39
39
|
},
|
|
40
40
|
},
|
|
41
41
|
}); },
|
|
42
42
|
unchecked: function (theme) { return ({
|
|
43
|
-
color: theme.
|
|
43
|
+
color: theme.colorNeutralForeground3,
|
|
44
44
|
'& .ms-checkbox-indicator': {
|
|
45
|
-
borderColor: theme.
|
|
45
|
+
borderColor: theme.colorNeutralStrokeAccessible,
|
|
46
46
|
'& > *': {
|
|
47
47
|
opacity: 0,
|
|
48
48
|
},
|
|
49
49
|
},
|
|
50
50
|
':hover': {
|
|
51
|
-
color: theme.
|
|
51
|
+
color: theme.colorNeutralForeground2,
|
|
52
52
|
'& .ms-checkbox-indicator': {
|
|
53
|
-
borderColor: theme.
|
|
53
|
+
borderColor: theme.colorNeutralStrokeAccessibleHover,
|
|
54
54
|
},
|
|
55
55
|
},
|
|
56
56
|
':active': {
|
|
57
|
-
color: theme.
|
|
57
|
+
color: theme.colorNeutralForeground1,
|
|
58
58
|
'& .ms-checkbox-indicator': {
|
|
59
|
-
borderColor: theme.
|
|
59
|
+
borderColor: theme.colorNeutralStrokeAccessiblePressed,
|
|
60
60
|
},
|
|
61
61
|
},
|
|
62
62
|
}); },
|
|
63
63
|
checked: function (theme) { return ({
|
|
64
|
-
color: theme.
|
|
64
|
+
color: theme.colorNeutralForeground1,
|
|
65
65
|
// TODO: neutralForegroundInverted change to NeutralForegroundOnBrand once it's added
|
|
66
66
|
'& .ms-checkbox-indicator': {
|
|
67
|
-
backgroundColor: theme.
|
|
68
|
-
color: theme.
|
|
69
|
-
borderColor: theme.
|
|
67
|
+
backgroundColor: theme.colorCompoundBrandBackground,
|
|
68
|
+
color: theme.colorNeutralForegroundInverted,
|
|
69
|
+
borderColor: theme.colorBrandBackground,
|
|
70
70
|
},
|
|
71
71
|
':active': {
|
|
72
72
|
'& .ms-checkbox-indicator': {
|
|
73
|
-
backgroundColor: theme.
|
|
73
|
+
backgroundColor: theme.colorCompoundBrandBackgroundPressed,
|
|
74
74
|
},
|
|
75
75
|
},
|
|
76
76
|
':hover': {
|
|
77
77
|
'& .ms-checkbox-indicator': {
|
|
78
|
-
backgroundColor: theme.
|
|
78
|
+
backgroundColor: theme.colorCompoundBrandBackgroundHover,
|
|
79
79
|
},
|
|
80
80
|
},
|
|
81
81
|
}); },
|
|
82
82
|
mixed: function (theme) { return ({
|
|
83
|
-
color: theme.
|
|
83
|
+
color: theme.colorNeutralForeground1,
|
|
84
84
|
'& .ms-checkbox-indicator': {
|
|
85
|
-
borderColor: theme.
|
|
86
|
-
color: theme.
|
|
85
|
+
borderColor: theme.colorCompoundBrandStroke,
|
|
86
|
+
color: theme.colorCompoundBrandForeground1,
|
|
87
87
|
},
|
|
88
88
|
':active': {
|
|
89
89
|
'& .ms-checkbox-indicator': {
|
|
90
|
-
borderColor: theme.
|
|
91
|
-
color: theme.
|
|
90
|
+
borderColor: theme.colorCompoundBrandStrokePressed,
|
|
91
|
+
color: theme.colorCompoundBrandForeground1Pressed,
|
|
92
92
|
},
|
|
93
93
|
},
|
|
94
94
|
':hover': {
|
|
95
95
|
'& .ms-checkbox-indicator': {
|
|
96
|
-
borderColor: theme.
|
|
97
|
-
color: theme.
|
|
96
|
+
borderColor: theme.colorCompoundBrandStrokeHover,
|
|
97
|
+
color: theme.colorCompoundBrandForeground1Hover,
|
|
98
98
|
},
|
|
99
99
|
},
|
|
100
100
|
}); },
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
position: 'absolute',
|
|
105
|
-
width: '100%',
|
|
106
|
-
height: '100%',
|
|
107
|
-
border: "2px solid " + theme.alias.color.neutral.neutralForeground1,
|
|
108
|
-
borderRadius: '4px',
|
|
109
|
-
margin: '-6px',
|
|
110
|
-
},
|
|
111
|
-
}); }, { selector: 'focus-within' }),
|
|
101
|
+
focusIndicator: function (theme) {
|
|
102
|
+
return react_tabster_1.createFocusOutlineStyle(theme, { style: { outlineOffset: '2px' }, selector: 'focus-within' });
|
|
103
|
+
},
|
|
112
104
|
});
|
|
113
105
|
var useContainerStyles = react_make_styles_1.makeStyles({
|
|
114
106
|
container: {
|
|
@@ -158,11 +150,11 @@ var useIndicatorStyles = react_make_styles_1.makeStyles({
|
|
|
158
150
|
position: 'absolute',
|
|
159
151
|
boxSizing: 'border-box',
|
|
160
152
|
borderStyle: 'solid',
|
|
161
|
-
borderRadius: theme.
|
|
162
|
-
borderWidth: theme.
|
|
153
|
+
borderRadius: theme.borderRadiusSmall,
|
|
154
|
+
borderWidth: theme.strokeWidthThin,
|
|
163
155
|
}); },
|
|
164
156
|
circular: function (theme) { return ({
|
|
165
|
-
borderRadius: theme.
|
|
157
|
+
borderRadius: theme.borderRadiusCircular,
|
|
166
158
|
}); },
|
|
167
159
|
});
|
|
168
160
|
/**
|
|
@@ -174,7 +166,7 @@ var useCheckboxStyles = function (state) {
|
|
|
174
166
|
var inputStyles = useInputStyles();
|
|
175
167
|
var containerStyles = useContainerStyles();
|
|
176
168
|
var styles = useStyles();
|
|
177
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, styles.
|
|
169
|
+
state.root.className = react_make_styles_1.mergeClasses(styles.root, styles.focusIndicator, styles[checkedState], state.input.disabled && styles.disabled, state.root.className);
|
|
178
170
|
state.input.className = react_make_styles_1.mergeClasses(containerStyles[state.size], inputStyles.input, state.input.disabled && inputStyles.disabled, state.input.className);
|
|
179
171
|
state.containerClassName = react_make_styles_1.mergeClasses(containerStyles.container, containerStyles[state.size], !!state.root.children && containerStyles[state.labelPosition]);
|
|
180
172
|
state.indicator.className = react_make_styles_1.mergeClasses(indicatorStyles.box, containerStyles[state.size], state.circular && indicatorStyles.circular, 'ms-checkbox-indicator', state.indicator.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":";;;AAAA,iEAAuE;AACvE,
|
|
1
|
+
{"version":3,"file":"useCheckboxStyles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/useCheckboxStyles.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-checkbox",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.48",
|
|
4
4
|
"description": "Fluent UI checkbox component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@fluentui/eslint-plugin": "*",
|
|
28
|
-
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.
|
|
28
|
+
"@fluentui/jest-serializer-make-styles": "9.0.0-alpha.53",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-make-styles": "9.0.0-alpha.
|
|
30
|
+
"@fluentui/react-conformance-make-styles": "9.0.0-alpha.22",
|
|
31
31
|
"@fluentui/scripts": "^1.0.0",
|
|
32
32
|
"@types/enzyme": "3.10.3",
|
|
33
33
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
"react-test-renderer": "^16.3.0"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@fluentui/react-make-styles": "9.0.0-alpha.
|
|
45
|
-
"@fluentui/react-utilities": "9.0.0-alpha.
|
|
46
|
-
"@fluentui/react-label": "9.0.0-alpha.
|
|
47
|
-
"@fluentui/react-tabster": "9.0.0-alpha.
|
|
44
|
+
"@fluentui/react-make-styles": "9.0.0-alpha.78",
|
|
45
|
+
"@fluentui/react-utilities": "9.0.0-alpha.56",
|
|
46
|
+
"@fluentui/react-label": "9.0.0-alpha.51",
|
|
47
|
+
"@fluentui/react-tabster": "9.0.0-alpha.73",
|
|
48
48
|
"tslib": "^2.1.0"
|
|
49
49
|
},
|
|
50
50
|
"peerDependencies": {
|