@fluentui/react-accordion 0.0.0-nightly946f57cad420220203.1 → 0.0.0-nightly96d9c9354420220210.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 (16) hide show
  1. package/CHANGELOG.json +52 -22
  2. package/CHANGELOG.md +16 -12
  3. package/dist/react-accordion.d.ts +12 -12
  4. package/lib/components/Accordion/Accordion.types.d.ts +4 -3
  5. package/lib/components/AccordionHeader/AccordionHeader.types.d.ts +8 -7
  6. package/lib/components/AccordionHeader/renderAccordionHeader.js +1 -1
  7. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  8. package/lib/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  9. package/lib/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  10. package/lib-commonjs/components/Accordion/Accordion.types.d.ts +4 -3
  11. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.d.ts +8 -7
  12. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +1 -1
  13. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  14. package/lib-commonjs/components/AccordionItem/AccordionItem.types.d.ts +4 -3
  15. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.d.ts +2 -2
  16. package/package.json +11 -11
package/CHANGELOG.json CHANGED
@@ -2,23 +2,17 @@
2
2
  "name": "@fluentui/react-accordion",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 03 Feb 2022 04:16:57 GMT",
6
- "tag": "@fluentui/react-accordion_v0.0.0-nightly946f57cad420220203.1",
7
- "version": "0.0.0-nightly946f57cad420220203.1",
5
+ "date": "Thu, 10 Feb 2022 04:16:38 GMT",
6
+ "tag": "@fluentui/react-accordion_v0.0.0-nightly96d9c9354420220210.1",
7
+ "version": "0.0.0-nightly96d9c9354420220210.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-accordion",
13
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c",
13
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
- {
17
- "author": "behowell@microsoft.com",
18
- "package": "@fluentui/react-accordion",
19
- "commit": "dfb5538a2494b48cbb61702c4c2c9aaf8de37a6f",
20
- "comment": "Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead"
21
- },
22
16
  {
23
17
  "author": "olfedias@microsoft.com",
24
18
  "package": "@fluentui/react-accordion",
@@ -31,6 +25,24 @@
31
25
  "commit": "b8537fb52cc3cc2787be5675c65300e01d882add",
32
26
  "comment": "update styles to not use CSS shorthands"
33
27
  },
28
+ {
29
+ "author": "mgodbolt@microsoft.com",
30
+ "package": "@fluentui/react-accordion",
31
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
32
+ "comment": "remove export of commons types"
33
+ },
34
+ {
35
+ "author": "behowell@microsoft.com",
36
+ "package": "@fluentui/react-accordion",
37
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
38
+ "comment": "Refactor component Slot typings"
39
+ },
40
+ {
41
+ "author": "tristan.watanabe@gmail.com",
42
+ "package": "@fluentui/react-accordion",
43
+ "commit": "13f940ea4687d769dd2faf61edc27ff75f6bb565",
44
+ "comment": "Allow React 17 in peerDependencies."
45
+ },
34
46
  {
35
47
  "author": "behowell@microsoft.com",
36
48
  "package": "@fluentui/react-accordion",
@@ -55,6 +67,12 @@
55
67
  "commit": "940a86cbd6a9f711d275df3a823292b527017852",
56
68
  "comment": "Removes children as a slot from AccordionHeader"
57
69
  },
70
+ {
71
+ "author": "lingfangao@hotmail.com",
72
+ "package": "@fluentui/react-accordion",
73
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
74
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
75
+ },
58
76
  {
59
77
  "author": "sarah.higley@microsoft.com",
60
78
  "package": "@fluentui/react-accordion",
@@ -91,41 +109,47 @@
91
109
  "commit": "22ef7434eddbe45d8818b16ff43c3488ac84ae45",
92
110
  "comment": "Replacing use of functions in makeStyles with direct use of tokens."
93
111
  },
112
+ {
113
+ "author": "behowell@microsoft.com",
114
+ "package": "@fluentui/react-accordion",
115
+ "commit": "dfb5538a2494b48cbb61702c4c2c9aaf8de37a6f",
116
+ "comment": "Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead"
117
+ },
94
118
  {
95
119
  "author": "beachball",
96
120
  "package": "@fluentui/react-accordion",
97
- "comment": "Bump @fluentui/react-aria to v0.0.0-nightly946f57cad420220203.1",
98
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
121
+ "comment": "Bump @fluentui/react-aria to v0.0.0-nightly96d9c9354420220210.1",
122
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
99
123
  },
100
124
  {
101
125
  "author": "beachball",
102
126
  "package": "@fluentui/react-accordion",
103
- "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly946f57cad420220203.1",
104
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
127
+ "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly96d9c9354420220210.1",
128
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
105
129
  },
106
130
  {
107
131
  "author": "beachball",
108
132
  "package": "@fluentui/react-accordion",
109
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly946f57cad420220203.1",
110
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
133
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly96d9c9354420220210.1",
134
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
111
135
  },
112
136
  {
113
137
  "author": "beachball",
114
138
  "package": "@fluentui/react-accordion",
115
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly946f57cad420220203.1",
116
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
139
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly96d9c9354420220210.1",
140
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
117
141
  },
118
142
  {
119
143
  "author": "beachball",
120
144
  "package": "@fluentui/react-accordion",
121
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly946f57cad420220203.1",
122
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
145
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly96d9c9354420220210.1",
146
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
123
147
  },
124
148
  {
125
149
  "author": "beachball",
126
150
  "package": "@fluentui/react-accordion",
127
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly946f57cad420220203.1",
128
- "commit": "1d230926e10b3b722bd932be1ec39faaf340671c"
151
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly96d9c9354420220210.1",
152
+ "commit": "df0f6db42df4395871de937d79a23fc5c3d82831"
129
153
  }
130
154
  ],
131
155
  "none": [
@@ -135,6 +159,12 @@
135
159
  "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
136
160
  "comment": "chore: update all jest deps to v25 + apply single version policy"
137
161
  },
162
+ {
163
+ "author": "bsunderhus@microsoft.com",
164
+ "package": "@fluentui/react-accordion",
165
+ "commit": "c0d4e63ee58e60e2c6674efbacc0783cd520984e",
166
+ "comment": "Updates components with nullRender changes"
167
+ },
138
168
  {
139
169
  "author": "martinhochel@microsoft.com",
140
170
  "package": "@fluentui/react-accordion",
package/CHANGELOG.md CHANGED
@@ -1,36 +1,40 @@
1
1
  # Change Log - @fluentui/react-accordion
2
2
 
3
- This log was last generated on Thu, 03 Feb 2022 04:16:57 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 10 Feb 2022 04:16:38 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly946f57cad420220203.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly946f57cad420220203.1)
7
+ ## [0.0.0-nightly96d9c9354420220210.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v0.0.0-nightly96d9c9354420220210.1)
8
8
 
9
- Thu, 03 Feb 2022 04:16:57 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightly946f57cad420220203.1)
9
+ Thu, 10 Feb 2022 04:16:38 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.0-beta.5..@fluentui/react-accordion_v0.0.0-nightly96d9c9354420220210.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by email not defined)
15
- - Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead ([PR #21218](https://github.com/microsoft/fluentui/pull/21218) by behowell@microsoft.com)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by email not defined)
16
15
  - update @fluentui/react-icons package ([PR #21498](https://github.com/microsoft/fluentui/pull/21498) by olfedias@microsoft.com)
17
16
  - update styles to not use CSS shorthands ([PR #20800](https://github.com/microsoft/fluentui/pull/20800) by olfedias@microsoft.com)
17
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
18
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
19
+ - Allow React 17 in peerDependencies. ([PR #21544](https://github.com/microsoft/fluentui/pull/21544) by tristan.watanabe@gmail.com)
18
20
  - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
19
21
  - use Griffel packages ([PR #21394](https://github.com/microsoft/fluentui/pull/21394) by olfedias@microsoft.com)
20
22
  - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
21
23
  - Removes children as a slot from AccordionHeader ([PR #21285](https://github.com/microsoft/fluentui/pull/21285) by bsunderhus@microsoft.com)
24
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
22
25
  - 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)
23
26
  - Update react-icons usage to resizable icons ([PR #21074](https://github.com/microsoft/fluentui/pull/21074) by ololubek@microsoft.com)
24
27
  - 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)
25
28
  - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
26
29
  - 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)
27
30
  - 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)
28
- - Bump @fluentui/react-aria to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
29
- - Bump @fluentui/react-context-selector to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
30
- - Bump @fluentui/react-tabster to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
31
- - Bump @fluentui/react-theme to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
32
- - Bump @fluentui/react-utilities to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
33
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly946f57cad420220203.1 ([commit](https://github.com/microsoft/fluentui/commit/1d230926e10b3b722bd932be1ec39faaf340671c) by beachball)
31
+ - Remove AccordionHeaderExpandIcon, and use ChevronRightRegular from @fluentui/react-icons instead ([PR #21218](https://github.com/microsoft/fluentui/pull/21218) by behowell@microsoft.com)
32
+ - Bump @fluentui/react-aria to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
33
+ - Bump @fluentui/react-context-selector to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
34
+ - Bump @fluentui/react-tabster to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
35
+ - Bump @fluentui/react-theme to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
36
+ - Bump @fluentui/react-utilities to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
37
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly96d9c9354420220210.1 ([commit](https://github.com/microsoft/fluentui/commit/df0f6db42df4395871de937d79a23fc5c3d82831) by beachball)
34
38
 
35
39
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.0-beta.5)
36
40
 
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.
@@ -13,7 +13,7 @@ export declare const Accordion: ForwardRefComponent<AccordionProps>;
13
13
 
14
14
  export declare const accordionClassName = "fui-Accordion";
15
15
 
16
- export declare type AccordionCommons = {
16
+ declare type AccordionCommons = {
17
17
  /**
18
18
  * Indicates if keyboard navigation is available
19
19
  */
@@ -54,7 +54,7 @@ export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
54
54
 
55
55
  export declare const accordionHeaderClassName = "fui-AccordionHeader";
56
56
 
57
- export declare type AccordionHeaderCommons = {
57
+ declare type AccordionHeaderCommons = {
58
58
  /**
59
59
  * Size of spacing in the heading
60
60
  */
@@ -82,7 +82,7 @@ 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
 
@@ -90,19 +90,19 @@ export declare type AccordionHeaderSlots = {
90
90
  /**
91
91
  * The element wrapping the button. By default this is a div, but can be a heading.
92
92
  */
93
- root: IntrinsicSlotProps<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
93
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
94
94
  /**
95
95
  * The component to be used as button in heading
96
96
  */
97
- button: ARIAButtonSlotProps;
97
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
98
98
  /**
99
99
  * Expand icon slot rendered before (or after) children content in heading
100
100
  */
101
- expandIcon: IntrinsicSlotProps<'span'>;
101
+ expandIcon: Slot<'span'>;
102
102
  /**
103
103
  * Expand icon slot rendered before (or after) children content in heading
104
104
  */
105
- icon?: IntrinsicSlotProps<'div'>;
105
+ icon?: Slot<'div'>;
106
106
  };
107
107
 
108
108
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
@@ -116,7 +116,7 @@ export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
116
116
 
117
117
  export declare const accordionItemClassName = "fui-AccordionItem";
118
118
 
119
- export declare type AccordionItemCommons = {
119
+ declare type AccordionItemCommons = {
120
120
  /**
121
121
  * Disables opening/closing of panel
122
122
  */
@@ -141,7 +141,7 @@ export declare type AccordionItemContextValues = {
141
141
  export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
142
142
 
143
143
  export declare type AccordionItemSlots = {
144
- root: IntrinsicSlotProps<'div'>;
144
+ root: Slot<'div'>;
145
145
  };
146
146
 
147
147
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
@@ -158,7 +158,7 @@ export declare const accordionPanelClassName = "fui-AccordionPanel";
158
158
  export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
159
159
 
160
160
  export declare type AccordionPanelSlots = {
161
- root: IntrinsicSlotProps<'div'>;
161
+ root: Slot<'div'>;
162
162
  };
163
163
 
164
164
  export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
@@ -181,7 +181,7 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
181
181
  };
182
182
 
183
183
  export declare type AccordionSlots = {
184
- root: IntrinsicSlotProps<'div'>;
184
+ root: Slot<'div'>;
185
185
  };
186
186
 
187
187
  export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
package/lib/components/Accordion/Accordion.types.d.ts CHANGED
@@ -1,10 +1,10 @@
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>;
6
6
  export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
7
- export declare type AccordionCommons = {
7
+ declare type AccordionCommons = {
8
8
  /**
9
9
  * Indicates if keyboard navigation is available
10
10
  */
@@ -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;
@@ -50,3 +50,4 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
50
50
  onToggle?: AccordionToggleEventHandler;
51
51
  };
52
52
  export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
53
+ export {};
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';
@@ -15,21 +15,21 @@ export declare type AccordionHeaderSlots = {
15
15
  /**
16
16
  * The element wrapping the button. By default this is a div, but can be a heading.
17
17
  */
18
- root: IntrinsicSlotProps<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
18
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
19
19
  /**
20
20
  * The component to be used as button in heading
21
21
  */
22
- button: ARIAButtonSlotProps;
22
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
23
23
  /**
24
24
  * Expand icon slot rendered before (or after) children content in heading
25
25
  */
26
- expandIcon: IntrinsicSlotProps<'span'>;
26
+ expandIcon: Slot<'span'>;
27
27
  /**
28
28
  * Expand icon slot rendered before (or after) children content in heading
29
29
  */
30
- icon?: IntrinsicSlotProps<'div'>;
30
+ icon?: Slot<'div'>;
31
31
  };
32
- export declare type AccordionHeaderCommons = {
32
+ declare type AccordionHeaderCommons = {
33
33
  /**
34
34
  * Size of spacing in the heading
35
35
  */
@@ -43,5 +43,6 @@ export declare type AccordionHeaderCommons = {
43
43
  */
44
44
  inline: boolean;
45
45
  };
46
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
46
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
47
47
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
48
+ export {};
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/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,9 +8,9 @@ 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
- export declare type AccordionItemCommons = {
13
+ declare type AccordionItemCommons = {
14
14
  /**
15
15
  * Disables opening/closing of panel
16
16
  */
@@ -23,3 +23,4 @@ export declare type AccordionItemCommons = {
23
23
  export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
24
24
  export declare type AccordionItemValue = unknown;
25
25
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
26
+ export {};
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-commonjs/components/Accordion/Accordion.types.d.ts CHANGED
@@ -1,10 +1,10 @@
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>;
6
6
  export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
7
- export declare type AccordionCommons = {
7
+ declare type AccordionCommons = {
8
8
  /**
9
9
  * Indicates if keyboard navigation is available
10
10
  */
@@ -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;
@@ -50,3 +50,4 @@ export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<Ac
50
50
  onToggle?: AccordionToggleEventHandler;
51
51
  };
52
52
  export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;
53
+ export {};
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';
@@ -15,21 +15,21 @@ export declare type AccordionHeaderSlots = {
15
15
  /**
16
16
  * The element wrapping the button. By default this is a div, but can be a heading.
17
17
  */
18
- root: IntrinsicSlotProps<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
18
+ root: Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
19
19
  /**
20
20
  * The component to be used as button in heading
21
21
  */
22
- button: ARIAButtonSlotProps;
22
+ button: NonNullable<Slot<ARIAButtonSlotProps>>;
23
23
  /**
24
24
  * Expand icon slot rendered before (or after) children content in heading
25
25
  */
26
- expandIcon: IntrinsicSlotProps<'span'>;
26
+ expandIcon: Slot<'span'>;
27
27
  /**
28
28
  * Expand icon slot rendered before (or after) children content in heading
29
29
  */
30
- icon?: IntrinsicSlotProps<'div'>;
30
+ icon?: Slot<'div'>;
31
31
  };
32
- export declare type AccordionHeaderCommons = {
32
+ declare type AccordionHeaderCommons = {
33
33
  /**
34
34
  * Size of spacing in the heading
35
35
  */
@@ -43,5 +43,6 @@ export declare type AccordionHeaderCommons = {
43
43
  */
44
44
  inline: boolean;
45
45
  };
46
- export declare type AccordionHeaderProps = ComponentProps<AccordionHeaderSlots> & Partial<AccordionHeaderCommons>;
46
+ export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & Partial<AccordionHeaderCommons>;
47
47
  export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & AccordionHeaderCommons & AccordionHeaderContextValue;
48
+ export {};
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/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,9 +8,9 @@ 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
- export declare type AccordionItemCommons = {
13
+ declare type AccordionItemCommons = {
14
14
  /**
15
15
  * Disables opening/closing of panel
16
16
  */
@@ -23,3 +23,4 @@ export declare type AccordionItemCommons = {
23
23
  export declare type AccordionItemProps = ComponentProps<AccordionItemSlots> & Partial<AccordionItemCommons> & Pick<AccordionItemCommons, 'value'>;
24
24
  export declare type AccordionItemValue = unknown;
25
25
  export declare type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemCommons & AccordionItemContextValue;
26
+ export {};
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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-accordion",
3
- "version": "0.0.0-nightly946f57cad420220203.1",
3
+ "version": "0.0.0-nightly96d9c9354420220210.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-nightly946f57cad420220203.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly96d9c9354420220210.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-nightly946f57cad420220203.1",
46
- "@fluentui/react-context-selector": "0.0.0-nightly946f57cad420220203.1",
45
+ "@fluentui/react-aria": "0.0.0-nightly96d9c9354420220210.1",
46
+ "@fluentui/react-context-selector": "0.0.0-nightly96d9c9354420220210.1",
47
47
  "@fluentui/react-icons": "^2.0.159-beta.10",
48
48
  "@griffel/react": "1.0.0",
49
- "@fluentui/react-tabster": "0.0.0-nightly946f57cad420220203.1",
50
- "@fluentui/react-theme": "0.0.0-nightly946f57cad420220203.1",
51
- "@fluentui/react-utilities": "0.0.0-nightly946f57cad420220203.1",
49
+ "@fluentui/react-tabster": "0.0.0-nightly96d9c9354420220210.1",
50
+ "@fluentui/react-theme": "0.0.0-nightly96d9c9354420220210.1",
51
+ "@fluentui/react-utilities": "0.0.0-nightly96d9c9354420220210.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": [