@fluentui/react-accordion 0.0.0-nightlya21bfaceec20220202.1 → 0.0.0-nightlyb2b3ec1da320220209.1

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 (28) hide show
  1. package/CHANGELOG.json +76 -46
  2. package/CHANGELOG.md +19 -15
  3. package/dist/react-accordion.d.ts +12 -9
  4. package/lib/components/Accordion/Accordion.types.d.ts +2 -2
  5. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +9 -6
  6. package/lib/components/AccordionHeader/renderAccordionHeader.js +1 -1
  7. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  8. package/lib/components/AccordionHeader/useAccordionHeader.js +2 -2
  9. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  10. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +5 -1
  11. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  12. package/lib/components/AccordionItem/AccordionItem.types.d.ts +2 -2
  13. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  14. package/lib/components/AccordionPanel/useAccordionPanel.js +0 -1
  15. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  16. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +2 -2
  17. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +9 -6
  18. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -1
  19. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  20. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +2 -2
  21. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  22. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +5 -1
  23. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  24. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +2 -2
  25. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  26. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +0 -1
  27. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  28. package/package.json +12 -12
package/CHANGELOG.json CHANGED
@@ -2,23 +2,71 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 02 Feb 2022 04:13:23 GMT",
6
- "tag": "@fluentui/react-accordion_v0.0.0-nightlya21bfaceec20220202.1",
7
- "version": "0.0.0-nightlya21bfaceec20220202.1",
5
+ "date": "Wed, 09 Feb 2022 04:13:04 GMT",
6
+ "tag": "@fluentui/react-accordion_v0.0.0-nightlyb2b3ec1da320220209.1",
7
+ "version": "0.0.0-nightlyb2b3ec1da320220209.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-accordion",
13
- "commit": "e975312642c322c9f393ec8345ead680d9df154a",
13
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
+ {
17
+ "author": "olfedias@microsoft.com",
18
+ "package": "@fluentui/react-accordion",
19
+ "commit": "b23239743c4f5518bcf7dcad496a36fc16bbd2e5",
20
+ "comment": "update @fluentui/react-icons package"
21
+ },
22
+ {
23
+ "author": "olfedias@microsoft.com",
24
+ "package": "@fluentui/react-accordion",
25
+ "commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
26
+ "comment": "update styles to not use CSS shorthands"
27
+ },
28
+ {
29
+ "author": "behowell@microsoft.com",
30
+ "package": "@fluentui/react-accordion",
31
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
32
+ "comment": "Refactor component Slot typings"
33
+ },
34
+ {
35
+ "author": "tristan.watanabe@gmail.com",
36
+ "package": "@fluentui/react-accordion",
37
+ "commit": "13f940ea4687d769dd2faf61edc27ff75f6bb565",
38
+ "comment": "Allow React 17 in peerDependencies."
39
+ },
40
+ {
41
+ "author": "behowell@microsoft.com",
42
+ "package": "@fluentui/react-accordion",
43
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
44
+ "comment": "Remove component's shorthandProps array"
45
+ },
46
+ {
47
+ "author": "olfedias@microsoft.com",
48
+ "package": "@fluentui/react-accordion",
49
+ "commit": "a2e02b2015b1f9307c69c8ecf005c166d496e206",
50
+ "comment": "use Griffel packages"
51
+ },
52
+ {
53
+ "author": "Humberto.Morimoto@microsoft.com",
54
+ "package": "@fluentui/react-accordion",
55
+ "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
56
+ "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
57
+ },
16
58
  {
17
59
  "author": "bsunderhus@microsoft.com",
18
60
  "package": "@fluentui/react-accordion",
19
61
  "commit": "940a86cbd6a9f711d275df3a823292b527017852",
20
62
  "comment": "Removes children as a slot from AccordionHeader"
21
63
  },
64
+ {
65
+ "author": "sarah.higley@microsoft.com",
66
+ "package": "@fluentui/react-accordion",
67
+ "commit": "d0758018bf44c69e01451c8a6bd4f73b43e397b7",
68
+ "comment": "update semantic elements and ARIA roles in react-accordion, add heading level story"
69
+ },
22
70
  {
23
71
  "author": "ololubek@microsoft.com",
24
72
  "package": "@fluentui/react-accordion",
@@ -55,85 +103,67 @@
55
103
  "commit": "dfb5538a2494b48cbb61702c4c2c9aaf8de37a6f",
56
104
  "comment": "Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead"
57
105
  },
58
- {
59
- "author": "olfedias@microsoft.com",
60
- "package": "@fluentui/react-accordion",
61
- "commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
62
- "comment": "update styles to not use CSS shorthands"
63
- },
64
- {
65
- "author": "behowell@microsoft.com",
66
- "package": "@fluentui/react-accordion",
67
- "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
68
- "comment": "Remove component's shorthandProps array"
69
- },
70
- {
71
- "author": "olfedias@microsoft.com",
72
- "package": "@fluentui/react-accordion",
73
- "commit": "a2e02b2015b1f9307c69c8ecf005c166d496e206",
74
- "comment": "use Griffel packages"
75
- },
76
- {
77
- "author": "Humberto.Morimoto@microsoft.com",
78
- "package": "@fluentui/react-accordion",
79
- "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
80
- "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
81
- },
82
106
  {
83
107
  "author": "beachball",
84
108
  "package": "@fluentui/react-accordion",
85
- "comment": "Bump @fluentui/react-aria to v0.0.0-nightlya21bfaceec20220202.1",
86
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
109
+ "comment": "Bump @fluentui/react-aria to v0.0.0-nightlyb2b3ec1da320220209.1",
110
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
87
111
  },
88
112
  {
89
113
  "author": "beachball",
90
114
  "package": "@fluentui/react-accordion",
91
- "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlya21bfaceec20220202.1",
92
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
115
+ "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightlyb2b3ec1da320220209.1",
116
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
93
117
  },
94
118
  {
95
119
  "author": "beachball",
96
120
  "package": "@fluentui/react-accordion",
97
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlya21bfaceec20220202.1",
98
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
121
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyb2b3ec1da320220209.1",
122
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
99
123
  },
100
124
  {
101
125
  "author": "beachball",
102
126
  "package": "@fluentui/react-accordion",
103
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightlya21bfaceec20220202.1",
104
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
127
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyb2b3ec1da320220209.1",
128
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
105
129
  },
106
130
  {
107
131
  "author": "beachball",
108
132
  "package": "@fluentui/react-accordion",
109
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlya21bfaceec20220202.1",
110
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
133
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyb2b3ec1da320220209.1",
134
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
111
135
  },
112
136
  {
113
137
  "author": "beachball",
114
138
  "package": "@fluentui/react-accordion",
115
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlya21bfaceec20220202.1",
116
- "commit": "e975312642c322c9f393ec8345ead680d9df154a"
139
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyb2b3ec1da320220209.1",
140
+ "commit": "066f84c7bef7f4df47448557396199d8b7f26480"
117
141
  }
118
142
  ],
119
143
  "none": [
120
- {
121
- "author": "olfedias@microsoft.com",
122
- "package": "@fluentui/react-accordion",
123
- "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
124
- "comment": "remove inline-style-expand-shorthand from tsconfigs"
125
- },
126
144
  {
127
145
  "author": "martinhochel@microsoft.com",
128
146
  "package": "@fluentui/react-accordion",
129
147
  "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
130
148
  "comment": "chore: update all jest deps to v25 + apply single version policy"
131
149
  },
150
+ {
151
+ "author": "bsunderhus@microsoft.com",
152
+ "package": "@fluentui/react-accordion",
153
+ "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
154
+ "comment": "Updates components with nullRender changes"
155
+ },
132
156
  {
133
157
  "author": "martinhochel@microsoft.com",
134
158
  "package": "@fluentui/react-accordion",
135
159
  "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
136
160
  "comment": "chore: use storybook runner for all vNext packages"
161
+ },
162
+ {
163
+ "author": "olfedias@microsoft.com",
164
+ "package": "@fluentui/react-accordion",
165
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
166
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
137
167
  }
138
168
  ]
139
169
  }
package/CHANGELOG.md CHANGED
@@ -1,34 +1,38 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Wed, 02 Feb 2022 04:13:23 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 09 Feb 2022 04:13:04 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlya21bfaceec20220202.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlya21bfaceec20220202.1)
7
+ ## [0.0.0-nightlyb2b3ec1da320220209.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightlyb2b3ec1da320220209.1)
8
8
 
9
- Wed, 02 Feb 2022 04:13:23 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightlya21bfaceec20220202.1)
9
+ Wed, 09 Feb 2022 04:13:04 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightlyb2b3ec1da320220209.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by email not defined)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by email not defined)
15
+ - update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
16
+ - update styles to not use CSS shorthands ([PR #20800](https://github.com/microsoft/fluentui/pull/20800) by olfedias@microsoft.com)
17
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
18
+ - Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
19
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
20
+ - use Griffel packages ([PR #21394](https://github.com/microsoft/fluentui/pull/21394) by olfedias@microsoft.com)
21
+ - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
15
22
  - Removes children as a slot from AccordionHeader ([PR #21285](https://github.com/microsoft/fluentui/pull/21285) by bsunderhus@microsoft.com)
23
+ - update semantic elements and ARIA roles in react-accordion, add heading level story ([PR #21401](https://github.com/microsoft/fluentui/pull/21401) by sarah.higley@microsoft.com)
16
24
  - Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
17
25
  - BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
18
26
  - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
19
27
  - Updating packages based on changes to focusIndicator functions to remove functions from makeStyles in @fluentui/react-tabster. ([PR #21035](https://github.com/microsoft/fluentui/pull/21035) by Humberto.Morimoto@microsoft.com)
20
28
  - Replacing use of functions in makeStyles with direct use of tokens. ([PR #21036](https://github.com/microsoft/fluentui/pull/21036) by Humberto.Morimoto@microsoft.com)
21
29
  - Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead ([PR #21218](https://github.com/microsoft/fluentui/pull/21218) by behowell@microsoft.com)
22
- - update styles to not use CSS shorthands ([PR #20800](https://github.com/microsoft/fluentui/pull/20800) by olfedias@microsoft.com)
23
- - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
24
- - use Griffel packages ([PR #21394](https://github.com/microsoft/fluentui/pull/21394) by olfedias@microsoft.com)
25
- - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
26
- - Bump @fluentui/react-aria to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
27
- - Bump @fluentui/react-context-selector to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
28
- - Bump @fluentui/react-tabster to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
29
- - Bump @fluentui/react-theme to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
30
- - Bump @fluentui/react-utilities to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
31
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightlya21bfaceec20220202.1 ([commit](https://github.com/microsoft/fluentui/commit/e975312642c322c9f393ec8345ead680d9df154a) by beachball)
30
+ - Bump @fluentui/react-aria to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
31
+ - Bump @fluentui/react-context-selector to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
32
+ - Bump @fluentui/react-tabster to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
33
+ - Bump @fluentui/react-theme to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
34
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
35
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyb2b3ec1da320220209.1 ([commit](https://github.com/microsoft/fluentui/commit/066f84c7bef7f4df47448557396199d8b7f26480) by beachball)
32
36
 
33
37
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.5)
34
38
 
package/dist/react-accordion.d.ts CHANGED
@@ -3,8 +3,8 @@ import type { ComponentProps } from '@fluentui/react-utilities';
3
3
  import type { ComponentState } from '@fluentui/react-utilities';
4
4
  import type { Context } from '@fluentui/react-context-selector';
5
5
  import type { ForwardRefComponent } from '@fluentui/react-utilities';
6
- import type { IntrinsicSlotProps } from '@fluentui/react-utilities';
7
6
  import * as React_2 from 'react';
7
+ import type { Slot } from '@fluentui/react-utilities';
8
8
 
9
9
  /**
10
10
  * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
@@ -82,24 +82,27 @@ export declare type AccordionHeaderContextValues = {
82
82
 
83
83
  export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
84
84
 
85
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
85
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
86
86
 
87
87
  export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
88
88
 
89
89
  export declare type AccordionHeaderSlots = {
90
- root: IntrinsicSlotProps<'div'>;
90
+ /**
91
+ * The element wrapping the button. By default this is a div, but can be a heading.
92
+ */
93
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
91
94
  /**
92
95
  * The component to be used as button in heading
93
96
  */
94
- button: ARIAButtonSlotProps;
97
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
95
98
  /**
96
99
  * Expand icon slot rendered before (or after) children content in heading
97
100
  */
98
- expandIcon: IntrinsicSlotProps<'span'>;
101
+ expandIcon: Slot<'span'>;
99
102
  /**
100
103
  * Expand icon slot rendered before (or after) children content in heading
101
104
  */
102
- icon?: IntrinsicSlotProps<'div'>;
105
+ icon?: Slot<'div'>;
103
106
  };
104
107
 
105
108
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
@@ -138,7 +141,7 @@ export declare type AccordionItemContextValues = {
138
141
  export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
139
142
 
140
143
  export declare type AccordionItemSlots = {
141
- root: IntrinsicSlotProps<'div'>;
144
+ root: Slot<'div'>;
142
145
  };
143
146
 
144
147
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -155,7 +158,7 @@ export declare const accordionPanelClassName = "fui-AccordionPanel";
155
158
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
156
159
 
157
160
  export declare type AccordionPanelSlots = {
158
- root: IntrinsicSlotProps<'div'>;
161
+ root: Slot<'div'>;
159
162
  };
160
163
 
161
164
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -178,7 +181,7 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
178
181
  };
179
182
 
180
183
  export declare type AccordionSlots = {
181
- root: IntrinsicSlotProps<'div'>;
184
+ root: Slot<'div'>;
182
185
  };
183
186
 
184
187
  export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
package/lib/components/Accordion/Accordion.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
2
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
3
  import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
4
4
  export declare type AccordionIndex = number | number[];
5
5
  export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
@@ -33,7 +33,7 @@ export declare type AccordionContextValues = {
33
33
  accordion: AccordionContextValue;
34
34
  };
35
35
  export declare type AccordionSlots = {
36
- root: IntrinsicSlotProps<'div'>;
36
+ root: Slot<'div'>;
37
37
  };
38
38
  export declare type AccordionToggleData = {
39
39
  value: AccordionItemValue;
package/lib/components/AccordionHeader/AccordionHeader.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
3
3
  export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
4
4
  export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
@@ -12,19 +12,22 @@ export declare type AccordionHeaderContextValues = {
12
12
  accordionHeader: AccordionHeaderContextValue;
13
13
  };
14
14
  export declare type AccordionHeaderSlots = {
15
- root: IntrinsicSlotProps<'div'>;
15
+ /**
16
+ * The element wrapping the button. By default this is a div, but can be a heading.
17
+ */
18
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
16
19
  /**
17
20
  * The component to be used as button in heading
18
21
  */
19
- button: ARIAButtonSlotProps;
22
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
20
23
  /**
21
24
  * Expand icon slot rendered before (or after) children content in heading
22
25
  */
23
- expandIcon: IntrinsicSlotProps<'span'>;
26
+ expandIcon: Slot<'span'>;
24
27
  /**
25
28
  * Expand icon slot rendered before (or after) children content in heading
26
29
  */
27
- icon?: IntrinsicSlotProps<'div'>;
30
+ icon?: Slot<'div'>;
28
31
  };
29
32
  export declare type AccordionHeaderCommons = {
30
33
  /**
@@ -40,5 +43,5 @@ export declare type AccordionHeaderCommons = {
40
43
  */
41
44
  inline: boolean;
42
45
  };
43
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
46
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
44
47
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
package/lib/components/AccordionHeader/renderAccordionHeader.js CHANGED
@@ -15,7 +15,7 @@ export const renderAccordionHeader_unstable = (state, contextValues) => {
15
15
  }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
16
16
  }, /*#__PURE__*/React.createElement(slots.button, { ...slotProps.button
17
17
  }, state.expandIconPosition === 'start' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
18
- }), /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
18
+ }), slots.icon && /*#__PURE__*/React.createElement(slots.icon, { ...slotProps.icon
19
19
  }), slotProps.root.children, state.expandIconPosition === 'end' && /*#__PURE__*/React.createElement(slots.expandIcon, { ...slotProps.expandIcon
20
20
  }))));
21
21
  };
package/lib/components/AccordionHeader/renderAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,8BAA8B,GAAG,CAC5C,KAD4C,EAE5C,aAF4C,KAG1C;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,sBAAsB,CAAC,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,iBAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,eAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFF,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,iBAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAlBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AACA,SAAS,sBAAT,QAAuC,0BAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,8BAA8B,GAAG,CAC5C,KAD4C,EAE5C,aAF4C,KAG1C;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAuB,KAAvB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,sBAAsB,CAAC,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,iBAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,EAEG,KAAK,CAAC,IAAN,iBAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,iBAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAlBM","sourceRoot":""}
package/lib/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -14,6 +14,7 @@ import { useFluent } from '@fluentui/react-shared-contexts';
14
14
 
15
15
  export const useAccordionHeader_unstable = (props, ref) => {
16
16
  const {
17
+ as,
17
18
  icon,
18
19
  button,
19
20
  expandIcon,
@@ -66,9 +67,8 @@ export const useAccordionHeader_unstable = (props, ref) => {
66
67
  expandIcon: 'span',
67
68
  icon: 'div'
68
69
  },
69
- root: getNativeElementProps('div', {
70
+ root: getNativeElementProps(as || 'div', {
70
71
  ref,
71
- role: 'heading',
72
72
  ...props
73
73
  }),
74
74
  icon: resolveShorthand(icon),
package/lib/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -41,6 +41,10 @@ const useStyles = /*#__PURE__*/__styles({
41
41
  "root": {
42
42
  "sj55zd": "f19n0e5",
43
43
  "De3pzq": "fxugw4r",
44
+ "B6of3ja": "f1hu3pq6",
45
+ "t21cq0": ["f11qmguv", "f1tyq0we"],
46
+ "jrapky": "f19f4twv",
47
+ "Frg6f3": ["f1tyq0we", "f11qmguv"],
44
48
  "Bbmb7ep": ["f2i1086", "f1rlsnju"],
45
49
  "Beyfa6y": ["f1rlsnju", "f2i1086"],
46
50
  "B7oj6ja": ["f1stktl2", "f1127022"],
@@ -113,7 +117,7 @@ const useStyles = /*#__PURE__*/__styles({
113
117
  "Frg6f3": ["f1oou7ox", "f1pxv85q"]
114
118
  }
115
119
  }, {
116
- "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
120
+ "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
117
121
  "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
118
122
  });
119
123
  /** Applies style classnames to slots */
package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA8EA;;;AACA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,wBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHU,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CACnC,MAAM,CAAC,WAD4B,EAEnC,MAAM,CAAC,MAF4B,EAGnC,MAAM,CAAC,cAH4B,EAInC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJY,EAKnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALE,EAMnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANE,EAOnC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPJ,EAQnC,KAAK,CAAC,MAAN,CAAa,SARsB,CAArC;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,YAAY,CACvC,MAAM,CAAC,UADgC,EAEvC,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFR,EAGvC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHN,EAIvC,KAAK,CAAC,UAAN,CAAiB,SAJsB,CAAzC;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFZ,EAGjC,KAAK,CAAC,IAAN,CAAW,SAHsB,CAAnC;AAKD;;AACD,SAAO,KAAP;AACD,CArCM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,gBAArD;AACA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AAGA,OAAO,MAAM,wBAAwB,GAAG,qBAAjC;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA+EA;;;AACA,OAAO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,wBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHU,EAIjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJQ,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,YAAY,CACnC,MAAM,CAAC,WAD4B,EAEnC,MAAM,CAAC,MAF4B,EAGnC,MAAM,CAAC,cAH4B,EAInC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJY,EAKnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALE,EAMnC,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANE,EAOnC,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPJ,EAQnC,KAAK,CAAC,MAAN,CAAa,SARsB,CAArC;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,YAAY,CACvC,MAAM,CAAC,UADgC,EAEvC,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFR,EAGvC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHN,EAIvC,KAAK,CAAC,UAAN,CAAiB,SAJsB,CAAzC;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFZ,EAGjC,KAAK,CAAC,IAAN,CAAW,SAHsB,CAAnC;AAKD;;AACD,SAAO,KAAP;AACD,CArCM","sourceRoot":""}
package/lib/components/AccordionItem/AccordionItem.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
2
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
3
  export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
4
4
  open: boolean;
5
5
  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
@@ -8,7 +8,7 @@ export declare type AccordionItemContextValues = {
8
8
  accordionItem: AccordionItemContextValue;
9
9
  };
10
10
  export declare type AccordionItemSlots = {
11
- root: IntrinsicSlotProps<'div'>;
11
+ root: Slot<'div'>;
12
12
  };
13
13
  export declare type AccordionItemCommons = {
14
14
  /**
package/lib/components/AccordionPanel/AccordionPanel.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type AccordionPanelSlots = {
3
- root: IntrinsicSlotProps<'div'>;
3
+ root: Slot<'div'>;
4
4
  };
5
5
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
6
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
package/lib/components/AccordionPanel/useAccordionPanel.js CHANGED
@@ -17,7 +17,6 @@ export const useAccordionPanel_unstable = (props, ref) => {
17
17
  },
18
18
  root: getNativeElementProps('div', {
19
19
  ref,
20
- role: 'region',
21
20
  ...props
22
21
  })
23
22
  };
package/lib/components/AccordionPanel/useAccordionPanel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,gCAAgC,EAAjD;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAAR;AALtB,GAAP;AAWD,CAhBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AACA,SAAS,gCAAT,QAAiD,wBAAjD;AAGA;;;;AAIG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,gCAAgC,EAAjD;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AALtB,GAAP;AAUD,CAfM","sourceRoot":""}
package/lib-commonjs/components/Accordion/Accordion.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
2
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
3
  import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
4
4
  export declare type AccordionIndex = number | number[];
5
5
  export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
@@ -33,7 +33,7 @@ export declare type AccordionContextValues = {
33
33
  accordion: AccordionContextValue;
34
34
  };
35
35
  export declare type AccordionSlots = {
36
- root: IntrinsicSlotProps<'div'>;
36
+ root: Slot<'div'>;
37
37
  };
38
38
  export declare type AccordionToggleData = {
39
39
  value: AccordionItemValue;
package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
3
3
  export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
4
4
  export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
@@ -12,19 +12,22 @@ export declare type AccordionHeaderContextValues = {
12
12
  accordionHeader: AccordionHeaderContextValue;
13
13
  };
14
14
  export declare type AccordionHeaderSlots = {
15
- root: IntrinsicSlotProps<'div'>;
15
+ /**
16
+ * The element wrapping the button. By default this is a div, but can be a heading.
17
+ */
18
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
16
19
  /**
17
20
  * The component to be used as button in heading
18
21
  */
19
- button: ARIAButtonSlotProps;
22
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
20
23
  /**
21
24
  * Expand icon slot rendered before (or after) children content in heading
22
25
  */
23
- expandIcon: IntrinsicSlotProps<'span'>;
26
+ expandIcon: Slot<'span'>;
24
27
  /**
25
28
  * Expand icon slot rendered before (or after) children content in heading
26
29
  */
27
- icon?: IntrinsicSlotProps<'div'>;
30
+ icon?: Slot<'div'>;
28
31
  };
29
32
  export declare type AccordionHeaderCommons = {
30
33
  /**
@@ -40,5 +43,5 @@ export declare type AccordionHeaderCommons = {
40
43
  */
41
44
  inline: boolean;
42
45
  };
43
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
46
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
44
47
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js CHANGED
@@ -25,7 +25,7 @@ const renderAccordionHeader_unstable = (state, contextValues) => {
25
25
  }, React.createElement(slots.root, { ...slotProps.root
26
26
  }, React.createElement(slots.button, { ...slotProps.button
27
27
  }, state.expandIconPosition === 'start' && React.createElement(slots.expandIcon, { ...slotProps.expandIcon
28
- }), React.createElement(slots.icon, { ...slotProps.icon
28
+ }), slots.icon && React.createElement(slots.icon, { ...slotProps.icon
29
29
  }), slotProps.root.children, state.expandIconPosition === 'end' && React.createElement(slots.expandIcon, { ...slotProps.expandIcon
30
30
  }))));
31
31
  };
package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,8BAA8B,GAAG,CAC5C,KAD4C,EAE5C,aAF4C,KAG1C;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA+B,KAA/B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,wBAAA,CAAA,sBAAA,CAAuB,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,EAEE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFF,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAlBM;;AAAM,OAAA,CAAA,8BAAA,GAA8B,8BAA9B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,wBAAA,gBAAA,OAAA,CAAA,0BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,8BAA8B,GAAG,CAC5C,KAD4C,EAE5C,aAF4C,KAG1C;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAA+B,KAA/B,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAC,wBAAA,CAAA,sBAAA,CAAuB,QAAxB,EAAgC;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAhC,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,MAAP,EAAa,EAAA,GAAK,SAAS,CAAC;AAAf,GAAb,EACG,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAD3C,EAEG,KAAK,CAAC,IAAN,IAAc,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAFjB,EAGG,SAAS,CAAC,IAAV,CAAe,QAHlB,EAIG,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,UAAP,EAAiB,EAAA,GAAK,SAAS,CAAC;AAAf,GAAjB,CAJzC,CADF,CADF,CADF;AAYD,CAlBM;;AAAM,OAAA,CAAA,8BAAA,GAA8B,8BAA9B","sourceRoot":""}
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js CHANGED
@@ -29,6 +29,7 @@ const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-con
29
29
 
30
30
  const useAccordionHeader_unstable = (props, ref) => {
31
31
  const {
32
+ as,
32
33
  icon,
33
34
  button,
34
35
  expandIcon,
@@ -81,9 +82,8 @@ const useAccordionHeader_unstable = (props, ref) => {
81
82
  expandIcon: 'span',
82
83
  icon: 'div'
83
84
  },
84
- root: react_utilities_1.getNativeElementProps('div', {
85
+ root: react_utilities_1.getNativeElementProps(as || 'div', {
85
86
  ref,
86
- role: 'heading',
87
87
  ...props
88
88
  }),
89
89
  icon: react_utilities_1.resolveShorthand(icon),
package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"names":[],"mappings":"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","sourceRoot":""}
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js CHANGED
@@ -51,6 +51,10 @@ const useStyles = /*#__PURE__*/react_1.__styles({
51
51
  "root": {
52
52
  "sj55zd": "f19n0e5",
53
53
  "De3pzq": "fxugw4r",
54
+ "B6of3ja": "f1hu3pq6",
55
+ "t21cq0": ["f11qmguv", "f1tyq0we"],
56
+ "jrapky": "f19f4twv",
57
+ "Frg6f3": ["f1tyq0we", "f11qmguv"],
54
58
  "Bbmb7ep": ["f2i1086", "f1rlsnju"],
55
59
  "Beyfa6y": ["f1rlsnju", "f2i1086"],
56
60
  "B7oj6ja": ["f1stktl2", "f1127022"],
@@ -123,7 +127,7 @@ const useStyles = /*#__PURE__*/react_1.__styles({
123
127
  "Frg6f3": ["f1oou7ox", "f1pxv85q"]
124
128
  }
125
129
  }, {
126
- "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
130
+ "d": [".f1e4lqlz{box-sizing:content-box;}", ".f1u2r49w{background-color:inherit;}", ".f1ym3bx4{color:inherit;}", ".f1mo0ibp{font-family:inherit;}", ".fjoy568{font-size:inherit;}", ".fytdu2e{line-height:normal;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f37px4s{-webkit-appearance:button;}", ".f1xqy1su{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}", ".fgusgyc{text-align:unset;}", "[data-keyboard-nav] .fc85khu:focus{border-color:transparent;}", "[data-keyboard-nav] .f1pxpxw8:focus:after{content:\"\";}", "[data-keyboard-nav] .f1149fnl:focus:after{position:absolute;}", "[data-keyboard-nav] .fd1orka:focus:after{pointer-events:none;}", "[data-keyboard-nav] .fgtqheg:focus:after{box-sizing:outline-box;}", "[data-keyboard-nav] .fq7mjg8:focus:after{z-index:1;}", "[data-keyboard-nav] .fq9bj62:focus:after{border-style:solid;}", "[data-keyboard-nav] .fy07e8r:focus:after{border-width:2px;}", "[data-keyboard-nav] .f1ha6shg:focus:after{border-radius:var(--borderRadiusMedium);}", "[data-keyboard-nav] .f4ltwxu:focus:after{border-color:var(--colorStrokeFocus2);}", "[data-keyboard-nav] .f1284xzw:focus:after{top:-2px;}", "[data-keyboard-nav] .f14dru39:focus:after{bottom:-2px;}", "[data-keyboard-nav] .fvabyfg:focus:after{left:-2px;}", "[data-keyboard-nav] .f12y1wz2:focus:after{right:-2px;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}", ".f2i1086{border-bottom-right-radius:2px;}", ".f1rlsnju{border-bottom-left-radius:2px;}", ".f1stktl2{border-top-right-radius:2px;}", ".f1127022{border-top-left-radius:2px;}", ".fwrgwhw{background-image:none;}", ".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}", ".f14t3ns0{display:inline-block;}", ".f10pi13n{position:relative;}", ".f1wfwcyy{width:calc(100% - 22px);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f1p3nwhy{border-top-color:transparent;}", ".f11589ue{border-right-color:transparent;}", ".f1pdflbu{border-left-color:transparent;}", ".f1q5o8ev{border-bottom-color:transparent;}", ".f81rol6{padding-right:10px;}", ".frdkuqy{padding-left:10px;}", ".f1ft4266{height:44px;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f1k6fduh{cursor:pointer;}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1d2rq10{height:32px;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".fez10in{line-height:0;}", ".fe5j1ua{font-size:20px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}", ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}", ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}", ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}", ".f1phki43{margin-right:8px;}", ".ff9s3yw{margin-left:8px;}", ".f1oou7ox{margin-left:10px;}", ".f1pxv85q{margin-right:10px;}"],
127
131
  "i": [".f2hkw1w:focus-visible{outline-style:none;}"]
128
132
  });
129
133
  /** Applies style classnames to slots */
package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAA2B,qBAA3B;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA8EA;;;AACO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,wBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHF,EAIrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJJ,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,OAAA,CAAA,YAAA,CACvB,MAAM,CAAC,WADgB,EAEvB,MAAM,CAAC,MAFgB,EAGvB,MAAM,CAAC,cAHgB,EAIvB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJA,EAKvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALV,EAMvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANV,EAOvB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPhB,EAQvB,KAAK,CAAC,MAAN,CAAa,SARU,CAAzB;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,OAAA,CAAA,YAAA,CAC3B,MAAM,CAAC,UADoB,EAE3B,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFpB,EAG3B,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHlB,EAI3B,KAAK,CAAC,UAAN,CAAiB,SAJU,CAA7B;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFxB,EAGrB,KAAK,CAAC,IAAN,CAAW,SAHU,CAAvB;AAKD;;AACD,SAAO,KAAP;AACD,CArCM;;AAAM,OAAA,CAAA,iCAAA,GAAiC,iCAAjC","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,wBAAA,GAA2B,qBAA3B;;AAEb,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA+EA;;;AACO,MAAM,iCAAiC,GAAI,KAAD,IAAgC;AAC/E,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,OAAA,CAAA,wBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UAHF,EAIrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAJJ,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,MAAN,CAAa,SAAb,GAAyB,OAAA,CAAA,YAAA,CACvB,MAAM,CAAC,WADgB,EAEvB,MAAM,CAAC,MAFgB,EAGvB,MAAM,CAAC,cAHgB,EAIvB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,YAJA,EAKvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WALV,EAMvB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,WANV,EAOvB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,gBAPhB,EAQvB,KAAK,CAAC,MAAN,CAAa,SARU,CAAzB;;AAWA,MAAI,KAAK,CAAC,UAAV,EAAsB;AACpB,IAAA,KAAK,CAAC,UAAN,CAAiB,SAAjB,GAA6B,OAAA,CAAA,YAAA,CAC3B,MAAM,CAAC,UADoB,EAE3B,KAAK,CAAC,kBAAN,KAA6B,OAA7B,IAAwC,MAAM,CAAC,eAFpB,EAG3B,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,aAHlB,EAI3B,KAAK,CAAC,UAAN,CAAiB,SAJU,CAA7B;AAMD;;AACD,MAAI,KAAK,CAAC,IAAV,EAAgB;AACd,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,OAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,kBAAN,KAA6B,KAA7B,IAAsC,MAAM,CAAC,iBAFxB,EAGrB,KAAK,CAAC,IAAN,CAAW,SAHU,CAAvB;AAKD;;AACD,SAAO,KAAP;AACD,CArCM;;AAAM,OAAA,CAAA,iCAAA,GAAiC,iCAAjC","sourceRoot":""}
package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
2
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
3
3
  export declare type AccordionItemContextValue = Omit<AccordionItemCommons, 'value'> & {
4
4
  open: boolean;
5
5
  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;
@@ -8,7 +8,7 @@ export declare type AccordionItemContextValues = {
8
8
  accordionItem: AccordionItemContextValue;
9
9
  };
10
10
  export declare type AccordionItemSlots = {
11
- root: IntrinsicSlotProps<'div'>;
11
+ root: Slot<'div'>;
12
12
  };
13
13
  export declare type AccordionItemCommons = {
14
14
  /**
package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
- import type { ComponentProps, ComponentState, IntrinsicSlotProps } from '@fluentui/react-utilities';
1
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
2
  export declare type AccordionPanelSlots = {
3
- root: IntrinsicSlotProps<'div'>;
3
+ root: Slot<'div'>;
4
4
  };
5
5
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
6
6
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js CHANGED
@@ -26,7 +26,6 @@ const useAccordionPanel_unstable = (props, ref) => {
26
26
  },
27
27
  root: react_utilities_1.getNativeElementProps('div', {
28
28
  ref,
29
- role: 'region',
30
29
  ...props
31
30
  })
32
31
  };
package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,MAAA,IAAI,EAAE,QAF2B;AAGjC,SAAG;AAH8B,KAA7B;AALD,GAAP;AAWD,CAhBM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;AAGA;;;;AAIG;;;AACI,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM;AAAE,IAAA;AAAF,MAAW,OAAA,CAAA,gCAAA,EAAjB;AACA,SAAO;AACL,IAAA,IADK;AAEL,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAFP;AAKL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AALD,GAAP;AAUD,CAfM;;AAAM,OAAA,CAAA,0BAAA,GAA0B,0BAA1B","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "0.0.0-nightlya21bfaceec20220202.1",
3
+ "version": "0.0.0-nightlyb2b3ec1da320220209.1",
4
4
  "description": "Fluent UI accordion component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -28,7 +28,7 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightlya21bfaceec20220202.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightlyb2b3ec1da320220209.1",
32
32
  "@fluentui/scripts": "^1.0.0",
33
33
  "@types/enzyme": "3.10.3",
34
34
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -42,20 +42,20 @@
42
42
  "react-test-renderer": "^16.3.0"
43
43
  },
44
44
  "dependencies": {
45
- "@fluentui/react-aria": "0.0.0-nightlya21bfaceec20220202.1",
46
- "@fluentui/react-context-selector": "0.0.0-nightlya21bfaceec20220202.1",
47
- "@fluentui/react-icons": "^2.0.154-beta.5",
45
+ "@fluentui/react-aria": "0.0.0-nightlyb2b3ec1da320220209.1",
46
+ "@fluentui/react-context-selector": "0.0.0-nightlyb2b3ec1da320220209.1",
47
+ "@fluentui/react-icons": "^2.0.159-beta.10",
48
48
  "@griffel/react": "1.0.0",
49
- "@fluentui/react-tabster": "0.0.0-nightlya21bfaceec20220202.1",
50
- "@fluentui/react-theme": "0.0.0-nightlya21bfaceec20220202.1",
51
- "@fluentui/react-utilities": "0.0.0-nightlya21bfaceec20220202.1",
49
+ "@fluentui/react-tabster": "0.0.0-nightlyb2b3ec1da320220209.1",
50
+ "@fluentui/react-theme": "0.0.0-nightlyb2b3ec1da320220209.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightlyb2b3ec1da320220209.1",
52
52
  "tslib": "^2.1.0"
53
53
  },
54
54
  "peerDependencies": {
55
- "@types/react": ">=16.8.0 <17.0.0",
56
- "@types/react-dom": ">=16.8.0 <17.0.0",
57
- "react": ">=16.8.0 <17.0.0",
58
- "react-dom": ">=16.8.0 <17.0.0"
55
+ "@types/react": ">=16.8.0 <18.0.0",
56
+ "@types/react-dom": ">=16.8.0 <18.0.0",
57
+ "react": ">=16.8.0 <18.0.0",
58
+ "react-dom": ">=16.8.0 <18.0.0"
59
59
  },
60
60
  "beachball": {
61
61
  "disallowedChangeTypes": [